@progress/kendo-react-buttons 7.2.3-develop.1 → 7.2.3-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/cdn/js/kendo-react-buttons.js +1 -1
  2. package/index.js +1 -1
  3. package/index.mjs +5 -3
  4. package/package.json +3 -3
package/dist/cdn/js/kendo-react-buttons.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the package root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- (function(p,F){typeof exports=="object"&&typeof module!="undefined"?F(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup"),require("@progress/kendo-svg-icons")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-popup","@progress/kendo-svg-icons"],F):(p=typeof globalThis!="undefined"?globalThis:p||self,F(p.KendoReactButtons={},p.React,p.PropTypes,p.KendoReactCommon,p.KendoReactPopup,p.KendoSvgIcons))})(this,function(p,F,s,n,fe,Ne){"use strict";"use client";function Ze(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const a=Ze(F),z={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};function Ge({imageUrl:e,name:i,iconClass:t,svgIcon:l,imageAlt:r}){return e?a.createElement("img",{role:"presentation",className:"k-button-icon",alt:r,src:e}):i||l?a.createElement(n.IconWrap,{className:"k-button-icon",name:i,icon:l}):t?a.createElement("span",{role:"presentation",className:n.classNames("k-button-icon",t)}):null}const q=class extends a.Component{constructor(e){super(e),this._element=null,this.handleClick=i=>{this.toggleIfApplicable(),this.props.onClick&&this.props.onClick.call(void 0,i)},n.validatePackage(z),this.state={selected:this.props.togglable===!0&&this.props.selected===!0}}get element(){return this._element}get selected(){return this._selectedTemp!==void 0?this._selectedTemp:this.state.selected}static getDerivedStateFromProps(e,i){return e.togglable&&e.selected!==void 0&&e.selected!==i.selected?{selected:e.selected}:null}render(){const{children:e,togglable:i,icon:t,iconClass:l,svgIcon:r,imageUrl:o,imageAlt:d,className:u,onClick:m,size:y=q.defaultProps.size,rounded:h=q.defaultProps.rounded,fillMode:k=q.defaultProps.fillMode,themeColor:N=q.defaultProps.themeColor,...w}=this.props,K=r!==void 0||t!==void 0||l!==void 0||o!==void 0,S=e!==void 0,x=Ge({name:t,svgIcon:r,iconClass:l,imageUrl:o,imageAlt:d});return a.createElement("button",{ref:E=>this._element=E,"aria-pressed":i?this.state.selected:void 0,...w,onClick:this.handleClick,className:n.classNames("k-button",{[`k-button-${n.kendoThemeMaps.sizeMap[y]||y}`]:y,[`k-button-${k}`]:k,[`k-button-${k}-${N}`]:!!(k&&N),[`k-rounded-${n.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-icon-button":!S&&K,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},x,e&&a.createElement("span",{className:"k-button-text"},e))}toggleIfApplicable(){if(this.props.togglable&&this.props.selected===void 0){const e=!this.state.selected;this._selectedTemp=e,this.setState({selected:e},()=>this._selectedTemp=void 0)}}};let $=q;$.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])},$.defaultProps={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const Xe={button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"},Ke=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",Se=["button"+Ke,".k-button-group > button"+Ke,".k-colorpicker",".k-dropdownlist"],T={styles:Xe}.styles;class Be extends a.Component{constructor(i){super(i),this._element=null,n.validatePackage(z)}render(){const i=this.mapButtons(this.props.children),t=n.classNames([T["button-group"]],{["k-disabled"]:this.props.disabled,[T["button-group-stretched"]]:!!this.props.width},this.props.className),l={className:t,style:{width:`${this.props.width}`},dir:this.props.dir,role:"group","aria-disabled":this.props.disabled};return a.createElement("div",{ref:r=>{this._element=r},...l,className:t},i)}mapButtons(i){const t=a.Children.count(i),l=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return a.Children.map(i,(r,o)=>a.isValidElement(r)?this.renderButton(r,o,o===t-1,l):r)}renderButton(i,t,l,r){const o=n.classNames(i.props.className,{[T["group-start"]]:r?l:t===0,[T["group-end"]]:r?t===0:l}),d={...this.props.width?{width:this.props.width}:{},...i.props.style||{}},u=this.props.disabled||i.props.disabled,m={...i.props,...o?{className:o}:{},...Object.keys(d).length?{style:d}:{},...u!==void 0?{disabled:u}:{}};return a.Children.count(i.props.children)>0?a.cloneElement(i,m,i.props.children):a.cloneElement(i,m)}}Be.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const pe=e=>{const i=a.useCallback(o=>{e.onClick(o,e.index)},[e]),t=e.dataItem.render||e.item||(e.item===void 0?e.render:null),l=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,r=a.createElement("li",{id:e.id,className:n.classNames("k-item",e.className,{"k-focus":e.focused}),tabIndex:-1,onClick:i,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},a.createElement("span",{tabIndex:-1,className:n.classNames("k-link k-menu-link",{"k-selected":e.dataItem.selected,"k-disabled":e.dataItem.disabled}),key:"icon"},t?a.createElement(t,{item:e.dataItem,itemIndex:e.index}):a.createElement(a.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&a.createElement(n.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&a.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),l&&a.createElement("span",{className:"k-menu-link-text"},l))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,r,e):r};pe.displayName="KendoReactButtonItem";class be extends a.Component{render(){return null}}be.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const Ce=(e,i,t,l)=>{if(t)return e;const r=Math.min(l-1,Math.max(0,e));switch(i){case n.Keys.enter:case n.Keys.space:case n.Keys.esc:return-1;case n.Keys.up:case n.Keys.left:return r-1<0?l-1:r-1;case n.Keys.down:case n.Keys.right:return r+1>=l?0:r+1;case n.Keys.home:return 0;case n.Keys.end:return l-1;default:return e}};function Fe(e){let i={horizontal:"left",vertical:"bottom"};return e&&(i.horizontal="right"),i}function ze(e){let i={horizontal:"left",vertical:"top"};return e&&(i.horizontal="right"),i}let ee=class extends a.Component{constructor(i){super(i),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:l}=this.state;if(t.altKey){!this.opened&&t.keyCode===n.Keys.down?(t.preventDefault(),this.setState({focusedIndex:0}),this.setOpen(!0,t)):this.opened&&t.keyCode===n.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}let r;if(t.keyCode===n.Keys.enter||t.keyCode===n.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,l),l>=0){r={focusedIndex:this.opened?-1:0};const o=!this.opened;this.setOpen(o,t)}}else if(this.opened&&t.keyCode===n.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const o=Ce(l,t.keyCode,t.altKey,this.buttonsData.length);o!==l&&(r=r||{},r.focusedIndex=o);const d=t.keyCode===n.Keys.up||t.keyCode===n.Keys.down||t.keyCode===n.Keys.left||t.keyCode===n.Keys.right;!t.altKey&&(d||t.keyCode===n.Keys.home||t.keyCode===n.Keys.end)&&t.preventDefault()}r&&this.setState(r)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.onFocus=t=>{this.skipFocus||(n.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=(t,l)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),l?this.dispatchPopupEvent(l,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,l)=>{this.opened&&this.setState({focusedIndex:0}),this.dispatchClickEvent(t,l),this.setOpen(!1,t)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.onPopupClose=t=>{var r;const l=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(l===this.list||(r=this.list)!=null&&r.contains(l))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onSplitPartClick=t=>{if(this.buttonsData.length){const l=!this.opened;this.setState({focusedIndex:l?0:-1,focused:!0}),this.setOpen(l,t)}},this.onDownSplitPart=t=>{t.preventDefault();const l=n.getActiveElement(document);this.element&&l!==this.element&&l!==this.list&&this.element.focus()},this.onItemDown=t=>{n.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,l)=>{n.dispatchEvent(l?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},n.validatePackage(z)}get guid(){return this.props.id?this.props.id+"-accessibility-id":this.props.id}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){this.buttonsData=this.props.items||a.Children.toArray(this.props.children).filter(u=>u&&u.type===be).map(u=>u.props);const i=this.isRtl(),t=i?"rtl":void 0,{id:l,style:r,tabIndex:o,disabled:d}=this.props;return a.createElement("div",{id:l,style:r,className:n.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${n.kendoThemeMaps.roundedMap[this.props.rounded||"medium"]}`,this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:t,ref:u=>this.wrapper=u},a.createElement($,{ref:u=>this.mainButton=u&&u.element,type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:u=>this.onItemClick(u,-1),disabled:d||void 0,tabIndex:o,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,imageUrl:this.props.imageUrl,dir:t,"aria-disabled":d,"aria-haspopup":!0,"aria-expanded":this.opened||void 0,"aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,id:"button-"+this.guid,title:this.props.title},this.props.text),a.createElement($,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Ne.caretAltDownIcon,className:"k-split-button-arrow",disabled:d||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:t,"aria-label":"menu toggling button"}),this.renderPopup(i))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(i,t){this.isItemDisabled(t)||(t===-1?n.dispatchEvent(this.props.onButtonClick,i,this,void 0):n.dispatchEvent(this.props.onItemClick,i,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(i){const{popupSettings:t={}}=this.props,{focusedIndex:l}=this.state;return a.createElement(fe.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:n.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Fe(i),popupAlign:t.popupAlign||ze(i),style:i?{direction:"rtl"}:void 0,onClose:this.onPopupClose},a.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,ref:this.listRef,"aria-activedescendant":l>=0?`${this.guid}-${l}`:void 0,className:n.classNames("k-menu-group",{[`k-menu-group-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:i,itemRender:t,textField:l}=this.props;return this.buttonsData.length>0?this.buttonsData.map((r,o)=>a.createElement(pe,{className:"k-menu-item",dataItem:r,textField:l,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:i,key:o,index:o,id:`${this.guid}-${o}`})):null}isItemDisabled(i){return this.buttonsData[i]?this.buttonsData[i].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}};ee.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onButtonClick:s.func,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,text:s.string,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.any,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},ee.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class ge extends a.Component{render(){return null}}ge.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,selected:s.bool,disabled:s.bool,render:s.any};let te=class extends a.Component{constructor(i){super(i),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:l}=this.state;if(t.altKey){!this.opened&&t.keyCode===n.Keys.down?(t.preventDefault(),this.setOpen(!0,t),this.setState({focusedIndex:0})):this.opened&&t.keyCode===n.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}const r={...this.state};if(t.keyCode===n.Keys.enter||t.keyCode===n.Keys.space){t.preventDefault(),l>=0&&this.dispatchClickEvent(t,l);const o=!this.opened;this.setState({focused:!0,focusedIndex:o?0:-1}),this.setOpen(o,t);return}if(this.opened&&t.keyCode===n.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const o=Ce(l,t.keyCode,t.altKey,this.buttonsData.length);r.focusedIndex=o;const d=t.keyCode===n.Keys.up||t.keyCode===n.Keys.down||t.keyCode===n.Keys.left||t.keyCode===n.Keys.right;!t.altKey&&(d||t.keyCode===n.Keys.home||t.keyCode===n.Keys.end)&&t.preventDefault()}this.setState(r)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.handleFocus=t=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),n.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleButtonBlur=t=>{this.opened||(this.setState({focused:!1}),n.dispatchEvent(this.props.onBlur,t,this,void 0))},this.handleMenuBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.setOpen=(t,l)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),l?this.dispatchPopupEvent(l,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,l)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(t,l),this.setOpen(!1,t)},this.onItemDown=t=>{n.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const l=n.getActiveElement(document);this.element&&l!==this.element&&l!==this.list&&this.element.focus()},this.onPopupClose=t=>{var r;const l=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(l===this.list||(r=this.list)!=null&&r.contains(l))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onClickMainButton=t=>{if(!this.buttonsData.length)return;const l=!this.opened;this.setState({focused:!0,focusedIndex:l?0:-1}),this.setOpen(l,t)},this.dispatchPopupEvent=(t,l)=>{n.dispatchEvent(l?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},n.validatePackage(z)}get guid(){return this.props.id+"-accessibility-id"}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const i=this.isRtl(),t=i?"rtl":void 0,{id:l,style:r,tabIndex:o,disabled:d}=this.props;return this.buttonsData=this.props.items||a.Children.toArray(this.props.children).filter(u=>u&&u.type===ge).map(u=>u.props),a.createElement(a.Fragment,null,a.createElement($,{id:l,size:this.props.size,style:r,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":d?"true":void 0,tabIndex:o,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:n.classNames(this.props.buttonClass,this.props.className,"k-menu-button",{"k-focus":this.state.focused},{"k-disabled":d}),imageUrl:this.props.imageUrl,dir:t,ref:u=>this.mainButton=u&&u.element,type:"button","aria-haspopup":"menu","aria-expanded":this.opened?"true":"false","aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,title:this.props.title},this.props.text),this.renderPopup(i))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(i,t){this.isItemDisabled(t)||n.dispatchEvent(this.props.onItemClick,i,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(i){const{popupSettings:t={},id:l}=this.props,{focusedIndex:r}=this.state;return a.createElement(fe.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:n.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Fe(i),popupAlign:t.popupAlign||ze(i),style:i?{direction:"rtl"}:void 0,onClose:this.onPopupClose},a.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":l,tabIndex:-1,"aria-activedescendant":r>=0?`${this.guid}-${r}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:n.classNames("k-menu-group",{[`k-menu-group-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:i,itemRender:t,textField:l}=this.props;return this.buttonsData.length>0?this.buttonsData.map((r,o)=>a.createElement(pe,{className:"k-menu-item",dataItem:r,textField:l,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:i,index:o,key:o,id:`${this.guid}-${o}`})):null}isItemDisabled(i){return this.buttonsData[i]?this.buttonsData[i].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.mainButton&&getComputedStyle(this.mainButton).direction==="rtl"}};te.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.func,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},te.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const me=class extends a.Component{constructor(e){super(e),this._element=null,this.offsetHeight=0,this.offsetWidth=0,this.buttons=[],this.focusedSelector=this.selectors.map(i=>i+":focus").join(","),this.setTabIndex=i=>{const{tabIndex:t=me.defaultProps.tabIndex}=this.props;this.buttons.forEach((l,r)=>{l.tabIndex=r===i?t:-1})},this.onKeyDown=i=>{const t=i.target;if(!(i.keyCode===n.Keys.left||i.keyCode===n.Keys.right||i.keyCode===n.Keys.home||i.keyCode===n.Keys.end)||i.defaultPrevented||this.buttons.findIndex(o=>o===t)===-1)return;const r=this.focusedIndex;i.keyCode===n.Keys.left?this.focusButton(r,r===0?this.buttons.length-1:r-1):this.focusButton(r,r===this.buttons.length-1?0:r+1),i.keyCode===n.Keys.home&&this.focusButton(r,0),i.keyCode===n.Keys.end&&this.focusButton(r,this.buttons.length-1)},this.onWindowResize=i=>{const t=this.element;if(!t)return;const l=t.offsetWidth,r=t.offsetHeight;if(this.offsetWidth!==l||this.offsetHeight!==r){this.offsetWidth=l,this.offsetHeight=r;const o={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.props.onResize&&this.props.onResize.call(void 0,{target:this,...o,nativeEvent:i})}},n.validatePackage(z)}get selectors(){return this.props.buttons||Se}get focusedIndex(){const e=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(i=>i===e))}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize);const e=this.element;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,this.props.keyboardNavigation!==!1&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(0)))}componentDidUpdate(){const e=this.element;!e||this.props.keyboardNavigation===!1||(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(this.focusedIndex))}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize),this.buttons.length=0}render(){return a.createElement("div",{id:this.props.id,"aria-label":this.props.ariaLabel,className:n.classNames("k-toolbar",{[`k-toolbar-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),style:this.props.style,role:this.props.role!==void 0?this.props.role||void 0:"toolbar",dir:this.props.dir,ref:e=>this._element=e,onKeyDown:this.props.keyboardNavigation!==!1?this.onKeyDown:void 0},this.props.children)}focusButton(e,i){const{tabIndex:t=me.defaultProps.tabIndex}=this.props,l=this.buttons[i];if(l){l.tabIndex=t,l.focus();const r=this.buttons[e];r&&(r.tabIndex=-1)}}};let ve=me;ve.propTypes={tabIndex:s.number,dir:s.string,keyboardNavigation:s.bool,style:s.object,className:s.string,role:s.string,onResize:s.func,buttons:s.arrayOf(s.string),size:s.oneOf([null,"small","medium","large"])},ve.defaultProps={tabIndex:0,size:"medium"};class Me extends a.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return a.createElement("div",{id:this.props.id,className:n.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:i=>this._element=i},this.props.children)}}Me.propTypes={className:s.string};class Ve extends a.PureComponent{render(){return a.createElement("div",{className:n.classNames("k-separator",this.props.className)})}}const Ie=a.forwardRef((e,i)=>{const t=a.useRef(null),l=a.useRef(null);a.useImperativeHandle(l,()=>({element:t.current})),a.useImperativeHandle(i,()=>({element:t.current}));const r=a.useMemo(()=>n.classNames("k-spacer",e.className),[e.className]);return a.createElement("span",{ref:t,className:r})});Ie.displayName="KendoReactToolbarSpacer",Ie.propTypes={className:s.string};const Oe=F.createContext([null,e=>{}]),Ae=F.createContext([null,e=>{}]),$e=F.createContext([null,e=>{}]);var Z=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(Z||{});const Je=(e,i)=>{const t=i.items.findIndex(l=>l===e);switch(i.type){case"next":return t===i.items.length-1?e:i.items[t+1];case"prev":return t===0?e:i.items[t-1];case"current":return i.payload;case"reset":return null;default:return e}};var We=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(We||{});const Qe=(e,i)=>{switch(i.type){case"add":break;case"remove":return e.filter(t=>t[i.valueField]!==i.payload);case"reorder":break;default:return e}};var se=(e=>(e.toggle="toggle",e.remove="remove",e))(se||{});const Ye=(e,i)=>{switch(i.selection){case"single":switch(i.type){case"toggle":{if(!Array.isArray(e)||e===null)return i.payload===e?null:i.payload;throw new Error("State cannot be an array in single selection")}case"remove":return i.payload===e?null:e;default:return e}case"multiple":switch(i.type){case"toggle":{if(Array.isArray(e))return e.some(t=>t===i.payload)?e.filter(t=>t!==i.payload):[...e,i.payload];if(e===null)return[i.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(e)?e.some(t=>t===i.payload)?e.filter(t=>t!==i.payload):[...e,i.payload]:e;default:return e}case"none":return null;default:return e}},M=a.forwardRef((e,i)=>{n.validatePackage(z);const t=a.useRef(null),l=a.useRef(null),r=n.useDir(l,e.dir);a.useImperativeHandle(t,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>t.current);const[o,d]=a.useContext(Oe),[u,m]=a.useContext(Ae),[,y]=a.useContext($e),h=a.useMemo(()=>e.selected||(Array.isArray(o)?o.some(f=>f===e.value):o===e.value),[e.selected,e.value,o]),k=a.useMemo(()=>u===e.value,[e.value,u]);a.useEffect(()=>{k&&l.current&&l.current.focus()},[k]);const N=a.useCallback(f=>{d({type:se.toggle,payload:e.value,event:f})},[d,e.value]),w=a.useCallback(f=>{e.removable&&(y({type:We.remove,payload:e.value,event:f}),m({type:Z.reset,payload:e.value,event:f}),d({type:se.remove,payload:e.value,event:f}),e.onRemove&&e.onRemove.call(void 0,{target:t.current,syntheticEvent:f}))},[e.onRemove,e.value,e.removable,y,m,d]),K=a.useCallback(f=>{switch(f.keyCode){case n.Keys.left:m({type:Z.prev,payload:e.value,event:f});break;case n.Keys.right:m({type:Z.next,payload:e.value,event:f});break;case n.Keys.enter:d({type:se.toggle,payload:e.value,event:f});break;case n.Keys.delete:w(f);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:f})},[e.onKeyDown,e.value,m,d,w]),S=a.useCallback(f=>{m({payload:e.value,type:Z.current,event:f}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:f})},[e.onFocus,e.value,m]),x=a.useCallback(f=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:f})},[e.onBlur]),E=n.useMouse(e,t,{onClick:N});return a.createElement("div",{...E,role:e.role||"button",id:e.value,style:e.style,ref:l,dir:r,tabIndex:n.getTabIndex(e.tabIndex,e.disabled,void 0),className:n.classNames("k-chip",{"k-rtl":r==="rtl","k-disabled":e.disabled,"k-selected":h,"k-focus":k,[`k-chip-${n.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${n.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-chip-${e.fillMode}`]:e.fillMode,[`k-chip-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className),"aria-pressed":e.role?void 0:h,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":e.removable?"Enter Delete":void 0,onFocus:S,onBlur:x,onKeyDown:K},h&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?n.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.icon?n.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),e.removable&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:n.classNames("k-chip-action","k-chip-remove-action"),onClick:w},a.createElement(n.IconWrap,{name:e.removeIcon?n.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Ne.xCircleIcon,size:"small"}))))}),Pe={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:n.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,selectedIcon:s.string,selectedIconSvg:n.svgIconPropType,onRemove:s.func,dataItem:s.any,selected:s.bool,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"outline","solid"]),themeColor:s.oneOf([null,"base","info","success","warning","error"])},Re={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};M.displayName="KendoReactChip",M.propTypes=Pe,M.defaultProps=Re;const Te=(e,i,t)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,r]=a.useState(e);return[l,d=>{const u=Ye(i.state||l,{...d,...i});t&&t(u,d.event),i.selection!=="none"&&r(u)}]},et=e=>{const[i,t]=a.useState(null);return[i,r=>{const o=Je(r.payload,{...r,...e});t(o)}]},tt=(e,i,t)=>{const[l,r]=a.useState(e);return[l,d=>{const u=Qe(i.state||l,{...d,...i});t&&t(u,d.event),r(u)}]},ie=a.forwardRef((e,i)=>{n.validatePackage(z);const t=a.useRef(null),l=a.useRef(null),r=n.useDir(l,e.dir),{chip:o,id:d,style:u,tabIndex:m,disabled:y,size:h,className:k,ariaDescribedBy:N,ariaLabelledBy:w,ariaLabel:K,selection:S=W.selection,value:x=W.defaultValue,defaultData:E=W.defaultData,valueField:f=W.valueField,textField:L=W.textField,onChange:O,onDataChange:C}=e,_=a.useMemo(()=>o||M,[o,M]);a.useImperativeHandle(t,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>t.current);const A=a.useCallback((b,v)=>{O&&t.current&&O.call(void 0,{value:b,target:t.current,syntheticEvent:v})},[O]),[X,V]=Te(x||e.defaultValue,{selection:S,state:x},A),le=a.useCallback((b,v)=>{C&&t.current&&C.call(void 0,{value:b,target:t.current,syntheticEvent:v})},[C]),[J,re]=tt(e.data||E,{state:e.data,valueField:f},le),Q=a.useCallback((b,v)=>(b.push(v[f]),b),[f]),H=a.useMemo(()=>e.data||J,[e.data,J]),oe=a.useMemo(()=>x||X,[x,X]),ue=a.useMemo(()=>H.reduce(Q,[]),[H,Q]),Y=a.useCallback(b=>n.getter(f)(b),[f]),I=a.useCallback(b=>n.getter(L)(b),[L]),[De,xe]=et({items:ue}),ce=n.useMouse(e,t);return a.createElement(Oe.Provider,{value:[oe,V]},a.createElement(Ae.Provider,{value:[De,xe]},a.createElement($e.Provider,{value:[H,re]},a.createElement("div",{ref:l,...ce,role:y?void 0:"listbox",id:d,dir:r,style:u,tabIndex:n.getTabIndex(m,y,void 0),className:n.classNames("k-chip-list",{"k-rtl":r==="rtl","k-disabled":y,[`k-chip-list-${n.kendoThemeMaps.sizeMap[h]||h}`]:h},k),"aria-label":K,"aria-labelledby":w,"aria-describedby":N,"aria-orientation":"horizontal","aria-multiselectable":S==="multiple"},H.map((b,v)=>a.createElement(_,{role:"option",dataItem:b,size:h,key:[Y(b),v].join("-"),text:I(b),value:Y(b),ariaLabel:b.ariaLabel,svgIcon:b.svgIcon||void 0}))))))}),st={id:s.string,className:s.string,tabIndex:s.number,data:s.any,defaultData:s.arrayOf(s.any),onDataChange:s.func,value:s.oneOfType([s.any,s.arrayOf(s.any)]),defaultValue:s.oneOfType([s.any,s.arrayOf(s.any)]),onChange:s.func,selection:s.oneOf(["single","none","multiple"]),textField:s.string,valueField:s.string,disabled:s.bool,dir:s.oneOf(["ltr","rtl"]),ariaLabelledBy:s.string,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"])},W={chip:M,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};ie.displayName="KendoReactChipList",ie.propTypes=st,ie.defaultProps=W;const ne=a.forwardRef((e,i)=>{const{className:t,disabled:l,text:r,icon:o,style:d,id:u,focused:m,tabIndex:y,index:h,dataItem:k,item:N,svgIcon:w,onDown:K,onClick:S,...x}=e,E=a.useRef(null),f=a.useCallback(()=>{E.current&&E.current.focus()},[]),L=a.useCallback(()=>({element:E.current,focus:f}),[f]);a.useImperativeHandle(i,L);const O=a.useCallback(A=>{S&&h!==void 0&&!l&&S(A,h)},[S,h]),C=a.useMemo(()=>n.classNames("k-fab-item",{"k-focus":m,"k-disabled":l},t),[t,l,m]),_=N;return a.createElement("li",{ref:E,id:u,className:C,style:d,role:"menuitem",tabIndex:n.getTabIndex(y,l),"aria-disabled":l,"aria-label":`${r||""} floatingactionbutton item`,onClick:O,onMouseDown:K,onPointerDown:K,...x},_?a.createElement(_,{itemIndex:h,item:k}):a.createElement(a.Fragment,null,r&&a.createElement("span",{className:"k-fab-item-text"},r),o||w?a.createElement(n.IconWrap,{className:"k-fab-item-icon",name:o,icon:w}):null))});ne.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:n.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any},ne.displayName="KendoFloatingActionButtonItem";const Le="16px",ae=e=>typeof e=="number"?e+"px":e,it=(e,i)=>{const t={horizontal:i?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=i?"left":"right"),t},nt=(e,i)=>{const t={horizontal:i?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=i?"left":"right"),t},at=(e,i)=>{const t=i==="end"?"end":"start";return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e][t]},lt=(e,i,t,l)=>{const r=i.horizontal,o=i.vertical;if(e.current){const d=t&&t.x!==void 0?ae(t.x):Le,u=t&&t.x!==void 0?`calc(50% + ${ae(t.x)})`:"50%",m=t&&t.y!==void 0?ae(t.y):Le,y=t&&t.y!==void 0?`calc(50% + ${ae(t.y)})`:"50%";e.current.style.setProperty(rt(i,l),r==="center"?u:d),e.current.style.setProperty(ot(i),o==="middle"?y:m),l&&((o==="top"||o==="bottom")&&r==="start"&&e.current.style.setProperty("left","unset"),o==="middle"&&r==="end"&&e.current.style.setProperty("right","unset"),o==="middle"&&r==="start"&&e.current.style.setProperty("left","unset"))}},rt=(e,i)=>{const{horizontal:t}=e;return{end:i?"left":"right",center:"left",start:i?"right":"left"}[t||"end"]},ot=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],ut=2,ct=100,ye=a.forwardRef((e,i)=>{n.validatePackage(z);const{align:t=G.align,alignOffset:l,className:r,disabled:o,icon:d,svgIcon:u,iconClass:m,id:y,items:h,item:k,text:N,positionMode:w=G.positionMode,size:K=G.size,style:S,rounded:x=G.rounded,themeColor:E=G.themeColor,overlayStyle:f,tabIndex:L,accessKey:O,popupSettings:C={},modal:_,onClick:A,onItemClick:X,onFocus:V,onBlur:le,onKeyDown:J,onOpen:re,onClose:Q,...H}=e,oe=n.useZIndexContext(),ue=oe?oe+ut:ct,Y=a.useRef(null),I=a.useRef(null),De=a.useRef(null),xe=a.useRef(null),ce=a.useCallback(()=>{I.current&&I.current.focus()},[]),b=a.useCallback(()=>({element:I.current,focus:ce}),[ce]);a.useImperativeHandle(Y,b),a.useImperativeHandle(i,()=>Y.current);const[v,B]=a.useState(!1),[de,j]=a.useState(!1),[P,D]=a.useState(-1),dt=n.useId()+"-button-id",ke=n.useDir(I,e.dir),R=ke==="rtl",he=n.useId()+"-list-id";a.useEffect(()=>{lt(I,t,l,R)},[I,t,l,R]),a.useEffect(()=>{de&&I&&I.current&&I.current.focus()},[de,I]);const U=a.useCallback((c,g)=>{h&&n.dispatchEvent(g?re:Q,c,b(),void 0)},[re,Q,h]),je=a.useCallback(c=>{!c.target||o||(!h&&A?n.dispatchEvent(A,c,b(),void 0):(B(!v),j(!0),D(v?-1:0),U(c,!v)))},[B,j,D,A,U,v,h,o]),ht=a.useCallback(c=>{j(!0),D(v?0:-1),V&&n.dispatchEvent(V,c,b(),void 0)},[V,j,D]),ft=a.useCallback(c=>{j(!1),B(!1),D(-1),n.dispatchEvent(le,c,b(),void 0),v&&U(c,!1)},[le,j,B,D,U]),pt=a.useCallback(c=>{c.preventDefault()},[]),we=a.useCallback((c,g)=>{h&&(h[g].disabled||n.dispatchEvent(X,c,b(),{itemProps:h[g],itemIndex:g}))},[X]),bt=a.useCallback((c,g)=>{!c.target||!h||(D(g),B(!1),we(c,g),U(c,!1))},[D,B,we,U]),gt=a.useCallback(c=>{n.getActiveElement(document)===I.current&&c.preventDefault()},[I]),mt=a.useCallback(c=>{const g=P,Ee=h?h.length:-1;if(c.altKey){!v&&c.keyCode===n.Keys.down&&(c.preventDefault(),B(!0),D(0)),v&&c.keyCode===n.Keys.up&&(c.preventDefault(),B(!1),D(-1));return}switch(c.keyCode){case n.Keys.enter:case n.Keys.space:g>=0&&we(c,g),h||je(c),c.preventDefault(),B(!v),D(v?-1:0);break;case n.Keys.esc:c.preventDefault(),B(!1),D(-1);break;case n.Keys.home:c.preventDefault(),D(0);break;case n.Keys.end:c.preventDefault(),D(Ee-1);break;case n.Keys.down:case n.Keys.right:c.preventDefault(),D(g+1>=Ee?0:g+1);break;case n.Keys.up:case n.Keys.left:c.preventDefault(),D(g-1<0?Ee-1:g-1);break}n.dispatchEvent(J,c,b(),void 0)},[J,P,D,R,B]),vt=a.useMemo(()=>n.classNames("k-fab k-fab-solid",{"k-fab-sm":K==="small","k-fab-md":K==="medium","k-fab-lg":K==="large","k-disabled":o,"k-pos-absolute":w==="absolute","k-pos-fixed":w==="fixed","k-focus":de,[`k-rounded-${n.kendoThemeMaps.roundedMap[x]||x}`]:x,[`k-fab-solid-${E}`]:E},`k-${t.vertical}-${t.horizontal}`,r),[E,K,x,o,w,t,de,r]),It=h&&h.map((c,g)=>a.createElement(ne,{...c,key:g,index:g,id:`${he}-${g}`,disabled:o||c.disabled,focused:P===g,dataItem:c,item:k,className:n.classNames(c.className,at(ke||"ltr",t.horizontal)),onClick:bt,onDown:gt})),Ue=!!((d||u)&&!N),yt=I.current?I.current.offsetWidth:0,Dt=32,qe=yt/2-Dt/2;return a.createElement(n.ZIndexContext.Provider,{value:ue},a.createElement(a.Fragment,null,a.createElement("button",{ref:I,id:y||dt,role:"button",type:"button","aria-disabled":o,"aria-expanded":h?v:void 0,"aria-haspopup":!!h,"aria-label":`${N||""} floatingactionbutton`,"aria-owns":h?he:void 0,"aria-activedescendant":P>=0&&h?`${he}-${P}`:void 0,tabIndex:n.getTabIndex(L,o),accessKey:O,dir:ke,disabled:o,className:vt,style:S,onClick:je,onMouseDown:pt,onFocus:ht,onBlur:ft,onKeyDown:mt,...H},d||u?a.createElement(n.IconWrap,{className:"k-fab-icon",name:d,icon:u}):m?a.createElement("span",{role:"presentation",className:m}):null,N&&a.createElement("span",{className:"k-fab-text"},N)),_&&v&&a.createElement("div",{className:"k-overlay",style:{zIndex:ue,...f}}),a.createElement(fe.Popup,{ref:xe,anchor:I.current,show:v,animate:C.animate,popupClass:n.classNames("k-popup-transparent k-fab-popup",C.popupClass),anchorAlign:C.anchorAlign||it(t,R),popupAlign:C.popupAlign||nt(t,R),style:{boxShadow:"none"}},a.createElement("ul",{ref:De,role:"menu","aria-labelledby":y,id:he,className:n.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:Ue?qe:void 0,paddingRight:Ue?qe:void 0}},It))))});ye.propTypes={className:s.string,style:s.object,id:s.string,dir:s.string,tabIndex:s.number,accessKey:s.string,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,text:s.string,alignOffset:s.shape({x:s.oneOfType([s.number,s.string]),y:s.oneOfType([s.number,s.string])}),align:s.shape({vertical:s.oneOf(["top","middle","bottom"]),horizontal:s.oneOf(["start","center","end"])}),positionMode:s.oneOf(["absolute","fixed"]),size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),themeColor:s.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:s.bool,overlayStyle:s.object};const G={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};ye.displayName="KendoFloatingActionButton";const _e=n.withIdHOC(te);_e.displayName="KendoReactDropDownButton";const He=n.withIdHOC(ee);He.displayName="KendoReactSplitButton",p.Button=$,p.ButtonGroup=Be,p.Chip=M,p.ChipList=ie,p.DropDownButton=_e,p.DropDownButtonClassComponent=te,p.DropDownButtonItem=ge,p.FloatingActionButton=ye,p.FloatingActionButtonItem=ne,p.SplitButton=He,p.SplitButtonClassComponent=ee,p.SplitButtonItem=be,p.Toolbar=ve,p.ToolbarItem=Me,p.ToolbarSeparator=Ve,p.ToolbarSpacer=Ie,p.toolbarButtons=Se,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
5
+ (function(p,F){typeof exports=="object"&&typeof module!="undefined"?F(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup"),require("@progress/kendo-svg-icons")):typeof define=="function"&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-popup","@progress/kendo-svg-icons"],F):(p=typeof globalThis!="undefined"?globalThis:p||self,F(p.KendoReactButtons={},p.React,p.PropTypes,p.KendoReactCommon,p.KendoReactPopup,p.KendoSvgIcons))})(this,function(p,F,s,n,fe,Ne){"use strict";"use client";function Ze(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const a=Ze(F),z={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};function Ge({imageUrl:e,name:i,iconClass:t,svgIcon:l,imageAlt:r}){return e?a.createElement("img",{role:"presentation",className:"k-button-icon",alt:r,src:e}):i||l?a.createElement(n.IconWrap,{className:"k-button-icon",name:i,icon:l}):t?a.createElement("span",{role:"presentation",className:n.classNames("k-button-icon",t)}):null}const q=class extends a.Component{constructor(e){super(e),this._element=null,this.handleClick=i=>{this.toggleIfApplicable(),this.props.onClick&&this.props.onClick.call(void 0,i)},n.validatePackage(z),this.state={selected:this.props.togglable===!0&&this.props.selected===!0}}get element(){return this._element}get selected(){return this._selectedTemp!==void 0?this._selectedTemp:this.state.selected}static getDerivedStateFromProps(e,i){return e.togglable&&e.selected!==void 0&&e.selected!==i.selected?{selected:e.selected}:null}render(){const{children:e,togglable:i,icon:t,iconClass:l,svgIcon:r,imageUrl:o,imageAlt:d,className:u,onClick:m,size:y=q.defaultProps.size,rounded:h=q.defaultProps.rounded,fillMode:x=q.defaultProps.fillMode,themeColor:N=q.defaultProps.themeColor,...w}=this.props,K=r!==void 0||t!==void 0||l!==void 0||o!==void 0,S=e!==void 0,k=Ge({name:t,svgIcon:r,iconClass:l,imageUrl:o,imageAlt:d});return a.createElement("button",{ref:E=>this._element=E,"aria-pressed":i?this.state.selected:void 0,...w,onClick:this.handleClick,className:n.classNames("k-button",{[`k-button-${n.kendoThemeMaps.sizeMap[y]||y}`]:y,[`k-button-${x}`]:x,[`k-button-${x}-${N}`]:!!(x&&N),[`k-rounded-${n.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-icon-button":!S&&K,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},k,e&&a.createElement("span",{className:"k-button-text"},e))}toggleIfApplicable(){if(this.props.togglable&&this.props.selected===void 0){const e=!this.state.selected;this._selectedTemp=e,this.setState({selected:e},()=>this._selectedTemp=void 0)}}};let $=q;$.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])},$.defaultProps={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const Xe={button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"},Ke=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",Se=["button"+Ke,".k-button-group > button"+Ke,".k-colorpicker",".k-dropdownlist"],T={styles:Xe}.styles;class Be extends a.Component{constructor(i){super(i),this._element=null,n.validatePackage(z)}render(){const i=this.mapButtons(this.props.children),t=n.classNames([T["button-group"]],{["k-disabled"]:this.props.disabled,[T["button-group-stretched"]]:!!this.props.width},this.props.className),l={className:t,style:{width:`${this.props.width}`},dir:this.props.dir,role:"group","aria-disabled":this.props.disabled};return a.createElement("div",{ref:r=>{this._element=r},...l,className:t},i)}mapButtons(i){const t=a.Children.count(i),l=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return a.Children.map(i,(r,o)=>a.isValidElement(r)?this.renderButton(r,o,o===t-1,l):r)}renderButton(i,t,l,r){const o=n.classNames(i.props.className,{[T["group-start"]]:r?l:t===0,[T["group-end"]]:r?t===0:l}),d={...this.props.width?{width:this.props.width}:{},...i.props.style||{}},u=this.props.disabled||i.props.disabled,m={...i.props,...o?{className:o}:{},...Object.keys(d).length?{style:d}:{},...u!==void 0?{disabled:u}:{}};return a.Children.count(i.props.children)>0?a.cloneElement(i,m,i.props.children):a.cloneElement(i,m)}}Be.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const pe=e=>{const i=a.useCallback(o=>{e.onClick(o,e.index)},[e]),t=e.dataItem.render||e.item||(e.item===void 0?e.render:null),l=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,r=a.createElement("li",{id:e.id,className:n.classNames("k-item",e.className,{"k-focus":e.focused}),tabIndex:-1,onClick:i,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},a.createElement("span",{tabIndex:-1,className:n.classNames("k-link k-menu-link",{"k-selected":e.dataItem.selected,"k-disabled":e.dataItem.disabled}),key:"icon"},t?a.createElement(t,{item:e.dataItem,itemIndex:e.index}):a.createElement(a.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&a.createElement(n.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&a.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),l&&a.createElement("span",{className:"k-menu-link-text"},l))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,r,e):r};pe.displayName="KendoReactButtonItem";class be extends a.Component{render(){return null}}be.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const Ce=(e,i,t,l)=>{if(t)return e;const r=Math.min(l-1,Math.max(0,e));switch(i){case n.Keys.enter:case n.Keys.space:case n.Keys.esc:return-1;case n.Keys.up:case n.Keys.left:return r-1<0?l-1:r-1;case n.Keys.down:case n.Keys.right:return r+1>=l?0:r+1;case n.Keys.home:return 0;case n.Keys.end:return l-1;default:return e}};function Fe(e){let i={horizontal:"left",vertical:"bottom"};return e&&(i.horizontal="right"),i}function ze(e){let i={horizontal:"left",vertical:"top"};return e&&(i.horizontal="right"),i}let ee=class extends a.Component{constructor(i){super(i),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:l}=this.state;if(t.altKey){!this.opened&&t.keyCode===n.Keys.down?(t.preventDefault(),this.setState({focusedIndex:0}),this.setOpen(!0,t)):this.opened&&t.keyCode===n.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}let r;if(t.keyCode===n.Keys.enter||t.keyCode===n.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,l),l>=0){r={focusedIndex:this.opened?-1:0};const o=!this.opened;this.setOpen(o,t)}}else if(this.opened&&t.keyCode===n.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const o=Ce(l,t.keyCode,t.altKey,this.buttonsData.length);o!==l&&(r=r||{},r.focusedIndex=o);const d=t.keyCode===n.Keys.up||t.keyCode===n.Keys.down||t.keyCode===n.Keys.left||t.keyCode===n.Keys.right;!t.altKey&&(d||t.keyCode===n.Keys.home||t.keyCode===n.Keys.end)&&t.preventDefault()}r&&this.setState(r)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.onFocus=t=>{this.skipFocus||(n.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=(t,l)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),l?this.dispatchPopupEvent(l,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,l)=>{this.opened&&this.setState({focusedIndex:0}),this.dispatchClickEvent(t,l),this.setOpen(!1,t)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.onPopupClose=t=>{var r;const l=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(l===this.list||(r=this.list)!=null&&r.contains(l))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onSplitPartClick=t=>{if(this.buttonsData.length){const l=!this.opened;this.setState({focusedIndex:l?0:-1,focused:!0}),this.setOpen(l,t)}},this.onDownSplitPart=t=>{t.preventDefault();const l=n.getActiveElement(document);this.element&&l!==this.element&&l!==this.list&&this.element.focus()},this.onItemDown=t=>{n.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,l)=>{n.dispatchEvent(l?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},n.validatePackage(z)}get guid(){return this.props.id?this.props.id+"-accessibility-id":this.props.id}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){this.buttonsData=this.props.items||a.Children.toArray(this.props.children).filter(u=>u&&u.type===be).map(u=>u.props);const i=this.isRtl(),t=i?"rtl":void 0,{id:l,style:r,tabIndex:o,disabled:d}=this.props;return a.createElement("div",{id:l,style:r,className:n.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${n.kendoThemeMaps.roundedMap[this.props.rounded||"medium"]}`,this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:t,ref:u=>this.wrapper=u},a.createElement($,{ref:u=>this.mainButton=u&&u.element,type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:u=>this.onItemClick(u,-1),disabled:d||void 0,tabIndex:o,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,imageUrl:this.props.imageUrl,dir:t,"aria-disabled":d,"aria-haspopup":!0,"aria-expanded":this.opened||void 0,"aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,id:"button-"+this.guid,title:this.props.title},this.props.text),a.createElement($,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Ne.caretAltDownIcon,className:"k-split-button-arrow",disabled:d||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:t,"aria-label":"menu toggling button"}),this.renderPopup(i))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(i,t){this.isItemDisabled(t)||(t===-1?n.dispatchEvent(this.props.onButtonClick,i,this,void 0):n.dispatchEvent(this.props.onItemClick,i,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(i){const{popupSettings:t={}}=this.props,{focusedIndex:l}=this.state;return a.createElement(fe.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:n.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Fe(i),popupAlign:t.popupAlign||ze(i),style:i?{direction:"rtl"}:void 0,onClose:this.onPopupClose},a.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,ref:this.listRef,"aria-activedescendant":l>=0?`${this.guid}-${l}`:void 0,className:n.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:i,itemRender:t,textField:l}=this.props;return this.buttonsData.length>0?this.buttonsData.map((r,o)=>a.createElement(pe,{className:"k-menu-item",dataItem:r,textField:l,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:i,key:o,index:o,id:`${this.guid}-${o}`})):null}isItemDisabled(i){return this.buttonsData[i]?this.buttonsData[i].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}};ee.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onButtonClick:s.func,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,text:s.string,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.any,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},ee.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class ge extends a.Component{render(){return null}}ge.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,selected:s.bool,disabled:s.bool,render:s.any};let te=class extends a.Component{constructor(i){super(i),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:l}=this.state;if(t.altKey){!this.opened&&t.keyCode===n.Keys.down?(t.preventDefault(),this.setOpen(!0,t),this.setState({focusedIndex:0})):this.opened&&t.keyCode===n.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}const r={...this.state};if(t.keyCode===n.Keys.enter||t.keyCode===n.Keys.space){t.preventDefault(),l>=0&&this.dispatchClickEvent(t,l);const o=!this.opened;this.setState({focused:!0,focusedIndex:o?0:-1}),this.setOpen(o,t);return}if(this.opened&&t.keyCode===n.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const o=Ce(l,t.keyCode,t.altKey,this.buttonsData.length);r.focusedIndex=o;const d=t.keyCode===n.Keys.up||t.keyCode===n.Keys.down||t.keyCode===n.Keys.left||t.keyCode===n.Keys.right;!t.altKey&&(d||t.keyCode===n.Keys.home||t.keyCode===n.Keys.end)&&t.preventDefault()}this.setState(r)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.handleFocus=t=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),n.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleButtonBlur=t=>{this.opened||(this.setState({focused:!1}),n.dispatchEvent(this.props.onBlur,t,this,void 0))},this.handleMenuBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.setOpen=(t,l)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),l?this.dispatchPopupEvent(l,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,l)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(t,l),this.setOpen(!1,t)},this.onItemDown=t=>{n.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const l=n.getActiveElement(document);this.element&&l!==this.element&&l!==this.list&&this.element.focus()},this.onPopupClose=t=>{var r;const l=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(l===this.list||(r=this.list)!=null&&r.contains(l))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onClickMainButton=t=>{if(!this.buttonsData.length)return;const l=!this.opened;this.setState({focused:!0,focusedIndex:l?0:-1}),this.setOpen(l,t)},this.dispatchPopupEvent=(t,l)=>{n.dispatchEvent(l?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},n.validatePackage(z)}get guid(){return this.props.id+"-accessibility-id"}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const i=this.isRtl(),t=i?"rtl":void 0,{id:l,style:r,tabIndex:o,disabled:d}=this.props;return this.buttonsData=this.props.items||a.Children.toArray(this.props.children).filter(u=>u&&u.type===ge).map(u=>u.props),a.createElement(a.Fragment,null,a.createElement($,{id:l,size:this.props.size,style:r,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":d?"true":void 0,tabIndex:o,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:n.classNames(this.props.buttonClass,this.props.className,"k-menu-button","k-dropdown-button",{"k-focus":this.state.focused},{"k-disabled":d}),imageUrl:this.props.imageUrl,dir:t,ref:u=>this.mainButton=u&&u.element,type:"button","aria-haspopup":"menu","aria-expanded":this.opened?"true":"false","aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,title:this.props.title},this.props.text),this.renderPopup(i))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(i,t){this.isItemDisabled(t)||n.dispatchEvent(this.props.onItemClick,i,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(i){const{popupSettings:t={},id:l}=this.props,{focusedIndex:r}=this.state;return a.createElement(fe.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:n.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Fe(i),popupAlign:t.popupAlign||ze(i),style:i?{direction:"rtl"}:void 0,onClose:this.onPopupClose},a.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":l,tabIndex:-1,"aria-activedescendant":r>=0?`${this.guid}-${r}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:n.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:i,itemRender:t,textField:l}=this.props;return this.buttonsData.length>0?this.buttonsData.map((r,o)=>a.createElement(pe,{className:"k-menu-item",dataItem:r,textField:l,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:i,index:o,key:o,id:`${this.guid}-${o}`})):null}isItemDisabled(i){return this.buttonsData[i]?this.buttonsData[i].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.mainButton&&getComputedStyle(this.mainButton).direction==="rtl"}};te.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.func,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},te.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const me=class extends a.Component{constructor(e){super(e),this._element=null,this.offsetHeight=0,this.offsetWidth=0,this.buttons=[],this.focusedSelector=this.selectors.map(i=>i+":focus").join(","),this.setTabIndex=i=>{const{tabIndex:t=me.defaultProps.tabIndex}=this.props;this.buttons.forEach((l,r)=>{l.tabIndex=r===i?t:-1})},this.onKeyDown=i=>{const t=i.target;if(!(i.keyCode===n.Keys.left||i.keyCode===n.Keys.right||i.keyCode===n.Keys.home||i.keyCode===n.Keys.end)||i.defaultPrevented||this.buttons.findIndex(o=>o===t)===-1)return;const r=this.focusedIndex;i.keyCode===n.Keys.left?this.focusButton(r,r===0?this.buttons.length-1:r-1):this.focusButton(r,r===this.buttons.length-1?0:r+1),i.keyCode===n.Keys.home&&this.focusButton(r,0),i.keyCode===n.Keys.end&&this.focusButton(r,this.buttons.length-1)},this.onWindowResize=i=>{const t=this.element;if(!t)return;const l=t.offsetWidth,r=t.offsetHeight;if(this.offsetWidth!==l||this.offsetHeight!==r){this.offsetWidth=l,this.offsetHeight=r;const o={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.props.onResize&&this.props.onResize.call(void 0,{target:this,...o,nativeEvent:i})}},n.validatePackage(z)}get selectors(){return this.props.buttons||Se}get focusedIndex(){const e=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(i=>i===e))}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize);const e=this.element;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,this.props.keyboardNavigation!==!1&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(0)))}componentDidUpdate(){const e=this.element;!e||this.props.keyboardNavigation===!1||(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(this.focusedIndex))}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize),this.buttons.length=0}render(){return a.createElement("div",{id:this.props.id,"aria-label":this.props.ariaLabel,className:n.classNames("k-toolbar",{[`k-toolbar-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),style:this.props.style,role:this.props.role!==void 0?this.props.role||void 0:"toolbar",dir:this.props.dir,ref:e=>this._element=e,onKeyDown:this.props.keyboardNavigation!==!1?this.onKeyDown:void 0},this.props.children)}focusButton(e,i){const{tabIndex:t=me.defaultProps.tabIndex}=this.props,l=this.buttons[i];if(l){l.tabIndex=t,l.focus();const r=this.buttons[e];r&&(r.tabIndex=-1)}}};let ve=me;ve.propTypes={tabIndex:s.number,dir:s.string,keyboardNavigation:s.bool,style:s.object,className:s.string,role:s.string,onResize:s.func,buttons:s.arrayOf(s.string),size:s.oneOf([null,"small","medium","large"])},ve.defaultProps={tabIndex:0,size:"medium"};class Me extends a.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return a.createElement("div",{id:this.props.id,className:n.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:i=>this._element=i},this.props.children)}}Me.propTypes={className:s.string};class Ve extends a.PureComponent{render(){return a.createElement("div",{className:n.classNames("k-separator",this.props.className)})}}const Ie=a.forwardRef((e,i)=>{const t=a.useRef(null),l=a.useRef(null);a.useImperativeHandle(l,()=>({element:t.current})),a.useImperativeHandle(i,()=>({element:t.current}));const r=a.useMemo(()=>n.classNames("k-spacer",e.className),[e.className]);return a.createElement("span",{ref:t,className:r})});Ie.displayName="KendoReactToolbarSpacer",Ie.propTypes={className:s.string};const Oe=F.createContext([null,e=>{}]),Ae=F.createContext([null,e=>{}]),$e=F.createContext([null,e=>{}]);var Z=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(Z||{});const Je=(e,i)=>{const t=i.items.findIndex(l=>l===e);switch(i.type){case"next":return t===i.items.length-1?e:i.items[t+1];case"prev":return t===0?e:i.items[t-1];case"current":return i.payload;case"reset":return null;default:return e}};var We=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(We||{});const Qe=(e,i)=>{switch(i.type){case"add":break;case"remove":return e.filter(t=>t[i.valueField]!==i.payload);case"reorder":break;default:return e}};var se=(e=>(e.toggle="toggle",e.remove="remove",e))(se||{});const Ye=(e,i)=>{switch(i.selection){case"single":switch(i.type){case"toggle":{if(!Array.isArray(e)||e===null)return i.payload===e?null:i.payload;throw new Error("State cannot be an array in single selection")}case"remove":return i.payload===e?null:e;default:return e}case"multiple":switch(i.type){case"toggle":{if(Array.isArray(e))return e.some(t=>t===i.payload)?e.filter(t=>t!==i.payload):[...e,i.payload];if(e===null)return[i.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(e)?e.some(t=>t===i.payload)?e.filter(t=>t!==i.payload):[...e,i.payload]:e;default:return e}case"none":return null;default:return e}},M=a.forwardRef((e,i)=>{n.validatePackage(z);const t=a.useRef(null),l=a.useRef(null),r=n.useDir(l,e.dir);a.useImperativeHandle(t,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>t.current);const[o,d]=a.useContext(Oe),[u,m]=a.useContext(Ae),[,y]=a.useContext($e),h=a.useMemo(()=>e.selected||(Array.isArray(o)?o.some(f=>f===e.value):o===e.value),[e.selected,e.value,o]),x=a.useMemo(()=>u===e.value,[e.value,u]);a.useEffect(()=>{x&&l.current&&l.current.focus()},[x]);const N=a.useCallback(f=>{d({type:se.toggle,payload:e.value,event:f})},[d,e.value]),w=a.useCallback(f=>{e.removable&&(y({type:We.remove,payload:e.value,event:f}),m({type:Z.reset,payload:e.value,event:f}),d({type:se.remove,payload:e.value,event:f}),e.onRemove&&e.onRemove.call(void 0,{target:t.current,syntheticEvent:f}))},[e.onRemove,e.value,e.removable,y,m,d]),K=a.useCallback(f=>{switch(f.keyCode){case n.Keys.left:m({type:Z.prev,payload:e.value,event:f});break;case n.Keys.right:m({type:Z.next,payload:e.value,event:f});break;case n.Keys.enter:d({type:se.toggle,payload:e.value,event:f});break;case n.Keys.delete:w(f);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:f})},[e.onKeyDown,e.value,m,d,w]),S=a.useCallback(f=>{m({payload:e.value,type:Z.current,event:f}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:f})},[e.onFocus,e.value,m]),k=a.useCallback(f=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:f})},[e.onBlur]),E=n.useMouse(e,t,{onClick:N});return a.createElement("div",{...E,role:e.role||"button",id:e.value,style:e.style,ref:l,dir:r,tabIndex:n.getTabIndex(e.tabIndex,e.disabled,void 0),className:n.classNames("k-chip",{"k-rtl":r==="rtl","k-disabled":e.disabled,"k-selected":h,"k-focus":x,[`k-chip-${n.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${n.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-chip-${e.fillMode}`]:e.fillMode,[`k-chip-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className),"aria-pressed":e.role?void 0:h,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":e.removable?"Enter Delete":void 0,onFocus:S,onBlur:k,onKeyDown:K},h&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?n.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.icon?n.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),e.removable&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:n.classNames("k-chip-action","k-chip-remove-action"),onClick:w},a.createElement(n.IconWrap,{name:e.removeIcon?n.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Ne.xCircleIcon,size:"small"}))))}),Pe={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:n.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,selectedIcon:s.string,selectedIconSvg:n.svgIconPropType,onRemove:s.func,dataItem:s.any,selected:s.bool,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"outline","solid"]),themeColor:s.oneOf([null,"base","info","success","warning","error"])},Re={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};M.displayName="KendoReactChip",M.propTypes=Pe,M.defaultProps=Re;const Te=(e,i,t)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,r]=a.useState(e);return[l,d=>{const u=Ye(i.state||l,{...d,...i});t&&t(u,d.event),i.selection!=="none"&&r(u)}]},et=e=>{const[i,t]=a.useState(null);return[i,r=>{const o=Je(r.payload,{...r,...e});t(o)}]},tt=(e,i,t)=>{const[l,r]=a.useState(e);return[l,d=>{const u=Qe(i.state||l,{...d,...i});t&&t(u,d.event),r(u)}]},ie=a.forwardRef((e,i)=>{n.validatePackage(z);const t=a.useRef(null),l=a.useRef(null),r=n.useDir(l,e.dir),{chip:o,id:d,style:u,tabIndex:m,disabled:y,size:h,className:x,ariaDescribedBy:N,ariaLabelledBy:w,ariaLabel:K,selection:S=W.selection,value:k=W.defaultValue,defaultData:E=W.defaultData,valueField:f=W.valueField,textField:L=W.textField,onChange:O,onDataChange:C}=e,_=a.useMemo(()=>o||M,[o,M]);a.useImperativeHandle(t,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>t.current);const A=a.useCallback((b,v)=>{O&&t.current&&O.call(void 0,{value:b,target:t.current,syntheticEvent:v})},[O]),[X,V]=Te(k||e.defaultValue,{selection:S,state:k},A),le=a.useCallback((b,v)=>{C&&t.current&&C.call(void 0,{value:b,target:t.current,syntheticEvent:v})},[C]),[J,re]=tt(e.data||E,{state:e.data,valueField:f},le),Q=a.useCallback((b,v)=>(b.push(v[f]),b),[f]),H=a.useMemo(()=>e.data||J,[e.data,J]),oe=a.useMemo(()=>k||X,[k,X]),ue=a.useMemo(()=>H.reduce(Q,[]),[H,Q]),Y=a.useCallback(b=>n.getter(f)(b),[f]),I=a.useCallback(b=>n.getter(L)(b),[L]),[De,ke]=et({items:ue}),ce=n.useMouse(e,t);return a.createElement(Oe.Provider,{value:[oe,V]},a.createElement(Ae.Provider,{value:[De,ke]},a.createElement($e.Provider,{value:[H,re]},a.createElement("div",{ref:l,...ce,role:y?void 0:"listbox",id:d,dir:r,style:u,tabIndex:n.getTabIndex(m,y,void 0),className:n.classNames("k-chip-list",{"k-rtl":r==="rtl","k-disabled":y,[`k-chip-list-${n.kendoThemeMaps.sizeMap[h]||h}`]:h},x),"aria-label":K,"aria-labelledby":w,"aria-describedby":N,"aria-orientation":"horizontal","aria-multiselectable":S==="multiple"},H.map((b,v)=>a.createElement(_,{role:"option",dataItem:b,size:h,key:[Y(b),v].join("-"),text:I(b),value:Y(b),ariaLabel:b.ariaLabel,svgIcon:b.svgIcon||void 0}))))))}),st={id:s.string,className:s.string,tabIndex:s.number,data:s.any,defaultData:s.arrayOf(s.any),onDataChange:s.func,value:s.oneOfType([s.any,s.arrayOf(s.any)]),defaultValue:s.oneOfType([s.any,s.arrayOf(s.any)]),onChange:s.func,selection:s.oneOf(["single","none","multiple"]),textField:s.string,valueField:s.string,disabled:s.bool,dir:s.oneOf(["ltr","rtl"]),ariaLabelledBy:s.string,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"])},W={chip:M,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};ie.displayName="KendoReactChipList",ie.propTypes=st,ie.defaultProps=W;const ne=a.forwardRef((e,i)=>{const{className:t,disabled:l,text:r,icon:o,style:d,id:u,focused:m,tabIndex:y,index:h,dataItem:x,item:N,svgIcon:w,onDown:K,onClick:S,...k}=e,E=a.useRef(null),f=a.useCallback(()=>{E.current&&E.current.focus()},[]),L=a.useCallback(()=>({element:E.current,focus:f}),[f]);a.useImperativeHandle(i,L);const O=a.useCallback(A=>{S&&h!==void 0&&!l&&S(A,h)},[S,h]),C=a.useMemo(()=>n.classNames("k-fab-item",{"k-focus":m,"k-disabled":l},t),[t,l,m]),_=N;return a.createElement("li",{ref:E,id:u,className:C,style:d,role:"menuitem",tabIndex:n.getTabIndex(y,l),"aria-disabled":l,"aria-label":`${r||""} floatingactionbutton item`,onClick:O,onMouseDown:K,onPointerDown:K,...k},_?a.createElement(_,{itemIndex:h,item:x}):a.createElement(a.Fragment,null,r&&a.createElement("span",{className:"k-fab-item-text"},r),o||w?a.createElement(n.IconWrap,{className:"k-fab-item-icon",name:o,icon:w}):null))});ne.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:n.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any},ne.displayName="KendoFloatingActionButtonItem";const Le="16px",ae=e=>typeof e=="number"?e+"px":e,it=(e,i)=>{const t={horizontal:i?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=i?"left":"right"),t},nt=(e,i)=>{const t={horizontal:i?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=i?"left":"right"),t},at=(e,i)=>{const t=i==="end"?"end":"start";return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e][t]},lt=(e,i,t,l)=>{const r=i.horizontal,o=i.vertical;if(e.current){const d=t&&t.x!==void 0?ae(t.x):Le,u=t&&t.x!==void 0?`calc(50% + ${ae(t.x)})`:"50%",m=t&&t.y!==void 0?ae(t.y):Le,y=t&&t.y!==void 0?`calc(50% + ${ae(t.y)})`:"50%";e.current.style.setProperty(rt(i,l),r==="center"?u:d),e.current.style.setProperty(ot(i),o==="middle"?y:m),l&&((o==="top"||o==="bottom")&&r==="start"&&e.current.style.setProperty("left","unset"),o==="middle"&&r==="end"&&e.current.style.setProperty("right","unset"),o==="middle"&&r==="start"&&e.current.style.setProperty("left","unset"))}},rt=(e,i)=>{const{horizontal:t}=e;return{end:i?"left":"right",center:"left",start:i?"right":"left"}[t||"end"]},ot=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],ut=2,ct=100,ye=a.forwardRef((e,i)=>{n.validatePackage(z);const{align:t=G.align,alignOffset:l,className:r,disabled:o,icon:d,svgIcon:u,iconClass:m,id:y,items:h,item:x,text:N,positionMode:w=G.positionMode,size:K=G.size,style:S,rounded:k=G.rounded,themeColor:E=G.themeColor,overlayStyle:f,tabIndex:L,accessKey:O,popupSettings:C={},modal:_,onClick:A,onItemClick:X,onFocus:V,onBlur:le,onKeyDown:J,onOpen:re,onClose:Q,...H}=e,oe=n.useZIndexContext(),ue=oe?oe+ut:ct,Y=a.useRef(null),I=a.useRef(null),De=a.useRef(null),ke=a.useRef(null),ce=a.useCallback(()=>{I.current&&I.current.focus()},[]),b=a.useCallback(()=>({element:I.current,focus:ce}),[ce]);a.useImperativeHandle(Y,b),a.useImperativeHandle(i,()=>Y.current);const[v,B]=a.useState(!1),[de,j]=a.useState(!1),[P,D]=a.useState(-1),dt=n.useId()+"-button-id",xe=n.useDir(I,e.dir),R=xe==="rtl",he=n.useId()+"-list-id";a.useEffect(()=>{lt(I,t,l,R)},[I,t,l,R]),a.useEffect(()=>{de&&I&&I.current&&I.current.focus()},[de,I]);const U=a.useCallback((c,g)=>{h&&n.dispatchEvent(g?re:Q,c,b(),void 0)},[re,Q,h]),je=a.useCallback(c=>{!c.target||o||(!h&&A?n.dispatchEvent(A,c,b(),void 0):(B(!v),j(!0),D(v?-1:0),U(c,!v)))},[B,j,D,A,U,v,h,o]),ht=a.useCallback(c=>{j(!0),D(v?0:-1),V&&n.dispatchEvent(V,c,b(),void 0)},[V,j,D]),ft=a.useCallback(c=>{j(!1),B(!1),D(-1),n.dispatchEvent(le,c,b(),void 0),v&&U(c,!1)},[le,j,B,D,U]),pt=a.useCallback(c=>{c.preventDefault()},[]),we=a.useCallback((c,g)=>{h&&(h[g].disabled||n.dispatchEvent(X,c,b(),{itemProps:h[g],itemIndex:g}))},[X]),bt=a.useCallback((c,g)=>{!c.target||!h||(D(g),B(!1),we(c,g),U(c,!1))},[D,B,we,U]),gt=a.useCallback(c=>{n.getActiveElement(document)===I.current&&c.preventDefault()},[I]),mt=a.useCallback(c=>{const g=P,Ee=h?h.length:-1;if(c.altKey){!v&&c.keyCode===n.Keys.down&&(c.preventDefault(),B(!0),D(0)),v&&c.keyCode===n.Keys.up&&(c.preventDefault(),B(!1),D(-1));return}switch(c.keyCode){case n.Keys.enter:case n.Keys.space:g>=0&&we(c,g),h||je(c),c.preventDefault(),B(!v),D(v?-1:0);break;case n.Keys.esc:c.preventDefault(),B(!1),D(-1);break;case n.Keys.home:c.preventDefault(),D(0);break;case n.Keys.end:c.preventDefault(),D(Ee-1);break;case n.Keys.down:case n.Keys.right:c.preventDefault(),D(g+1>=Ee?0:g+1);break;case n.Keys.up:case n.Keys.left:c.preventDefault(),D(g-1<0?Ee-1:g-1);break}n.dispatchEvent(J,c,b(),void 0)},[J,P,D,R,B]),vt=a.useMemo(()=>n.classNames("k-fab k-fab-solid",{"k-fab-sm":K==="small","k-fab-md":K==="medium","k-fab-lg":K==="large","k-disabled":o,"k-pos-absolute":w==="absolute","k-pos-fixed":w==="fixed","k-focus":de,[`k-rounded-${n.kendoThemeMaps.roundedMap[k]||k}`]:k,[`k-fab-solid-${E}`]:E},`k-${t.vertical}-${t.horizontal}`,r),[E,K,k,o,w,t,de,r]),It=h&&h.map((c,g)=>a.createElement(ne,{...c,key:g,index:g,id:`${he}-${g}`,disabled:o||c.disabled,focused:P===g,dataItem:c,item:x,className:n.classNames(c.className,at(xe||"ltr",t.horizontal)),onClick:bt,onDown:gt})),Ue=!!((d||u)&&!N),yt=I.current?I.current.offsetWidth:0,Dt=32,qe=yt/2-Dt/2;return a.createElement(n.ZIndexContext.Provider,{value:ue},a.createElement(a.Fragment,null,a.createElement("button",{ref:I,id:y||dt,role:"button",type:"button","aria-disabled":o,"aria-expanded":h?v:void 0,"aria-haspopup":!!h,"aria-label":`${N||""} floatingactionbutton`,"aria-owns":h?he:void 0,"aria-activedescendant":P>=0&&h?`${he}-${P}`:void 0,tabIndex:n.getTabIndex(L,o),accessKey:O,dir:xe,disabled:o,className:vt,style:S,onClick:je,onMouseDown:pt,onFocus:ht,onBlur:ft,onKeyDown:mt,...H},d||u?a.createElement(n.IconWrap,{className:"k-fab-icon",name:d,icon:u}):m?a.createElement("span",{role:"presentation",className:m}):null,N&&a.createElement("span",{className:"k-fab-text"},N)),_&&v&&a.createElement("div",{className:"k-overlay",style:{zIndex:ue,...f}}),a.createElement(fe.Popup,{ref:ke,anchor:I.current,show:v,animate:C.animate,popupClass:n.classNames("k-popup-transparent k-fab-popup",C.popupClass),anchorAlign:C.anchorAlign||it(t,R),popupAlign:C.popupAlign||nt(t,R),style:{boxShadow:"none"}},a.createElement("ul",{ref:De,role:"menu","aria-labelledby":y,id:he,className:n.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:Ue?qe:void 0,paddingRight:Ue?qe:void 0}},It))))});ye.propTypes={className:s.string,style:s.object,id:s.string,dir:s.string,tabIndex:s.number,accessKey:s.string,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,text:s.string,alignOffset:s.shape({x:s.oneOfType([s.number,s.string]),y:s.oneOfType([s.number,s.string])}),align:s.shape({vertical:s.oneOf(["top","middle","bottom"]),horizontal:s.oneOf(["start","center","end"])}),positionMode:s.oneOf(["absolute","fixed"]),size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),themeColor:s.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:s.bool,overlayStyle:s.object};const G={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};ye.displayName="KendoFloatingActionButton";const _e=n.withIdHOC(te);_e.displayName="KendoReactDropDownButton";const He=n.withIdHOC(ee);He.displayName="KendoReactSplitButton",p.Button=$,p.ButtonGroup=Be,p.Chip=M,p.ChipList=ie,p.DropDownButton=_e,p.DropDownButtonClassComponent=te,p.DropDownButtonItem=ge,p.FloatingActionButton=ye,p.FloatingActionButtonItem=ne,p.SplitButton=He,p.SplitButtonClassComponent=ee,p.SplitButtonItem=be,p.Toolbar=ve,p.ToolbarItem=Me,p.ToolbarSeparator=Ve,p.ToolbarSpacer=Ie,p.toolbarButtons=Se,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
package/index.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the package root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common"),ye=require("@progress/kendo-react-popup"),Be=require("@progress/kendo-svg-icons");function et(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=et(le),B={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};function tt({imageUrl:e,name:n,iconClass:t,svgIcon:a,imageAlt:l}){return e?i.createElement("img",{role:"presentation",className:"k-button-icon",alt:l,src:e}):n||a?i.createElement(o.IconWrap,{className:"k-button-icon",name:n,icon:a}):t?i.createElement("span",{role:"presentation",className:o.classNames("k-button-icon",t)}):null}const X=class extends i.Component{constructor(e){super(e),this._element=null,this.handleClick=n=>{this.toggleIfApplicable(),this.props.onClick&&this.props.onClick.call(void 0,n)},o.validatePackage(B),this.state={selected:this.props.togglable===!0&&this.props.selected===!0}}get element(){return this._element}get selected(){return this._selectedTemp!==void 0?this._selectedTemp:this.state.selected}static getDerivedStateFromProps(e,n){return e.togglable&&e.selected!==void 0&&e.selected!==n.selected?{selected:e.selected}:null}render(){const{children:e,togglable:n,icon:t,iconClass:a,svgIcon:l,imageUrl:r,imageAlt:u,className:c,onClick:b,size:k=X.defaultProps.size,rounded:h=X.defaultProps.rounded,fillMode:I=X.defaultProps.fillMode,themeColor:w=X.defaultProps.themeColor,...x}=this.props,E=l!==void 0||t!==void 0||a!==void 0||r!==void 0,N=e!==void 0,C=tt({name:t,svgIcon:l,iconClass:a,imageUrl:r,imageAlt:u});return i.createElement("button",{ref:D=>this._element=D,"aria-pressed":n?this.state.selected:void 0,...x,onClick:this.handleClick,className:o.classNames("k-button",{[`k-button-${o.kendoThemeMaps.sizeMap[k]||k}`]:k,[`k-button-${I}`]:I,[`k-button-${I}-${w}`]:!!(I&&w),[`k-rounded-${o.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-icon-button":!N&&E,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},C,e&&i.createElement("span",{className:"k-button-text"},e))}toggleIfApplicable(){if(this.props.togglable&&this.props.selected===void 0){const e=!this.state.selected;this._selectedTemp=e,this.setState({selected:e},()=>this._selectedTemp=void 0)}}};let W=X;W.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};W.defaultProps={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const st={button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"},Ke=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",Pe=["button"+Ke,".k-button-group > button"+Ke,".k-colorpicker",".k-dropdownlist"],nt={styles:st},oe=nt.styles;class Fe extends i.Component{constructor(n){super(n),this._element=null,o.validatePackage(B)}render(){const n=this.mapButtons(this.props.children),t=o.classNames([oe["button-group"]],{["k-disabled"]:this.props.disabled,[oe["button-group-stretched"]]:!!this.props.width},this.props.className),a={className:t,style:{width:`${this.props.width}`},dir:this.props.dir,role:"group","aria-disabled":this.props.disabled};return i.createElement("div",{ref:l=>{this._element=l},...a,className:t},n)}mapButtons(n){const t=i.Children.count(n),a=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return i.Children.map(n,(l,r)=>i.isValidElement(l)?this.renderButton(l,r,r===t-1,a):l)}renderButton(n,t,a,l){const r=o.classNames(n.props.className,{[oe["group-start"]]:l?a:t===0,[oe["group-end"]]:l?t===0:a}),u={...this.props.width?{width:this.props.width}:{},...n.props.style||{}},c=this.props.disabled||n.props.disabled,b={...n.props,...r?{className:r}:{},...Object.keys(u).length?{style:u}:{},...c!==void 0?{disabled:c}:{}};return i.Children.count(n.props.children)>0?i.cloneElement(n,b,n.props.children):i.cloneElement(n,b)}}Fe.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const ke=e=>{const n=i.useCallback(r=>{e.onClick(r,e.index)},[e]),t=e.dataItem.render||e.item||(e.item===void 0?e.render:null),a=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,l=i.createElement("li",{id:e.id,className:o.classNames("k-item",e.className,{"k-focus":e.focused}),tabIndex:-1,onClick:n,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},i.createElement("span",{tabIndex:-1,className:o.classNames("k-link k-menu-link",{"k-selected":e.dataItem.selected,"k-disabled":e.dataItem.disabled}),key:"icon"},t?i.createElement(t,{item:e.dataItem,itemIndex:e.index}):i.createElement(i.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&i.createElement(o.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&i.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),a&&i.createElement("span",{className:"k-menu-link-text"},a))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,l,e):l};ke.displayName="KendoReactButtonItem";class ve extends i.Component{render(){return null}}ve.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const ze=(e,n,t,a)=>{if(t)return e;const l=Math.min(a-1,Math.max(0,e));switch(n){case o.Keys.enter:case o.Keys.space:case o.Keys.esc:return-1;case o.Keys.up:case o.Keys.left:return l-1<0?a-1:l-1;case o.Keys.down:case o.Keys.right:return l+1>=a?0:l+1;case o.Keys.home:return 0;case o.Keys.end:return a-1;default:return e}};function Me(e){let n={horizontal:"left",vertical:"bottom"};return e&&(n.horizontal="right"),n}function Te(e){let n={horizontal:"left",vertical:"top"};return e&&(n.horizontal="right"),n}let re=class extends i.Component{constructor(n){super(n),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===o.Keys.down?(t.preventDefault(),this.setState({focusedIndex:0}),this.setOpen(!0,t)):this.opened&&t.keyCode===o.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}let l;if(t.keyCode===o.Keys.enter||t.keyCode===o.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,a),a>=0){l={focusedIndex:this.opened?-1:0};const r=!this.opened;this.setOpen(r,t)}}else if(this.opened&&t.keyCode===o.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const r=ze(a,t.keyCode,t.altKey,this.buttonsData.length);r!==a&&(l=l||{},l.focusedIndex=r);const u=t.keyCode===o.Keys.up||t.keyCode===o.Keys.down||t.keyCode===o.Keys.left||t.keyCode===o.Keys.right;!t.altKey&&(u||t.keyCode===o.Keys.home||t.keyCode===o.Keys.end)&&t.preventDefault()}l&&this.setState(l)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.onFocus=t=>{this.skipFocus||(o.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=(t,a)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),a?this.dispatchPopupEvent(a,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,a)=>{this.opened&&this.setState({focusedIndex:0}),this.dispatchClickEvent(t,a),this.setOpen(!1,t)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),o.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.onPopupClose=t=>{var l;const a=o.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(a===this.list||(l=this.list)!=null&&l.contains(a))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onSplitPartClick=t=>{if(this.buttonsData.length){const a=!this.opened;this.setState({focusedIndex:a?0:-1,focused:!0}),this.setOpen(a,t)}},this.onDownSplitPart=t=>{t.preventDefault();const a=o.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onItemDown=t=>{o.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,a)=>{o.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},o.validatePackage(B)}get guid(){return this.props.id?this.props.id+"-accessibility-id":this.props.id}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){this.buttonsData=this.props.items||i.Children.toArray(this.props.children).filter(c=>c&&c.type===ve).map(c=>c.props);const n=this.isRtl(),t=n?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:u}=this.props;return i.createElement("div",{id:a,style:l,className:o.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${o.kendoThemeMaps.roundedMap[this.props.rounded||"medium"]}`,this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:t,ref:c=>this.wrapper=c},i.createElement(W,{ref:c=>this.mainButton=c&&c.element,type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:c=>this.onItemClick(c,-1),disabled:u||void 0,tabIndex:r,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,imageUrl:this.props.imageUrl,dir:t,"aria-disabled":u,"aria-haspopup":!0,"aria-expanded":this.opened||void 0,"aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,id:"button-"+this.guid,title:this.props.title},this.props.text),i.createElement(W,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Be.caretAltDownIcon,className:"k-split-button-arrow",disabled:u||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:t,"aria-label":"menu toggling button"}),this.renderPopup(n))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(n,t){this.isItemDisabled(t)||(t===-1?o.dispatchEvent(this.props.onButtonClick,n,this,void 0):o.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(n){const{popupSettings:t={}}=this.props,{focusedIndex:a}=this.state;return i.createElement(ye.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:o.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Me(n),popupAlign:t.popupAlign||Te(n),style:n?{direction:"rtl"}:void 0,onClose:this.onPopupClose},i.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,ref:this.listRef,"aria-activedescendant":a>=0?`${this.guid}-${a}`:void 0,className:o.classNames("k-menu-group",{[`k-menu-group-${o.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>i.createElement(ke,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,key:r,index:r,id:`${this.guid}-${r}`})):null}isItemDisabled(n){return this.buttonsData[n]?this.buttonsData[n].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}};re.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onButtonClick:s.func,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,text:s.string,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.any,item:s.func,className:s.string,buttonClass:s.string,dir:s.string};re.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class Ce extends i.Component{render(){return null}}Ce.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,selected:s.bool,disabled:s.bool,render:s.any};let ce=class extends i.Component{constructor(n){super(n),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===o.Keys.down?(t.preventDefault(),this.setOpen(!0,t),this.setState({focusedIndex:0})):this.opened&&t.keyCode===o.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}const l={...this.state};if(t.keyCode===o.Keys.enter||t.keyCode===o.Keys.space){t.preventDefault(),a>=0&&this.dispatchClickEvent(t,a);const r=!this.opened;this.setState({focused:!0,focusedIndex:r?0:-1}),this.setOpen(r,t);return}if(this.opened&&t.keyCode===o.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const r=ze(a,t.keyCode,t.altKey,this.buttonsData.length);l.focusedIndex=r;const u=t.keyCode===o.Keys.up||t.keyCode===o.Keys.down||t.keyCode===o.Keys.left||t.keyCode===o.Keys.right;!t.altKey&&(u||t.keyCode===o.Keys.home||t.keyCode===o.Keys.end)&&t.preventDefault()}this.setState(l)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.handleFocus=t=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),o.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleButtonBlur=t=>{this.opened||(this.setState({focused:!1}),o.dispatchEvent(this.props.onBlur,t,this,void 0))},this.handleMenuBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),o.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.setOpen=(t,a)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),a?this.dispatchPopupEvent(a,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,a)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(t,a),this.setOpen(!1,t)},this.onItemDown=t=>{o.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const a=o.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onPopupClose=t=>{var l;const a=o.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(a===this.list||(l=this.list)!=null&&l.contains(a))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onClickMainButton=t=>{if(!this.buttonsData.length)return;const a=!this.opened;this.setState({focused:!0,focusedIndex:a?0:-1}),this.setOpen(a,t)},this.dispatchPopupEvent=(t,a)=>{o.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},o.validatePackage(B)}get guid(){return this.props.id+"-accessibility-id"}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const n=this.isRtl(),t=n?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:u}=this.props;return this.buttonsData=this.props.items||i.Children.toArray(this.props.children).filter(c=>c&&c.type===Ce).map(c=>c.props),i.createElement(i.Fragment,null,i.createElement(W,{id:a,size:this.props.size,style:l,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":u?"true":void 0,tabIndex:r,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:o.classNames(this.props.buttonClass,this.props.className,"k-menu-button",{"k-focus":this.state.focused},{"k-disabled":u}),imageUrl:this.props.imageUrl,dir:t,ref:c=>this.mainButton=c&&c.element,type:"button","aria-haspopup":"menu","aria-expanded":this.opened?"true":"false","aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,title:this.props.title},this.props.text),this.renderPopup(n))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(n,t){this.isItemDisabled(t)||o.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(n){const{popupSettings:t={},id:a}=this.props,{focusedIndex:l}=this.state;return i.createElement(ye.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:o.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Me(n),popupAlign:t.popupAlign||Te(n),style:n?{direction:"rtl"}:void 0,onClose:this.onPopupClose},i.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":a,tabIndex:-1,"aria-activedescendant":l>=0?`${this.guid}-${l}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:o.classNames("k-menu-group",{[`k-menu-group-${o.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>i.createElement(ke,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,index:r,key:r,id:`${this.guid}-${r}`})):null}isItemDisabled(n){return this.buttonsData[n]?this.buttonsData[n].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.mainButton&&getComputedStyle(this.mainButton).direction==="rtl"}};ce.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.func,item:s.func,className:s.string,buttonClass:s.string,dir:s.string};ce.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const ge=class extends i.Component{constructor(e){super(e),this._element=null,this.offsetHeight=0,this.offsetWidth=0,this.buttons=[],this.focusedSelector=this.selectors.map(n=>n+":focus").join(","),this.setTabIndex=n=>{const{tabIndex:t=ge.defaultProps.tabIndex}=this.props;this.buttons.forEach((a,l)=>{a.tabIndex=l===n?t:-1})},this.onKeyDown=n=>{const t=n.target;if(!(n.keyCode===o.Keys.left||n.keyCode===o.Keys.right||n.keyCode===o.Keys.home||n.keyCode===o.Keys.end)||n.defaultPrevented||this.buttons.findIndex(r=>r===t)===-1)return;const l=this.focusedIndex;n.keyCode===o.Keys.left?this.focusButton(l,l===0?this.buttons.length-1:l-1):this.focusButton(l,l===this.buttons.length-1?0:l+1),n.keyCode===o.Keys.home&&this.focusButton(l,0),n.keyCode===o.Keys.end&&this.focusButton(l,this.buttons.length-1)},this.onWindowResize=n=>{const t=this.element;if(!t)return;const a=t.offsetWidth,l=t.offsetHeight;if(this.offsetWidth!==a||this.offsetHeight!==l){this.offsetWidth=a,this.offsetHeight=l;const r={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.props.onResize&&this.props.onResize.call(void 0,{target:this,...r,nativeEvent:n})}},o.validatePackage(B)}get selectors(){return this.props.buttons||Pe}get focusedIndex(){const e=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(n=>n===e))}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize);const e=this.element;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,this.props.keyboardNavigation!==!1&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(0)))}componentDidUpdate(){const e=this.element;!e||this.props.keyboardNavigation===!1||(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(this.focusedIndex))}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize),this.buttons.length=0}render(){return i.createElement("div",{id:this.props.id,"aria-label":this.props.ariaLabel,className:o.classNames("k-toolbar",{[`k-toolbar-${o.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),style:this.props.style,role:this.props.role!==void 0?this.props.role||void 0:"toolbar",dir:this.props.dir,ref:e=>this._element=e,onKeyDown:this.props.keyboardNavigation!==!1?this.onKeyDown:void 0},this.props.children)}focusButton(e,n){const{tabIndex:t=ge.defaultProps.tabIndex}=this.props,a=this.buttons[n];if(a){a.tabIndex=t,a.focus();const l=this.buttons[e];l&&(l.tabIndex=-1)}}};let Ie=ge;Ie.propTypes={tabIndex:s.number,dir:s.string,keyboardNavigation:s.bool,style:s.object,className:s.string,role:s.string,onResize:s.func,buttons:s.arrayOf(s.string),size:s.oneOf([null,"small","medium","large"])};Ie.defaultProps={tabIndex:0,size:"medium"};class Re extends i.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return i.createElement("div",{id:this.props.id,className:o.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:n=>this._element=n},this.props.children)}}Re.propTypes={className:s.string};class ot extends i.PureComponent{render(){return i.createElement("div",{className:o.classNames("k-separator",this.props.className)})}}const xe=i.forwardRef((e,n)=>{const t=i.useRef(null),a=i.useRef(null);i.useImperativeHandle(a,()=>({element:t.current})),i.useImperativeHandle(n,()=>({element:t.current}));const l=i.useMemo(()=>o.classNames("k-spacer",e.className),[e.className]);return i.createElement("span",{ref:t,className:l})});xe.displayName="KendoReactToolbarSpacer";xe.propTypes={className:s.string};const Oe=le.createContext([null,e=>{}]),Ae=le.createContext([null,e=>{}]),$e=le.createContext([null,e=>{}]);var V=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(V||{});const it=(e,n)=>{const t=n.items.findIndex(a=>a===e);switch(n.type){case"next":return t===n.items.length-1?e:n.items[t+1];case"prev":return t===0?e:n.items[t-1];case"current":return n.payload;case"reset":return null;default:return e}};var We=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(We||{});const at=(e,n)=>{switch(n.type){case"add":break;case"remove":return e.filter(t=>t[n.valueField]!==n.payload);case"reorder":break;default:return e}};var ae=(e=>(e.toggle="toggle",e.remove="remove",e))(ae||{});const lt=(e,n)=>{switch(n.selection){case"single":switch(n.type){case"toggle":{if(!Array.isArray(e)||e===null)return n.payload===e?null:n.payload;throw new Error("State cannot be an array in single selection")}case"remove":return n.payload===e?null:e;default:return e}case"multiple":switch(n.type){case"toggle":{if(Array.isArray(e))return e.some(t=>t===n.payload)?e.filter(t=>t!==n.payload):[...e,n.payload];if(e===null)return[n.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(e)?e.some(t=>t===n.payload)?e.filter(t=>t!==n.payload):[...e,n.payload]:e;default:return e}case"none":return null;default:return e}},z=i.forwardRef((e,n)=>{o.validatePackage(B);const t=i.useRef(null),a=i.useRef(null),l=o.useDir(a,e.dir);i.useImperativeHandle(t,()=>({element:a.current,props:e})),i.useImperativeHandle(n,()=>t.current);const[r,u]=i.useContext(Oe),[c,b]=i.useContext(Ae),[,k]=i.useContext($e),h=i.useMemo(()=>e.selected||(Array.isArray(r)?r.some(p=>p===e.value):r===e.value),[e.selected,e.value,r]),I=i.useMemo(()=>c===e.value,[e.value,c]);i.useEffect(()=>{I&&a.current&&a.current.focus()},[I]);const w=i.useCallback(p=>{u({type:ae.toggle,payload:e.value,event:p})},[u,e.value]),x=i.useCallback(p=>{e.removable&&(k({type:We.remove,payload:e.value,event:p}),b({type:V.reset,payload:e.value,event:p}),u({type:ae.remove,payload:e.value,event:p}),e.onRemove&&e.onRemove.call(void 0,{target:t.current,syntheticEvent:p}))},[e.onRemove,e.value,e.removable,k,b,u]),E=i.useCallback(p=>{switch(p.keyCode){case o.Keys.left:b({type:V.prev,payload:e.value,event:p});break;case o.Keys.right:b({type:V.next,payload:e.value,event:p});break;case o.Keys.enter:u({type:ae.toggle,payload:e.value,event:p});break;case o.Keys.delete:x(p);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:p})},[e.onKeyDown,e.value,b,u,x]),N=i.useCallback(p=>{b({payload:e.value,type:V.current,event:p}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:p})},[e.onFocus,e.value,b]),C=i.useCallback(p=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:p})},[e.onBlur]),D=o.useMouse(e,t,{onClick:w});return i.createElement("div",{...D,role:e.role||"button",id:e.value,style:e.style,ref:a,dir:l,tabIndex:o.getTabIndex(e.tabIndex,e.disabled,void 0),className:o.classNames("k-chip",{"k-rtl":l==="rtl","k-disabled":e.disabled,"k-selected":h,"k-focus":I,[`k-chip-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${o.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-chip-${e.fillMode}`]:e.fillMode,[`k-chip-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className),"aria-pressed":e.role?void 0:h,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":e.removable?"Enter Delete":void 0,onFocus:N,onBlur:C,onKeyDown:E},h&&(e.selectedIcon||e.selectedSvgIcon)&&i.createElement(o.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?o.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&i.createElement(o.IconWrap,{className:"k-chip-icon",name:e.icon?o.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&i.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},i.createElement("span",{className:"k-avatar-image"},i.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),i.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&i.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),e.removable&&i.createElement("span",{className:"k-chip-actions"},i.createElement("span",{className:o.classNames("k-chip-action","k-chip-remove-action"),onClick:x},i.createElement(o.IconWrap,{name:e.removeIcon?o.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Be.xCircleIcon,size:"small"}))))}),rt={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:o.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,selectedIcon:s.string,selectedIconSvg:o.svgIconPropType,onRemove:s.func,dataItem:s.any,selected:s.bool,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"outline","solid"]),themeColor:s.oneOf([null,"base","info","success","warning","error"])},ct={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};z.displayName="KendoReactChip";z.propTypes=rt;z.defaultProps=ct;const dt=(e,n,t)=>{n.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):n.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[a,l]=i.useState(e);return[a,u=>{const c=lt(n.state||a,{...u,...n});t&&t(c,u.event),n.selection!=="none"&&l(c)}]},ut=e=>{const[n,t]=i.useState(null);return[n,l=>{const r=it(l.payload,{...l,...e});t(r)}]},ht=(e,n,t)=>{const[a,l]=i.useState(e);return[a,u=>{const c=at(n.state||a,{...u,...n});t&&t(c,u.event),l(c)}]},de=i.forwardRef((e,n)=>{o.validatePackage(B);const t=i.useRef(null),a=i.useRef(null),l=o.useDir(a,e.dir),{chip:r,id:u,style:c,tabIndex:b,disabled:k,size:h,className:I,ariaDescribedBy:w,ariaLabelledBy:x,ariaLabel:E,selection:N=$.selection,value:C=$.defaultValue,defaultData:D=$.defaultData,valueField:p=$.valueField,textField:M=$.textField,onChange:P,onDataChange:S}=e,T=i.useMemo(()=>r||z,[r,z]);i.useImperativeHandle(t,()=>({element:a.current,props:e})),i.useImperativeHandle(n,()=>t.current);const F=i.useCallback((m,g)=>{P&&t.current&&P.call(void 0,{value:m,target:t.current,syntheticEvent:g})},[P]),[L,_]=dt(C||e.defaultValue,{selection:N,state:C},F),J=i.useCallback((m,g)=>{S&&t.current&&S.call(void 0,{value:m,target:t.current,syntheticEvent:g})},[S]),[H,Q]=ht(e.data||D,{state:e.data,valueField:p},J),j=i.useCallback((m,g)=>(m.push(g[p]),m),[p]),R=i.useMemo(()=>e.data||H,[e.data,H]),Y=i.useMemo(()=>C||L,[C,L]),ee=i.useMemo(()=>R.reduce(j,[]),[R,j]),U=i.useCallback(m=>o.getter(p)(m),[p]),y=i.useCallback(m=>o.getter(M)(m),[M]),[he,pe]=ut({items:ee}),te=o.useMouse(e,t);return i.createElement(Oe.Provider,{value:[Y,_]},i.createElement(Ae.Provider,{value:[he,pe]},i.createElement($e.Provider,{value:[R,Q]},i.createElement("div",{ref:a,...te,role:k?void 0:"listbox",id:u,dir:l,style:c,tabIndex:o.getTabIndex(b,k,void 0),className:o.classNames("k-chip-list",{"k-rtl":l==="rtl","k-disabled":k,[`k-chip-list-${o.kendoThemeMaps.sizeMap[h]||h}`]:h},I),"aria-label":E,"aria-labelledby":x,"aria-describedby":w,"aria-orientation":"horizontal","aria-multiselectable":N==="multiple"},R.map((m,g)=>i.createElement(T,{role:"option",dataItem:m,size:h,key:[U(m),g].join("-"),text:y(m),value:U(m),ariaLabel:m.ariaLabel,svgIcon:m.svgIcon||void 0}))))))}),pt={id:s.string,className:s.string,tabIndex:s.number,data:s.any,defaultData:s.arrayOf(s.any),onDataChange:s.func,value:s.oneOfType([s.any,s.arrayOf(s.any)]),defaultValue:s.oneOfType([s.any,s.arrayOf(s.any)]),onChange:s.func,selection:s.oneOf(["single","none","multiple"]),textField:s.string,valueField:s.string,disabled:s.bool,dir:s.oneOf(["ltr","rtl"]),ariaLabelledBy:s.string,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"])},$={chip:z,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};de.displayName="KendoReactChipList";de.propTypes=pt;de.defaultProps=$;const ue=i.forwardRef((e,n)=>{const{className:t,disabled:a,text:l,icon:r,style:u,id:c,focused:b,tabIndex:k,index:h,dataItem:I,item:w,svgIcon:x,onDown:E,onClick:N,...C}=e,D=i.useRef(null),p=i.useCallback(()=>{D.current&&D.current.focus()},[]),M=i.useCallback(()=>({element:D.current,focus:p}),[p]);i.useImperativeHandle(n,M);const P=i.useCallback(F=>{N&&h!==void 0&&!a&&N(F,h)},[N,h]),S=i.useMemo(()=>o.classNames("k-fab-item",{"k-focus":b,"k-disabled":a},t),[t,a,b]),T=w;return i.createElement("li",{ref:D,id:c,className:S,style:u,role:"menuitem",tabIndex:o.getTabIndex(k,a),"aria-disabled":a,"aria-label":`${l||""} floatingactionbutton item`,onClick:P,onMouseDown:E,onPointerDown:E,...C},T?i.createElement(T,{itemIndex:h,item:I}):i.createElement(i.Fragment,null,l&&i.createElement("span",{className:"k-fab-item-text"},l),r||x?i.createElement(o.IconWrap,{className:"k-fab-item-icon",name:r,icon:x}):null))});ue.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:o.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any};ue.displayName="KendoFloatingActionButtonItem";const Se="16px",ie=e=>typeof e=="number"?e+"px":e,mt=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},ft=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},bt=(e,n)=>{const t=n==="end"?"end":"start";return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e][t]},gt=(e,n,t,a)=>{const l=n.horizontal,r=n.vertical;if(e.current){const u=t&&t.x!==void 0?ie(t.x):Se,c=t&&t.x!==void 0?`calc(50% + ${ie(t.x)})`:"50%",b=t&&t.y!==void 0?ie(t.y):Se,k=t&&t.y!==void 0?`calc(50% + ${ie(t.y)})`:"50%";e.current.style.setProperty(yt(n,a),l==="center"?c:u),e.current.style.setProperty(kt(n),r==="middle"?k:b),a&&((r==="top"||r==="bottom")&&l==="start"&&e.current.style.setProperty("left","unset"),r==="middle"&&l==="end"&&e.current.style.setProperty("right","unset"),r==="middle"&&l==="start"&&e.current.style.setProperty("left","unset"))}},yt=(e,n)=>{const{horizontal:t}=e;return{end:n?"left":"right",center:"left",start:n?"right":"left"}[t||"end"]},kt=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],vt=2,Ct=100,De=i.forwardRef((e,n)=>{o.validatePackage(B);const{align:t=G.align,alignOffset:a,className:l,disabled:r,icon:u,svgIcon:c,iconClass:b,id:k,items:h,item:I,text:w,positionMode:x=G.positionMode,size:E=G.size,style:N,rounded:C=G.rounded,themeColor:D=G.themeColor,overlayStyle:p,tabIndex:M,accessKey:P,popupSettings:S={},modal:T,onClick:F,onItemClick:L,onFocus:_,onBlur:J,onKeyDown:H,onOpen:Q,onClose:j,...R}=e,Y=o.useZIndexContext(),ee=Y?Y+vt:Ct,U=i.useRef(null),y=i.useRef(null),he=i.useRef(null),pe=i.useRef(null),te=i.useCallback(()=>{y.current&&y.current.focus()},[]),m=i.useCallback(()=>({element:y.current,focus:te}),[te]);i.useImperativeHandle(U,m),i.useImperativeHandle(n,()=>U.current);const[g,K]=i.useState(!1),[se,O]=i.useState(!1),[q,v]=i.useState(-1),He=o.useId()+"-button-id",me=o.useDir(y,e.dir),Z=me==="rtl",ne=o.useId()+"-list-id";i.useEffect(()=>{gt(y,t,a,Z)},[y,t,a,Z]),i.useEffect(()=>{se&&y&&y.current&&y.current.focus()},[se,y]);const A=i.useCallback((d,f)=>{h&&o.dispatchEvent(f?Q:j,d,m(),void 0)},[Q,j,h]),we=i.useCallback(d=>{!d.target||r||(!h&&F?o.dispatchEvent(F,d,m(),void 0):(K(!g),O(!0),v(g?-1:0),A(d,!g)))},[K,O,v,F,A,g,h,r]),je=i.useCallback(d=>{O(!0),v(g?0:-1),_&&o.dispatchEvent(_,d,m(),void 0)},[_,O,v]),Ue=i.useCallback(d=>{O(!1),K(!1),v(-1),o.dispatchEvent(J,d,m(),void 0),g&&A(d,!1)},[J,O,K,v,A]),qe=i.useCallback(d=>{d.preventDefault()},[]),fe=i.useCallback((d,f)=>{h&&(h[f].disabled||o.dispatchEvent(L,d,m(),{itemProps:h[f],itemIndex:f}))},[L]),Ze=i.useCallback((d,f)=>{!d.target||!h||(v(f),K(!1),fe(d,f),A(d,!1))},[v,K,fe,A]),Ge=i.useCallback(d=>{o.getActiveElement(document)===y.current&&d.preventDefault()},[y]),Xe=i.useCallback(d=>{const f=q,be=h?h.length:-1;if(d.altKey){!g&&d.keyCode===o.Keys.down&&(d.preventDefault(),K(!0),v(0)),g&&d.keyCode===o.Keys.up&&(d.preventDefault(),K(!1),v(-1));return}switch(d.keyCode){case o.Keys.enter:case o.Keys.space:f>=0&&fe(d,f),h||we(d),d.preventDefault(),K(!g),v(g?-1:0);break;case o.Keys.esc:d.preventDefault(),K(!1),v(-1);break;case o.Keys.home:d.preventDefault(),v(0);break;case o.Keys.end:d.preventDefault(),v(be-1);break;case o.Keys.down:case o.Keys.right:d.preventDefault(),v(f+1>=be?0:f+1);break;case o.Keys.up:case o.Keys.left:d.preventDefault(),v(f-1<0?be-1:f-1);break}o.dispatchEvent(H,d,m(),void 0)},[H,q,v,Z,K]),Ve=i.useMemo(()=>o.classNames("k-fab k-fab-solid",{"k-fab-sm":E==="small","k-fab-md":E==="medium","k-fab-lg":E==="large","k-disabled":r,"k-pos-absolute":x==="absolute","k-pos-fixed":x==="fixed","k-focus":se,[`k-rounded-${o.kendoThemeMaps.roundedMap[C]||C}`]:C,[`k-fab-solid-${D}`]:D},`k-${t.vertical}-${t.horizontal}`,l),[D,E,C,r,x,t,se,l]),Je=h&&h.map((d,f)=>i.createElement(ue,{...d,key:f,index:f,id:`${ne}-${f}`,disabled:r||d.disabled,focused:q===f,dataItem:d,item:I,className:o.classNames(d.className,bt(me||"ltr",t.horizontal)),onClick:Ze,onDown:Ge})),Ee=!!((u||c)&&!w),Qe=y.current?y.current.offsetWidth:0,Ye=32,Ne=Qe/2-Ye/2;return i.createElement(o.ZIndexContext.Provider,{value:ee},i.createElement(i.Fragment,null,i.createElement("button",{ref:y,id:k||He,role:"button",type:"button","aria-disabled":r,"aria-expanded":h?g:void 0,"aria-haspopup":!!h,"aria-label":`${w||""} floatingactionbutton`,"aria-owns":h?ne:void 0,"aria-activedescendant":q>=0&&h?`${ne}-${q}`:void 0,tabIndex:o.getTabIndex(M,r),accessKey:P,dir:me,disabled:r,className:Ve,style:N,onClick:we,onMouseDown:qe,onFocus:je,onBlur:Ue,onKeyDown:Xe,...R},u||c?i.createElement(o.IconWrap,{className:"k-fab-icon",name:u,icon:c}):b?i.createElement("span",{role:"presentation",className:b}):null,w&&i.createElement("span",{className:"k-fab-text"},w)),T&&g&&i.createElement("div",{className:"k-overlay",style:{zIndex:ee,...p}}),i.createElement(ye.Popup,{ref:pe,anchor:y.current,show:g,animate:S.animate,popupClass:o.classNames("k-popup-transparent k-fab-popup",S.popupClass),anchorAlign:S.anchorAlign||mt(t,Z),popupAlign:S.popupAlign||ft(t,Z),style:{boxShadow:"none"}},i.createElement("ul",{ref:he,role:"menu","aria-labelledby":k,id:ne,className:o.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:Ee?Ne:void 0,paddingRight:Ee?Ne:void 0}},Je))))});De.propTypes={className:s.string,style:s.object,id:s.string,dir:s.string,tabIndex:s.number,accessKey:s.string,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,text:s.string,alignOffset:s.shape({x:s.oneOfType([s.number,s.string]),y:s.oneOfType([s.number,s.string])}),align:s.shape({vertical:s.oneOf(["top","middle","bottom"]),horizontal:s.oneOf(["start","center","end"])}),positionMode:s.oneOf(["absolute","fixed"]),size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),themeColor:s.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:s.bool,overlayStyle:s.object};const G={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};De.displayName="KendoFloatingActionButton";const Le=o.withIdHOC(ce);Le.displayName="KendoReactDropDownButton";const _e=o.withIdHOC(re);_e.displayName="KendoReactSplitButton";exports.Button=W;exports.ButtonGroup=Fe;exports.Chip=z;exports.ChipList=de;exports.DropDownButton=Le;exports.DropDownButtonClassComponent=ce;exports.DropDownButtonItem=Ce;exports.FloatingActionButton=De;exports.FloatingActionButtonItem=ue;exports.SplitButton=_e;exports.SplitButtonClassComponent=re;exports.SplitButtonItem=ve;exports.Toolbar=Ie;exports.ToolbarItem=Re;exports.ToolbarSeparator=ot;exports.ToolbarSpacer=xe;exports.toolbarButtons=Pe;
5
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common"),ye=require("@progress/kendo-react-popup"),Be=require("@progress/kendo-svg-icons");function et(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=et(le),B={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};function tt({imageUrl:e,name:n,iconClass:t,svgIcon:a,imageAlt:l}){return e?i.createElement("img",{role:"presentation",className:"k-button-icon",alt:l,src:e}):n||a?i.createElement(o.IconWrap,{className:"k-button-icon",name:n,icon:a}):t?i.createElement("span",{role:"presentation",className:o.classNames("k-button-icon",t)}):null}const X=class extends i.Component{constructor(e){super(e),this._element=null,this.handleClick=n=>{this.toggleIfApplicable(),this.props.onClick&&this.props.onClick.call(void 0,n)},o.validatePackage(B),this.state={selected:this.props.togglable===!0&&this.props.selected===!0}}get element(){return this._element}get selected(){return this._selectedTemp!==void 0?this._selectedTemp:this.state.selected}static getDerivedStateFromProps(e,n){return e.togglable&&e.selected!==void 0&&e.selected!==n.selected?{selected:e.selected}:null}render(){const{children:e,togglable:n,icon:t,iconClass:a,svgIcon:l,imageUrl:r,imageAlt:u,className:c,onClick:b,size:k=X.defaultProps.size,rounded:h=X.defaultProps.rounded,fillMode:I=X.defaultProps.fillMode,themeColor:w=X.defaultProps.themeColor,...x}=this.props,E=l!==void 0||t!==void 0||a!==void 0||r!==void 0,N=e!==void 0,C=tt({name:t,svgIcon:l,iconClass:a,imageUrl:r,imageAlt:u});return i.createElement("button",{ref:D=>this._element=D,"aria-pressed":n?this.state.selected:void 0,...x,onClick:this.handleClick,className:o.classNames("k-button",{[`k-button-${o.kendoThemeMaps.sizeMap[k]||k}`]:k,[`k-button-${I}`]:I,[`k-button-${I}-${w}`]:!!(I&&w),[`k-rounded-${o.kendoThemeMaps.roundedMap[h]||h}`]:h,"k-icon-button":!N&&E,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},C,e&&i.createElement("span",{className:"k-button-text"},e))}toggleIfApplicable(){if(this.props.togglable&&this.props.selected===void 0){const e=!this.state.selected;this._selectedTemp=e,this.setState({selected:e},()=>this._selectedTemp=void 0)}}};let W=X;W.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};W.defaultProps={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const st={button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"},Ke=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",Pe=["button"+Ke,".k-button-group > button"+Ke,".k-colorpicker",".k-dropdownlist"],nt={styles:st},oe=nt.styles;class Fe extends i.Component{constructor(n){super(n),this._element=null,o.validatePackage(B)}render(){const n=this.mapButtons(this.props.children),t=o.classNames([oe["button-group"]],{["k-disabled"]:this.props.disabled,[oe["button-group-stretched"]]:!!this.props.width},this.props.className),a={className:t,style:{width:`${this.props.width}`},dir:this.props.dir,role:"group","aria-disabled":this.props.disabled};return i.createElement("div",{ref:l=>{this._element=l},...a,className:t},n)}mapButtons(n){const t=i.Children.count(n),a=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return i.Children.map(n,(l,r)=>i.isValidElement(l)?this.renderButton(l,r,r===t-1,a):l)}renderButton(n,t,a,l){const r=o.classNames(n.props.className,{[oe["group-start"]]:l?a:t===0,[oe["group-end"]]:l?t===0:a}),u={...this.props.width?{width:this.props.width}:{},...n.props.style||{}},c=this.props.disabled||n.props.disabled,b={...n.props,...r?{className:r}:{},...Object.keys(u).length?{style:u}:{},...c!==void 0?{disabled:c}:{}};return i.Children.count(n.props.children)>0?i.cloneElement(n,b,n.props.children):i.cloneElement(n,b)}}Fe.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const ke=e=>{const n=i.useCallback(r=>{e.onClick(r,e.index)},[e]),t=e.dataItem.render||e.item||(e.item===void 0?e.render:null),a=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,l=i.createElement("li",{id:e.id,className:o.classNames("k-item",e.className,{"k-focus":e.focused}),tabIndex:-1,onClick:n,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},i.createElement("span",{tabIndex:-1,className:o.classNames("k-link k-menu-link",{"k-selected":e.dataItem.selected,"k-disabled":e.dataItem.disabled}),key:"icon"},t?i.createElement(t,{item:e.dataItem,itemIndex:e.index}):i.createElement(i.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&i.createElement(o.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&i.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),a&&i.createElement("span",{className:"k-menu-link-text"},a))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,l,e):l};ke.displayName="KendoReactButtonItem";class ve extends i.Component{render(){return null}}ve.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const ze=(e,n,t,a)=>{if(t)return e;const l=Math.min(a-1,Math.max(0,e));switch(n){case o.Keys.enter:case o.Keys.space:case o.Keys.esc:return-1;case o.Keys.up:case o.Keys.left:return l-1<0?a-1:l-1;case o.Keys.down:case o.Keys.right:return l+1>=a?0:l+1;case o.Keys.home:return 0;case o.Keys.end:return a-1;default:return e}};function Me(e){let n={horizontal:"left",vertical:"bottom"};return e&&(n.horizontal="right"),n}function Te(e){let n={horizontal:"left",vertical:"top"};return e&&(n.horizontal="right"),n}let re=class extends i.Component{constructor(n){super(n),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===o.Keys.down?(t.preventDefault(),this.setState({focusedIndex:0}),this.setOpen(!0,t)):this.opened&&t.keyCode===o.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}let l;if(t.keyCode===o.Keys.enter||t.keyCode===o.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,a),a>=0){l={focusedIndex:this.opened?-1:0};const r=!this.opened;this.setOpen(r,t)}}else if(this.opened&&t.keyCode===o.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const r=ze(a,t.keyCode,t.altKey,this.buttonsData.length);r!==a&&(l=l||{},l.focusedIndex=r);const u=t.keyCode===o.Keys.up||t.keyCode===o.Keys.down||t.keyCode===o.Keys.left||t.keyCode===o.Keys.right;!t.altKey&&(u||t.keyCode===o.Keys.home||t.keyCode===o.Keys.end)&&t.preventDefault()}l&&this.setState(l)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.onFocus=t=>{this.skipFocus||(o.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=(t,a)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),a?this.dispatchPopupEvent(a,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,a)=>{this.opened&&this.setState({focusedIndex:0}),this.dispatchClickEvent(t,a),this.setOpen(!1,t)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),o.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.onPopupClose=t=>{var l;const a=o.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(a===this.list||(l=this.list)!=null&&l.contains(a))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onSplitPartClick=t=>{if(this.buttonsData.length){const a=!this.opened;this.setState({focusedIndex:a?0:-1,focused:!0}),this.setOpen(a,t)}},this.onDownSplitPart=t=>{t.preventDefault();const a=o.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onItemDown=t=>{o.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,a)=>{o.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},o.validatePackage(B)}get guid(){return this.props.id?this.props.id+"-accessibility-id":this.props.id}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){this.buttonsData=this.props.items||i.Children.toArray(this.props.children).filter(c=>c&&c.type===ve).map(c=>c.props);const n=this.isRtl(),t=n?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:u}=this.props;return i.createElement("div",{id:a,style:l,className:o.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${o.kendoThemeMaps.roundedMap[this.props.rounded||"medium"]}`,this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:t,ref:c=>this.wrapper=c},i.createElement(W,{ref:c=>this.mainButton=c&&c.element,type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:c=>this.onItemClick(c,-1),disabled:u||void 0,tabIndex:r,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,imageUrl:this.props.imageUrl,dir:t,"aria-disabled":u,"aria-haspopup":!0,"aria-expanded":this.opened||void 0,"aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,id:"button-"+this.guid,title:this.props.title},this.props.text),i.createElement(W,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Be.caretAltDownIcon,className:"k-split-button-arrow",disabled:u||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:t,"aria-label":"menu toggling button"}),this.renderPopup(n))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(n,t){this.isItemDisabled(t)||(t===-1?o.dispatchEvent(this.props.onButtonClick,n,this,void 0):o.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(n){const{popupSettings:t={}}=this.props,{focusedIndex:a}=this.state;return i.createElement(ye.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:o.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Me(n),popupAlign:t.popupAlign||Te(n),style:n?{direction:"rtl"}:void 0,onClose:this.onPopupClose},i.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,ref:this.listRef,"aria-activedescendant":a>=0?`${this.guid}-${a}`:void 0,className:o.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${o.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>i.createElement(ke,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,key:r,index:r,id:`${this.guid}-${r}`})):null}isItemDisabled(n){return this.buttonsData[n]?this.buttonsData[n].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}};re.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onButtonClick:s.func,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,text:s.string,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.any,item:s.func,className:s.string,buttonClass:s.string,dir:s.string};re.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class Ce extends i.Component{render(){return null}}Ce.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,selected:s.bool,disabled:s.bool,render:s.any};let ce=class extends i.Component{constructor(n){super(n),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===o.Keys.down?(t.preventDefault(),this.setOpen(!0,t),this.setState({focusedIndex:0})):this.opened&&t.keyCode===o.Keys.up&&(t.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,t));return}const l={...this.state};if(t.keyCode===o.Keys.enter||t.keyCode===o.Keys.space){t.preventDefault(),a>=0&&this.dispatchClickEvent(t,a);const r=!this.opened;this.setState({focused:!0,focusedIndex:r?0:-1}),this.setOpen(r,t);return}if(this.opened&&t.keyCode===o.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1,t);return}if(this.opened){const r=ze(a,t.keyCode,t.altKey,this.buttonsData.length);l.focusedIndex=r;const u=t.keyCode===o.Keys.up||t.keyCode===o.Keys.down||t.keyCode===o.Keys.left||t.keyCode===o.Keys.right;!t.altKey&&(u||t.keyCode===o.Keys.home||t.keyCode===o.Keys.end)&&t.preventDefault()}this.setState(l)},this.switchFocus=t=>{this.skipFocus=!0,t(),window.setTimeout(()=>this.skipFocus=!1,0)},this.handleFocus=t=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),o.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleButtonBlur=t=>{this.opened||(this.setState({focused:!1}),o.dispatchEvent(this.props.onBlur,t,this,void 0))},this.handleMenuBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),o.dispatchEvent(this.props.onBlur,t,this,void 0),setTimeout(()=>{this.setOpen(!1,t)},0))},this.setOpen=(t,a)=>{this.opened!==t&&(this.openedDuringOnChange=t,this.setState({opened:t}),a?this.dispatchPopupEvent(a,t):this.openedDuringOnChange=void 0)},this.onItemClick=(t,a)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(t,a),this.setOpen(!1,t)},this.onItemDown=t=>{o.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const a=o.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onPopupClose=t=>{var l;const a=o.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(a===this.list||(l=this.list)!=null&&l.contains(a))&&this.switchFocus(()=>{this.element&&this.element.focus({preventScroll:!0})}),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,t)},this.listRef=t=>{this.list=t,t&&this.state.focused&&this.switchFocus(()=>{t.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)})},this.onClickMainButton=t=>{if(!this.buttonsData.length)return;const a=!this.opened;this.setState({focused:!0,focusedIndex:a?0:-1}),this.setOpen(a,t)},this.dispatchPopupEvent=(t,a)=>{o.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},o.validatePackage(B)}get guid(){return this.props.id+"-accessibility-id"}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const n=this.isRtl(),t=n?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:u}=this.props;return this.buttonsData=this.props.items||i.Children.toArray(this.props.children).filter(c=>c&&c.type===Ce).map(c=>c.props),i.createElement(i.Fragment,null,i.createElement(W,{id:a,size:this.props.size,style:l,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":u?"true":void 0,tabIndex:r,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:o.classNames(this.props.buttonClass,this.props.className,"k-menu-button","k-dropdown-button",{"k-focus":this.state.focused},{"k-disabled":u}),imageUrl:this.props.imageUrl,dir:t,ref:c=>this.mainButton=c&&c.element,type:"button","aria-haspopup":"menu","aria-expanded":this.opened?"true":"false","aria-label":this.props.ariaLabel,"aria-controls":this.opened?this.guid:void 0,title:this.props.title},this.props.text),this.renderPopup(n))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(n,t){this.isItemDisabled(t)||o.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(n){const{popupSettings:t={},id:a}=this.props,{focusedIndex:l}=this.state;return i.createElement(ye.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:o.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Me(n),popupAlign:t.popupAlign||Te(n),style:n?{direction:"rtl"}:void 0,onClose:this.onPopupClose},i.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":a,tabIndex:-1,"aria-activedescendant":l>=0?`${this.guid}-${l}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:o.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${o.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>i.createElement(ke,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,index:r,key:r,id:`${this.guid}-${r}`})):null}isItemDisabled(n){return this.buttonsData[n]?this.buttonsData[n].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.mainButton&&getComputedStyle(this.mainButton).direction==="rtl"}};ce.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.func,item:s.func,className:s.string,buttonClass:s.string,dir:s.string};ce.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const ge=class extends i.Component{constructor(e){super(e),this._element=null,this.offsetHeight=0,this.offsetWidth=0,this.buttons=[],this.focusedSelector=this.selectors.map(n=>n+":focus").join(","),this.setTabIndex=n=>{const{tabIndex:t=ge.defaultProps.tabIndex}=this.props;this.buttons.forEach((a,l)=>{a.tabIndex=l===n?t:-1})},this.onKeyDown=n=>{const t=n.target;if(!(n.keyCode===o.Keys.left||n.keyCode===o.Keys.right||n.keyCode===o.Keys.home||n.keyCode===o.Keys.end)||n.defaultPrevented||this.buttons.findIndex(r=>r===t)===-1)return;const l=this.focusedIndex;n.keyCode===o.Keys.left?this.focusButton(l,l===0?this.buttons.length-1:l-1):this.focusButton(l,l===this.buttons.length-1?0:l+1),n.keyCode===o.Keys.home&&this.focusButton(l,0),n.keyCode===o.Keys.end&&this.focusButton(l,this.buttons.length-1)},this.onWindowResize=n=>{const t=this.element;if(!t)return;const a=t.offsetWidth,l=t.offsetHeight;if(this.offsetWidth!==a||this.offsetHeight!==l){this.offsetWidth=a,this.offsetHeight=l;const r={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.props.onResize&&this.props.onResize.call(void 0,{target:this,...r,nativeEvent:n})}},o.validatePackage(B)}get selectors(){return this.props.buttons||Pe}get focusedIndex(){const e=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(n=>n===e))}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize);const e=this.element;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,this.props.keyboardNavigation!==!1&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(0)))}componentDidUpdate(){const e=this.element;!e||this.props.keyboardNavigation===!1||(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(this.focusedIndex))}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize),this.buttons.length=0}render(){return i.createElement("div",{id:this.props.id,"aria-label":this.props.ariaLabel,className:o.classNames("k-toolbar",{[`k-toolbar-${o.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),style:this.props.style,role:this.props.role!==void 0?this.props.role||void 0:"toolbar",dir:this.props.dir,ref:e=>this._element=e,onKeyDown:this.props.keyboardNavigation!==!1?this.onKeyDown:void 0},this.props.children)}focusButton(e,n){const{tabIndex:t=ge.defaultProps.tabIndex}=this.props,a=this.buttons[n];if(a){a.tabIndex=t,a.focus();const l=this.buttons[e];l&&(l.tabIndex=-1)}}};let Ie=ge;Ie.propTypes={tabIndex:s.number,dir:s.string,keyboardNavigation:s.bool,style:s.object,className:s.string,role:s.string,onResize:s.func,buttons:s.arrayOf(s.string),size:s.oneOf([null,"small","medium","large"])};Ie.defaultProps={tabIndex:0,size:"medium"};class Re extends i.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return i.createElement("div",{id:this.props.id,className:o.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:n=>this._element=n},this.props.children)}}Re.propTypes={className:s.string};class ot extends i.PureComponent{render(){return i.createElement("div",{className:o.classNames("k-separator",this.props.className)})}}const xe=i.forwardRef((e,n)=>{const t=i.useRef(null),a=i.useRef(null);i.useImperativeHandle(a,()=>({element:t.current})),i.useImperativeHandle(n,()=>({element:t.current}));const l=i.useMemo(()=>o.classNames("k-spacer",e.className),[e.className]);return i.createElement("span",{ref:t,className:l})});xe.displayName="KendoReactToolbarSpacer";xe.propTypes={className:s.string};const Oe=le.createContext([null,e=>{}]),Ae=le.createContext([null,e=>{}]),$e=le.createContext([null,e=>{}]);var V=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(V||{});const it=(e,n)=>{const t=n.items.findIndex(a=>a===e);switch(n.type){case"next":return t===n.items.length-1?e:n.items[t+1];case"prev":return t===0?e:n.items[t-1];case"current":return n.payload;case"reset":return null;default:return e}};var We=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(We||{});const at=(e,n)=>{switch(n.type){case"add":break;case"remove":return e.filter(t=>t[n.valueField]!==n.payload);case"reorder":break;default:return e}};var ae=(e=>(e.toggle="toggle",e.remove="remove",e))(ae||{});const lt=(e,n)=>{switch(n.selection){case"single":switch(n.type){case"toggle":{if(!Array.isArray(e)||e===null)return n.payload===e?null:n.payload;throw new Error("State cannot be an array in single selection")}case"remove":return n.payload===e?null:e;default:return e}case"multiple":switch(n.type){case"toggle":{if(Array.isArray(e))return e.some(t=>t===n.payload)?e.filter(t=>t!==n.payload):[...e,n.payload];if(e===null)return[n.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(e)?e.some(t=>t===n.payload)?e.filter(t=>t!==n.payload):[...e,n.payload]:e;default:return e}case"none":return null;default:return e}},z=i.forwardRef((e,n)=>{o.validatePackage(B);const t=i.useRef(null),a=i.useRef(null),l=o.useDir(a,e.dir);i.useImperativeHandle(t,()=>({element:a.current,props:e})),i.useImperativeHandle(n,()=>t.current);const[r,u]=i.useContext(Oe),[c,b]=i.useContext(Ae),[,k]=i.useContext($e),h=i.useMemo(()=>e.selected||(Array.isArray(r)?r.some(p=>p===e.value):r===e.value),[e.selected,e.value,r]),I=i.useMemo(()=>c===e.value,[e.value,c]);i.useEffect(()=>{I&&a.current&&a.current.focus()},[I]);const w=i.useCallback(p=>{u({type:ae.toggle,payload:e.value,event:p})},[u,e.value]),x=i.useCallback(p=>{e.removable&&(k({type:We.remove,payload:e.value,event:p}),b({type:V.reset,payload:e.value,event:p}),u({type:ae.remove,payload:e.value,event:p}),e.onRemove&&e.onRemove.call(void 0,{target:t.current,syntheticEvent:p}))},[e.onRemove,e.value,e.removable,k,b,u]),E=i.useCallback(p=>{switch(p.keyCode){case o.Keys.left:b({type:V.prev,payload:e.value,event:p});break;case o.Keys.right:b({type:V.next,payload:e.value,event:p});break;case o.Keys.enter:u({type:ae.toggle,payload:e.value,event:p});break;case o.Keys.delete:x(p);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:p})},[e.onKeyDown,e.value,b,u,x]),N=i.useCallback(p=>{b({payload:e.value,type:V.current,event:p}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:p})},[e.onFocus,e.value,b]),C=i.useCallback(p=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:p})},[e.onBlur]),D=o.useMouse(e,t,{onClick:w});return i.createElement("div",{...D,role:e.role||"button",id:e.value,style:e.style,ref:a,dir:l,tabIndex:o.getTabIndex(e.tabIndex,e.disabled,void 0),className:o.classNames("k-chip",{"k-rtl":l==="rtl","k-disabled":e.disabled,"k-selected":h,"k-focus":I,[`k-chip-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${o.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,[`k-chip-${e.fillMode}`]:e.fillMode,[`k-chip-${e.fillMode}-${e.themeColor}`]:!!(e.fillMode&&e.themeColor)},e.className),"aria-pressed":e.role?void 0:h,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":e.removable?"Enter Delete":void 0,onFocus:N,onBlur:C,onKeyDown:E},h&&(e.selectedIcon||e.selectedSvgIcon)&&i.createElement(o.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?o.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&i.createElement(o.IconWrap,{className:"k-chip-icon",name:e.icon?o.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&i.createElement("div",{className:`k-chip-avatar k-avatar k-rounded-${e.avatar.rounded} k-avatar-md k-avatar-solid k-avatar-solid-primary`,style:e.avatar.style},i.createElement("span",{className:"k-avatar-image"},i.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),i.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&i.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),e.removable&&i.createElement("span",{className:"k-chip-actions"},i.createElement("span",{className:o.classNames("k-chip-action","k-chip-remove-action"),onClick:x},i.createElement(o.IconWrap,{name:e.removeIcon?o.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Be.xCircleIcon,size:"small"}))))}),rt={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:o.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,selectedIcon:s.string,selectedIconSvg:o.svgIconPropType,onRemove:s.func,dataItem:s.any,selected:s.bool,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"outline","solid"]),themeColor:s.oneOf([null,"base","info","success","warning","error"])},ct={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};z.displayName="KendoReactChip";z.propTypes=rt;z.defaultProps=ct;const dt=(e,n,t)=>{n.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):n.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[a,l]=i.useState(e);return[a,u=>{const c=lt(n.state||a,{...u,...n});t&&t(c,u.event),n.selection!=="none"&&l(c)}]},ut=e=>{const[n,t]=i.useState(null);return[n,l=>{const r=it(l.payload,{...l,...e});t(r)}]},ht=(e,n,t)=>{const[a,l]=i.useState(e);return[a,u=>{const c=at(n.state||a,{...u,...n});t&&t(c,u.event),l(c)}]},de=i.forwardRef((e,n)=>{o.validatePackage(B);const t=i.useRef(null),a=i.useRef(null),l=o.useDir(a,e.dir),{chip:r,id:u,style:c,tabIndex:b,disabled:k,size:h,className:I,ariaDescribedBy:w,ariaLabelledBy:x,ariaLabel:E,selection:N=$.selection,value:C=$.defaultValue,defaultData:D=$.defaultData,valueField:p=$.valueField,textField:M=$.textField,onChange:P,onDataChange:S}=e,T=i.useMemo(()=>r||z,[r,z]);i.useImperativeHandle(t,()=>({element:a.current,props:e})),i.useImperativeHandle(n,()=>t.current);const F=i.useCallback((m,g)=>{P&&t.current&&P.call(void 0,{value:m,target:t.current,syntheticEvent:g})},[P]),[L,_]=dt(C||e.defaultValue,{selection:N,state:C},F),J=i.useCallback((m,g)=>{S&&t.current&&S.call(void 0,{value:m,target:t.current,syntheticEvent:g})},[S]),[H,Q]=ht(e.data||D,{state:e.data,valueField:p},J),j=i.useCallback((m,g)=>(m.push(g[p]),m),[p]),R=i.useMemo(()=>e.data||H,[e.data,H]),Y=i.useMemo(()=>C||L,[C,L]),ee=i.useMemo(()=>R.reduce(j,[]),[R,j]),U=i.useCallback(m=>o.getter(p)(m),[p]),y=i.useCallback(m=>o.getter(M)(m),[M]),[he,pe]=ut({items:ee}),te=o.useMouse(e,t);return i.createElement(Oe.Provider,{value:[Y,_]},i.createElement(Ae.Provider,{value:[he,pe]},i.createElement($e.Provider,{value:[R,Q]},i.createElement("div",{ref:a,...te,role:k?void 0:"listbox",id:u,dir:l,style:c,tabIndex:o.getTabIndex(b,k,void 0),className:o.classNames("k-chip-list",{"k-rtl":l==="rtl","k-disabled":k,[`k-chip-list-${o.kendoThemeMaps.sizeMap[h]||h}`]:h},I),"aria-label":E,"aria-labelledby":x,"aria-describedby":w,"aria-orientation":"horizontal","aria-multiselectable":N==="multiple"},R.map((m,g)=>i.createElement(T,{role:"option",dataItem:m,size:h,key:[U(m),g].join("-"),text:y(m),value:U(m),ariaLabel:m.ariaLabel,svgIcon:m.svgIcon||void 0}))))))}),pt={id:s.string,className:s.string,tabIndex:s.number,data:s.any,defaultData:s.arrayOf(s.any),onDataChange:s.func,value:s.oneOfType([s.any,s.arrayOf(s.any)]),defaultValue:s.oneOfType([s.any,s.arrayOf(s.any)]),onChange:s.func,selection:s.oneOf(["single","none","multiple"]),textField:s.string,valueField:s.string,disabled:s.bool,dir:s.oneOf(["ltr","rtl"]),ariaLabelledBy:s.string,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"])},$={chip:z,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};de.displayName="KendoReactChipList";de.propTypes=pt;de.defaultProps=$;const ue=i.forwardRef((e,n)=>{const{className:t,disabled:a,text:l,icon:r,style:u,id:c,focused:b,tabIndex:k,index:h,dataItem:I,item:w,svgIcon:x,onDown:E,onClick:N,...C}=e,D=i.useRef(null),p=i.useCallback(()=>{D.current&&D.current.focus()},[]),M=i.useCallback(()=>({element:D.current,focus:p}),[p]);i.useImperativeHandle(n,M);const P=i.useCallback(F=>{N&&h!==void 0&&!a&&N(F,h)},[N,h]),S=i.useMemo(()=>o.classNames("k-fab-item",{"k-focus":b,"k-disabled":a},t),[t,a,b]),T=w;return i.createElement("li",{ref:D,id:c,className:S,style:u,role:"menuitem",tabIndex:o.getTabIndex(k,a),"aria-disabled":a,"aria-label":`${l||""} floatingactionbutton item`,onClick:P,onMouseDown:E,onPointerDown:E,...C},T?i.createElement(T,{itemIndex:h,item:I}):i.createElement(i.Fragment,null,l&&i.createElement("span",{className:"k-fab-item-text"},l),r||x?i.createElement(o.IconWrap,{className:"k-fab-item-icon",name:r,icon:x}):null))});ue.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:o.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any};ue.displayName="KendoFloatingActionButtonItem";const Se="16px",ie=e=>typeof e=="number"?e+"px":e,mt=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},ft=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},bt=(e,n)=>{const t=n==="end"?"end":"start";return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e][t]},gt=(e,n,t,a)=>{const l=n.horizontal,r=n.vertical;if(e.current){const u=t&&t.x!==void 0?ie(t.x):Se,c=t&&t.x!==void 0?`calc(50% + ${ie(t.x)})`:"50%",b=t&&t.y!==void 0?ie(t.y):Se,k=t&&t.y!==void 0?`calc(50% + ${ie(t.y)})`:"50%";e.current.style.setProperty(yt(n,a),l==="center"?c:u),e.current.style.setProperty(kt(n),r==="middle"?k:b),a&&((r==="top"||r==="bottom")&&l==="start"&&e.current.style.setProperty("left","unset"),r==="middle"&&l==="end"&&e.current.style.setProperty("right","unset"),r==="middle"&&l==="start"&&e.current.style.setProperty("left","unset"))}},yt=(e,n)=>{const{horizontal:t}=e;return{end:n?"left":"right",center:"left",start:n?"right":"left"}[t||"end"]},kt=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],vt=2,Ct=100,De=i.forwardRef((e,n)=>{o.validatePackage(B);const{align:t=G.align,alignOffset:a,className:l,disabled:r,icon:u,svgIcon:c,iconClass:b,id:k,items:h,item:I,text:w,positionMode:x=G.positionMode,size:E=G.size,style:N,rounded:C=G.rounded,themeColor:D=G.themeColor,overlayStyle:p,tabIndex:M,accessKey:P,popupSettings:S={},modal:T,onClick:F,onItemClick:L,onFocus:_,onBlur:J,onKeyDown:H,onOpen:Q,onClose:j,...R}=e,Y=o.useZIndexContext(),ee=Y?Y+vt:Ct,U=i.useRef(null),y=i.useRef(null),he=i.useRef(null),pe=i.useRef(null),te=i.useCallback(()=>{y.current&&y.current.focus()},[]),m=i.useCallback(()=>({element:y.current,focus:te}),[te]);i.useImperativeHandle(U,m),i.useImperativeHandle(n,()=>U.current);const[g,K]=i.useState(!1),[se,O]=i.useState(!1),[q,v]=i.useState(-1),He=o.useId()+"-button-id",me=o.useDir(y,e.dir),Z=me==="rtl",ne=o.useId()+"-list-id";i.useEffect(()=>{gt(y,t,a,Z)},[y,t,a,Z]),i.useEffect(()=>{se&&y&&y.current&&y.current.focus()},[se,y]);const A=i.useCallback((d,f)=>{h&&o.dispatchEvent(f?Q:j,d,m(),void 0)},[Q,j,h]),we=i.useCallback(d=>{!d.target||r||(!h&&F?o.dispatchEvent(F,d,m(),void 0):(K(!g),O(!0),v(g?-1:0),A(d,!g)))},[K,O,v,F,A,g,h,r]),je=i.useCallback(d=>{O(!0),v(g?0:-1),_&&o.dispatchEvent(_,d,m(),void 0)},[_,O,v]),Ue=i.useCallback(d=>{O(!1),K(!1),v(-1),o.dispatchEvent(J,d,m(),void 0),g&&A(d,!1)},[J,O,K,v,A]),qe=i.useCallback(d=>{d.preventDefault()},[]),fe=i.useCallback((d,f)=>{h&&(h[f].disabled||o.dispatchEvent(L,d,m(),{itemProps:h[f],itemIndex:f}))},[L]),Ze=i.useCallback((d,f)=>{!d.target||!h||(v(f),K(!1),fe(d,f),A(d,!1))},[v,K,fe,A]),Ge=i.useCallback(d=>{o.getActiveElement(document)===y.current&&d.preventDefault()},[y]),Xe=i.useCallback(d=>{const f=q,be=h?h.length:-1;if(d.altKey){!g&&d.keyCode===o.Keys.down&&(d.preventDefault(),K(!0),v(0)),g&&d.keyCode===o.Keys.up&&(d.preventDefault(),K(!1),v(-1));return}switch(d.keyCode){case o.Keys.enter:case o.Keys.space:f>=0&&fe(d,f),h||we(d),d.preventDefault(),K(!g),v(g?-1:0);break;case o.Keys.esc:d.preventDefault(),K(!1),v(-1);break;case o.Keys.home:d.preventDefault(),v(0);break;case o.Keys.end:d.preventDefault(),v(be-1);break;case o.Keys.down:case o.Keys.right:d.preventDefault(),v(f+1>=be?0:f+1);break;case o.Keys.up:case o.Keys.left:d.preventDefault(),v(f-1<0?be-1:f-1);break}o.dispatchEvent(H,d,m(),void 0)},[H,q,v,Z,K]),Ve=i.useMemo(()=>o.classNames("k-fab k-fab-solid",{"k-fab-sm":E==="small","k-fab-md":E==="medium","k-fab-lg":E==="large","k-disabled":r,"k-pos-absolute":x==="absolute","k-pos-fixed":x==="fixed","k-focus":se,[`k-rounded-${o.kendoThemeMaps.roundedMap[C]||C}`]:C,[`k-fab-solid-${D}`]:D},`k-${t.vertical}-${t.horizontal}`,l),[D,E,C,r,x,t,se,l]),Je=h&&h.map((d,f)=>i.createElement(ue,{...d,key:f,index:f,id:`${ne}-${f}`,disabled:r||d.disabled,focused:q===f,dataItem:d,item:I,className:o.classNames(d.className,bt(me||"ltr",t.horizontal)),onClick:Ze,onDown:Ge})),Ee=!!((u||c)&&!w),Qe=y.current?y.current.offsetWidth:0,Ye=32,Ne=Qe/2-Ye/2;return i.createElement(o.ZIndexContext.Provider,{value:ee},i.createElement(i.Fragment,null,i.createElement("button",{ref:y,id:k||He,role:"button",type:"button","aria-disabled":r,"aria-expanded":h?g:void 0,"aria-haspopup":!!h,"aria-label":`${w||""} floatingactionbutton`,"aria-owns":h?ne:void 0,"aria-activedescendant":q>=0&&h?`${ne}-${q}`:void 0,tabIndex:o.getTabIndex(M,r),accessKey:P,dir:me,disabled:r,className:Ve,style:N,onClick:we,onMouseDown:qe,onFocus:je,onBlur:Ue,onKeyDown:Xe,...R},u||c?i.createElement(o.IconWrap,{className:"k-fab-icon",name:u,icon:c}):b?i.createElement("span",{role:"presentation",className:b}):null,w&&i.createElement("span",{className:"k-fab-text"},w)),T&&g&&i.createElement("div",{className:"k-overlay",style:{zIndex:ee,...p}}),i.createElement(ye.Popup,{ref:pe,anchor:y.current,show:g,animate:S.animate,popupClass:o.classNames("k-popup-transparent k-fab-popup",S.popupClass),anchorAlign:S.anchorAlign||mt(t,Z),popupAlign:S.popupAlign||ft(t,Z),style:{boxShadow:"none"}},i.createElement("ul",{ref:he,role:"menu","aria-labelledby":k,id:ne,className:o.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:Ee?Ne:void 0,paddingRight:Ee?Ne:void 0}},Je))))});De.propTypes={className:s.string,style:s.object,id:s.string,dir:s.string,tabIndex:s.number,accessKey:s.string,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,text:s.string,alignOffset:s.shape({x:s.oneOfType([s.number,s.string]),y:s.oneOfType([s.number,s.string])}),align:s.shape({vertical:s.oneOf(["top","middle","bottom"]),horizontal:s.oneOf(["start","center","end"])}),positionMode:s.oneOf(["absolute","fixed"]),size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),themeColor:s.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:s.bool,overlayStyle:s.object};const G={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};De.displayName="KendoFloatingActionButton";const Le=o.withIdHOC(ce);Le.displayName="KendoReactDropDownButton";const _e=o.withIdHOC(re);_e.displayName="KendoReactSplitButton";exports.Button=W;exports.ButtonGroup=Fe;exports.Chip=z;exports.ChipList=de;exports.DropDownButton=Le;exports.DropDownButtonClassComponent=ce;exports.DropDownButtonItem=Ce;exports.FloatingActionButton=De;exports.FloatingActionButtonItem=ue;exports.SplitButton=_e;exports.SplitButtonClassComponent=re;exports.SplitButtonItem=ve;exports.Toolbar=Ie;exports.ToolbarItem=Re;exports.ToolbarSeparator=ot;exports.ToolbarSpacer=xe;exports.toolbarButtons=Pe;
package/index.mjs CHANGED
@@ -13,7 +13,7 @@ const O = {
13
13
  name: "@progress/kendo-react-buttons",
14
14
  productName: "KendoReact",
15
15
  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
16
- publishDate: 1708617492,
16
+ publishDate: 1708963441,
17
17
  version: "",
18
18
  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
19
19
  };
@@ -517,7 +517,7 @@ let Ee = class extends o.Component {
517
517
  tabIndex: -1,
518
518
  ref: this.listRef,
519
519
  "aria-activedescendant": i >= 0 ? `${this.guid}-${i}` : void 0,
520
- className: f("k-menu-group", {
520
+ className: f("k-group k-menu-group k-reset", {
521
521
  [`k-menu-group-${P.sizeMap[this.props.size] || this.props.size}`]: this.props.size
522
522
  })
523
523
  },
@@ -716,6 +716,8 @@ let Se = class extends o.Component {
716
716
  this.props.className,
717
717
  "k-menu-button",
718
718
  // Used for a11y testing.
719
+ "k-dropdown-button",
720
+ // Used because of the old name of the component. Have the same styles as 'k-menu-button'.
719
721
  { "k-focus": this.state.focused },
720
722
  { "k-disabled": u }
721
723
  ),
@@ -780,7 +782,7 @@ let Se = class extends o.Component {
780
782
  ref: this.listRef,
781
783
  onKeyDown: this.onKeyDown,
782
784
  onBlur: this.handleMenuBlur,
783
- className: f("k-menu-group", {
785
+ className: f("k-group k-menu-group k-reset", {
784
786
  [`k-menu-group-${P.sizeMap[this.props.size] || this.props.size}`]: this.props.size
785
787
  })
786
788
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-buttons",
3
- "version": "7.2.3-develop.1",
3
+ "version": "7.2.3-develop.2",
4
4
  "description": "All you need in React Button in one package: disabled/enabled states, built-in styles and more. KendoReact Buttons package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -23,8 +23,8 @@
23
23
  "sideEffects": false,
24
24
  "peerDependencies": {
25
25
  "@progress/kendo-licensing": "^1.3.4",
26
- "@progress/kendo-react-common": "7.2.3-develop.1",
27
- "@progress/kendo-react-popup": "7.2.3-develop.1",
26
+ "@progress/kendo-react-common": "7.2.3-develop.2",
27
+ "@progress/kendo-react-popup": "7.2.3-develop.2",
28
28
  "@progress/kendo-svg-icons": "^2.1.0",
29
29
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
30
30
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"