@progress/kendo-react-buttons 7.0.0-develop.6 → 7.0.0-develop.8

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 +3 -3
  4. package/package.json +3 -3
package/dist/cdn/js/kendo-react-buttons.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2023 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(b,z){typeof exports=="object"&&typeof module<"u"?z(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"],z):(b=typeof globalThis<"u"?globalThis:b||self,z(b.KendoReactButtons={},b.React,b.PropTypes,b.KendoReactCommon,b.KendoReactPopup,b.KendoSvgIcons))})(this,function(b,z,je,a,he,Ke){"use strict";function Pe(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=Pe(z),s=Pe(je),C={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 Ue({imageUrl:e,name:n,iconClass:t,svgIcon:r,imageAlt:l}){return e?i.createElement("img",{role:"presentation",className:"k-button-icon",alt:l,src:e}):n||r?i.createElement(a.IconWrap,{className:"k-button-icon",name:n,icon:r}):t?i.createElement("span",{role:"presentation",className:a.classNames("k-button-icon",t)}):null}const j=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)},a.validatePackage(C),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:r,svgIcon:l,imageUrl:o,imageAlt:u,className:c,onClick:m,size:k=j.defaultProps.size,rounded:d=j.defaultProps.rounded,fillMode:D=j.defaultProps.fillMode,themeColor:N=j.defaultProps.themeColor,...E}=this.props,K=l!==void 0||t!==void 0||r!==void 0||o!==void 0,P=e!==void 0,x=Ue({name:t,svgIcon:l,iconClass:r,imageUrl:o,imageAlt:u});return i.createElement("button",{ref:w=>this._element=w,"aria-pressed":n?this.state.selected:void 0,...E,onClick:this.handleClick,className:a.classNames("k-button",{[`k-button-${a.kendoThemeMaps.sizeMap[k]||k}`]:k,[`k-button-${D}`]:D,[`k-button-${D}-${N}`]:!!(D&&N),[`k-rounded-${a.kendoThemeMaps.roundedMap[d]||d}`]:d,"k-icon-button":!P&&K,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},x,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 O=j;O.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:a.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"])},O.defaultProps={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const qe={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"},Se=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",Fe=["button"+Se,".k-button-group > button"+Se,".k-colorpicker",".k-dropdownlist"],R={styles:qe}.styles;class ze extends i.Component{constructor(n){super(n),this._element=null,a.validatePackage(C)}render(){const n=this.mapButtons(this.props.children),t=a.classNames([R["button-group"]],{["k-disabled"]:this.props.disabled,[R["button-group-stretched"]]:!!this.props.width},this.props.className),r={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},...r,className:t},n)}mapButtons(n){const t=i.Children.count(n),r=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return i.Children.map(n,(l,o)=>i.isValidElement(l)?this.renderButton(l,o,o===t-1,r):l)}renderButton(n,t,r,l){const o=a.classNames(n.props.className,{[R["group-start"]]:l?r:t===0,[R["group-end"]]:l?t===0:r}),u={...this.props.width?{width:this.props.width}:{},...n.props.style||{}},c=this.props.disabled||n.props.disabled,m={...n.props,...o?{className:o}:{},...Object.keys(u).length?{style:u}:{},...c!==void 0?{disabled:c}:{}};return i.Children.count(n.props.children)>0?i.cloneElement(n,m,n.props.children):i.cloneElement(n,m)}}ze.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 n=i.useCallback(o=>{e.onClick(o,e.index)},[e]),t=e.dataItem.render||e.item||(e.item===void 0?e.render:null),r=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,l=i.createElement("li",{id:e.id,className:a.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:a.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)&&i.createElement(a.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"}),r&&i.createElement("span",{className:"k-menu-link-text"},r))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,l,e):l};pe.displayName="KendoReactButtonItem";class fe extends i.Component{render(){return null}}fe.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const Ce=(e,n,t,r)=>{if(t)return e;const l=Math.min(r-1,Math.max(0,e));switch(n){case a.Keys.enter:case a.Keys.space:case a.Keys.esc:return-1;case a.Keys.up:case a.Keys.left:return l-1<0?r-1:l-1;case a.Keys.down:case a.Keys.right:return l+1>=r?0:l+1;case a.Keys.home:return 0;case a.Keys.end:return r-1;default:return e}};function Be(e){let n={horizontal:"left",vertical:"bottom"};return e&&(n.horizontal="right"),n}function Me(e){let n={horizontal:"left",vertical:"top"};return e&&(n.horizontal="right"),n}class be 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.guid=a.guid(),this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:r}=this.state;if(t.altKey){!this.opened&&t.keyCode===a.Keys.down?(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0}),this.setOpen(!0)):this.opened&&t.keyCode===a.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}let l;if(t.keyCode===a.Keys.enter||t.keyCode===a.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,r),r>=0){l={focusedIndex:this.opened?-1:0};const o=!this.opened;this.setOpen(o),o&&this.dispatchPopupEvent(t,o)}}else if(this.opened&&t.keyCode===a.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const o=Ce(r,t.keyCode,t.altKey,this.buttonsData.length);o!==r&&(l=l||{},l.focusedIndex=o);const u=t.keyCode===a.Keys.up||t.keyCode===a.Keys.down||t.keyCode===a.Keys.left||t.keyCode===a.Keys.right;!t.altKey&&(u||t.keyCode===a.Keys.home||t.keyCode===a.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||(a.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,r)=>{this.opened&&(this.setState({focusedIndex:0}),this.setOpen(!1)),this.dispatchClickEvent(t,r)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),a.dispatchEvent(this.props.onBlur,t,this,void 0))},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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 r=!this.opened;r&&this.dispatchPopupEvent(t,r),this.setState({focusedIndex:r?0:-1,focused:!0}),this.setOpen(r)}},this.onDownSplitPart=t=>{t.preventDefault();const r=a.getActiveElement(document);this.element&&r!==this.element&&r!==this.list&&this.element.focus()},this.onItemDown=t=>{a.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,r)=>{a.dispatchEvent(r?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},a.validatePackage(C)}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===fe).map(c=>c.props);const n=this.isRtl(),t=n?"rtl":void 0,{id:r,style:l,tabIndex:o,disabled:u}=this.props;return i.createElement("div",{id:r,style:l,className:a.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${a.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(O,{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: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":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(O,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Ke.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?a.dispatchEvent(this.props.onButtonClick,n,this,void 0):a.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(n){const{popupSettings:t={}}=this.props,{focusedIndex:r}=this.state;return i.createElement(he.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:a.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Be(n),popupAlign:t.popupAlign||Me(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":r>=0?`${this.guid}-${r}`:void 0,className:a.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${a.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:r}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,o)=>i.createElement(pe,{className:"k-menu-item",dataItem:l,textField:r,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,key:o,index:o,id:`${this.guid}-${o}`})):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"}}be.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:a.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},be.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class ge extends i.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};class me extends i.Component{constructor(n){super(n),this.state={opened:!1,focused:!1,focusedIndex:-1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.guid=a.guid(),this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:r}=this.state;if(t.altKey){!this.opened&&t.keyCode===a.Keys.down?(this.setOpen(!0),this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0})):this.opened&&t.keyCode===a.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}const l={...this.state};if(t.keyCode===a.Keys.enter||t.keyCode===a.Keys.space){r>=0&&this.dispatchClickEvent(t,r),t.preventDefault();const o=!this.opened;this.setOpen(o),o&&(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:this.opened?-1:0}));return}else if(this.opened&&t.keyCode===a.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const o=Ce(r,t.keyCode,t.altKey,this.buttonsData.length);l.focusedIndex=o;const u=t.keyCode===a.Keys.up||t.keyCode===a.Keys.down||t.keyCode===a.Keys.left||t.keyCode===a.Keys.right;!t.altKey&&(u||t.keyCode===a.Keys.home||t.keyCode===a.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}),a.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),a.dispatchEvent(this.props.onBlur,t,this,void 0))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,r)=>{this.setState({focusedIndex:-1}),this.setOpen(!1),this.dispatchClickEvent(t,r)},this.onItemDown=t=>{a.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const r=a.getActiveElement(document);this.element&&r!==this.element&&r!==this.list&&this.element.focus()},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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 r=!this.opened;this.setState({focused:!0,focusedIndex:r?0:-1}),this.setOpen(r),r&&this.dispatchPopupEvent(t,r)},this.dispatchPopupEvent=(t,r)=>{a.dispatchEvent(r?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},a.validatePackage(C)}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:r,style:l,tabIndex:o,disabled:u}=this.props;return this.buttonsData=this.props.items||i.Children.toArray(this.props.children).filter(c=>c&&c.type===ge).map(c=>c.props),i.createElement("div",{id:r,style:l,className:a.classNames("k-dropdown-button",{"k-focus":this.state.focused},this.props.className),onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,dir:t,ref:c=>this.wrapper=c},i.createElement(O,{size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,disabled:u||void 0,tabIndex:o,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:this.props.buttonClass,imageUrl:this.props.imageUrl,dir:t,ref:c=>this.mainButton=c&&c.element,type:"button","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),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)||a.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(n){const{popupSettings:t={}}=this.props,{focusedIndex:r}=this.state;return i.createElement(he.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:a.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Be(n),popupAlign:t.popupAlign||Me(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,"aria-activedescendant":r>=0?`${this.guid}-${r}`:void 0,ref:this.listRef,className:a.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${a.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:r}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,o)=>i.createElement(pe,{className:"k-menu-item",dataItem:l,textField:r,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,index:o,key:o,id:`${this.guid}-${o}`})):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"}}me.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:a.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},me.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const ye=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=ye.defaultProps.tabIndex}=this.props;this.buttons.forEach((r,l)=>{r.tabIndex=l===n?t:-1})},this.onKeyDown=n=>{const t=n.target;if(!(n.keyCode===a.Keys.left||n.keyCode===a.Keys.right)||n.defaultPrevented||this.buttons.findIndex(o=>o===t)===-1)return;const l=this.focusedIndex;n.keyCode===a.Keys.left?this.focusButton(l,l-1):this.focusButton(l,l+1)},this.onWindowResize=n=>{const t=this.element;if(!t)return;const r=t.offsetWidth,l=t.offsetHeight;if(this.offsetWidth!==r||this.offsetHeight!==l){this.offsetWidth=r,this.offsetHeight=l;const o={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.props.onResize&&this.props.onResize.call(void 0,{target:this,...o,nativeEvent:n})}},a.validatePackage(C)}get selectors(){return this.props.buttons||Fe}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:a.classNames("k-toolbar",{[`k-toolbar-${a.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=ye.defaultProps.tabIndex}=this.props,r=this.buttons[n];if(r){r.tabIndex=t,r.focus();const l=this.buttons[e];l&&(l.tabIndex=-1)}}};let ve=ye;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 Te extends i.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return i.createElement("div",{id:this.props.id,className:a.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:n=>this._element=n},this.props.children)}}Te.propTypes={className:s.string};class Ve extends i.PureComponent{render(){return i.createElement("div",{className:a.classNames("k-separator",this.props.className)})}}const Ie=i.forwardRef((e,n)=>{const t=i.useRef(null),r=i.useRef(null);i.useImperativeHandle(r,()=>({element:t.current})),i.useImperativeHandle(n,()=>({element:t.current}));const l=i.useMemo(()=>a.classNames("k-spacer",e.className),[e.className]);return i.createElement("span",{ref:t,className:l})});Ie.displayName="KendoReactToolbarSpacer",Ie.propTypes={className:s.string};const Oe=z.createContext([null,e=>{}]),Ae=z.createContext([null,e=>{}]),$e=z.createContext([null,e=>{}]);var U=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(U||{});const Ze=(e,n)=>{const t=n.items.findIndex(r=>r===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 _e=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(_e||{});const Ge=(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 ee=(e=>(e.toggle="toggle",e.remove="remove",e))(ee||{});const Xe=(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}},B=i.forwardRef((e,n)=>{a.validatePackage(C);const t=i.useRef(null),r=i.useRef(null),l=a.useDir(r,e.dir);i.useImperativeHandle(t,()=>({element:r.current,props:e})),i.useImperativeHandle(n,()=>t.current);const[o,u]=i.useContext(Oe),[c,m]=i.useContext(Ae),[,k]=i.useContext($e),d=i.useMemo(()=>e.selected||(Array.isArray(o)?o.some(p=>p===e.value):o===e.value),[e.selected,e.value,o]),D=i.useMemo(()=>c===e.value,[e.value,c]);i.useEffect(()=>{D&&r.current&&r.current.focus()},[D]);const N=i.useCallback(p=>{u({type:ee.toggle,payload:e.value,event:p})},[u,e.value]),E=i.useCallback(p=>{e.removable&&(k({type:_e.remove,payload:e.value,event:p}),m({type:U.reset,payload:e.value,event:p}),u({type:ee.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,m,u]),K=i.useCallback(p=>{switch(p.keyCode){case a.Keys.left:m({type:U.prev,payload:e.value,event:p});break;case a.Keys.right:m({type:U.next,payload:e.value,event:p});break;case a.Keys.enter:u({type:ee.toggle,payload:e.value,event:p});break;case a.Keys.delete:E(p);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:p})},[e.onKeyDown,e.value,m,u,E]),P=i.useCallback(p=>{m({payload:e.value,type:U.current,event:p}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:p})},[e.onFocus,e.value,m]),x=i.useCallback(p=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:p})},[e.onBlur]),w=a.useMouse(e,t,{onClick:N});return i.createElement("div",{...w,role:e.role,id:e.value,style:e.style,ref:r,dir:l,tabIndex:a.getTabIndex(e.tabIndex,e.disabled,void 0),className:a.classNames("k-chip",{"k-rtl":l==="rtl","k-disabled":e.disabled,"k-selected":d,"k-focus":D,[`k-chip-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${a.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-checked":d,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,onFocus:P,onBlur:x,onKeyDown:K},d&&(e.selectedIcon||e.selectedSvgIcon)&&i.createElement(a.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?a.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&i.createElement(a.IconWrap,{className:"k-chip-icon",name:e.icon?a.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:a.classNames("k-chip-action","k-chip-remove-action"),onClick:E},i.createElement(a.IconWrap,{name:e.removeIcon?a.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Ke.xCircleIcon,size:"small"}))))}),Je={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:a.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:a.svgIconPropType,selectedIcon:s.string,selectedIconSvg:a.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"])},Qe={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};B.displayName="KendoReactChip",B.propTypes=Je,B.defaultProps=Qe;const Ye=(e,n,t)=>{const[r,l]=i.useState(e);return[r,u=>{const c=Xe(n.state||r,{...u,...n});t&&t(c,u.event),l(c)}]},Re=e=>{const[n,t]=i.useState(null);return[n,l=>{const o=Ze(l.payload,{...l,...e});t(o)}]},et=(e,n,t)=>{const[r,l]=i.useState(e);return[r,u=>{const c=Ge(n.state||r,{...u,...n});t&&t(c,u.event),l(c)}]},te=i.forwardRef((e,n)=>{a.validatePackage(C);const t=i.useRef(null),r=i.useRef(null),l=a.useDir(r,e.dir),{chip:o,id:u,style:c,tabIndex:m,disabled:k,size:d,className:D,ariaDescribedBy:N,ariaLabelledBy:E,ariaLabel:K,selection:P=A.selection,value:x=A.defaultValue,defaultData:w=A.defaultData,valueField:p=A.valueField,textField:$=A.textField,onChange:M,onDataChange:S}=e,_=i.useMemo(()=>o||B,[o,B]);i.useImperativeHandle(t,()=>({element:r.current,props:e})),i.useImperativeHandle(n,()=>t.current);const T=i.useCallback((g,y)=>{M&&t.current&&M.call(void 0,{value:g,target:t.current,syntheticEvent:y})},[M]),[V,Z]=Ye(x,{selection:P,state:x},T),ne=i.useCallback((g,y)=>{S&&t.current&&S.call(void 0,{value:g,target:t.current,syntheticEvent:y})},[S]),[G,ae]=et(e.data||w,{state:e.data,valueField:p},ne),X=i.useCallback((g,y)=>(g.push(y[p]),g),[p]),W=i.useMemo(()=>e.data||G,[e.data,G]),re=i.useMemo(()=>x||V,[x,V]),le=i.useMemo(()=>W.reduce(X,[]),[W,X]),J=i.useCallback(g=>a.getter(p)(g),[p]),v=i.useCallback(g=>a.getter($)(g),[$]),[xe,De]=Re({items:le}),oe=a.useMouse(e,t);return i.createElement(Oe.Provider,{value:[re,Z]},i.createElement(Ae.Provider,{value:[xe,De]},i.createElement($e.Provider,{value:[W,ae]},i.createElement("div",{ref:r,...oe,role:"listbox",id:u,dir:l,style:c,tabIndex:a.getTabIndex(m,k,void 0),className:a.classNames("k-chip-list",{"k-rtl":l==="rtl","k-disabled":k,[`k-chip-list-${a.kendoThemeMaps.sizeMap[d]||d}`]:d},D),"aria-label":K,"aria-labelledby":E,"aria-describedby":N},W.map((g,y)=>i.createElement(_,{role:"option",dataItem:g,size:d,key:[J(g),y].join("-"),text:v(g),value:J(g),ariaLabel:g.ariaLabel,svgIcon:g.svgIcon||void 0}))))))}),tt={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"])},A={chip:B,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};te.displayName="KendoReactChipList",te.propTypes=tt,te.defaultProps=A;const se=i.forwardRef((e,n)=>{const{className:t,disabled:r,text:l,icon:o,style:u,id:c,focused:m,tabIndex:k,index:d,dataItem:D,item:N,svgIcon:E,onDown:K,onClick:P,...x}=e,w=i.useRef(null),p=i.useCallback(()=>{w.current&&w.current.focus()},[]),$=i.useCallback(()=>({element:w.current,focus:p}),[p]);i.useImperativeHandle(n,$);const M=i.useCallback(T=>{P&&d!==void 0&&!r&&P(T,d)},[P,d]),S=i.useMemo(()=>a.classNames("k-fab-item",{"k-focus":m,"k-disabled":r},t),[t,r,m]),_=N;return i.createElement("li",{ref:w,id:c,className:S,style:u,role:"menuitem",tabIndex:a.getTabIndex(k,r),"aria-disabled":r,"aria-label":`${l||""} floatingactionbutton item`,onClick:M,onMouseDown:K,onPointerDown:K,...x},_?i.createElement(_,{itemIndex:d,item:D}):i.createElement(i.Fragment,null,l&&i.createElement("span",{className:"k-fab-item-text"},l),o||E?i.createElement(a.IconWrap,{className:"k-fab-item-icon",name:o,icon:E}):null))});se.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:a.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any},se.displayName="KendoFloatingActionButtonItem";const We="16px",ie=e=>typeof e=="number"?e+"px":e,st=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},it=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},nt=(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]},at=(e,n,t,r)=>{const l=n.horizontal,o=n.vertical;if(e.current){const u=t&&t.x!==void 0?ie(t.x):We,c=t&&t.x!==void 0?`calc(50% + ${ie(t.x)})`:"50%",m=t&&t.y!==void 0?ie(t.y):We,k=t&&t.y!==void 0?`calc(50% + ${ie(t.y)})`:"50%";e.current.style.setProperty(rt(n,r),l==="center"?c:u),e.current.style.setProperty(lt(n),o==="middle"?k:m),r&&((o==="top"||o==="bottom")&&l==="start"&&e.current.style.setProperty("left","unset"),o==="middle"&&l==="end"&&e.current.style.setProperty("right","unset"),o==="middle"&&l==="start"&&e.current.style.setProperty("left","unset"))}},rt=(e,n)=>{const{horizontal:t}=e;return{end:n?"left":"right",center:"left",start:n?"right":"left"}[t||"end"]},lt=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],ot=2,ct=100,ke=i.forwardRef((e,n)=>{a.validatePackage(C);const{align:t=q.align,alignOffset:r,className:l,disabled:o,icon:u,svgIcon:c,iconClass:m,id:k,items:d,item:D,text:N,positionMode:E=q.positionMode,size:K=q.size,style:P,rounded:x=q.rounded,themeColor:w=q.themeColor,overlayStyle:p,tabIndex:$,accessKey:M,popupSettings:S={},modal:_,onClick:T,onItemClick:V,onFocus:Z,onBlur:ne,onKeyDown:G,onOpen:ae,onClose:X,...W}=e,re=a.useZIndexContext(),le=re?re+ot:ct,J=i.useRef(null),v=i.useRef(null),xe=i.useRef(null),De=i.useRef(null),oe=i.useCallback(()=>{v.current&&v.current.focus()},[]),g=i.useCallback(()=>({element:v.current,focus:oe}),[oe]);i.useImperativeHandle(J,g),i.useImperativeHandle(n,()=>J.current);const[y,F]=i.useState(!1),[ce,L]=i.useState(!1),[Q,I]=i.useState(-1),ut=i.useMemo(()=>a.guid(),[]),Ee=a.useDir(v,e.dir),Y=Ee==="rtl",ue=i.useMemo(()=>a.guid(),[]);i.useEffect(()=>{at(v,t,r,Y)},[v,t,r,Y]),i.useEffect(()=>{ce&&v&&v.current&&v.current.focus()},[ce,v]);const H=i.useCallback((h,f)=>{d&&a.dispatchEvent(f?ae:X,h,g(),void 0)},[ae,X,d]),dt=i.useCallback(h=>{!h.target||o||(!d&&T?a.dispatchEvent(T,h,g(),void 0):(F(!y),L(!0),I(y?-1:0),H(h,!y)))},[F,L,I,T,H,y,d,o]),ht=i.useCallback(h=>{L(!0),I(y?0:-1),Z&&a.dispatchEvent(Z,h,g(),void 0)},[Z,L,I]),pt=i.useCallback(h=>{L(!1),F(!1),I(-1),a.dispatchEvent(ne,h,g(),void 0),y&&H(h,!1)},[ne,L,F,I,H]),ft=i.useCallback(h=>{h.preventDefault()},[]),we=i.useCallback((h,f)=>{d&&(d[f].disabled||a.dispatchEvent(V,h,g(),{itemProps:d[f],itemIndex:f}))},[V]),bt=i.useCallback((h,f)=>{!h.target||!d||(I(f),F(!1),we(h,f),H(h,!1))},[I,F,we,H]),gt=i.useCallback(h=>{a.getActiveElement(document)===v.current&&h.preventDefault()},[v]),mt=i.useCallback(h=>{const f=Q,Ne=d?d.length-1:-1,de=t.vertical==="bottom";switch(h.keyCode){case a.Keys.enter:case a.Keys.space:f>=0&&we(h,f),h.preventDefault(),F(!y),I(y?-1:0);break;case a.Keys.esc:h.preventDefault(),F(!1),I(-1);break;case a.Keys.home:h.preventDefault(),I(0);break;case a.Keys.end:h.preventDefault(),I(Ne);break;case a.Keys.down:case a.Keys.right:h.preventDefault(),f<Ne&&!de&&I(f+1),f>0&&de&&I(f-1);break;case a.Keys.up:case a.Keys.left:h.preventDefault(),f>0&&!de&&I(f-1),f<Ne&&de&&I(f+1);break}a.dispatchEvent(G,h,g(),void 0)},[G,Q,I,Y,F]),yt=i.useMemo(()=>a.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":E==="absolute","k-pos-fixed":E==="fixed","k-focus":ce,[`k-rounded-${a.kendoThemeMaps.roundedMap[x]||x}`]:x,[`k-fab-solid-${w}`]:w},`k-${t.vertical}-${t.horizontal}`,l),[w,K,x,o,E,t,ce,l]),vt=d&&d.map((h,f)=>i.createElement(se,{...h,key:f,index:f,id:`${ue}-${f}`,disabled:o||h.disabled,focused:Q===f,dataItem:h,item:D,className:a.classNames(h.className,nt(Ee||"ltr",t.horizontal)),onClick:bt,onDown:gt})),Le=!!((u||c)&&!N),It=v.current?v.current.offsetWidth:0,kt=32,He=It/2-kt/2;return i.createElement(a.ZIndexContext.Provider,{value:le},i.createElement(i.Fragment,null,i.createElement("button",{ref:v,id:k||ut,role:d?"menubutton":"button",type:"button","aria-disabled":o,"aria-expanded":d?y:void 0,"aria-haspopup":!!d,"aria-label":`${N||""} floatingactionbutton`,"aria-owns":d?ue:void 0,"aria-activedescendant":Q>=0&&d?`${ue}-${Q}`:void 0,tabIndex:a.getTabIndex($,o),accessKey:M,dir:Ee,disabled:o,className:yt,style:P,onClick:dt,onMouseDown:ft,onFocus:ht,onBlur:pt,onKeyDown:mt,...W},u||c?i.createElement(a.IconWrap,{className:"k-fab-icon",name:u,icon:c}):m?i.createElement("span",{role:"presentation",className:m}):null,N&&i.createElement("span",{className:"k-fab-text"},N)),_&&y&&i.createElement("div",{className:"k-overlay",style:{zIndex:le,...p}}),i.createElement(he.Popup,{ref:De,anchor:v.current,show:y,animate:S.animate,popupClass:a.classNames("k-popup-transparent k-fab-popup",S.popupClass),anchorAlign:S.anchorAlign||st(t,Y),popupAlign:S.popupAlign||it(t,Y),style:{boxShadow:"none"}},i.createElement("ul",{ref:xe,role:"menu","aria-labelledby":k,id:ue,className:a.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:Le?He:void 0,paddingRight:Le?He:void 0}},vt))))});ke.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:a.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 q={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};ke.displayName="KendoFloatingActionButton",b.Button=O,b.ButtonGroup=ze,b.Chip=B,b.ChipList=te,b.DropDownButton=me,b.DropDownButtonItem=ge,b.FloatingActionButton=ke,b.FloatingActionButtonItem=se,b.SplitButton=be,b.SplitButtonItem=fe,b.Toolbar=ve,b.ToolbarItem=Te,b.ToolbarSeparator=Ve,b.ToolbarSpacer=Ie,b.toolbarButtons=Fe,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
5
+ (function(b,z){typeof exports=="object"&&typeof module<"u"?z(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"],z):(b=typeof globalThis<"u"?globalThis:b||self,z(b.KendoReactButtons={},b.React,b.PropTypes,b.KendoReactCommon,b.KendoReactPopup,b.KendoSvgIcons))})(this,function(b,z,je,a,he,Ke){"use strict";function Pe(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=Pe(z),s=Pe(je),C={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 Ue({imageUrl:e,name:n,iconClass:t,svgIcon:r,imageAlt:l}){return e?i.createElement("img",{role:"presentation",className:"k-button-icon",alt:l,src:e}):n||r?i.createElement(a.IconWrap,{className:"k-button-icon",name:n,icon:r}):t?i.createElement("span",{role:"presentation",className:a.classNames("k-button-icon",t)}):null}const j=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)},a.validatePackage(C),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:r,svgIcon:l,imageUrl:o,imageAlt:u,className:c,onClick:m,size:x=j.defaultProps.size,rounded:d=j.defaultProps.rounded,fillMode:D=j.defaultProps.fillMode,themeColor:N=j.defaultProps.themeColor,...E}=this.props,K=l!==void 0||t!==void 0||r!==void 0||o!==void 0,P=e!==void 0,k=Ue({name:t,svgIcon:l,iconClass:r,imageUrl:o,imageAlt:u});return i.createElement("button",{ref:w=>this._element=w,"aria-pressed":n?this.state.selected:void 0,...E,onClick:this.handleClick,className:a.classNames("k-button",{[`k-button-${a.kendoThemeMaps.sizeMap[x]||x}`]:x,[`k-button-${D}`]:D,[`k-button-${D}-${N}`]:!!(D&&N),[`k-rounded-${a.kendoThemeMaps.roundedMap[d]||d}`]:d,"k-icon-button":!P&&K,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},k,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 O=j;O.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:a.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"])},O.defaultProps={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const qe={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"},Se=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",Fe=["button"+Se,".k-button-group > button"+Se,".k-colorpicker",".k-dropdownlist"],R={styles:qe}.styles;class ze extends i.Component{constructor(n){super(n),this._element=null,a.validatePackage(C)}render(){const n=this.mapButtons(this.props.children),t=a.classNames([R["button-group"]],{["k-disabled"]:this.props.disabled,[R["button-group-stretched"]]:!!this.props.width},this.props.className),r={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},...r,className:t},n)}mapButtons(n){const t=i.Children.count(n),r=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return i.Children.map(n,(l,o)=>i.isValidElement(l)?this.renderButton(l,o,o===t-1,r):l)}renderButton(n,t,r,l){const o=a.classNames(n.props.className,{[R["group-start"]]:l?r:t===0,[R["group-end"]]:l?t===0:r}),u={...this.props.width?{width:this.props.width}:{},...n.props.style||{}},c=this.props.disabled||n.props.disabled,m={...n.props,...o?{className:o}:{},...Object.keys(u).length?{style:u}:{},...c!==void 0?{disabled:c}:{}};return i.Children.count(n.props.children)>0?i.cloneElement(n,m,n.props.children):i.cloneElement(n,m)}}ze.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 n=i.useCallback(o=>{e.onClick(o,e.index)},[e]),t=e.dataItem.render||e.item||(e.item===void 0?e.render:null),r=e.dataItem.text!==void 0?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,l=i.createElement("li",{id:e.id,className:a.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:a.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)&&i.createElement(a.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"}),r&&i.createElement("span",{className:"k-menu-link-text"},r))));return e.item!==void 0&&e.render!==void 0?e.render.call(void 0,l,e):l};pe.displayName="KendoReactButtonItem";class fe extends i.Component{render(){return null}}fe.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const Ce=(e,n,t,r)=>{if(t)return e;const l=Math.min(r-1,Math.max(0,e));switch(n){case a.Keys.enter:case a.Keys.space:case a.Keys.esc:return-1;case a.Keys.up:case a.Keys.left:return l-1<0?r-1:l-1;case a.Keys.down:case a.Keys.right:return l+1>=r?0:l+1;case a.Keys.home:return 0;case a.Keys.end:return r-1;default:return e}};function Be(e){let n={horizontal:"left",vertical:"bottom"};return e&&(n.horizontal="right"),n}function Me(e){let n={horizontal:"left",vertical:"top"};return e&&(n.horizontal="right"),n}class be 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.guid=a.guid(),this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:r}=this.state;if(t.altKey){!this.opened&&t.keyCode===a.Keys.down?(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0}),this.setOpen(!0)):this.opened&&t.keyCode===a.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}let l;if(t.keyCode===a.Keys.enter||t.keyCode===a.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,r),r>=0){l={focusedIndex:this.opened?-1:0};const o=!this.opened;this.setOpen(o),o&&this.dispatchPopupEvent(t,o)}}else if(this.opened&&t.keyCode===a.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const o=Ce(r,t.keyCode,t.altKey,this.buttonsData.length);o!==r&&(l=l||{},l.focusedIndex=o);const u=t.keyCode===a.Keys.up||t.keyCode===a.Keys.down||t.keyCode===a.Keys.left||t.keyCode===a.Keys.right;!t.altKey&&(u||t.keyCode===a.Keys.home||t.keyCode===a.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||(a.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,r)=>{this.opened&&(this.setState({focusedIndex:0}),this.setOpen(!1)),this.dispatchClickEvent(t,r)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),a.dispatchEvent(this.props.onBlur,t,this,void 0))},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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 r=!this.opened;r&&this.dispatchPopupEvent(t,r),this.setState({focusedIndex:r?0:-1,focused:!0}),this.setOpen(r)}},this.onDownSplitPart=t=>{t.preventDefault();const r=a.getActiveElement(document);this.element&&r!==this.element&&r!==this.list&&this.element.focus()},this.onItemDown=t=>{a.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,r)=>{a.dispatchEvent(r?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},a.validatePackage(C)}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===fe).map(c=>c.props);const n=this.isRtl(),t=n?"rtl":void 0,{id:r,style:l,tabIndex:o,disabled:u}=this.props;return i.createElement("div",{id:r,style:l,className:a.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${a.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(O,{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: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":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(O,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Ke.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?a.dispatchEvent(this.props.onButtonClick,n,this,void 0):a.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(n){const{popupSettings:t={}}=this.props,{focusedIndex:r}=this.state;return i.createElement(he.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:a.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Be(n),popupAlign:t.popupAlign||Me(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":r>=0?`${this.guid}-${r}`:void 0,className:a.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${a.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:r}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,o)=>i.createElement(pe,{className:"k-menu-item",dataItem:l,textField:r,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,key:o,index:o,id:`${this.guid}-${o}`})):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"}}be.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:a.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},be.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class ge extends i.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};class me extends i.Component{constructor(n){super(n),this.state={opened:!1,focused:!1,focusedIndex:-1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.guid=a.guid(),this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:r}=this.state;if(t.altKey){!this.opened&&t.keyCode===a.Keys.down?(this.setOpen(!0),this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0})):this.opened&&t.keyCode===a.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}const l={...this.state};if(t.keyCode===a.Keys.enter||t.keyCode===a.Keys.space){r>=0&&this.dispatchClickEvent(t,r),t.preventDefault();const o=!this.opened;this.setOpen(o),o&&(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:this.opened?-1:0}));return}else if(this.opened&&t.keyCode===a.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const o=Ce(r,t.keyCode,t.altKey,this.buttonsData.length);l.focusedIndex=o;const u=t.keyCode===a.Keys.up||t.keyCode===a.Keys.down||t.keyCode===a.Keys.left||t.keyCode===a.Keys.right;!t.altKey&&(u||t.keyCode===a.Keys.home||t.keyCode===a.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}),a.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),a.dispatchEvent(this.props.onBlur,t,this,void 0))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,r)=>{this.setState({focusedIndex:-1}),this.setOpen(!1),this.dispatchClickEvent(t,r)},this.onItemDown=t=>{a.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const r=a.getActiveElement(document);this.element&&r!==this.element&&r!==this.list&&this.element.focus()},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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 r=!this.opened;this.setState({focused:!0,focusedIndex:r?0:-1}),this.setOpen(r),r&&this.dispatchPopupEvent(t,r)},this.dispatchPopupEvent=(t,r)=>{a.dispatchEvent(r?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},a.validatePackage(C)}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:r,style:l,tabIndex:o,disabled:u}=this.props;return this.buttonsData=this.props.items||i.Children.toArray(this.props.children).filter(c=>c&&c.type===ge).map(c=>c.props),i.createElement("div",{id:r,style:l,className:a.classNames("k-dropdown-button",{"k-focus":this.state.focused},this.props.className),onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,dir:t,ref:c=>this.wrapper=c},i.createElement(O,{size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,disabled:u||void 0,tabIndex:o,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:this.props.buttonClass,imageUrl:this.props.imageUrl,dir:t,ref:c=>this.mainButton=c&&c.element,type:"button","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),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)||a.dispatchEvent(this.props.onItemClick,n,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(n){const{popupSettings:t={}}=this.props,{focusedIndex:r}=this.state;return i.createElement(he.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:a.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Be(n),popupAlign:t.popupAlign||Me(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,"aria-activedescendant":r>=0?`${this.guid}-${r}`:void 0,ref:this.listRef,className:a.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${a.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:n,itemRender:t,textField:r}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,o)=>i.createElement(pe,{className:"k-menu-item",dataItem:l,textField:r,focused:this.state.focusedIndex===o,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:n,index:o,key:o,id:`${this.guid}-${o}`})):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"}}me.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:a.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},me.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const ye=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=ye.defaultProps.tabIndex}=this.props;this.buttons.forEach((r,l)=>{r.tabIndex=l===n?t:-1})},this.onKeyDown=n=>{const t=n.target;if(!(n.keyCode===a.Keys.left||n.keyCode===a.Keys.right)||n.defaultPrevented||this.buttons.findIndex(o=>o===t)===-1)return;const l=this.focusedIndex;n.keyCode===a.Keys.left?this.focusButton(l,l-1):this.focusButton(l,l+1)},this.onWindowResize=n=>{const t=this.element;if(!t)return;const r=t.offsetWidth,l=t.offsetHeight;if(this.offsetWidth!==r||this.offsetHeight!==l){this.offsetWidth=r,this.offsetHeight=l;const o={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.props.onResize&&this.props.onResize.call(void 0,{target:this,...o,nativeEvent:n})}},a.validatePackage(C)}get selectors(){return this.props.buttons||Fe}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:a.classNames("k-toolbar",{[`k-toolbar-${a.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=ye.defaultProps.tabIndex}=this.props,r=this.buttons[n];if(r){r.tabIndex=t,r.focus();const l=this.buttons[e];l&&(l.tabIndex=-1)}}};let ve=ye;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 Te extends i.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return i.createElement("div",{id:this.props.id,className:a.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:n=>this._element=n},this.props.children)}}Te.propTypes={className:s.string};class Ve extends i.PureComponent{render(){return i.createElement("div",{className:a.classNames("k-separator",this.props.className)})}}const Ie=i.forwardRef((e,n)=>{const t=i.useRef(null),r=i.useRef(null);i.useImperativeHandle(r,()=>({element:t.current})),i.useImperativeHandle(n,()=>({element:t.current}));const l=i.useMemo(()=>a.classNames("k-spacer",e.className),[e.className]);return i.createElement("span",{ref:t,className:l})});Ie.displayName="KendoReactToolbarSpacer",Ie.propTypes={className:s.string};const Oe=z.createContext([null,e=>{}]),Ae=z.createContext([null,e=>{}]),$e=z.createContext([null,e=>{}]);var U=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(U||{});const Ze=(e,n)=>{const t=n.items.findIndex(r=>r===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 _e=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(_e||{});const Ge=(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 ee=(e=>(e.toggle="toggle",e.remove="remove",e))(ee||{});const Xe=(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}},B=i.forwardRef((e,n)=>{a.validatePackage(C);const t=i.useRef(null),r=i.useRef(null),l=a.useDir(r,e.dir);i.useImperativeHandle(t,()=>({element:r.current,props:e})),i.useImperativeHandle(n,()=>t.current);const[o,u]=i.useContext(Oe),[c,m]=i.useContext(Ae),[,x]=i.useContext($e),d=i.useMemo(()=>e.selected||(Array.isArray(o)?o.some(p=>p===e.value):o===e.value),[e.selected,e.value,o]),D=i.useMemo(()=>c===e.value,[e.value,c]);i.useEffect(()=>{D&&r.current&&r.current.focus()},[D]);const N=i.useCallback(p=>{u({type:ee.toggle,payload:e.value,event:p})},[u,e.value]),E=i.useCallback(p=>{e.removable&&(x({type:_e.remove,payload:e.value,event:p}),m({type:U.reset,payload:e.value,event:p}),u({type:ee.remove,payload:e.value,event:p}),e.onRemove&&e.onRemove.call(void 0,{target:t.current,syntheticEvent:p}))},[e.onRemove,e.value,e.removable,x,m,u]),K=i.useCallback(p=>{switch(p.keyCode){case a.Keys.left:m({type:U.prev,payload:e.value,event:p});break;case a.Keys.right:m({type:U.next,payload:e.value,event:p});break;case a.Keys.enter:u({type:ee.toggle,payload:e.value,event:p});break;case a.Keys.delete:E(p);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:p})},[e.onKeyDown,e.value,m,u,E]),P=i.useCallback(p=>{m({payload:e.value,type:U.current,event:p}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:p})},[e.onFocus,e.value,m]),k=i.useCallback(p=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:p})},[e.onBlur]),w=a.useMouse(e,t,{onClick:N});return i.createElement("div",{...w,role:e.role||"button",id:e.value,style:e.style,ref:r,dir:l,tabIndex:a.getTabIndex(e.tabIndex,e.disabled,void 0),className:a.classNames("k-chip",{"k-rtl":l==="rtl","k-disabled":e.disabled,"k-selected":d,"k-focus":D,[`k-chip-${a.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${a.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:d,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,onFocus:P,onBlur:k,onKeyDown:K},d&&(e.selectedIcon||e.selectedSvgIcon)&&i.createElement(a.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?a.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&i.createElement(a.IconWrap,{className:"k-chip-icon",name:e.icon?a.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:a.classNames("k-chip-action","k-chip-remove-action"),onClick:E},i.createElement(a.IconWrap,{name:e.removeIcon?a.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Ke.xCircleIcon,size:"small"}))))}),Je={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:a.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:a.svgIconPropType,selectedIcon:s.string,selectedIconSvg:a.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"])},Qe={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};B.displayName="KendoReactChip",B.propTypes=Je,B.defaultProps=Qe;const Ye=(e,n,t)=>{const[r,l]=i.useState(e);return[r,u=>{const c=Xe(n.state||r,{...u,...n});t&&t(c,u.event),l(c)}]},Re=e=>{const[n,t]=i.useState(null);return[n,l=>{const o=Ze(l.payload,{...l,...e});t(o)}]},et=(e,n,t)=>{const[r,l]=i.useState(e);return[r,u=>{const c=Ge(n.state||r,{...u,...n});t&&t(c,u.event),l(c)}]},te=i.forwardRef((e,n)=>{a.validatePackage(C);const t=i.useRef(null),r=i.useRef(null),l=a.useDir(r,e.dir),{chip:o,id:u,style:c,tabIndex:m,disabled:x,size:d,className:D,ariaDescribedBy:N,ariaLabelledBy:E,ariaLabel:K,selection:P=A.selection,value:k=A.defaultValue,defaultData:w=A.defaultData,valueField:p=A.valueField,textField:$=A.textField,onChange:M,onDataChange:S}=e,_=i.useMemo(()=>o||B,[o,B]);i.useImperativeHandle(t,()=>({element:r.current,props:e})),i.useImperativeHandle(n,()=>t.current);const T=i.useCallback((g,y)=>{M&&t.current&&M.call(void 0,{value:g,target:t.current,syntheticEvent:y})},[M]),[V,Z]=Ye(k,{selection:P,state:k},T),ne=i.useCallback((g,y)=>{S&&t.current&&S.call(void 0,{value:g,target:t.current,syntheticEvent:y})},[S]),[G,ae]=et(e.data||w,{state:e.data,valueField:p},ne),X=i.useCallback((g,y)=>(g.push(y[p]),g),[p]),W=i.useMemo(()=>e.data||G,[e.data,G]),re=i.useMemo(()=>k||V,[k,V]),le=i.useMemo(()=>W.reduce(X,[]),[W,X]),J=i.useCallback(g=>a.getter(p)(g),[p]),v=i.useCallback(g=>a.getter($)(g),[$]),[ke,De]=Re({items:le}),oe=a.useMouse(e,t);return i.createElement(Oe.Provider,{value:[re,Z]},i.createElement(Ae.Provider,{value:[ke,De]},i.createElement($e.Provider,{value:[W,ae]},i.createElement("div",{ref:r,...oe,role:"listbox",id:u,dir:l,style:c,tabIndex:a.getTabIndex(m,x,void 0),className:a.classNames("k-chip-list",{"k-rtl":l==="rtl","k-disabled":x,[`k-chip-list-${a.kendoThemeMaps.sizeMap[d]||d}`]:d},D),"aria-label":K,"aria-labelledby":E,"aria-describedby":N},W.map((g,y)=>i.createElement(_,{role:"option",dataItem:g,size:d,key:[J(g),y].join("-"),text:v(g),value:J(g),ariaLabel:g.ariaLabel,svgIcon:g.svgIcon||void 0}))))))}),tt={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"])},A={chip:B,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};te.displayName="KendoReactChipList",te.propTypes=tt,te.defaultProps=A;const se=i.forwardRef((e,n)=>{const{className:t,disabled:r,text:l,icon:o,style:u,id:c,focused:m,tabIndex:x,index:d,dataItem:D,item:N,svgIcon:E,onDown:K,onClick:P,...k}=e,w=i.useRef(null),p=i.useCallback(()=>{w.current&&w.current.focus()},[]),$=i.useCallback(()=>({element:w.current,focus:p}),[p]);i.useImperativeHandle(n,$);const M=i.useCallback(T=>{P&&d!==void 0&&!r&&P(T,d)},[P,d]),S=i.useMemo(()=>a.classNames("k-fab-item",{"k-focus":m,"k-disabled":r},t),[t,r,m]),_=N;return i.createElement("li",{ref:w,id:c,className:S,style:u,role:"menuitem",tabIndex:a.getTabIndex(x,r),"aria-disabled":r,"aria-label":`${l||""} floatingactionbutton item`,onClick:M,onMouseDown:K,onPointerDown:K,...k},_?i.createElement(_,{itemIndex:d,item:D}):i.createElement(i.Fragment,null,l&&i.createElement("span",{className:"k-fab-item-text"},l),o||E?i.createElement(a.IconWrap,{className:"k-fab-item-icon",name:o,icon:E}):null))});se.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:a.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any},se.displayName="KendoFloatingActionButtonItem";const We="16px",ie=e=>typeof e=="number"?e+"px":e,st=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},it=(e,n)=>{const t={horizontal:n?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=n?"left":"right"),t},nt=(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]},at=(e,n,t,r)=>{const l=n.horizontal,o=n.vertical;if(e.current){const u=t&&t.x!==void 0?ie(t.x):We,c=t&&t.x!==void 0?`calc(50% + ${ie(t.x)})`:"50%",m=t&&t.y!==void 0?ie(t.y):We,x=t&&t.y!==void 0?`calc(50% + ${ie(t.y)})`:"50%";e.current.style.setProperty(rt(n,r),l==="center"?c:u),e.current.style.setProperty(lt(n),o==="middle"?x:m),r&&((o==="top"||o==="bottom")&&l==="start"&&e.current.style.setProperty("left","unset"),o==="middle"&&l==="end"&&e.current.style.setProperty("right","unset"),o==="middle"&&l==="start"&&e.current.style.setProperty("left","unset"))}},rt=(e,n)=>{const{horizontal:t}=e;return{end:n?"left":"right",center:"left",start:n?"right":"left"}[t||"end"]},lt=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],ot=2,ct=100,xe=i.forwardRef((e,n)=>{a.validatePackage(C);const{align:t=q.align,alignOffset:r,className:l,disabled:o,icon:u,svgIcon:c,iconClass:m,id:x,items:d,item:D,text:N,positionMode:E=q.positionMode,size:K=q.size,style:P,rounded:k=q.rounded,themeColor:w=q.themeColor,overlayStyle:p,tabIndex:$,accessKey:M,popupSettings:S={},modal:_,onClick:T,onItemClick:V,onFocus:Z,onBlur:ne,onKeyDown:G,onOpen:ae,onClose:X,...W}=e,re=a.useZIndexContext(),le=re?re+ot:ct,J=i.useRef(null),v=i.useRef(null),ke=i.useRef(null),De=i.useRef(null),oe=i.useCallback(()=>{v.current&&v.current.focus()},[]),g=i.useCallback(()=>({element:v.current,focus:oe}),[oe]);i.useImperativeHandle(J,g),i.useImperativeHandle(n,()=>J.current);const[y,F]=i.useState(!1),[ce,L]=i.useState(!1),[Q,I]=i.useState(-1),ut=i.useMemo(()=>a.guid(),[]),Ee=a.useDir(v,e.dir),Y=Ee==="rtl",ue=i.useMemo(()=>a.guid(),[]);i.useEffect(()=>{at(v,t,r,Y)},[v,t,r,Y]),i.useEffect(()=>{ce&&v&&v.current&&v.current.focus()},[ce,v]);const H=i.useCallback((h,f)=>{d&&a.dispatchEvent(f?ae:X,h,g(),void 0)},[ae,X,d]),dt=i.useCallback(h=>{!h.target||o||(!d&&T?a.dispatchEvent(T,h,g(),void 0):(F(!y),L(!0),I(y?-1:0),H(h,!y)))},[F,L,I,T,H,y,d,o]),ht=i.useCallback(h=>{L(!0),I(y?0:-1),Z&&a.dispatchEvent(Z,h,g(),void 0)},[Z,L,I]),pt=i.useCallback(h=>{L(!1),F(!1),I(-1),a.dispatchEvent(ne,h,g(),void 0),y&&H(h,!1)},[ne,L,F,I,H]),ft=i.useCallback(h=>{h.preventDefault()},[]),we=i.useCallback((h,f)=>{d&&(d[f].disabled||a.dispatchEvent(V,h,g(),{itemProps:d[f],itemIndex:f}))},[V]),bt=i.useCallback((h,f)=>{!h.target||!d||(I(f),F(!1),we(h,f),H(h,!1))},[I,F,we,H]),gt=i.useCallback(h=>{a.getActiveElement(document)===v.current&&h.preventDefault()},[v]),mt=i.useCallback(h=>{const f=Q,Ne=d?d.length-1:-1,de=t.vertical==="bottom";switch(h.keyCode){case a.Keys.enter:case a.Keys.space:f>=0&&we(h,f),h.preventDefault(),F(!y),I(y?-1:0);break;case a.Keys.esc:h.preventDefault(),F(!1),I(-1);break;case a.Keys.home:h.preventDefault(),I(0);break;case a.Keys.end:h.preventDefault(),I(Ne);break;case a.Keys.down:case a.Keys.right:h.preventDefault(),f<Ne&&!de&&I(f+1),f>0&&de&&I(f-1);break;case a.Keys.up:case a.Keys.left:h.preventDefault(),f>0&&!de&&I(f-1),f<Ne&&de&&I(f+1);break}a.dispatchEvent(G,h,g(),void 0)},[G,Q,I,Y,F]),yt=i.useMemo(()=>a.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":E==="absolute","k-pos-fixed":E==="fixed","k-focus":ce,[`k-rounded-${a.kendoThemeMaps.roundedMap[k]||k}`]:k,[`k-fab-solid-${w}`]:w},`k-${t.vertical}-${t.horizontal}`,l),[w,K,k,o,E,t,ce,l]),vt=d&&d.map((h,f)=>i.createElement(se,{...h,key:f,index:f,id:`${ue}-${f}`,disabled:o||h.disabled,focused:Q===f,dataItem:h,item:D,className:a.classNames(h.className,nt(Ee||"ltr",t.horizontal)),onClick:bt,onDown:gt})),Le=!!((u||c)&&!N),It=v.current?v.current.offsetWidth:0,xt=32,He=It/2-xt/2;return i.createElement(a.ZIndexContext.Provider,{value:le},i.createElement(i.Fragment,null,i.createElement("button",{ref:v,id:x||ut,role:d?"menubutton":"button",type:"button","aria-disabled":o,"aria-expanded":d?y:void 0,"aria-haspopup":!!d,"aria-label":`${N||""} floatingactionbutton`,"aria-owns":d?ue:void 0,"aria-activedescendant":Q>=0&&d?`${ue}-${Q}`:void 0,tabIndex:a.getTabIndex($,o),accessKey:M,dir:Ee,disabled:o,className:yt,style:P,onClick:dt,onMouseDown:ft,onFocus:ht,onBlur:pt,onKeyDown:mt,...W},u||c?i.createElement(a.IconWrap,{className:"k-fab-icon",name:u,icon:c}):m?i.createElement("span",{role:"presentation",className:m}):null,N&&i.createElement("span",{className:"k-fab-text"},N)),_&&y&&i.createElement("div",{className:"k-overlay",style:{zIndex:le,...p}}),i.createElement(he.Popup,{ref:De,anchor:v.current,show:y,animate:S.animate,popupClass:a.classNames("k-popup-transparent k-fab-popup",S.popupClass),anchorAlign:S.anchorAlign||st(t,Y),popupAlign:S.popupAlign||it(t,Y),style:{boxShadow:"none"}},i.createElement("ul",{ref:ke,role:"menu","aria-labelledby":x,id:ue,className:a.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:Le?He:void 0,paddingRight:Le?He:void 0}},vt))))});xe.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:a.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 q={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};xe.displayName="KendoFloatingActionButton",b.Button=O,b.ButtonGroup=ze,b.Chip=B,b.ChipList=te,b.DropDownButton=me,b.DropDownButtonItem=ge,b.FloatingActionButton=xe,b.FloatingActionButtonItem=se,b.SplitButton=be,b.SplitButtonItem=fe,b.Toolbar=ve,b.ToolbarItem=Te,b.ToolbarSeparator=Ve,b.ToolbarSpacer=Ie,b.toolbarButtons=Fe,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
package/index.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2023 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react"),et=require("prop-types"),i=require("@progress/kendo-react-common"),ge=require("@progress/kendo-react-popup"),Se=require("@progress/kendo-svg-icons");function Fe(e){const o=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(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=Fe(re),s=Fe(et),S={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:o,iconClass:t,svgIcon:a,imageAlt:l}){return e?n.createElement("img",{role:"presentation",className:"k-button-icon",alt:l,src:e}):o||a?n.createElement(i.IconWrap,{className:"k-button-icon",name:o,icon:a}):t?n.createElement("span",{role:"presentation",className:i.classNames("k-button-icon",t)}):null}const G=class extends n.Component{constructor(e){super(e),this._element=null,this.handleClick=o=>{this.toggleIfApplicable(),this.props.onClick&&this.props.onClick.call(void 0,o)},i.validatePackage(S),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,o){return e.togglable&&e.selected!==void 0&&e.selected!==o.selected?{selected:e.selected}:null}render(){const{children:e,togglable:o,icon:t,iconClass:a,svgIcon:l,imageUrl:r,imageAlt:d,className:c,onClick:b,size:v=G.defaultProps.size,rounded:u=G.defaultProps.rounded,fillMode:I=G.defaultProps.fillMode,themeColor:E=G.defaultProps.themeColor,...x}=this.props,w=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:d});return n.createElement("button",{ref:D=>this._element=D,"aria-pressed":o?this.state.selected:void 0,...x,onClick:this.handleClick,className:i.classNames("k-button",{[`k-button-${i.kendoThemeMaps.sizeMap[v]||v}`]:v,[`k-button-${I}`]:I,[`k-button-${I}-${E}`]:!!(I&&E),[`k-rounded-${i.kendoThemeMaps.roundedMap[u]||u}`]:u,"k-icon-button":!N&&w,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},C,e&&n.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 _=G;_.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:i.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 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)",ze=["button"+Ke,".k-button-group > button"+Ke,".k-colorpicker",".k-dropdownlist"],nt={styles:st},ie=nt.styles;class Me extends n.Component{constructor(o){super(o),this._element=null,i.validatePackage(S)}render(){const o=this.mapButtons(this.props.children),t=i.classNames([ie["button-group"]],{["k-disabled"]:this.props.disabled,[ie["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 n.createElement("div",{ref:l=>{this._element=l},...a,className:t},o)}mapButtons(o){const t=n.Children.count(o),a=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return n.Children.map(o,(l,r)=>n.isValidElement(l)?this.renderButton(l,r,r===t-1,a):l)}renderButton(o,t,a,l){const r=i.classNames(o.props.className,{[ie["group-start"]]:l?a:t===0,[ie["group-end"]]:l?t===0:a}),d={...this.props.width?{width:this.props.width}:{},...o.props.style||{}},c=this.props.disabled||o.props.disabled,b={...o.props,...r?{className:r}:{},...Object.keys(d).length?{style:d}:{},...c!==void 0?{disabled:c}:{}};return n.Children.count(o.props.children)>0?n.cloneElement(o,b,o.props.children):n.cloneElement(o,b)}}Me.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const ye=e=>{const o=n.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=n.createElement("li",{id:e.id,className:i.classNames("k-item",e.className,{"k-focus":e.focused}),tabIndex:-1,onClick:o,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},n.createElement("span",{tabIndex:-1,className:i.classNames("k-link k-menu-link",{"k-selected":e.dataItem.selected,"k-disabled":e.dataItem.disabled}),key:"icon"},t?n.createElement(t,{item:e.dataItem,itemIndex:e.index}):n.createElement(n.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass)&&n.createElement(i.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&n.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),a&&n.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};ye.displayName="KendoReactButtonItem";class ke extends n.Component{render(){return null}}ke.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const Be=(e,o,t,a)=>{if(t)return e;const l=Math.min(a-1,Math.max(0,e));switch(o){case i.Keys.enter:case i.Keys.space:case i.Keys.esc:return-1;case i.Keys.up:case i.Keys.left:return l-1<0?a-1:l-1;case i.Keys.down:case i.Keys.right:return l+1>=a?0:l+1;case i.Keys.home:return 0;case i.Keys.end:return a-1;default:return e}};function Te(e){let o={horizontal:"left",vertical:"bottom"};return e&&(o.horizontal="right"),o}function Re(e){let o={horizontal:"left",vertical:"top"};return e&&(o.horizontal="right"),o}class ve extends n.Component{constructor(o){super(o),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.guid=i.guid(),this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===i.Keys.down?(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0}),this.setOpen(!0)):this.opened&&t.keyCode===i.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}let l;if(t.keyCode===i.Keys.enter||t.keyCode===i.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,a),a>=0){l={focusedIndex:this.opened?-1:0};const r=!this.opened;this.setOpen(r),r&&this.dispatchPopupEvent(t,r)}}else if(this.opened&&t.keyCode===i.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const r=Be(a,t.keyCode,t.altKey,this.buttonsData.length);r!==a&&(l=l||{},l.focusedIndex=r);const d=t.keyCode===i.Keys.up||t.keyCode===i.Keys.down||t.keyCode===i.Keys.left||t.keyCode===i.Keys.right;!t.altKey&&(d||t.keyCode===i.Keys.home||t.keyCode===i.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||(i.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,a)=>{this.opened&&(this.setState({focusedIndex:0}),this.setOpen(!1)),this.dispatchClickEvent(t,a)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),i.dispatchEvent(this.props.onBlur,t,this,void 0))},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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;a&&this.dispatchPopupEvent(t,a),this.setState({focusedIndex:a?0:-1,focused:!0}),this.setOpen(a)}},this.onDownSplitPart=t=>{t.preventDefault();const a=i.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onItemDown=t=>{i.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,a)=>{i.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},i.validatePackage(S)}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||n.Children.toArray(this.props.children).filter(c=>c&&c.type===ke).map(c=>c.props);const o=this.isRtl(),t=o?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:d}=this.props;return n.createElement("div",{id:a,style:l,className:i.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${i.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},n.createElement(_,{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:d||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":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),n.createElement(_,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Se.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(o))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(o,t){this.isItemDisabled(t)||(t===-1?i.dispatchEvent(this.props.onButtonClick,o,this,void 0):i.dispatchEvent(this.props.onItemClick,o,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(o){const{popupSettings:t={}}=this.props,{focusedIndex:a}=this.state;return n.createElement(ge.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:i.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Te(o),popupAlign:t.popupAlign||Re(o),style:o?{direction:"rtl"}:void 0,onClose:this.onPopupClose},n.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:i.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${i.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:o,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>n.createElement(ye,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:o,key:r,index:r,id:`${this.guid}-${r}`})):null}isItemDisabled(o){return this.buttonsData[o]?this.buttonsData[o].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}}ve.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:i.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};ve.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class Ce extends n.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};class Ie extends n.Component{constructor(o){super(o),this.state={opened:!1,focused:!1,focusedIndex:-1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.guid=i.guid(),this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===i.Keys.down?(this.setOpen(!0),this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0})):this.opened&&t.keyCode===i.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}const l={...this.state};if(t.keyCode===i.Keys.enter||t.keyCode===i.Keys.space){a>=0&&this.dispatchClickEvent(t,a),t.preventDefault();const r=!this.opened;this.setOpen(r),r&&(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:this.opened?-1:0}));return}else if(this.opened&&t.keyCode===i.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const r=Be(a,t.keyCode,t.altKey,this.buttonsData.length);l.focusedIndex=r;const d=t.keyCode===i.Keys.up||t.keyCode===i.Keys.down||t.keyCode===i.Keys.left||t.keyCode===i.Keys.right;!t.altKey&&(d||t.keyCode===i.Keys.home||t.keyCode===i.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}),i.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),i.dispatchEvent(this.props.onBlur,t,this,void 0))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,a)=>{this.setState({focusedIndex:-1}),this.setOpen(!1),this.dispatchClickEvent(t,a)},this.onItemDown=t=>{i.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const a=i.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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),a&&this.dispatchPopupEvent(t,a)},this.dispatchPopupEvent=(t,a)=>{i.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},i.validatePackage(S)}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const o=this.isRtl(),t=o?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:d}=this.props;return this.buttonsData=this.props.items||n.Children.toArray(this.props.children).filter(c=>c&&c.type===Ce).map(c=>c.props),n.createElement("div",{id:a,style:l,className:i.classNames("k-dropdown-button",{"k-focus":this.state.focused},this.props.className),onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,dir:t,ref:c=>this.wrapper=c},n.createElement(_,{size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,disabled:d||void 0,tabIndex:r,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:this.props.buttonClass,imageUrl:this.props.imageUrl,dir:t,ref:c=>this.mainButton=c&&c.element,type:"button","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),this.renderPopup(o))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(o,t){this.isItemDisabled(t)||i.dispatchEvent(this.props.onItemClick,o,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(o){const{popupSettings:t={}}=this.props,{focusedIndex:a}=this.state;return n.createElement(ge.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:i.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Te(o),popupAlign:t.popupAlign||Re(o),style:o?{direction:"rtl"}:void 0,onClose:this.onPopupClose},n.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,"aria-activedescendant":a>=0?`${this.guid}-${a}`:void 0,ref:this.listRef,className:i.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${i.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:o,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>n.createElement(ye,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:o,index:r,key:r,id:`${this.guid}-${r}`})):null}isItemDisabled(o){return this.buttonsData[o]?this.buttonsData[o].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}}Ie.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:i.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};Ie.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const be=class extends n.Component{constructor(e){super(e),this._element=null,this.offsetHeight=0,this.offsetWidth=0,this.buttons=[],this.focusedSelector=this.selectors.map(o=>o+":focus").join(","),this.setTabIndex=o=>{const{tabIndex:t=be.defaultProps.tabIndex}=this.props;this.buttons.forEach((a,l)=>{a.tabIndex=l===o?t:-1})},this.onKeyDown=o=>{const t=o.target;if(!(o.keyCode===i.Keys.left||o.keyCode===i.Keys.right)||o.defaultPrevented||this.buttons.findIndex(r=>r===t)===-1)return;const l=this.focusedIndex;o.keyCode===i.Keys.left?this.focusButton(l,l-1):this.focusButton(l,l+1)},this.onWindowResize=o=>{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:o})}},i.validatePackage(S)}get selectors(){return this.props.buttons||ze}get focusedIndex(){const e=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(o=>o===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 n.createElement("div",{id:this.props.id,"aria-label":this.props.ariaLabel,className:i.classNames("k-toolbar",{[`k-toolbar-${i.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,o){const{tabIndex:t=be.defaultProps.tabIndex}=this.props,a=this.buttons[o];if(a){a.tabIndex=t,a.focus();const l=this.buttons[e];l&&(l.tabIndex=-1)}}};let xe=be;xe.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"])};xe.defaultProps={tabIndex:0,size:"medium"};class Oe extends n.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return n.createElement("div",{id:this.props.id,className:i.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:o=>this._element=o},this.props.children)}}Oe.propTypes={className:s.string};class ot extends n.PureComponent{render(){return n.createElement("div",{className:i.classNames("k-separator",this.props.className)})}}const De=n.forwardRef((e,o)=>{const t=n.useRef(null),a=n.useRef(null);n.useImperativeHandle(a,()=>({element:t.current})),n.useImperativeHandle(o,()=>({element:t.current}));const l=n.useMemo(()=>i.classNames("k-spacer",e.className),[e.className]);return n.createElement("span",{ref:t,className:l})});De.displayName="KendoReactToolbarSpacer";De.propTypes={className:s.string};const Ae=re.createContext([null,e=>{}]),$e=re.createContext([null,e=>{}]),_e=re.createContext([null,e=>{}]);var X=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(X||{});const it=(e,o)=>{const t=o.items.findIndex(a=>a===e);switch(o.type){case"next":return t===o.items.length-1?e:o.items[t+1];case"prev":return t===0?e:o.items[t-1];case"current":return o.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,o)=>{switch(o.type){case"add":break;case"remove":return e.filter(t=>t[o.valueField]!==o.payload);case"reorder":break;default:return e}};var le=(e=>(e.toggle="toggle",e.remove="remove",e))(le||{});const lt=(e,o)=>{switch(o.selection){case"single":switch(o.type){case"toggle":{if(!Array.isArray(e)||e===null)return o.payload===e?null:o.payload;throw new Error("State cannot be an array in single selection")}case"remove":return o.payload===e?null:e;default:return e}case"multiple":switch(o.type){case"toggle":{if(Array.isArray(e))return e.some(t=>t===o.payload)?e.filter(t=>t!==o.payload):[...e,o.payload];if(e===null)return[o.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(e)?e.some(t=>t===o.payload)?e.filter(t=>t!==o.payload):[...e,o.payload]:e;default:return e}case"none":return null;default:return e}},M=n.forwardRef((e,o)=>{i.validatePackage(S);const t=n.useRef(null),a=n.useRef(null),l=i.useDir(a,e.dir);n.useImperativeHandle(t,()=>({element:a.current,props:e})),n.useImperativeHandle(o,()=>t.current);const[r,d]=n.useContext(Ae),[c,b]=n.useContext($e),[,v]=n.useContext(_e),u=n.useMemo(()=>e.selected||(Array.isArray(r)?r.some(p=>p===e.value):r===e.value),[e.selected,e.value,r]),I=n.useMemo(()=>c===e.value,[e.value,c]);n.useEffect(()=>{I&&a.current&&a.current.focus()},[I]);const E=n.useCallback(p=>{d({type:le.toggle,payload:e.value,event:p})},[d,e.value]),x=n.useCallback(p=>{e.removable&&(v({type:We.remove,payload:e.value,event:p}),b({type:X.reset,payload:e.value,event:p}),d({type:le.remove,payload:e.value,event:p}),e.onRemove&&e.onRemove.call(void 0,{target:t.current,syntheticEvent:p}))},[e.onRemove,e.value,e.removable,v,b,d]),w=n.useCallback(p=>{switch(p.keyCode){case i.Keys.left:b({type:X.prev,payload:e.value,event:p});break;case i.Keys.right:b({type:X.next,payload:e.value,event:p});break;case i.Keys.enter:d({type:le.toggle,payload:e.value,event:p});break;case i.Keys.delete:x(p);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:p})},[e.onKeyDown,e.value,b,d,x]),N=n.useCallback(p=>{b({payload:e.value,type:X.current,event:p}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:p})},[e.onFocus,e.value,b]),C=n.useCallback(p=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:p})},[e.onBlur]),D=i.useMouse(e,t,{onClick:E});return n.createElement("div",{...D,role:e.role,id:e.value,style:e.style,ref:a,dir:l,tabIndex:i.getTabIndex(e.tabIndex,e.disabled,void 0),className:i.classNames("k-chip",{"k-rtl":l==="rtl","k-disabled":e.disabled,"k-selected":u,"k-focus":I,[`k-chip-${i.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${i.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-checked":u,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,onFocus:N,onBlur:C,onKeyDown:w},u&&(e.selectedIcon||e.selectedSvgIcon)&&n.createElement(i.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?i.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&n.createElement(i.IconWrap,{className:"k-chip-icon",name:e.icon?i.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&n.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},n.createElement("span",{className:"k-avatar-image"},n.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),n.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&n.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),e.removable&&n.createElement("span",{className:"k-chip-actions"},n.createElement("span",{className:i.classNames("k-chip-action","k-chip-remove-action"),onClick:x},n.createElement(i.IconWrap,{name:e.removeIcon?i.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Se.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:i.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:i.svgIconPropType,selectedIcon:s.string,selectedIconSvg:i.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"};M.displayName="KendoReactChip";M.propTypes=rt;M.defaultProps=ct;const dt=(e,o,t)=>{const[a,l]=n.useState(e);return[a,d=>{const c=lt(o.state||a,{...d,...o});t&&t(c,d.event),l(c)}]},ut=e=>{const[o,t]=n.useState(null);return[o,l=>{const r=it(l.payload,{...l,...e});t(r)}]},ht=(e,o,t)=>{const[a,l]=n.useState(e);return[a,d=>{const c=at(o.state||a,{...d,...o});t&&t(c,d.event),l(c)}]},ce=n.forwardRef((e,o)=>{i.validatePackage(S);const t=n.useRef(null),a=n.useRef(null),l=i.useDir(a,e.dir),{chip:r,id:d,style:c,tabIndex:b,disabled:v,size:u,className:I,ariaDescribedBy:E,ariaLabelledBy:x,ariaLabel:w,selection:N=$.selection,value:C=$.defaultValue,defaultData:D=$.defaultData,valueField:p=$.valueField,textField:B=$.textField,onChange:F,onDataChange:K}=e,T=n.useMemo(()=>r||M,[r,M]);n.useImperativeHandle(t,()=>({element:a.current,props:e})),n.useImperativeHandle(o,()=>t.current);const z=n.useCallback((f,g)=>{F&&t.current&&F.call(void 0,{value:f,target:t.current,syntheticEvent:g})},[F]),[W,L]=dt(C,{selection:N,state:C},z),J=n.useCallback((f,g)=>{K&&t.current&&K.call(void 0,{value:f,target:t.current,syntheticEvent:g})},[K]),[H,Q]=ht(e.data||D,{state:e.data,valueField:p},J),U=n.useCallback((f,g)=>(f.push(g[p]),f),[p]),R=n.useMemo(()=>e.data||H,[e.data,H]),Y=n.useMemo(()=>C||W,[C,W]),ee=n.useMemo(()=>R.reduce(U,[]),[R,U]),j=n.useCallback(f=>i.getter(p)(f),[p]),y=n.useCallback(f=>i.getter(B)(f),[B]),[ue,he]=ut({items:ee}),te=i.useMouse(e,t);return n.createElement(Ae.Provider,{value:[Y,L]},n.createElement($e.Provider,{value:[ue,he]},n.createElement(_e.Provider,{value:[R,Q]},n.createElement("div",{ref:a,...te,role:"listbox",id:d,dir:l,style:c,tabIndex:i.getTabIndex(b,v,void 0),className:i.classNames("k-chip-list",{"k-rtl":l==="rtl","k-disabled":v,[`k-chip-list-${i.kendoThemeMaps.sizeMap[u]||u}`]:u},I),"aria-label":w,"aria-labelledby":x,"aria-describedby":E},R.map((f,g)=>n.createElement(T,{role:"option",dataItem:f,size:u,key:[j(f),g].join("-"),text:y(f),value:j(f),ariaLabel:f.ariaLabel,svgIcon:f.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:M,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};ce.displayName="KendoReactChipList";ce.propTypes=pt;ce.defaultProps=$;const de=n.forwardRef((e,o)=>{const{className:t,disabled:a,text:l,icon:r,style:d,id:c,focused:b,tabIndex:v,index:u,dataItem:I,item:E,svgIcon:x,onDown:w,onClick:N,...C}=e,D=n.useRef(null),p=n.useCallback(()=>{D.current&&D.current.focus()},[]),B=n.useCallback(()=>({element:D.current,focus:p}),[p]);n.useImperativeHandle(o,B);const F=n.useCallback(z=>{N&&u!==void 0&&!a&&N(z,u)},[N,u]),K=n.useMemo(()=>i.classNames("k-fab-item",{"k-focus":b,"k-disabled":a},t),[t,a,b]),T=E;return n.createElement("li",{ref:D,id:c,className:K,style:d,role:"menuitem",tabIndex:i.getTabIndex(v,a),"aria-disabled":a,"aria-label":`${l||""} floatingactionbutton item`,onClick:F,onMouseDown:w,onPointerDown:w,...C},T?n.createElement(T,{itemIndex:u,item:I}):n.createElement(n.Fragment,null,l&&n.createElement("span",{className:"k-fab-item-text"},l),r||x?n.createElement(i.IconWrap,{className:"k-fab-item-icon",name:r,icon:x}):null))});de.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:i.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any};de.displayName="KendoFloatingActionButtonItem";const Pe="16px",ae=e=>typeof e=="number"?e+"px":e,mt=(e,o)=>{const t={horizontal:o?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=o?"left":"right"),t},ft=(e,o)=>{const t={horizontal:o?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=o?"left":"right"),t},bt=(e,o)=>{const t=o==="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,o,t,a)=>{const l=o.horizontal,r=o.vertical;if(e.current){const d=t&&t.x!==void 0?ae(t.x):Pe,c=t&&t.x!==void 0?`calc(50% + ${ae(t.x)})`:"50%",b=t&&t.y!==void 0?ae(t.y):Pe,v=t&&t.y!==void 0?`calc(50% + ${ae(t.y)})`:"50%";e.current.style.setProperty(yt(o,a),l==="center"?c:d),e.current.style.setProperty(kt(o),r==="middle"?v: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,o)=>{const{horizontal:t}=e;return{end:o?"left":"right",center:"left",start:o?"right":"left"}[t||"end"]},kt=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],vt=2,Ct=100,Ee=n.forwardRef((e,o)=>{i.validatePackage(S);const{align:t=Z.align,alignOffset:a,className:l,disabled:r,icon:d,svgIcon:c,iconClass:b,id:v,items:u,item:I,text:E,positionMode:x=Z.positionMode,size:w=Z.size,style:N,rounded:C=Z.rounded,themeColor:D=Z.themeColor,overlayStyle:p,tabIndex:B,accessKey:F,popupSettings:K={},modal:T,onClick:z,onItemClick:W,onFocus:L,onBlur:J,onKeyDown:H,onOpen:Q,onClose:U,...R}=e,Y=i.useZIndexContext(),ee=Y?Y+vt:Ct,j=n.useRef(null),y=n.useRef(null),ue=n.useRef(null),he=n.useRef(null),te=n.useCallback(()=>{y.current&&y.current.focus()},[]),f=n.useCallback(()=>({element:y.current,focus:te}),[te]);n.useImperativeHandle(j,f),n.useImperativeHandle(o,()=>j.current);const[g,P]=n.useState(!1),[se,O]=n.useState(!1),[q,k]=n.useState(-1),Le=n.useMemo(()=>i.guid(),[]),pe=i.useDir(y,e.dir),V=pe==="rtl",ne=n.useMemo(()=>i.guid(),[]);n.useEffect(()=>{gt(y,t,a,V)},[y,t,a,V]),n.useEffect(()=>{se&&y&&y.current&&y.current.focus()},[se,y]);const A=n.useCallback((h,m)=>{u&&i.dispatchEvent(m?Q:U,h,f(),void 0)},[Q,U,u]),He=n.useCallback(h=>{!h.target||r||(!u&&z?i.dispatchEvent(z,h,f(),void 0):(P(!g),O(!0),k(g?-1:0),A(h,!g)))},[P,O,k,z,A,g,u,r]),Ue=n.useCallback(h=>{O(!0),k(g?0:-1),L&&i.dispatchEvent(L,h,f(),void 0)},[L,O,k]),je=n.useCallback(h=>{O(!1),P(!1),k(-1),i.dispatchEvent(J,h,f(),void 0),g&&A(h,!1)},[J,O,P,k,A]),qe=n.useCallback(h=>{h.preventDefault()},[]),me=n.useCallback((h,m)=>{u&&(u[m].disabled||i.dispatchEvent(W,h,f(),{itemProps:u[m],itemIndex:m}))},[W]),Ve=n.useCallback((h,m)=>{!h.target||!u||(k(m),P(!1),me(h,m),A(h,!1))},[k,P,me,A]),Ze=n.useCallback(h=>{i.getActiveElement(document)===y.current&&h.preventDefault()},[y]),Ge=n.useCallback(h=>{const m=q,fe=u?u.length-1:-1,oe=t.vertical==="bottom";switch(h.keyCode){case i.Keys.enter:case i.Keys.space:m>=0&&me(h,m),h.preventDefault(),P(!g),k(g?-1:0);break;case i.Keys.esc:h.preventDefault(),P(!1),k(-1);break;case i.Keys.home:h.preventDefault(),k(0);break;case i.Keys.end:h.preventDefault(),k(fe);break;case i.Keys.down:case i.Keys.right:h.preventDefault(),m<fe&&!oe&&k(m+1),m>0&&oe&&k(m-1);break;case i.Keys.up:case i.Keys.left:h.preventDefault(),m>0&&!oe&&k(m-1),m<fe&&oe&&k(m+1);break}i.dispatchEvent(H,h,f(),void 0)},[H,q,k,V,P]),Xe=n.useMemo(()=>i.classNames("k-fab k-fab-solid",{"k-fab-sm":w==="small","k-fab-md":w==="medium","k-fab-lg":w==="large","k-disabled":r,"k-pos-absolute":x==="absolute","k-pos-fixed":x==="fixed","k-focus":se,[`k-rounded-${i.kendoThemeMaps.roundedMap[C]||C}`]:C,[`k-fab-solid-${D}`]:D},`k-${t.vertical}-${t.horizontal}`,l),[D,w,C,r,x,t,se,l]),Je=u&&u.map((h,m)=>n.createElement(de,{...h,key:m,index:m,id:`${ne}-${m}`,disabled:r||h.disabled,focused:q===m,dataItem:h,item:I,className:i.classNames(h.className,bt(pe||"ltr",t.horizontal)),onClick:Ve,onDown:Ze})),we=!!((d||c)&&!E),Qe=y.current?y.current.offsetWidth:0,Ye=32,Ne=Qe/2-Ye/2;return n.createElement(i.ZIndexContext.Provider,{value:ee},n.createElement(n.Fragment,null,n.createElement("button",{ref:y,id:v||Le,role:u?"menubutton":"button",type:"button","aria-disabled":r,"aria-expanded":u?g:void 0,"aria-haspopup":!!u,"aria-label":`${E||""} floatingactionbutton`,"aria-owns":u?ne:void 0,"aria-activedescendant":q>=0&&u?`${ne}-${q}`:void 0,tabIndex:i.getTabIndex(B,r),accessKey:F,dir:pe,disabled:r,className:Xe,style:N,onClick:He,onMouseDown:qe,onFocus:Ue,onBlur:je,onKeyDown:Ge,...R},d||c?n.createElement(i.IconWrap,{className:"k-fab-icon",name:d,icon:c}):b?n.createElement("span",{role:"presentation",className:b}):null,E&&n.createElement("span",{className:"k-fab-text"},E)),T&&g&&n.createElement("div",{className:"k-overlay",style:{zIndex:ee,...p}}),n.createElement(ge.Popup,{ref:he,anchor:y.current,show:g,animate:K.animate,popupClass:i.classNames("k-popup-transparent k-fab-popup",K.popupClass),anchorAlign:K.anchorAlign||mt(t,V),popupAlign:K.popupAlign||ft(t,V),style:{boxShadow:"none"}},n.createElement("ul",{ref:ue,role:"menu","aria-labelledby":v,id:ne,className:i.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:we?Ne:void 0,paddingRight:we?Ne:void 0}},Je))))});Ee.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:i.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 Z={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};Ee.displayName="KendoFloatingActionButton";exports.Button=_;exports.ButtonGroup=Me;exports.Chip=M;exports.ChipList=ce;exports.DropDownButton=Ie;exports.DropDownButtonItem=Ce;exports.FloatingActionButton=Ee;exports.FloatingActionButtonItem=de;exports.SplitButton=ve;exports.SplitButtonItem=ke;exports.Toolbar=xe;exports.ToolbarItem=Oe;exports.ToolbarSeparator=ot;exports.ToolbarSpacer=De;exports.toolbarButtons=ze;
5
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const re=require("react"),et=require("prop-types"),i=require("@progress/kendo-react-common"),ge=require("@progress/kendo-react-popup"),Se=require("@progress/kendo-svg-icons");function Fe(e){const o=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(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=Fe(re),s=Fe(et),S={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:o,iconClass:t,svgIcon:a,imageAlt:l}){return e?n.createElement("img",{role:"presentation",className:"k-button-icon",alt:l,src:e}):o||a?n.createElement(i.IconWrap,{className:"k-button-icon",name:o,icon:a}):t?n.createElement("span",{role:"presentation",className:i.classNames("k-button-icon",t)}):null}const G=class extends n.Component{constructor(e){super(e),this._element=null,this.handleClick=o=>{this.toggleIfApplicable(),this.props.onClick&&this.props.onClick.call(void 0,o)},i.validatePackage(S),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,o){return e.togglable&&e.selected!==void 0&&e.selected!==o.selected?{selected:e.selected}:null}render(){const{children:e,togglable:o,icon:t,iconClass:a,svgIcon:l,imageUrl:r,imageAlt:d,className:c,onClick:b,size:v=G.defaultProps.size,rounded:u=G.defaultProps.rounded,fillMode:I=G.defaultProps.fillMode,themeColor:E=G.defaultProps.themeColor,...x}=this.props,w=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:d});return n.createElement("button",{ref:D=>this._element=D,"aria-pressed":o?this.state.selected:void 0,...x,onClick:this.handleClick,className:i.classNames("k-button",{[`k-button-${i.kendoThemeMaps.sizeMap[v]||v}`]:v,[`k-button-${I}`]:I,[`k-button-${I}-${E}`]:!!(I&&E),[`k-rounded-${i.kendoThemeMaps.roundedMap[u]||u}`]:u,"k-icon-button":!N&&w,"k-disabled":this.props.disabled,"k-selected":this.state.selected,"k-rtl":this.props.dir==="rtl"},this.props.className)},C,e&&n.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 _=G;_.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:i.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 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)",ze=["button"+Ke,".k-button-group > button"+Ke,".k-colorpicker",".k-dropdownlist"],nt={styles:st},ie=nt.styles;class Me extends n.Component{constructor(o){super(o),this._element=null,i.validatePackage(S)}render(){const o=this.mapButtons(this.props.children),t=i.classNames([ie["button-group"]],{["k-disabled"]:this.props.disabled,[ie["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 n.createElement("div",{ref:l=>{this._element=l},...a,className:t},o)}mapButtons(o){const t=n.Children.count(o),a=this.props.dir!==void 0?this.props.dir==="rtl":this._element&&getComputedStyle(this._element).direction==="rtl"||!1;return n.Children.map(o,(l,r)=>n.isValidElement(l)?this.renderButton(l,r,r===t-1,a):l)}renderButton(o,t,a,l){const r=i.classNames(o.props.className,{[ie["group-start"]]:l?a:t===0,[ie["group-end"]]:l?t===0:a}),d={...this.props.width?{width:this.props.width}:{},...o.props.style||{}},c=this.props.disabled||o.props.disabled,b={...o.props,...r?{className:r}:{},...Object.keys(d).length?{style:d}:{},...c!==void 0?{disabled:c}:{}};return n.Children.count(o.props.children)>0?n.cloneElement(o,b,o.props.children):n.cloneElement(o,b)}}Me.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const ye=e=>{const o=n.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=n.createElement("li",{id:e.id,className:i.classNames("k-item",e.className,{"k-focus":e.focused}),tabIndex:-1,onClick:o,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},n.createElement("span",{tabIndex:-1,className:i.classNames("k-link k-menu-link",{"k-selected":e.dataItem.selected,"k-disabled":e.dataItem.disabled}),key:"icon"},t?n.createElement(t,{item:e.dataItem,itemIndex:e.index}):n.createElement(n.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass)&&n.createElement(i.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&n.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),a&&n.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};ye.displayName="KendoReactButtonItem";class ke extends n.Component{render(){return null}}ke.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};const Be=(e,o,t,a)=>{if(t)return e;const l=Math.min(a-1,Math.max(0,e));switch(o){case i.Keys.enter:case i.Keys.space:case i.Keys.esc:return-1;case i.Keys.up:case i.Keys.left:return l-1<0?a-1:l-1;case i.Keys.down:case i.Keys.right:return l+1>=a?0:l+1;case i.Keys.home:return 0;case i.Keys.end:return a-1;default:return e}};function Te(e){let o={horizontal:"left",vertical:"bottom"};return e&&(o.horizontal="right"),o}function Re(e){let o={horizontal:"left",vertical:"top"};return e&&(o.horizontal="right"),o}class ve extends n.Component{constructor(o){super(o),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.guid=i.guid(),this.skipFocus=!1,this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===i.Keys.down?(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0}),this.setOpen(!0)):this.opened&&t.keyCode===i.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}let l;if(t.keyCode===i.Keys.enter||t.keyCode===i.Keys.space){if(t.preventDefault(),this.dispatchClickEvent(t,a),a>=0){l={focusedIndex:this.opened?-1:0};const r=!this.opened;this.setOpen(r),r&&this.dispatchPopupEvent(t,r)}}else if(this.opened&&t.keyCode===i.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const r=Be(a,t.keyCode,t.altKey,this.buttonsData.length);r!==a&&(l=l||{},l.focusedIndex=r);const d=t.keyCode===i.Keys.up||t.keyCode===i.Keys.down||t.keyCode===i.Keys.left||t.keyCode===i.Keys.right;!t.altKey&&(d||t.keyCode===i.Keys.home||t.keyCode===i.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||(i.dispatchEvent(this.props.onFocus,t,this,void 0),this.setState({focused:!0}))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,a)=>{this.opened&&(this.setState({focusedIndex:0}),this.setOpen(!1)),this.dispatchClickEvent(t,a)},this.onBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),i.dispatchEvent(this.props.onBlur,t,this,void 0))},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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;a&&this.dispatchPopupEvent(t,a),this.setState({focusedIndex:a?0:-1,focused:!0}),this.setOpen(a)}},this.onDownSplitPart=t=>{t.preventDefault();const a=i.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onItemDown=t=>{i.getActiveElement(document)===this.list&&t.preventDefault()},this.dispatchPopupEvent=(t,a)=>{i.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},i.validatePackage(S)}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||n.Children.toArray(this.props.children).filter(c=>c&&c.type===ke).map(c=>c.props);const o=this.isRtl(),t=o?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:d}=this.props;return n.createElement("div",{id:a,style:l,className:i.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${i.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},n.createElement(_,{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:d||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":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),n.createElement(_,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:Se.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(o))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(o,t){this.isItemDisabled(t)||(t===-1?i.dispatchEvent(this.props.onButtonClick,o,this,void 0):i.dispatchEvent(this.props.onItemClick,o,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(o){const{popupSettings:t={}}=this.props,{focusedIndex:a}=this.state;return n.createElement(ge.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:i.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Te(o),popupAlign:t.popupAlign||Re(o),style:o?{direction:"rtl"}:void 0,onClose:this.onPopupClose},n.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:i.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${i.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:o,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>n.createElement(ye,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:o,key:r,index:r,id:`${this.guid}-${r}`})):null}isItemDisabled(o){return this.buttonsData[o]?this.buttonsData[o].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}}ve.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:i.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};ve.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};class Ce extends n.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};class Ie extends n.Component{constructor(o){super(o),this.state={opened:!1,focused:!1,focusedIndex:-1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.guid=i.guid(),this.buttonsData=[],this.onKeyDown=t=>{const{focusedIndex:a}=this.state;if(t.altKey){!this.opened&&t.keyCode===i.Keys.down?(this.setOpen(!0),this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:0})):this.opened&&t.keyCode===i.Keys.up&&(this.setState({focusedIndex:-1}),this.setOpen(!1));return}const l={...this.state};if(t.keyCode===i.Keys.enter||t.keyCode===i.Keys.space){a>=0&&this.dispatchClickEvent(t,a),t.preventDefault();const r=!this.opened;this.setOpen(r),r&&(this.dispatchPopupEvent(t,!0),this.setState({focusedIndex:this.opened?-1:0}));return}else if(this.opened&&t.keyCode===i.Keys.esc){this.setState({focusedIndex:-1}),this.setOpen(!1);return}if(this.opened){const r=Be(a,t.keyCode,t.altKey,this.buttonsData.length);l.focusedIndex=r;const d=t.keyCode===i.Keys.up||t.keyCode===i.Keys.down||t.keyCode===i.Keys.left||t.keyCode===i.Keys.right;!t.altKey&&(d||t.keyCode===i.Keys.home||t.keyCode===i.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}),i.dispatchEvent(this.props.onFocus,t,this,void 0))},this.handleBlur=t=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),this.setOpen(!1),i.dispatchEvent(this.props.onBlur,t,this,void 0))},this.setOpen=t=>{this.openedDuringOnChange=t,this.setState({opened:t})},this.onItemClick=(t,a)=>{this.setState({focusedIndex:-1}),this.setOpen(!1),this.dispatchClickEvent(t,a)},this.onItemDown=t=>{i.getActiveElement(document)===this.list&&t.preventDefault()},this.mouseDown=t=>{t.preventDefault();const a=i.getActiveElement(document);this.element&&a!==this.element&&a!==this.list&&this.element.focus()},this.onPopupClose=()=>{this.state.focused&&this.switchFocus(()=>{this.element&&(this.element.removeAttribute("tabindex"),this.element.focus({preventScroll:!0}))}),this.dispatchPopupEvent({},!1)},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),a&&this.dispatchPopupEvent(t,a)},this.dispatchPopupEvent=(t,a)=>{i.dispatchEvent(a?this.props.onOpen:this.props.onClose,t,this,void 0),this.openedDuringOnChange=void 0},i.validatePackage(S)}get opened(){return this.openedDuringOnChange!==void 0?this.openedDuringOnChange:this.props.opened===void 0?this.state.opened:this.props.opened}render(){const o=this.isRtl(),t=o?"rtl":void 0,{id:a,style:l,tabIndex:r,disabled:d}=this.props;return this.buttonsData=this.props.items||n.Children.toArray(this.props.children).filter(c=>c&&c.type===Ce).map(c=>c.props),n.createElement("div",{id:a,style:l,className:i.classNames("k-dropdown-button",{"k-focus":this.state.focused},this.props.className),onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,dir:t,ref:c=>this.wrapper=c},n.createElement(_,{size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,disabled:d||void 0,tabIndex:r,accessKey:this.props.accessKey,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,className:this.props.buttonClass,imageUrl:this.props.imageUrl,dir:t,ref:c=>this.mainButton=c&&c.element,type:"button","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),this.renderPopup(o))}componentDidMount(){(this.props.dir===void 0&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(o,t){this.isItemDisabled(t)||i.dispatchEvent(this.props.onItemClick,o,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(o){const{popupSettings:t={}}=this.props,{focusedIndex:a}=this.state;return n.createElement(ge.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:i.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||Te(o),popupAlign:t.popupAlign||Re(o),style:o?{direction:"rtl"}:void 0,onClose:this.onPopupClose},n.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,"aria-activedescendant":a>=0?`${this.guid}-${a}`:void 0,ref:this.listRef,className:i.classNames("k-group k-menu-group k-reset",{[`k-menu-group-${i.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:o,itemRender:t,textField:a}=this.props;return this.buttonsData.length>0?this.buttonsData.map((l,r)=>n.createElement(ye,{className:"k-menu-item",dataItem:l,textField:a,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:o,index:r,key:r,id:`${this.guid}-${r}`})):null}isItemDisabled(o){return this.buttonsData[o]?this.buttonsData[o].disabled:this.props.disabled}isRtl(){return this.props.dir!==void 0?this.props.dir==="rtl":!!this.wrapper&&getComputedStyle(this.wrapper).direction==="rtl"}}Ie.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:i.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};Ie.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};const be=class extends n.Component{constructor(e){super(e),this._element=null,this.offsetHeight=0,this.offsetWidth=0,this.buttons=[],this.focusedSelector=this.selectors.map(o=>o+":focus").join(","),this.setTabIndex=o=>{const{tabIndex:t=be.defaultProps.tabIndex}=this.props;this.buttons.forEach((a,l)=>{a.tabIndex=l===o?t:-1})},this.onKeyDown=o=>{const t=o.target;if(!(o.keyCode===i.Keys.left||o.keyCode===i.Keys.right)||o.defaultPrevented||this.buttons.findIndex(r=>r===t)===-1)return;const l=this.focusedIndex;o.keyCode===i.Keys.left?this.focusButton(l,l-1):this.focusButton(l,l+1)},this.onWindowResize=o=>{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:o})}},i.validatePackage(S)}get selectors(){return this.props.buttons||ze}get focusedIndex(){const e=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(o=>o===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 n.createElement("div",{id:this.props.id,"aria-label":this.props.ariaLabel,className:i.classNames("k-toolbar",{[`k-toolbar-${i.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,o){const{tabIndex:t=be.defaultProps.tabIndex}=this.props,a=this.buttons[o];if(a){a.tabIndex=t,a.focus();const l=this.buttons[e];l&&(l.tabIndex=-1)}}};let xe=be;xe.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"])};xe.defaultProps={tabIndex:0,size:"medium"};class Oe extends n.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return n.createElement("div",{id:this.props.id,className:i.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:o=>this._element=o},this.props.children)}}Oe.propTypes={className:s.string};class ot extends n.PureComponent{render(){return n.createElement("div",{className:i.classNames("k-separator",this.props.className)})}}const De=n.forwardRef((e,o)=>{const t=n.useRef(null),a=n.useRef(null);n.useImperativeHandle(a,()=>({element:t.current})),n.useImperativeHandle(o,()=>({element:t.current}));const l=n.useMemo(()=>i.classNames("k-spacer",e.className),[e.className]);return n.createElement("span",{ref:t,className:l})});De.displayName="KendoReactToolbarSpacer";De.propTypes={className:s.string};const Ae=re.createContext([null,e=>{}]),$e=re.createContext([null,e=>{}]),_e=re.createContext([null,e=>{}]);var X=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(X||{});const it=(e,o)=>{const t=o.items.findIndex(a=>a===e);switch(o.type){case"next":return t===o.items.length-1?e:o.items[t+1];case"prev":return t===0?e:o.items[t-1];case"current":return o.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,o)=>{switch(o.type){case"add":break;case"remove":return e.filter(t=>t[o.valueField]!==o.payload);case"reorder":break;default:return e}};var le=(e=>(e.toggle="toggle",e.remove="remove",e))(le||{});const lt=(e,o)=>{switch(o.selection){case"single":switch(o.type){case"toggle":{if(!Array.isArray(e)||e===null)return o.payload===e?null:o.payload;throw new Error("State cannot be an array in single selection")}case"remove":return o.payload===e?null:e;default:return e}case"multiple":switch(o.type){case"toggle":{if(Array.isArray(e))return e.some(t=>t===o.payload)?e.filter(t=>t!==o.payload):[...e,o.payload];if(e===null)return[o.payload];throw new Error("State cannot be non-array in multiple selection")}case"remove":return Array.isArray(e)?e.some(t=>t===o.payload)?e.filter(t=>t!==o.payload):[...e,o.payload]:e;default:return e}case"none":return null;default:return e}},M=n.forwardRef((e,o)=>{i.validatePackage(S);const t=n.useRef(null),a=n.useRef(null),l=i.useDir(a,e.dir);n.useImperativeHandle(t,()=>({element:a.current,props:e})),n.useImperativeHandle(o,()=>t.current);const[r,d]=n.useContext(Ae),[c,b]=n.useContext($e),[,v]=n.useContext(_e),u=n.useMemo(()=>e.selected||(Array.isArray(r)?r.some(p=>p===e.value):r===e.value),[e.selected,e.value,r]),I=n.useMemo(()=>c===e.value,[e.value,c]);n.useEffect(()=>{I&&a.current&&a.current.focus()},[I]);const E=n.useCallback(p=>{d({type:le.toggle,payload:e.value,event:p})},[d,e.value]),x=n.useCallback(p=>{e.removable&&(v({type:We.remove,payload:e.value,event:p}),b({type:X.reset,payload:e.value,event:p}),d({type:le.remove,payload:e.value,event:p}),e.onRemove&&e.onRemove.call(void 0,{target:t.current,syntheticEvent:p}))},[e.onRemove,e.value,e.removable,v,b,d]),w=n.useCallback(p=>{switch(p.keyCode){case i.Keys.left:b({type:X.prev,payload:e.value,event:p});break;case i.Keys.right:b({type:X.next,payload:e.value,event:p});break;case i.Keys.enter:d({type:le.toggle,payload:e.value,event:p});break;case i.Keys.delete:x(p);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:t.current,syntheticEvent:p})},[e.onKeyDown,e.value,b,d,x]),N=n.useCallback(p=>{b({payload:e.value,type:X.current,event:p}),e.onFocus&&e.onFocus.call(void 0,{target:t.current,syntheticEvent:p})},[e.onFocus,e.value,b]),C=n.useCallback(p=>{e.onBlur&&e.onBlur.call(void 0,{target:t.current,syntheticEvent:p})},[e.onBlur]),D=i.useMouse(e,t,{onClick:E});return n.createElement("div",{...D,role:e.role||"button",id:e.value,style:e.style,ref:a,dir:l,tabIndex:i.getTabIndex(e.tabIndex,e.disabled,void 0),className:i.classNames("k-chip",{"k-rtl":l==="rtl","k-disabled":e.disabled,"k-selected":u,"k-focus":I,[`k-chip-${i.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-rounded-${i.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:u,"aria-disabled":e.disabled,"aria-describedby":e.ariaDescribedBy,onFocus:N,onBlur:C,onKeyDown:w},u&&(e.selectedIcon||e.selectedSvgIcon)&&n.createElement(i.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?i.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&n.createElement(i.IconWrap,{className:"k-chip-icon",name:e.icon?i.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&n.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},n.createElement("span",{className:"k-avatar-image"},n.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),n.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&n.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),e.removable&&n.createElement("span",{className:"k-chip-actions"},n.createElement("span",{className:i.classNames("k-chip-action","k-chip-remove-action"),onClick:x},n.createElement(i.IconWrap,{name:e.removeIcon?i.toIconName(e.removeIcon):void 0,icon:e.removeSvgIcon||Se.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:i.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:i.svgIconPropType,selectedIcon:s.string,selectedIconSvg:i.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"};M.displayName="KendoReactChip";M.propTypes=rt;M.defaultProps=ct;const dt=(e,o,t)=>{const[a,l]=n.useState(e);return[a,d=>{const c=lt(o.state||a,{...d,...o});t&&t(c,d.event),l(c)}]},ut=e=>{const[o,t]=n.useState(null);return[o,l=>{const r=it(l.payload,{...l,...e});t(r)}]},ht=(e,o,t)=>{const[a,l]=n.useState(e);return[a,d=>{const c=at(o.state||a,{...d,...o});t&&t(c,d.event),l(c)}]},ce=n.forwardRef((e,o)=>{i.validatePackage(S);const t=n.useRef(null),a=n.useRef(null),l=i.useDir(a,e.dir),{chip:r,id:d,style:c,tabIndex:b,disabled:v,size:u,className:I,ariaDescribedBy:E,ariaLabelledBy:x,ariaLabel:w,selection:N=$.selection,value:C=$.defaultValue,defaultData:D=$.defaultData,valueField:p=$.valueField,textField:B=$.textField,onChange:F,onDataChange:K}=e,T=n.useMemo(()=>r||M,[r,M]);n.useImperativeHandle(t,()=>({element:a.current,props:e})),n.useImperativeHandle(o,()=>t.current);const z=n.useCallback((f,g)=>{F&&t.current&&F.call(void 0,{value:f,target:t.current,syntheticEvent:g})},[F]),[W,L]=dt(C,{selection:N,state:C},z),J=n.useCallback((f,g)=>{K&&t.current&&K.call(void 0,{value:f,target:t.current,syntheticEvent:g})},[K]),[H,Q]=ht(e.data||D,{state:e.data,valueField:p},J),U=n.useCallback((f,g)=>(f.push(g[p]),f),[p]),R=n.useMemo(()=>e.data||H,[e.data,H]),Y=n.useMemo(()=>C||W,[C,W]),ee=n.useMemo(()=>R.reduce(U,[]),[R,U]),j=n.useCallback(f=>i.getter(p)(f),[p]),y=n.useCallback(f=>i.getter(B)(f),[B]),[ue,he]=ut({items:ee}),te=i.useMouse(e,t);return n.createElement(Ae.Provider,{value:[Y,L]},n.createElement($e.Provider,{value:[ue,he]},n.createElement(_e.Provider,{value:[R,Q]},n.createElement("div",{ref:a,...te,role:"listbox",id:d,dir:l,style:c,tabIndex:i.getTabIndex(b,v,void 0),className:i.classNames("k-chip-list",{"k-rtl":l==="rtl","k-disabled":v,[`k-chip-list-${i.kendoThemeMaps.sizeMap[u]||u}`]:u},I),"aria-label":w,"aria-labelledby":x,"aria-describedby":E},R.map((f,g)=>n.createElement(T,{role:"option",dataItem:f,size:u,key:[j(f),g].join("-"),text:y(f),value:j(f),ariaLabel:f.ariaLabel,svgIcon:f.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:M,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};ce.displayName="KendoReactChipList";ce.propTypes=pt;ce.defaultProps=$;const de=n.forwardRef((e,o)=>{const{className:t,disabled:a,text:l,icon:r,style:d,id:c,focused:b,tabIndex:v,index:u,dataItem:I,item:E,svgIcon:x,onDown:w,onClick:N,...C}=e,D=n.useRef(null),p=n.useCallback(()=>{D.current&&D.current.focus()},[]),B=n.useCallback(()=>({element:D.current,focus:p}),[p]);n.useImperativeHandle(o,B);const F=n.useCallback(z=>{N&&u!==void 0&&!a&&N(z,u)},[N,u]),K=n.useMemo(()=>i.classNames("k-fab-item",{"k-focus":b,"k-disabled":a},t),[t,a,b]),T=E;return n.createElement("li",{ref:D,id:c,className:K,style:d,role:"menuitem",tabIndex:i.getTabIndex(v,a),"aria-disabled":a,"aria-label":`${l||""} floatingactionbutton item`,onClick:F,onMouseDown:w,onPointerDown:w,...C},T?n.createElement(T,{itemIndex:u,item:I}):n.createElement(n.Fragment,null,l&&n.createElement("span",{className:"k-fab-item-text"},l),r||x?n.createElement(i.IconWrap,{className:"k-fab-item-icon",name:r,icon:x}):null))});de.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:i.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any};de.displayName="KendoFloatingActionButtonItem";const Pe="16px",ae=e=>typeof e=="number"?e+"px":e,mt=(e,o)=>{const t={horizontal:o?"right":"left",vertical:"bottom"};return e.horizontal==="end"&&(t.horizontal=o?"left":"right"),t},ft=(e,o)=>{const t={horizontal:o?"right":"left",vertical:"top"};return e.horizontal==="end"&&(t.horizontal=o?"left":"right"),t},bt=(e,o)=>{const t=o==="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,o,t,a)=>{const l=o.horizontal,r=o.vertical;if(e.current){const d=t&&t.x!==void 0?ae(t.x):Pe,c=t&&t.x!==void 0?`calc(50% + ${ae(t.x)})`:"50%",b=t&&t.y!==void 0?ae(t.y):Pe,v=t&&t.y!==void 0?`calc(50% + ${ae(t.y)})`:"50%";e.current.style.setProperty(yt(o,a),l==="center"?c:d),e.current.style.setProperty(kt(o),r==="middle"?v: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,o)=>{const{horizontal:t}=e;return{end:o?"left":"right",center:"left",start:o?"right":"left"}[t||"end"]},kt=e=>({top:"top",middle:"top",bottom:"bottom"})[e.vertical||"bottom"],vt=2,Ct=100,Ee=n.forwardRef((e,o)=>{i.validatePackage(S);const{align:t=Z.align,alignOffset:a,className:l,disabled:r,icon:d,svgIcon:c,iconClass:b,id:v,items:u,item:I,text:E,positionMode:x=Z.positionMode,size:w=Z.size,style:N,rounded:C=Z.rounded,themeColor:D=Z.themeColor,overlayStyle:p,tabIndex:B,accessKey:F,popupSettings:K={},modal:T,onClick:z,onItemClick:W,onFocus:L,onBlur:J,onKeyDown:H,onOpen:Q,onClose:U,...R}=e,Y=i.useZIndexContext(),ee=Y?Y+vt:Ct,j=n.useRef(null),y=n.useRef(null),ue=n.useRef(null),he=n.useRef(null),te=n.useCallback(()=>{y.current&&y.current.focus()},[]),f=n.useCallback(()=>({element:y.current,focus:te}),[te]);n.useImperativeHandle(j,f),n.useImperativeHandle(o,()=>j.current);const[g,P]=n.useState(!1),[se,O]=n.useState(!1),[q,k]=n.useState(-1),Le=n.useMemo(()=>i.guid(),[]),pe=i.useDir(y,e.dir),V=pe==="rtl",ne=n.useMemo(()=>i.guid(),[]);n.useEffect(()=>{gt(y,t,a,V)},[y,t,a,V]),n.useEffect(()=>{se&&y&&y.current&&y.current.focus()},[se,y]);const A=n.useCallback((h,m)=>{u&&i.dispatchEvent(m?Q:U,h,f(),void 0)},[Q,U,u]),He=n.useCallback(h=>{!h.target||r||(!u&&z?i.dispatchEvent(z,h,f(),void 0):(P(!g),O(!0),k(g?-1:0),A(h,!g)))},[P,O,k,z,A,g,u,r]),Ue=n.useCallback(h=>{O(!0),k(g?0:-1),L&&i.dispatchEvent(L,h,f(),void 0)},[L,O,k]),je=n.useCallback(h=>{O(!1),P(!1),k(-1),i.dispatchEvent(J,h,f(),void 0),g&&A(h,!1)},[J,O,P,k,A]),qe=n.useCallback(h=>{h.preventDefault()},[]),me=n.useCallback((h,m)=>{u&&(u[m].disabled||i.dispatchEvent(W,h,f(),{itemProps:u[m],itemIndex:m}))},[W]),Ve=n.useCallback((h,m)=>{!h.target||!u||(k(m),P(!1),me(h,m),A(h,!1))},[k,P,me,A]),Ze=n.useCallback(h=>{i.getActiveElement(document)===y.current&&h.preventDefault()},[y]),Ge=n.useCallback(h=>{const m=q,fe=u?u.length-1:-1,oe=t.vertical==="bottom";switch(h.keyCode){case i.Keys.enter:case i.Keys.space:m>=0&&me(h,m),h.preventDefault(),P(!g),k(g?-1:0);break;case i.Keys.esc:h.preventDefault(),P(!1),k(-1);break;case i.Keys.home:h.preventDefault(),k(0);break;case i.Keys.end:h.preventDefault(),k(fe);break;case i.Keys.down:case i.Keys.right:h.preventDefault(),m<fe&&!oe&&k(m+1),m>0&&oe&&k(m-1);break;case i.Keys.up:case i.Keys.left:h.preventDefault(),m>0&&!oe&&k(m-1),m<fe&&oe&&k(m+1);break}i.dispatchEvent(H,h,f(),void 0)},[H,q,k,V,P]),Xe=n.useMemo(()=>i.classNames("k-fab k-fab-solid",{"k-fab-sm":w==="small","k-fab-md":w==="medium","k-fab-lg":w==="large","k-disabled":r,"k-pos-absolute":x==="absolute","k-pos-fixed":x==="fixed","k-focus":se,[`k-rounded-${i.kendoThemeMaps.roundedMap[C]||C}`]:C,[`k-fab-solid-${D}`]:D},`k-${t.vertical}-${t.horizontal}`,l),[D,w,C,r,x,t,se,l]),Je=u&&u.map((h,m)=>n.createElement(de,{...h,key:m,index:m,id:`${ne}-${m}`,disabled:r||h.disabled,focused:q===m,dataItem:h,item:I,className:i.classNames(h.className,bt(pe||"ltr",t.horizontal)),onClick:Ve,onDown:Ze})),we=!!((d||c)&&!E),Qe=y.current?y.current.offsetWidth:0,Ye=32,Ne=Qe/2-Ye/2;return n.createElement(i.ZIndexContext.Provider,{value:ee},n.createElement(n.Fragment,null,n.createElement("button",{ref:y,id:v||Le,role:u?"menubutton":"button",type:"button","aria-disabled":r,"aria-expanded":u?g:void 0,"aria-haspopup":!!u,"aria-label":`${E||""} floatingactionbutton`,"aria-owns":u?ne:void 0,"aria-activedescendant":q>=0&&u?`${ne}-${q}`:void 0,tabIndex:i.getTabIndex(B,r),accessKey:F,dir:pe,disabled:r,className:Xe,style:N,onClick:He,onMouseDown:qe,onFocus:Ue,onBlur:je,onKeyDown:Ge,...R},d||c?n.createElement(i.IconWrap,{className:"k-fab-icon",name:d,icon:c}):b?n.createElement("span",{role:"presentation",className:b}):null,E&&n.createElement("span",{className:"k-fab-text"},E)),T&&g&&n.createElement("div",{className:"k-overlay",style:{zIndex:ee,...p}}),n.createElement(ge.Popup,{ref:he,anchor:y.current,show:g,animate:K.animate,popupClass:i.classNames("k-popup-transparent k-fab-popup",K.popupClass),anchorAlign:K.anchorAlign||mt(t,V),popupAlign:K.popupAlign||ft(t,V),style:{boxShadow:"none"}},n.createElement("ul",{ref:ue,role:"menu","aria-labelledby":v,id:ne,className:i.classNames("k-fab-items",{"k-fab-items-bottom":t.vertical!=="bottom","k-fab-items-top":t.vertical==="bottom"}),style:{paddingLeft:we?Ne:void 0,paddingRight:we?Ne:void 0}},Je))))});Ee.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:i.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 Z={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};Ee.displayName="KendoFloatingActionButton";exports.Button=_;exports.ButtonGroup=Me;exports.Chip=M;exports.ChipList=ce;exports.DropDownButton=Ie;exports.DropDownButtonItem=Ce;exports.FloatingActionButton=Ee;exports.FloatingActionButtonItem=de;exports.SplitButton=ve;exports.SplitButtonItem=ke;exports.Toolbar=xe;exports.ToolbarItem=Oe;exports.ToolbarSeparator=ot;exports.ToolbarSpacer=De;exports.toolbarButtons=ze;
package/index.mjs CHANGED
@@ -12,7 +12,7 @@ const O = {
12
12
  name: "@progress/kendo-react-buttons",
13
13
  productName: "KendoReact",
14
14
  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
15
- publishDate: 1700686657,
15
+ publishDate: 1701259979,
16
16
  version: "",
17
17
  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
18
18
  };
@@ -1153,7 +1153,7 @@ const vt = (e, o) => {
1153
1153
  "div",
1154
1154
  {
1155
1155
  ...E,
1156
- role: e.role,
1156
+ role: e.role || "button",
1157
1157
  id: e.value,
1158
1158
  style: e.style,
1159
1159
  ref: i,
@@ -1173,7 +1173,7 @@ const vt = (e, o) => {
1173
1173
  },
1174
1174
  e.className
1175
1175
  ),
1176
- "aria-checked": u,
1176
+ "aria-pressed": e.role ? void 0 : u,
1177
1177
  "aria-disabled": e.disabled,
1178
1178
  "aria-describedby": e.ariaDescribedBy,
1179
1179
  onFocus: F,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-buttons",
3
- "version": "7.0.0-develop.6",
3
+ "version": "7.0.0-develop.8",
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",
@@ -16,8 +16,8 @@
16
16
  "sideEffects": false,
17
17
  "peerDependencies": {
18
18
  "@progress/kendo-licensing": "^1.3.0",
19
- "@progress/kendo-react-common": "7.0.0-develop.6",
20
- "@progress/kendo-react-popup": "7.0.0-develop.6",
19
+ "@progress/kendo-react-common": "7.0.0-develop.8",
20
+ "@progress/kendo-react-popup": "7.0.0-develop.8",
21
21
  "@progress/kendo-svg-icons": "^2.0.0",
22
22
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
23
23
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"