@progress/kendo-react-buttons 11.2.0-develop.2 → 11.2.0-develop.3

package/FloatingActionButton/FloatingActionButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ke=require("react"),n=require("prop-types"),o=require("@progress/kendo-react-common"),ye=require("./FloatingActionButtonItem.js"),K=require("./utils.js"),he=require("@progress/kendo-react-popup");function Ce(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=Ce(ke),ve=2,Ie=100,B=t.forwardRef((d,g)=>{const{align:r=C.align,alignOffset:k,className:M,disabled:f,icon:O,svgIcon:R,iconClass:q,id:$,items:a,item:Y,text:v,positionMode:w=C.positionMode,size:I=C.size,style:ee,rounded:E=C.rounded,themeColor:A=C.themeColor,overlayStyle:te,tabIndex:oe,accessKey:ne,popupSettings:D={},modal:se,onClick:F,onItemClick:j,onFocus:P,onBlur:_,onKeyDown:W,onOpen:Z,onClose:H,...ae}=d,L=o.useZIndexContext(),X=L?L+ve:Ie,U=t.useRef(null),i=t.useRef(null),le=t.useRef(null),ie=t.useRef(null),G=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:G}),[G]);t.useImperativeHandle(U,p),t.useImperativeHandle(g,()=>U.current);const[c,u]=t.useState(!1),[x,m]=t.useState(!1),[y,l]=t.useState(-1),re=o.useId()+"-button-id",S=o.useDir(i,d.dir),h=S==="rtl",N=o.useId()+"-list-id";t.useEffect(()=>{K.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{x&&i&&i.current&&i.current.focus()},[x,i]);const b=t.useCallback((e,s)=>{a&&o.dispatchEvent(s?Z:H,e,p(),void 0)},[Z,H,a]),J=t.useCallback(e=>{!e.target||f||(!a&&F?o.dispatchEvent(F,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,F,b,c,a,f]),ce=t.useCallback(e=>{m(!0),l(c?0:-1),P&&o.dispatchEvent(P,e,p(),void 0)},[P,m,l]),ue=t.useCallback(e=>{m(!1),u(!1),l(-1),o.dispatchEvent(_,e,p(),void 0),c&&b(e,!1)},[_,m,u,l,b]),de=t.useCallback(e=>{e.preventDefault()},[]),T=t.useCallback((e,s)=>{a&&(a[s].disabled||o.dispatchEvent(j,e,p(),{itemProps:a[s],itemIndex:s}))},[j]),fe=t.useCallback((e,s)=>{!e.target||!a||(l(s),u(!1),T(e,s),b(e,!1))},[l,u,T,b]),pe=t.useCallback(e=>{o.getActiveElement(document)===i.current&&e.preventDefault()},[i]),me=t.useCallback(e=>{const s=y,z=a?a.length:-1;if(e.altKey){!c&&e.keyCode===o.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===o.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case o.Keys.enter:case o.Keys.space:s>=0&&T(e,s),a||J(e),e.preventDefault(),u(!c),l(c?-1:0);break;case o.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case o.Keys.home:e.preventDefault(),l(0);break;case o.Keys.end:e.preventDefault(),l(z-1);break;case o.Keys.down:case o.Keys.right:e.preventDefault(),l(s+1>=z?0:s+1);break;case o.Keys.up:case o.Keys.left:e.preventDefault(),l(s-1<0?z-1:s-1);break}o.dispatchEvent(W,e,p(),void 0)},[W,y,l,h,u]),be=t.useMemo(()=>o.classNames("k-fab k-fab-solid",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":w==="absolute","k-pos-fixed":w==="fixed","k-focus":x,[`k-rounded-${o.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-fab-solid-${A}`]:A},`k-${r.vertical}-${r.horizontal}`,M),[A,I,E,f,w,r,x,M]),ge=a&&a.map((e,s)=>t.createElement(ye.FloatingActionButtonItem,{...e,key:s,index:s,id:`${N}-${s}`,disabled:f||e.disabled,focused:y===s,dataItem:e,item:Y,className:o.classNames(e.className,K.getTextDirectionClass(S||"ltr",r.horizontal)),onClick:fe,onDown:pe})),Q=!!((O||R)&&!v),V=(i.current?i.current.offsetWidth:0)/2-32/2;return t.createElement(o.ZIndexContext.Provider,{value:X},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:$||re,role:"button",type:"button","aria-disabled":f,"aria-expanded":a?c:void 0,"aria-haspopup":!!a,"aria-label":`${v||""} floatingactionbutton`,"aria-owns":a?N:void 0,"aria-activedescendant":y>=0&&a?`${N}-${y}`:void 0,tabIndex:o.getTabIndex(oe,f),accessKey:ne,dir:S,disabled:f,className:be,style:ee,onClick:J,onMouseDown:de,onFocus:ce,onBlur:ue,onKeyDown:me,...ae},O||R?t.createElement(o.IconWrap,{className:"k-fab-icon",name:O,icon:R}):q?t.createElement("span",{role:"presentation",className:q}):null,v&&t.createElement("span",{className:"k-fab-text"},v)),se&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:X,...te}}),t.createElement(he.Popup,{ref:ie,anchor:i.current,show:c,animate:D.animate,popupClass:o.classNames("k-popup-transparent k-fab-popup",D.popupClass),anchorAlign:D.anchorAlign||K.getAnchorAlign(r,h),popupAlign:D.popupAlign||K.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:le,role:"menu","aria-labelledby":$,id:N,className:o.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:Q?V:void 0,paddingRight:Q?V:void 0}},ge))))});B.propTypes={className:n.string,style:n.object,id:n.string,dir:n.string,tabIndex:n.number,accessKey:n.string,disabled:n.bool,icon:n.string,svgIcon:o.svgIconPropType,iconClass:n.string,text:n.string,alignOffset:n.shape({x:n.oneOfType([n.number,n.string]).isRequired,y:n.oneOfType([n.number,n.string]).isRequired}),align:n.shape({vertical:n.oneOf(["top","middle","bottom"]).isRequired,horizontal:n.oneOf(["start","center","end"]).isRequired}),positionMode:n.oneOf(["absolute","fixed"]),size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),themeColor:n.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:n.bool,overlayStyle:n.object};const C={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};B.displayName="KendoFloatingActionButton";exports.FloatingActionButton=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ye=require("react"),o=require("prop-types"),n=require("@progress/kendo-react-common"),he=require("./FloatingActionButtonItem.js"),O=require("./utils.js"),Ce=require("@progress/kendo-react-popup");function ve(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=ve(ye),Ie=2,Ee=100,M=t.forwardRef((d,g)=>{const{align:r=C.align,alignOffset:k,className:q,disabled:f,icon:R,svgIcon:w,iconClass:$,id:j,items:a,item:ee,text:v,positionMode:A=C.positionMode,size:I=C.size,style:te,rounded:E=C.rounded,themeColor:F=C.themeColor,overlayStyle:ne,tabIndex:oe,accessKey:se,popupSettings:D={},modal:ae,onClick:P,onItemClick:_,onFocus:S,onBlur:W,onKeyDown:Z,onOpen:H,onClose:L,...le}=d,X=n.useZIndexContext(),U=X?X+Ie:Ee,G=t.useRef(null),i=t.useRef(null),ie=t.useRef(null),re=t.useRef(null),J=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:J}),[J]);t.useImperativeHandle(G,p),t.useImperativeHandle(g,()=>G.current);const[c,u]=t.useState(!1),[x,m]=t.useState(!1),[y,l]=t.useState(-1),ce=n.useId()+"-button-id",T=n.useDir(i,d.dir),h=T==="rtl",N=n.useId()+"-list-id";t.useEffect(()=>{O.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{x&&i&&i.current&&i.current.focus()},[x,i]);const b=t.useCallback((e,s)=>{a&&n.dispatchEvent(s?H:L,e,p(),void 0)},[H,L,a]),Q=t.useCallback(e=>{!e.target||f||(!a&&P?n.dispatchEvent(P,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,P,b,c,a,f]),ue=t.useCallback(e=>{m(!0),l(c?0:-1),S&&n.dispatchEvent(S,e,p(),void 0)},[S,m,l]),de=t.useCallback(e=>{m(!1),u(!1),l(-1),n.dispatchEvent(W,e,p(),void 0),c&&b(e,!1)},[W,m,u,l,b]),fe=t.useCallback(e=>{e.preventDefault()},[]),z=t.useCallback((e,s)=>{a&&(a[s].disabled||n.dispatchEvent(_,e,p(),{itemProps:a[s],itemIndex:s}))},[_]),pe=t.useCallback((e,s)=>{!e.target||!a||(l(s),u(!1),z(e,s),b(e,!1))},[l,u,z,b]),me=t.useCallback(e=>{n.getActiveElement(document)===i.current&&e.preventDefault()},[i]),be=t.useCallback(e=>{const s=y,B=a?a.length:-1;if(e.altKey){!c&&e.keyCode===n.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===n.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case n.Keys.enter:case n.Keys.space:s>=0&&z(e,s),a||Q(e),e.preventDefault(),u(!c),l(c?-1:0);break;case n.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case n.Keys.home:e.preventDefault(),l(0);break;case n.Keys.end:e.preventDefault(),l(B-1);break;case n.Keys.down:case n.Keys.right:e.preventDefault(),l(s+1>=B?0:s+1);break;case n.Keys.up:case n.Keys.left:e.preventDefault(),l(s-1<0?B-1:s-1);break}n.dispatchEvent(Z,e,p(),void 0)},[Z,y,l,h,u]),ge=t.useMemo(()=>n.classNames("k-fab k-fab-solid",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":A==="absolute","k-pos-fixed":A==="fixed","k-focus":x,[`k-rounded-${n.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-fab-solid-${F}`]:F},`k-${r.vertical}-${r.horizontal}`,q),[F,I,E,f,A,r,x,q]),ke=a&&a.map((e,s)=>t.createElement(he.FloatingActionButtonItem,{...e,key:s,index:s,id:`${N}-${s}`,disabled:f||e.disabled,focused:y===s,dataItem:e,item:ee,className:n.classNames(e.className,O.getTextDirectionClass(T||"ltr",r.horizontal)),onClick:pe,onDown:me})),V=!!((R||w)&&!v),Y=(i.current?i.current.offsetWidth:0)/2-32/2;let K;return R||w?K=t.createElement(n.IconWrap,{className:"k-fab-icon",name:R,icon:w}):$?K=t.createElement("span",{role:"presentation",className:$}):K=null,t.createElement(n.ZIndexContext.Provider,{value:U},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:j||ce,role:"button",type:"button","aria-disabled":f,"aria-expanded":a?c:void 0,"aria-haspopup":!!a,"aria-label":`${v||""} floatingactionbutton`,"aria-owns":a?N:void 0,"aria-activedescendant":y>=0&&a?`${N}-${y}`:void 0,tabIndex:n.getTabIndex(oe,f),accessKey:se,dir:T,disabled:f,className:ge,style:te,onClick:Q,onMouseDown:fe,onFocus:ue,onBlur:de,onKeyDown:be,...le},K,v&&t.createElement("span",{className:"k-fab-text"},v)),ae&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:U,...ne}}),t.createElement(Ce.Popup,{ref:re,anchor:i.current,show:c,animate:D.animate,popupClass:n.classNames("k-popup-transparent k-fab-popup",D.popupClass),anchorAlign:D.anchorAlign||O.getAnchorAlign(r,h),popupAlign:D.popupAlign||O.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:ie,role:"menu","aria-labelledby":j,id:N,className:n.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:V?Y:void 0,paddingRight:V?Y:void 0}},ke))))});M.propTypes={className:o.string,style:o.object,id:o.string,dir:o.string,tabIndex:o.number,accessKey:o.string,disabled:o.bool,icon:o.string,svgIcon:n.svgIconPropType,iconClass:o.string,text:o.string,alignOffset:o.shape({x:o.oneOfType([o.number,o.string]).isRequired,y:o.oneOfType([o.number,o.string]).isRequired}),align:o.shape({vertical:o.oneOf(["top","middle","bottom"]).isRequired,horizontal:o.oneOf(["start","center","end"]).isRequired}),positionMode:o.oneOf(["absolute","fixed"]),size:o.oneOf([null,"small","medium","large"]),rounded:o.oneOf([null,"small","medium","large","full"]),themeColor:o.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:o.bool,overlayStyle:o.object};const C={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};M.displayName="KendoFloatingActionButton";exports.FloatingActionButton=M;

package/FloatingActionButton/FloatingActionButton.mjs

@@ -7,119 +7,119 @@
  */
 import * as t from "react";
 import o from "prop-types";
-import { useZIndexContext as Ce, useId as V, useDir as ye, dispatchEvent as b, getActiveElement as Ie, Keys as c, classNames as D, kendoThemeMaps as ve, ZIndexContext as Ee, getTabIndex as xe, IconWrap as De, svgIconPropType as Ne } from "@progress/kendo-react-common";
-import { FloatingActionButtonItem as we } from "./FloatingActionButtonItem.mjs";
-import { position as Re, getTextDirectionClass as Ae, getAnchorAlign as Fe, getPopupAlign as Oe } from "./utils.mjs";
-import { Popup as ze } from "@progress/kendo-react-popup";
-const Te = 2, Be = 100, Y = t.forwardRef(
-  (M, ee) => {
+import { useZIndexContext as ye, useId as Y, useDir as Ie, dispatchEvent as b, getActiveElement as ve, Keys as c, classNames as N, kendoThemeMaps as Ee, ZIndexContext as xe, getTabIndex as De, svgIconPropType as Ne, IconWrap as we } from "@progress/kendo-react-common";
+import { FloatingActionButtonItem as Re } from "./FloatingActionButtonItem.mjs";
+import { position as Ae, getTextDirectionClass as Fe, getAnchorAlign as Oe, getPopupAlign as ze } from "./utils.mjs";
+import { Popup as Te } from "@progress/kendo-react-popup";
+const Be = 2, Me = 100, ee = t.forwardRef(
+  (P, te) => {
     const {
       align: u = h.align,
-      alignOffset: P,
-      className: $,
+      alignOffset: $,
+      className: K,
       disabled: d,
-      icon: N,
-      svgIcon: w,
-      iconClass: K,
-      id: S,
+      icon: w,
+      svgIcon: R,
+      iconClass: S,
+      id: W,
       items: n,
-      item: te,
+      item: oe,
       text: C,
-      positionMode: R = h.positionMode,
+      positionMode: A = h.positionMode,
       size: y = h.size,
-      style: oe,
+      style: ae,
       rounded: I = h.rounded,
-      themeColor: A = h.themeColor,
-      overlayStyle: ae,
-      tabIndex: ne,
-      accessKey: se,
+      themeColor: F = h.themeColor,
+      overlayStyle: ne,
+      tabIndex: se,
+      accessKey: le,
       popupSettings: v = {},
-      modal: le,
-      onClick: F,
-      onItemClick: W,
-      onFocus: O,
-      onBlur: Z,
-      onKeyDown: q,
-      onOpen: _,
-      onClose: H,
-      ...ie
-    } = M, j = Ce(), L = j ? j + Te : Be, X = t.useRef(null), l = t.useRef(null), re = t.useRef(null), ce = t.useRef(null), U = t.useCallback(() => {
+      modal: ie,
+      onClick: O,
+      onItemClick: Z,
+      onFocus: z,
+      onBlur: q,
+      onKeyDown: _,
+      onOpen: H,
+      onClose: j,
+      ...re
+    } = P, L = ye(), X = L ? L + Be : Me, U = t.useRef(null), l = t.useRef(null), ce = t.useRef(null), ue = t.useRef(null), G = t.useCallback(() => {
       l.current && l.current.focus();
     }, []), f = t.useCallback(
       () => ({
         element: l.current,
-        focus: U
+        focus: G
       }),
-      [U]
+      [G]
     );
-    t.useImperativeHandle(X, f), t.useImperativeHandle(
-      ee,
-      () => X.current
+    t.useImperativeHandle(U, f), t.useImperativeHandle(
+      te,
+      () => U.current
     );
-    const [i, r] = t.useState(!1), [E, p] = t.useState(!1), [g, s] = t.useState(-1), ue = V() + "-button-id", z = ye(l, M.dir), k = z === "rtl", x = V() + "-list-id";
+    const [i, r] = t.useState(!1), [E, p] = t.useState(!1), [g, s] = t.useState(-1), de = Y() + "-button-id", T = Ie(l, P.dir), k = T === "rtl", x = Y() + "-list-id";
     t.useEffect(() => {
-      Re(l, u, P, k);
-    }, [l, u, P, k]), t.useEffect(() => {
+      Ae(l, u, $, k);
+    }, [l, u, $, k]), t.useEffect(() => {
       E && l && l.current && l.current.focus();
     }, [E, l]);
     const m = t.useCallback(
       (e, a) => {
-        n && b(a ? _ : H, e, f(), void 0);
+        n && b(a ? H : j, e, f(), void 0);
       },
-      [_, H, n]
-    ), G = t.useCallback(
+      [H, j, n]
+    ), J = t.useCallback(
       (e) => {
-        !e.target || d || (!n && F ? b(
-          F,
+        !e.target || d || (!n && O ? b(
+          O,
           e,
           f(),
           void 0
         ) : (r(!i), p(!0), s(i ? -1 : 0), m(e, !i)));
       },
-      [r, p, s, F, m, i, n, d]
-    ), de = t.useCallback(
+      [r, p, s, O, m, i, n, d]
+    ), fe = t.useCallback(
       (e) => {
-        p(!0), s(i ? 0 : -1), O && b(
-          O,
+        p(!0), s(i ? 0 : -1), z && b(
+          z,
           e,
           f(),
           void 0
         );
       },
-      [O, p, s]
-    ), fe = t.useCallback(
+      [z, p, s]
+    ), pe = t.useCallback(
       (e) => {
         p(!1), r(!1), s(-1), b(
-          Z,
+          q,
           e,
           f(),
           void 0
         ), i && m(e, !1);
       },
-      [Z, p, r, s, m]
-    ), pe = t.useCallback((e) => {
+      [q, p, r, s, m]
+    ), me = t.useCallback((e) => {
       e.preventDefault();
-    }, []), T = t.useCallback(
+    }, []), B = t.useCallback(
       (e, a) => {
-        n && (n[a].disabled || b(W, e, f(), {
+        n && (n[a].disabled || b(Z, e, f(), {
           itemProps: n[a],
           itemIndex: a
         }));
       },
-      [W]
-    ), me = t.useCallback(
+      [Z]
+    ), be = t.useCallback(
       (e, a) => {
-        !e.target || !n || (s(a), r(!1), T(e, a), m(e, !1));
+        !e.target || !n || (s(a), r(!1), B(e, a), m(e, !1));
       },
-      [s, r, T, m]
-    ), be = t.useCallback(
+      [s, r, B, m]
+    ), ge = t.useCallback(
       (e) => {
-        Ie(document) === l.current && e.preventDefault();
+        ve(document) === l.current && e.preventDefault();
       },
       [l]
-    ), ge = t.useCallback(
+    ), ke = t.useCallback(
       (e) => {
-        const a = g, B = n ? n.length : -1;
+        const a = g, M = n ? n.length : -1;
         if (e.altKey) {
           !i && e.keyCode === c.down && (e.preventDefault(), r(!0), s(0)), i && e.keyCode === c.up && (e.preventDefault(), r(!1), s(-1));
           return;
@@ -127,7 +127,7 @@ const Te = 2, Be = 100, Y = t.forwardRef(
         switch (e.keyCode) {
           case c.enter:
           case c.space:
-            a >= 0 && T(e, a), n || G(e), e.preventDefault(), r(!i), s(i ? -1 : 0);
+            a >= 0 && B(e, a), n || J(e), e.preventDefault(), r(!i), s(i ? -1 : 0);
             break;
           case c.esc:
             e.preventDefault(), r(!1), s(-1);
@@ -136,45 +136,45 @@ const Te = 2, Be = 100, Y = t.forwardRef(
             e.preventDefault(), s(0);
             break;
           case c.end:
-            e.preventDefault(), s(B - 1);
+            e.preventDefault(), s(M - 1);
             break;
           case c.down:
           case c.right:
-            e.preventDefault(), s(a + 1 >= B ? 0 : a + 1);
+            e.preventDefault(), s(a + 1 >= M ? 0 : a + 1);
             break;
           case c.up:
           case c.left:
-            e.preventDefault(), s(a - 1 < 0 ? B - 1 : a - 1);
+            e.preventDefault(), s(a - 1 < 0 ? M - 1 : a - 1);
             break;
         }
         b(
-          q,
+          _,
           e,
           f(),
           void 0
         );
       },
-      [q, g, s, k, r]
-    ), ke = t.useMemo(
-      () => D(
+      [_, g, s, k, r]
+    ), he = t.useMemo(
+      () => N(
         "k-fab k-fab-solid",
         {
           "k-fab-sm": y === "small",
           "k-fab-md": y === "medium",
           "k-fab-lg": y === "large",
           "k-disabled": d,
-          "k-pos-absolute": R === "absolute",
-          "k-pos-fixed": R === "fixed",
+          "k-pos-absolute": A === "absolute",
+          "k-pos-fixed": A === "fixed",
           "k-focus": E,
-          [`k-rounded-${ve.roundedMap[I] || I}`]: I,
-          [`k-fab-solid-${A}`]: A
+          [`k-rounded-${Ee.roundedMap[I] || I}`]: I,
+          [`k-fab-solid-${F}`]: F
         },
         `k-${u.vertical}-${u.horizontal}`,
-        $
+        K
       ),
-      [A, y, I, d, R, u, E, $]
-    ), he = n && n.map((e, a) => /* @__PURE__ */ t.createElement(
-      we,
+      [F, y, I, d, A, u, E, K]
+    ), Ce = n && n.map((e, a) => /* @__PURE__ */ t.createElement(
+      Re,
       {
         ...e,
         key: a,
@@ -183,17 +183,18 @@ const Te = 2, Be = 100, Y = t.forwardRef(
         disabled: d || e.disabled,
         focused: g === a,
         dataItem: e,
-        item: te,
-        className: D(e.className, Ae(z || "ltr", u.horizontal)),
-        onClick: me,
-        onDown: be
+        item: oe,
+        className: N(e.className, Fe(T || "ltr", u.horizontal)),
+        onClick: be,
+        onDown: ge
       }
-    )), J = !!((N || w) && !C), Q = (l.current ? l.current.offsetWidth : 0) / 2 - 32 / 2;
-    return /* @__PURE__ */ t.createElement(Ee.Provider, { value: L }, /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    )), Q = !!((w || R) && !C), V = (l.current ? l.current.offsetWidth : 0) / 2 - 32 / 2;
+    let D;
+    return w || R ? D = /* @__PURE__ */ t.createElement(we, { className: "k-fab-icon", name: w, icon: R }) : S ? D = /* @__PURE__ */ t.createElement("span", { role: "presentation", className: S }) : D = null, /* @__PURE__ */ t.createElement(xe.Provider, { value: X }, /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
       "button",
       {
         ref: l,
-        id: S || ue,
+        id: W || de,
         role: "button",
         type: "button",
         "aria-disabled": d,
@@ -202,64 +203,64 @@ const Te = 2, Be = 100, Y = t.forwardRef(
         "aria-label": `${C || ""} floatingactionbutton`,
         "aria-owns": n ? x : void 0,
         "aria-activedescendant": g >= 0 && n ? `${x}-${g}` : void 0,
-        tabIndex: xe(ne, d),
-        accessKey: se,
-        dir: z,
+        tabIndex: De(se, d),
+        accessKey: le,
+        dir: T,
         disabled: d,
-        className: ke,
-        style: oe,
-        onClick: G,
-        onMouseDown: pe,
-        onFocus: de,
-        onBlur: fe,
-        onKeyDown: ge,
-        ...ie
+        className: he,
+        style: ae,
+        onClick: J,
+        onMouseDown: me,
+        onFocus: fe,
+        onBlur: pe,
+        onKeyDown: ke,
+        ...re
       },
-      N || w ? /* @__PURE__ */ t.createElement(De, { className: "k-fab-icon", name: N, icon: w }) : K ? /* @__PURE__ */ t.createElement("span", { role: "presentation", className: K }) : null,
+      D,
       C && /* @__PURE__ */ t.createElement("span", { className: "k-fab-text" }, C)
-    ), le && i && /* @__PURE__ */ t.createElement(
+    ), ie && i && /* @__PURE__ */ t.createElement(
       "div",
       {
         className: "k-overlay",
         style: {
-          zIndex: L,
-          ...ae
+          zIndex: X,
+          ...ne
         }
       }
     ), /* @__PURE__ */ t.createElement(
-      ze,
+      Te,
       {
-        ref: ce,
+        ref: ue,
         anchor: l.current,
         show: i,
         animate: v.animate,
-        popupClass: D("k-popup-transparent k-fab-popup", v.popupClass),
-        anchorAlign: v.anchorAlign || Fe(u, k),
-        popupAlign: v.popupAlign || Oe(u, k),
+        popupClass: N("k-popup-transparent k-fab-popup", v.popupClass),
+        anchorAlign: v.anchorAlign || Oe(u, k),
+        popupAlign: v.popupAlign || ze(u, k),
         style: { boxShadow: "none" }
       },
       /* @__PURE__ */ t.createElement(
         "ul",
         {
-          ref: re,
+          ref: ce,
           role: "menu",
-          "aria-labelledby": S,
+          "aria-labelledby": W,
           id: x,
-          className: D("k-fab-items", {
+          className: N("k-fab-items", {
             "k-fab-items-bottom": u.vertical !== "bottom",
             "k-fab-items-top": u.vertical === "bottom"
           }),
           style: {
-            paddingLeft: J ? Q : void 0,
-            paddingRight: J ? Q : void 0
+            paddingLeft: Q ? V : void 0,
+            paddingRight: Q ? V : void 0
           }
         },
-        he
+        Ce
       )
     )));
   }
 );
-Y.propTypes = {
+ee.propTypes = {
   className: o.string,
   style: o.object,
   id: o.string,
@@ -305,7 +306,7 @@ const h = {
   themeColor: "primary",
   positionMode: "fixed"
 };
-Y.displayName = "KendoFloatingActionButton";
+ee.displayName = "KendoFloatingActionButton";
 export {
-  Y as FloatingActionButton
+  ee as FloatingActionButton
 };

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

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-popup","@progress/kendo-svg-icons","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactButtons={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactPopup,e.KendoSvgIcons,e.KendoReactIntl)}(this,(function(e,t,s,n,o,r,a){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var l=i(t);const c=l.forwardRef(((e,t)=>{const{children:s,togglable:o,dir:r,disabled:a,selected:i,icon:c,iconClass:u,svgIcon:p,imageUrl:m,imageAlt:h,className:f,startIcon:v,endIcon:b,onClick:g,size:y=d.size,rounded:k=d.rounded,fillMode:C=d.fillMode,themeColor:I=d.themeColor,...x}=e,E=l.useRef(void 0),w=l.useRef(null),[D,N]=l.useState(!0===o&&!0===i),B=void 0!==p||void 0!==c||void 0!==u||void 0!==m,S=void 0!==s,K=n.useUnstyled(),R=e.unstyled||K,O=R&&R.uButton;l.useImperativeHandle(t,(()=>({element:w.current,selected:void 0!==E.current?E.current:D}))),l.useMemo((()=>{o&&void 0!==i&&i!==D&&N(i)}),[o,i]),l.useEffect((()=>{E.current=void 0}),[D]);const M=function({imageUrl:e,name:t,iconClass:s,svgIcon:o,imageAlt:r,buttonClasses:a}){return e?l.createElement("img",{role:"presentation",className:n.classNames(n.uButton.icon({c:a})),alt:r,src:e}):t||o?l.createElement(n.IconWrap,{className:n.classNames(n.uButton.icon({c:a})),name:t,icon:o}):s?l.createElement("span",{role:"presentation",className:n.classNames(n.uButton.icon({c:a}),s)}):null}({name:c,svgIcon:p,iconClass:u,imageUrl:m,imageAlt:h,buttonClasses:O}),z=e=>l.cloneElement(e,{className:n.classNames(n.uButton.icon({c:O}),e.props.className)});return l.createElement("button",{ref:w,"aria-pressed":o?D:void 0,...x,dir:r,disabled:a,onClick:e=>{o&&void 0===i&&(E.current=!D,N(!D)),g&&g.call(void 0,e)},className:n.classNames(n.uButton.wrapper({c:O,isRtl:"rtl"===r,selected:D,disabled:a,size:y,fillMode:C,rounded:k,themeColor:I,iconButton:!S&&B}),f)},v&&z(v),M,s&&l.createElement("span",{className:n.classNames(n.uButton.text({c:O}))},s),b&&z(b))})),d={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};c.displayName="KendoReactButton",c.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};const u=e=>{const{children:t,className:s,dir:o,disabled:r,width:a}=e,i=n.useUnstyled(),c=e.unstyled||i,d=c&&c.uButtonGroup,u=(e,t)=>{const s={...a?{width:a}:{},...e.props.style||{}},n=r||e.props.disabled,o={...e.props,...t?{className:t}:{},...Object.keys(s).length?{style:s}:{},...void 0!==n?{disabled:n}:{}};return l.Children.count(e.props.children)>0?l.cloneElement(e,o,e.props.children):l.cloneElement(e,o)},p=l.useRef(null),m=(e=>{const t=l.Children.count(e),s=void 0!==o?"rtl"===o:p.current&&"rtl"===getComputedStyle(p.current).direction||!1;return l.Children.map(e,((e,o)=>{if(l.isValidElement(e)){const r=o===t-1,a=s,i=n.classNames(e.props.className,n.uButtonGroup.position({c:d,start:a?r:0===o,end:a?0===o:r}));return u(e,i)}return e}))})(t),h=n.classNames(n.uButtonGroup.wrapper({c:d,stretched:!!a,disabled:r}),s),f={className:h,style:{width:`${a}`},dir:o,role:"group","aria-disabled":r};return l.createElement("div",{ref:p,...f,className:h},m)};u.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const p=e=>{const t=n.useUnstyled(),s=e.unstyled||t,o=s&&s.uDropDownButton,r=l.useCallback((t=>{e.onClick(t,e.index)}),[e]),a=e.dataItem.render||e.item||(void 0===e.item?e.render:null),i=void 0!==e.dataItem.text?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,c=l.createElement("li",{id:e.id,className:n.classNames(n.uDropDownButton.li({c:o,focused:e.focused}),e.className),tabIndex:-1,onClick:r,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},l.createElement("span",{tabIndex:-1,className:n.classNames(n.uDropDownButton.link({c:o,selected:e.dataItem.selected,disabled:e.dataItem.disabled})),key:"icon"},a?l.createElement(a,{item:e.dataItem,itemIndex:e.index}):l.createElement(l.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&l.createElement(n.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&l.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),i&&l.createElement("span",{className:"k-menu-link-text"},i))));return void 0!==e.item&&void 0!==e.render?e.render.call(void 0,c,e):c};p.displayName="KendoReactButtonItem";const m=class extends l.Component{render(){return null}};m.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};let h=m;const f=(e,t,s,o)=>{if(s)return e;const r=Math.min(o-1,Math.max(0,e));switch(t){case n.Keys.enter:case n.Keys.space:case n.Keys.esc:return-1;case n.Keys.up:case n.Keys.left:return r-1<0?o-1:r-1;case n.Keys.down:case n.Keys.right:return r+1>=o?0:r+1;case n.Keys.home:return 0;case n.Keys.end:return o-1;default:return e}};function v(e){const t={horizontal:"left",vertical:"bottom"};return e&&(t.horizontal="right"),t}function b(e){const t={horizontal:"left",vertical:"top"};return e&&(t.horizontal="right"),t}const g={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.2.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},y=class extends l.Component{constructor(e){super(e),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.showLicenseWatermark=!1,this.onKeyDown=e=>{const{focusedIndex:t}=this.state;if(e.altKey)return void(this.opened||e.keyCode!==n.Keys.down?this.opened&&e.keyCode===n.Keys.up&&(e.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,e)):(e.preventDefault(),this.setState({focusedIndex:0}),this.setOpen(!0,e)));let s;if(e.keyCode===n.Keys.enter||e.keyCode===n.Keys.space){if(e.preventDefault(),this.dispatchClickEvent(e,t),t>=0){s={focusedIndex:this.opened?-1:0};const t=!this.opened;this.setOpen(t,e)}}else if(this.opened&&e.keyCode===n.Keys.esc)return this.setState({focusedIndex:-1}),void this.setOpen(!1,e);if(this.opened){const o=f(t,e.keyCode,e.altKey,this.buttonsData.length);o!==t&&(s=s||{},s.focusedIndex=o);const r=e.keyCode===n.Keys.up||e.keyCode===n.Keys.down||e.keyCode===n.Keys.left||e.keyCode===n.Keys.right;!e.altKey&&(r||e.keyCode===n.Keys.home||e.keyCode===n.Keys.end)&&e.preventDefault()}s&&this.setState(s)},this.switchFocus=e=>{this.skipFocus=!0,e(),window.setTimeout((()=>this.skipFocus=!1),0)},this.onFocus=e=>{this.skipFocus||(n.dispatchEvent(this.props.onFocus,e,this,void 0),this.setState({focused:!0}))},this.setOpen=(e,t)=>{this.opened!==e&&(this.openedDuringOnChange=e,this.setState({opened:e}),t?this.dispatchPopupEvent(t,e):this.openedDuringOnChange=void 0)},this.onItemClick=(e,t)=>{this.opened&&this.setState({focusedIndex:0}),this.dispatchClickEvent(e,t),this.setOpen(!1,e)},this.onBlur=e=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,e,this,void 0),setTimeout((()=>{this.setOpen(!1,e)}),0))},this.onPopupClose=e=>{var t;const s=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(s===this.list||null!=(t=this.list)&&t.contains(s))&&this.switchFocus((()=>{this.element&&this.element.focus({preventScroll:!0})})),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,e)},this.listRef=e=>{this.list=e,e&&this.state.focused&&this.switchFocus((()=>{e.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)}))},this.onSplitPartClick=e=>{if(this.buttonsData.length){const t=!this.opened;this.setState({focusedIndex:t?0:-1,focused:!0}),this.setOpen(t,e)}},this.onDownSplitPart=e=>{e.preventDefault();const t=n.getActiveElement(document);this.element&&t!==this.element&&t!==this.list&&this.element.focus()},this.onItemDown=e=>{n.getActiveElement(document)===this.list&&e.preventDefault()},this.dispatchPopupEvent=(e,t)=>{n.dispatchEvent(t?this.props.onOpen:this.props.onClose,e,this,void 0),this.openedDuringOnChange=void 0},this.showLicenseWatermark=!n.validatePackage(g,{component:"SplitButton"})}get guid(){return this.props.id?this.props.id+"-accessibility-id":this.props.id}get opened(){return void 0!==this.openedDuringOnChange?this.openedDuringOnChange:void 0===this.props.opened?this.state.opened:this.props.opened}render(){this.buttonsData=this.props.items||l.Children.toArray(this.props.children).filter((e=>e&&e.type===h)).map((e=>e.props));const e=this.isRtl(),t=e?"rtl":void 0,{id:s,style:o,tabIndex:a,disabled:i}=this.props;return l.createElement(l.Fragment,null,l.createElement("div",{id:s,style:o,className:n.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${n.kendoThemeMaps.roundedMap[this.props.rounded||"medium"]}`,this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:t,ref:e=>{this.wrapper=e}},l.createElement(c,{ref:e=>{this.mainButton=e&&e.element},type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:e=>this.onItemClick(e,-1),disabled:i||void 0,tabIndex:a,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,startIcon:this.props.startIcon,endIcon:this.props.endIcon,imageUrl:this.props.imageUrl,dir:t,"aria-disabled":i,"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),l.createElement(c,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:r.caretAltDownIcon,className:"k-split-button-arrow",disabled:i||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:t,"aria-label":"menu toggling button"}),this.renderPopup(e)),this.showLicenseWatermark&&l.createElement(n.WatermarkOverlay,null))}componentDidMount(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(e,t){this.isItemDisabled(t)||(-1===t?n.dispatchEvent(this.props.onButtonClick,e,this,void 0):n.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(e){const{popupSettings:t={}}=this.props,{focusedIndex:s}=this.state;return l.createElement(o.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:n.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||v(e),popupAlign:t.popupAlign||b(e),style:e?{direction:"rtl"}:void 0,onClose:this.onPopupClose},l.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,ref:this.listRef,"aria-activedescendant":s>=0?`${this.guid}-${s}`:void 0,className:n.classNames("k-menu-group",{[`k-menu-group-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:e,itemRender:t,textField:s}=this.props;return this.buttonsData.length>0?this.buttonsData.map(((o,r)=>l.createElement(p,{className:n.classNames("k-menu-item",{"k-first":0===r},{"k-last":r===this.buttonsData.length-1}),dataItem:o,textField:s,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:e,key:r,index:r,id:`${this.guid}-${r}`}))):null}isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.props.disabled}isRtl(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.wrapper&&"rtl"===getComputedStyle(this.wrapper).direction}};y.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onButtonClick:s.func,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,text:s.string,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.any,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},y.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};let k=y;const C=class extends l.Component{render(){return null}};C.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,selected:s.bool,disabled:s.bool,render:s.any};let I=C;const x=class extends l.Component{constructor(e){super(e),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.showLicenseWatermark=!1,this.buttonsData=[],this.onKeyDown=e=>{const{focusedIndex:t}=this.state;if(e.altKey)return void(this.opened||e.keyCode!==n.Keys.down?this.opened&&e.keyCode===n.Keys.up&&(e.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,e)):(e.preventDefault(),this.setOpen(!0,e),this.setState({focusedIndex:0})));const s={...this.state};if(e.keyCode===n.Keys.enter||e.keyCode===n.Keys.space){e.preventDefault(),t>=0&&this.dispatchClickEvent(e,t);const s=!this.opened;return this.setState({focused:!0,focusedIndex:s?0:-1}),void this.setOpen(s,e)}if(this.opened&&e.keyCode===n.Keys.esc)return this.setState({focusedIndex:-1}),void this.setOpen(!1,e);if(this.opened){const o=f(t,e.keyCode,e.altKey,this.buttonsData.length);s.focusedIndex=o;const r=e.keyCode===n.Keys.up||e.keyCode===n.Keys.down||e.keyCode===n.Keys.left||e.keyCode===n.Keys.right;!e.altKey&&(r||e.keyCode===n.Keys.home||e.keyCode===n.Keys.end)&&e.preventDefault()}this.setState(s)},this.switchFocus=e=>{this.skipFocus=!0,e(),window.setTimeout((()=>this.skipFocus=!1),0)},this.handleFocus=e=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),n.dispatchEvent(this.props.onFocus,e,this,void 0))},this.handleButtonBlur=e=>{this.opened||(this.setState({focused:!1}),n.dispatchEvent(this.props.onBlur,e,this,void 0))},this.handleMenuBlur=e=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,e,this,void 0),setTimeout((()=>{this.setOpen(!1,e)}),0))},this.setOpen=(e,t)=>{this.opened!==e&&(this.openedDuringOnChange=e,this.setState({opened:e}),t?this.dispatchPopupEvent(t,e):this.openedDuringOnChange=void 0)},this.onItemClick=(e,t)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(e,t),this.setOpen(!1,e)},this.onItemDown=e=>{n.getActiveElement(document)===this.list&&e.preventDefault()},this.mouseDown=e=>{e.preventDefault();const t=n.getActiveElement(document);this.element&&t!==this.element&&t!==this.list&&this.element.focus()},this.onPopupClose=e=>{var t;const s=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(s===this.list||null!=(t=this.list)&&t.contains(s))&&this.switchFocus((()=>{this.element&&this.element.focus({preventScroll:!0})})),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,e)},this.listRef=e=>{this.list=e,e&&this.state.focused&&this.switchFocus((()=>{e.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)}))},this.onClickMainButton=e=>{if(!this.buttonsData.length)return;const t=!this.opened;this.setState({focused:!0,focusedIndex:t?0:-1}),this.setOpen(t,e)},this.dispatchPopupEvent=(e,t)=>{n.dispatchEvent(t?this.props.onOpen:this.props.onClose,e,this,void 0),this.openedDuringOnChange=void 0},this.showLicenseWatermark=!n.validatePackage(g,{component:"DropDownButton"})}get guid(){return this.props.id+"-accessibility-id"}get opened(){return void 0!==this.openedDuringOnChange?this.openedDuringOnChange:void 0===this.props.opened?this.state.opened:this.props.opened}render(){const e=this.isRtl(),t=this.props.unstyled&&this.props.unstyled.uDropDownButton,s=e?"rtl":void 0,{id:o,style:r,tabIndex:a,disabled:i,size:d,rounded:u,fillMode:p,themeColor:m,ariaLabel:h,title:f,accessKey:v,icon:b,svgIcon:g,iconClass:y,buttonClass:k,className:C,imageUrl:x,startIcon:E,endIcon:w}=this.props;return this.buttonsData=this.props.items||l.Children.toArray(this.props.children).filter((e=>e&&e.type===I)).map((e=>e.props)),l.createElement(l.Fragment,null,l.createElement(c,{id:o,size:d,style:r,rounded:u,fillMode:p,themeColor:m,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":i?"true":void 0,tabIndex:a,accessKey:v,icon:b,svgIcon:g,iconClass:y,className:n.classNames(k,C,n.uDropDownButton.wrapper({c:t,focused:this.state.focused,disabled:i})),imageUrl:x,dir:s,ref:e=>{this.mainButton=e&&e.element},type:"button","aria-expanded":this.opened?"true":"false","aria-label":h,"aria-controls":this.opened?this.guid:void 0,title:f,startIcon:E,endIcon:w},this.props.text),this.showLicenseWatermark&&l.createElement(n.WatermarkOverlay,null),this.renderPopup(e))}componentDidMount(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(e,t){this.isItemDisabled(t)||n.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(e){const{popupSettings:t={},_zIndex:s,unstyled:r}=this.props,a=s?s+2e3:12e3,i=r&&r.uDropDownButton,{focusedIndex:c}=this.state;return l.createElement(n.ZIndexContext.Provider,{value:a},l.createElement(o.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:n.classNames(n.uDropDownButton.popup({c:i}),t.popupClass),anchorAlign:t.anchorAlign||v(e),popupAlign:t.popupAlign||b(e),style:e?{direction:"rtl"}:void 0,onClose:this.onPopupClose},l.createElement("ul",{role:"list",id:this.guid,tabIndex:-1,"aria-activedescendant":c>=0?`${this.guid}-${c}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:n.classNames(n.uDropDownButton.ul({c:i,size:this.props.size}))},this.renderChildItems())))}renderChildItems(){const{item:e,itemRender:t,textField:s,unstyled:o}=this.props,r=o&&o.uDropDownButton;return this.buttonsData.length>0?this.buttonsData.map(((o,a)=>l.createElement(p,{className:n.classNames(n.uDropDownButton.item({c:r}),o.className,{"k-first":0===a},{"k-last":a===this.buttonsData.length-1}),dataItem:o,textField:s,focused:this.state.focusedIndex===a,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:e,index:a,key:a,id:`${this.guid}-${a}`}))):null}isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.props.disabled}isRtl(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.mainButton&&"rtl"===getComputedStyle(this.mainButton).direction}};x.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.func,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},x.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};let E=x;const w=n.createPropsContext(),D=n.withIdHOC(n.withPropsContext(w,n.withUnstyledHOC(n.withZIndexContext(E))));D.displayName="KendoReactDropDownButton";const N=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",B=["button"+N,".k-button-group > button"+N,".k-colorpicker",".k-dropdownlist"],S=e=>l.createElement("div",{ref:e._ref,className:n.classNames("k-toolbar-separator k-separator",e.className)}),K="prevArrow.title",R="nextArrow.title",O="moreButtonTitle.title",M={[K]:"Previous scroll button",[R]:"Next scroll button",[O]:"More button"},z=e=>{const t=a.useLocalization(),{disabled:s,type:o,scrollContentRef:i,buttonScrollSpeed:c,prevButton:d,nextButton:u}=e,p="prev"===o?d||"span":u||"span";return l.createElement(p,{className:n.classNames("k-button","k-button-md","k-button-solid","k-button-solid-base","k-rounded-md","k-icon-button",`k-toolbar-${o}`,{"k-disabled":s}),title:`${"prev"===o?t.toLanguageString(K,M[K]):t.toLanguageString(R,M[R])}`,"aria-hidden":!0,tabIndex:s?-1:void 0,onClick:e=>{i&&i.current&&c&&i.current.scrollBy({left:"next"===o?c:-c,behavior:"smooth"})}},l.createElement(n.SvgIcon,{icon:"prev"===o?r.caretAltLeftIcon:r.caretAltRightIcon,className:"k-button-icon"}))},F=e=>{const{scrollButtons:t,scrollButtonsPosition:s,isOverflowing:n,scrollContentRef:o,buttonScrollSpeed:r,dir:a,isScrollStartPosition:i,isScrollEndPosition:c,prevButton:d,nextButton:u,children:p}=e,m=(e,t)=>l.createElement(z,{type:e,disabled:t,scrollContentRef:o,buttonScrollSpeed:r,prevButton:d,nextButton:u}),h="visible"===t||"auto"===t&&n;return l.createElement(l.Fragment,null,h&&"split"===s&&l.createElement(l.Fragment,null,m("rtl"!==a?"prev":"next",i),l.createElement(S,{className:"k-toolbar-button-separator"})),h&&"start"===s&&l.createElement(l.Fragment,null,m("rtl"!==a?"prev":"next",i),m("rtl"!==a?"next":"prev",c),l.createElement(S,{className:"k-toolbar-button-separator"})),l.createElement("span",{className:"k-toolbar-items k-toolbar-items-scroll",ref:o},p),h&&"split"===s&&l.createElement(l.Fragment,null,l.createElement(S,{className:"k-toolbar-button-separator"}),m("rtl"!==a?"next":"prev",c)),h&&"end"===s&&l.createElement(l.Fragment,null,l.createElement(S,{className:"k-toolbar-button-separator"}),m("rtl"!==a?"prev":"next",i),m("rtl"!==a?"next":"prev",c)))},P=e=>{var t;const{toolbarRef:s,children:i,fillMode:d,size:u}=e,[p,m]=l.useState(!1),h=l.useRef(l.Children.toArray(i).filter((e=>l.isValidElement(e))).map(((e,t)=>l.cloneElement(e,{key:e.key||t})))),f=l.useRef([]),v=l.useRef(0),b=l.useRef(null),g=l.useRef(null),y=a.useLocalization(),[k,C]=l.useReducer((e=>e+1),0),I=()=>{if(!s.current)return;let e=0;const t=s.current.clientWidth,n=parseInt(window.getComputedStyle(s.current).gap||"0",10),o=Array.from(s.current.children).reduce(((e,t,s)=>e+=Math.ceil(t.clientWidth)),0),r=Array.from(s.current.children).length;if(e=o+r*n+2*n,e>t){const e=[...h.current],s=e.pop();v.current=t,h.current=e,s&&(f.current=[s,...f.current])}else if(t>v.current+n*r){const e=[...f.current],s=e.shift();f.current=e,s&&(h.current=[...h.current,s]),v.current=t}C()};l.useEffect((()=>{I();const e=new ResizeObserver(I),t=s.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[]);return l.createElement(l.Fragment,null,h.current.length>0&&h.current,f.current.length>0&&l.createElement(l.Fragment,null,l.createElement(S,{_ref:g,className:"k-toolbar-button-separator"}),l.createElement(c,{ref:b,className:"k-toolbar-overflow-button",fillMode:"flat",svgIcon:r.moreHorizontalIcon,title:y.toLanguageString(O,M[O]),onClick:()=>{m(!p)}}),l.createElement(o.Popup,{anchor:s.current,show:p,popupClass:"k-toolbar-popup",style:{width:null==(t=s.current)?void 0:t.offsetWidth}},l.createElement("span",{className:`k-toolbar-items-list k-toolbar-items-list-${n.kendoThemeMaps.sizeMap[u]} k-toolbar-items-list-${d}`},f.current.length>0&&f.current))))},A=l.forwardRef(((e,t)=>{const{children:s,className:o,id:r,ariaLabel:a,keyboardNavigation:i,role:c,onResize:d,style:u,tabIndex:p=T.tabIndex,size:m=T.size,fillMode:h=T.fillMode,overflow:f,scrollButtons:v=T.scrollButtons,scrollButtonsPosition:b=T.scrollButtonsPosition,buttonScrollSpeed:g=T.buttonScrollSpeed,prevButton:y,nextButton:k,_ariaControls:C}=e,I=l.useRef(!1),x=l.useRef(null),E=l.useRef(null),w=l.useRef(0),D=l.useRef(0),N=l.useRef([]),S=l.useRef({element:null,props:e}),[K,R]=l.useState(!1),[O,M]=l.useState(!0),[z,A]=l.useState(!1),$=n.useDir(x,e.dir),L=l.useMemo((()=>e.buttons||B),[e.buttons]),W=l.useMemo((()=>L.map((e=>e+":focus")).join(",")),[L]),H=()=>{const e=x.current&&x.current.querySelector(W);return Math.max(0,N.current.findIndex((t=>t===e)))};l.useImperativeHandle(S,(()=>({element:x.current,props:e}))),l.useImperativeHandle(t,(()=>S.current)),l.useEffect((()=>(window.addEventListener("resize",q),x.current&&(D.current=x.current.offsetWidth,w.current=x.current.offsetHeight,!1!==i&&(N.current=Array.from(x.current.querySelectorAll(L.join(","))),U(0))),()=>{window.removeEventListener("resize",q),N.current.length=0})),[]),l.useEffect((()=>{if(I.current){if(!x.current||!1===i)return;N.current=Array.from(x.current.querySelectorAll(L.join(","))),U(H()),V()}else I.current=!0}));const U=e=>{N.current.forEach(((t,s)=>{t.tabIndex=s===e?p:-1}))},j=(e,t)=>{const s=N.current[t];if(s){s.tabIndex=p,s.focus();const t=N.current[e];t&&(t.tabIndex=-1)}},q=e=>{if(!x.current)return;const t=x.current.offsetWidth,s=x.current.offsetHeight;if(D.current!==t||w.current!==s){D.current=t,w.current=s;const n={offsetWidth:D.current,offsetHeight:w.current};d&&d.call(void 0,{target:S.current,...n,nativeEvent:e})}V()},V=l.useCallback((()=>{const e=E.current;e&&R(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)}),[]),G=l.useCallback((()=>{const e=E.current;if(e){const t=0===e.scrollLeft,s="rtl"!==$?e.scrollLeft+e.clientWidth===e.scrollWidth:e.clientWidth-e.scrollLeft===e.scrollWidth;t&&M(!0),s&&A(!0),!t&&!s&&(M(!1),A(!1))}}),[$]);return l.useEffect((()=>{const e=E.current;if(e)return e.addEventListener("scroll",G),()=>{e.removeEventListener("scroll",G)}}),[G]),l.createElement("div",{id:r,"aria-label":a,"aria-controls":C,className:n.classNames("k-toolbar",{[`k-toolbar-${n.kendoThemeMaps.sizeMap[m]||m}`]:m,[`k-toolbar-${h}`]:h,"k-toolbar-scrollable":"scroll"===f,"k-toolbar-scrollable-overlay":"scroll"===f&&("hidden"===v||void 0===v),"k-toolbar-scrollable-start":"scroll"===f&&"hidden"===v&&O,"k-toolbar-scrollable-end":"scroll"===f&&"hidden"===v&&z,"k-toolbar-section":e.overflow&&"section"===f},o),style:u,role:void 0!==c?c||void 0:"toolbar",dir:$,ref:x,onKeyDown:!1!==i?e=>{const t=e.keyCode===n.Keys.left||e.keyCode===n.Keys.right||e.keyCode===n.Keys.home||e.keyCode===n.Keys.end,s=H();!t||e.defaultPrevented||-1===N.current.findIndex((t=>t===e.target))||(e.keyCode===n.Keys.left?j(s,0===s?N.current.length-1:s-1):j(s,s===N.current.length-1?0:s+1),e.keyCode===n.Keys.home&&j(s,0),e.keyCode===n.Keys.end&&j(s,N.current.length-1))}:void 0},"scroll"===f&&l.createElement(F,{scrollButtons:v,scrollButtonsPosition:b,prevButton:y,nextButton:k,isOverflowing:K,scrollContentRef:E,buttonScrollSpeed:g,dir:$,isScrollStartPosition:O,isScrollEndPosition:z,children:s}),"section"===f&&l.createElement(P,{toolbarRef:x,fillMode:h,size:m},s),("none"===f||void 0===f)&&s)})),T={tabIndex:0,size:"medium",fillMode:"solid",scrollButtons:"auto",scrollButtonsPosition:"split",buttonScrollSpeed:100};A.displayName="KendoReactToolbar",A.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.isRequired),size:s.oneOf([null,"small","medium","large"]),fillMode:s.oneOf([null,"solid","flat","outline"]),overflow:s.oneOf(["none","section","scroll"]),scrollButtons:s.oneOf(["hidden","visible","auto"]),scrollButtonsPosition:s.oneOf(["start","end","split"]),buttonScrollSpeed:s.number};const $=l.forwardRef(((e,t)=>{const{id:s,className:o,style:r,children:a}=e,i=l.useRef(null);return l.useImperativeHandle(t,(()=>({element:i.current}))),l.createElement("div",{id:s,className:n.classNames("k-toolbar-item",o),style:r,ref:i},a)}));$.displayName="KendoReactToolbarItem",$.propTypes={className:s.string};const L=l.forwardRef(((e,t)=>{const s=l.useRef(null),o=l.useRef(null);l.useImperativeHandle(o,(()=>({element:s.current}))),l.useImperativeHandle(t,(()=>({element:s.current})));const r=l.useMemo((()=>n.classNames("k-spacer",e.className)),[e.className]);return l.createElement("span",{ref:s,className:r})}));L.displayName="KendoReactToolbarSpacer",L.propTypes={className:s.string};const W=t.createContext([null,e=>{}]),H=t.createContext([null,e=>{}]),U=t.createContext([null,e=>{}]);var j=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(j||{});var q=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(q||{});var V=(e=>(e.toggle="toggle",e.remove="remove",e))(V||{});const G=l.forwardRef(((e,t)=>{const s=l.useRef(null),o=l.useRef(null),{disabled:a=_.disabled,fillMode:i=_.fillMode,themeColor:c=_.themeColor,size:d=_.size,rounded:u=_.rounded,dir:p=_.dir,removeIcon:m=_.removeIcon,removeSvgIcon:h=_.removeSvgIcon,removable:f=_.removable}=e,v=n.useDir(o,p);l.useImperativeHandle(s,(()=>({element:o.current,props:e}))),l.useImperativeHandle(t,(()=>s.current));const[b,g]=l.useContext(W),[y,k]=l.useContext(H),[,C]=l.useContext(U),I=l.useMemo((()=>e.selected||(Array.isArray(b)?b.some((t=>t===e.value)):b===e.value)),[e.selected,e.value,b]),x=l.useMemo((()=>y===e.value),[e.value,y]);l.useEffect((()=>{x&&o.current&&o.current.focus()}),[x]);const E=l.useCallback((t=>{g({type:V.toggle,payload:e.value,event:t})}),[g,e.value]),w=l.useCallback((t=>{f&&(C({type:q.remove,payload:e.value,event:t}),k({type:j.reset,payload:e.value,event:t}),g({type:V.remove,payload:e.value,event:t}),e.onRemove&&e.onRemove.call(void 0,{target:s.current,syntheticEvent:t}))}),[e.onRemove,e.value,f,C,k,g]),D=l.useCallback((t=>{switch(t.keyCode){case n.Keys.left:k({type:j.prev,payload:e.value,event:t});break;case n.Keys.right:k({type:j.next,payload:e.value,event:t});break;case n.Keys.enter:g({type:V.toggle,payload:e.value,event:t});break;case n.Keys.delete:w(t)}e.onKeyDown&&e.onKeyDown.call(void 0,{target:s.current,syntheticEvent:t})}),[e.onKeyDown,e.value,k,g,w]),N=l.useCallback((t=>{k({payload:e.value,type:j.current,event:t}),e.onFocus&&e.onFocus.call(void 0,{target:s.current,syntheticEvent:t})}),[e.onFocus,e.value,k]),B=l.useCallback((t=>{e.onBlur&&e.onBlur.call(void 0,{target:s.current,syntheticEvent:t})}),[e.onBlur]),S=n.useMouse(e,s,{onClick:E});return l.createElement("div",{...S,role:e.role||"button",id:e.value,style:e.style,ref:o,dir:v,tabIndex:n.getTabIndex(e.tabIndex,a,void 0),className:n.classNames("k-chip",{"k-rtl":"rtl"===v,"k-disabled":a,"k-selected":I,"k-focus":x,[`k-chip-${n.kendoThemeMaps.sizeMap[d]||d}`]:d,[`k-rounded-${n.kendoThemeMaps.roundedMap[u]||u}`]:u,[`k-chip-${i}`]:i,[`k-chip-${i}-${c}`]:!(!i||!c)},e.className),"aria-pressed":e.role?void 0:I,"aria-disabled":a,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":f?"Enter Delete":void 0,onFocus:N,onBlur:B,onKeyDown:D},I&&(e.selectedIcon||e.selectedSvgIcon)&&l.createElement(n.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?n.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&l.createElement(n.IconWrap,{className:"k-chip-icon",name:e.icon?n.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&l.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},l.createElement("span",{className:"k-avatar-image"},l.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),l.createElement("span",{className:"k-chip-content"},void 0!==e.children?e.children:e.text&&l.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),f&&l.createElement("span",{className:"k-chip-actions"},l.createElement("span",{className:n.classNames("k-chip-action","k-chip-remove-action"),onClick:w},l.createElement(n.IconWrap,{name:m?n.toIconName(m):void 0,icon:h||r.xCircleIcon,size:"small"}))))})),Z={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:n.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,selectedIcon:s.string,selectedIconSvg:n.svgIconPropType,onRemove:s.func,dataItem:s.any,selected:s.bool,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"outline","solid"]),themeColor:s.oneOf([null,"base","info","success","warning","error"])},_={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:r.xCircleIcon,dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};G.displayName="KendoReactChip",G.propTypes=Z;const J=(e,t,s)=>{"multiple"===t.selection?Array.isArray(e)||(e=e?[e]:null):"single"===t.selection&&Array.isArray(e)&&(e=e?e.join(""):null);const[n,o]=l.useState(e);return[n,e=>{const r=((e,t)=>{switch(t.selection){case"single":switch(t.type){case"toggle":if(!Array.isArray(e)||null===e)return t.payload===e?null:t.payload;throw new Error("State cannot be an array in single selection");case"remove":return t.payload===e?null:e;default:return e}case"multiple":switch(t.type){case"toggle":if(Array.isArray(e))return e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload];if(null===e)return[t.payload];throw new Error("State cannot be non-array in multiple selection");case"remove":return Array.isArray(e)?e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload]:e;default:return e}case"none":return null;default:return e}})(t.state||n,{...e,...t});s&&s(r,e.event),"none"!==t.selection&&o(r)}]},Q=l.forwardRef(((e,t)=>{const s=l.useRef(null),o=l.useRef(null),{id:r,style:a,tabIndex:i,className:c,ariaDescribedBy:d,ariaLabelledBy:u,ariaLabel:p,value:m,defaultData:h=Y.defaultData,chip:f=Y.chip,disabled:v=Y.disabled,size:b=Y.size,defaultValue:g=Y.defaultValue,selection:y=Y.selection,valueField:k=Y.valueField,textField:C=Y.textField,dir:I=Y.dir,onChange:x,onDataChange:E}=e,w=n.useDir(o,I),D=l.useMemo((()=>f||G),[f,G]);l.useImperativeHandle(s,(()=>({element:o.current,props:e}))),l.useImperativeHandle(t,(()=>s.current));const N=l.useCallback(((e,t)=>{x&&s.current&&x.call(void 0,{value:e,target:s.current,syntheticEvent:t})}),[x]),[B,S]=J(m||g,{selection:y,state:m},N),K=l.useCallback(((e,t)=>{E&&s.current&&E.call(void 0,{value:e,target:s.current,syntheticEvent:t})}),[E]),[R,O]=((e,t,s)=>{const[n,o]=l.useState(e);return[n,e=>{const r=((e,t)=>{switch(t.type){case"add":case"reorder":break;case"remove":return e.filter((e=>e[t.valueField]!==t.payload));default:return e}})(t.state||n,{...e,...t});s&&s(r,e.event),o(r)}]})(e.data||h,{state:e.data,valueField:k},K),M=l.useCallback(((e,t)=>(e.push(t[k]),e)),[k]),z=l.useMemo((()=>e.data||R),[e.data,R]),F=l.useMemo((()=>m||B),[m,B]),P=l.useMemo((()=>z.reduce(M,[])),[z,M]),A=l.useCallback((e=>n.getter(k)(e)),[k]),T=l.useCallback((e=>n.getter(C)(e)),[C]),[$,L]=(e=>{const[t,s]=l.useState(null);return[t,t=>{const n=((e,t)=>{const s=t.items.findIndex((t=>t===e));switch(t.type){case"next":return s===t.items.length-1?e:t.items[s+1];case"prev":return 0===s?e:t.items[s-1];case"current":return t.payload;case"reset":return null;default:return e}})(t.payload,{...t,...e});s(n)}]})({items:P}),j=n.useMouse(e,s);return l.createElement(W.Provider,{value:[F,S]},l.createElement(H.Provider,{value:[$,L]},l.createElement(U.Provider,{value:[z,O]},l.createElement("div",{ref:o,...j,role:v?void 0:"listbox",id:r,dir:w,style:a,tabIndex:n.getTabIndex(i,v,void 0),className:n.classNames("k-chip-list",{"k-rtl":"rtl"===w,"k-disabled":v,[`k-chip-list-${n.kendoThemeMaps.sizeMap[b]||b}`]:b},c),"aria-label":p,"aria-labelledby":u,"aria-describedby":d,"aria-orientation":"horizontal","aria-multiselectable":"multiple"===y},z.map(((e,t)=>l.createElement(D,{role:"option",dataItem:e,size:b,key:[A(e),t].join("-"),text:T(e),value:A(e),ariaLabel:e.ariaLabel,svgIcon:e.svgIcon||void 0})))))))})),X={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"])},Y={chip:G,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};Q.displayName="KendoReactChipList",Q.propTypes=X;const ee=l.forwardRef(((e,t)=>{const{className:s,disabled:o,text:r,icon:a,style:i,id:c,focused:d,tabIndex:u,index:p,dataItem:m,item:h,svgIcon:f,onDown:v,onClick:b,...g}=e,y=l.useRef(null),k=l.useCallback((()=>{y.current&&y.current.focus()}),[]),C=l.useCallback((()=>({element:y.current,focus:k})),[k]);l.useImperativeHandle(t,C);const I=l.useCallback((e=>{b&&void 0!==p&&!o&&b(e,p)}),[b,p]),x=l.useMemo((()=>n.classNames("k-fab-item",{"k-focus":d,"k-disabled":o},s)),[s,o,d]),E=h;return l.createElement("li",{ref:y,id:c,className:x,style:i,role:"menuitem",tabIndex:n.getTabIndex(u,o),"aria-disabled":o,"aria-label":`${r||""} floatingactionbutton item`,onClick:I,onMouseDown:v,onPointerDown:v,...g},E?l.createElement(E,{itemIndex:p,item:m}):l.createElement(l.Fragment,null,r&&l.createElement("span",{className:"k-fab-item-text"},r),a||f?l.createElement(n.IconWrap,{className:"k-fab-item-icon",name:a,icon:f}):null))}));ee.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:n.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any},ee.displayName="KendoFloatingActionButtonItem";const te="16px",se=e=>"number"==typeof e?e+"px":e,ne=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"bottom"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},oe=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"top"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},re=(e,t)=>({rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e]["end"===t?"end":"start"]),ae=(e,t,s,n)=>{const o=t.horizontal,r=t.vertical;if(e.current){const a=s&&void 0!==s.x?se(s.x):te,i=s&&void 0!==s.x?`calc(50% + ${se(s.x)})`:"50%",l=s&&void 0!==s.y?se(s.y):te,c=s&&void 0!==s.y?`calc(50% + ${se(s.y)})`:"50%";e.current.style.setProperty(ie(t,n),"center"===o?i:a),e.current.style.setProperty(le(t),"middle"===r?c:l),n&&(("top"===r||"bottom"===r)&&"start"===o&&e.current.style.setProperty("left","unset"),"middle"===r&&"end"===o&&e.current.style.setProperty("right","unset"),"middle"===r&&"start"===o&&e.current.style.setProperty("left","unset"))}},ie=(e,t)=>{const{horizontal:s}=e;return{end:t?"left":"right",center:"left",start:t?"right":"left"}[s||"end"]},le=e=>({top:"top",middle:"top",bottom:"bottom"}[e.vertical||"bottom"]),ce=l.forwardRef(((e,t)=>{const{align:s=de.align,alignOffset:r,className:a,disabled:i,icon:c,svgIcon:d,iconClass:u,id:p,items:m,item:h,text:f,positionMode:v=de.positionMode,size:b=de.size,style:g,rounded:y=de.rounded,themeColor:k=de.themeColor,overlayStyle:C,tabIndex:I,accessKey:x,popupSettings:E={},modal:w,onClick:D,onItemClick:N,onFocus:B,onBlur:S,onKeyDown:K,onOpen:R,onClose:O,...M}=e,z=n.useZIndexContext(),F=z?z+2:100,P=l.useRef(null),A=l.useRef(null),T=l.useRef(null),$=l.useRef(null),L=l.useCallback((()=>{A.current&&A.current.focus()}),[]),W=l.useCallback((()=>({element:A.current,focus:L})),[L]);l.useImperativeHandle(P,W),l.useImperativeHandle(t,(()=>P.current));const[H,U]=l.useState(!1),[j,q]=l.useState(!1),[V,G]=l.useState(-1),Z=n.useId()+"-button-id",_=n.useDir(A,e.dir),J="rtl"===_,Q=n.useId()+"-list-id";l.useEffect((()=>{ae(A,s,r,J)}),[A,s,r,J]),l.useEffect((()=>{j&&A&&A.current&&A.current.focus()}),[j,A]);const X=l.useCallback(((e,t)=>{m&&n.dispatchEvent(t?R:O,e,W(),void 0)}),[R,O,m]),Y=l.useCallback((e=>{!e.target||i||(!m&&D?n.dispatchEvent(D,e,W(),void 0):(U(!H),q(!0),G(H?-1:0),X(e,!H)))}),[U,q,G,D,X,H,m,i]),te=l.useCallback((e=>{q(!0),G(H?0:-1),B&&n.dispatchEvent(B,e,W(),void 0)}),[B,q,G]),se=l.useCallback((e=>{q(!1),U(!1),G(-1),n.dispatchEvent(S,e,W(),void 0),H&&X(e,!1)}),[S,q,U,G,X]),ie=l.useCallback((e=>{e.preventDefault()}),[]),le=l.useCallback(((e,t)=>{m&&(m[t].disabled||n.dispatchEvent(N,e,W(),{itemProps:m[t],itemIndex:t}))}),[N]),ce=l.useCallback(((e,t)=>{!e.target||!m||(G(t),U(!1),le(e,t),X(e,!1))}),[G,U,le,X]),ue=l.useCallback((e=>{n.getActiveElement(document)===A.current&&e.preventDefault()}),[A]),pe=l.useCallback((e=>{const t=V,s=m?m.length:-1;if(e.altKey)return!H&&e.keyCode===n.Keys.down&&(e.preventDefault(),U(!0),G(0)),void(H&&e.keyCode===n.Keys.up&&(e.preventDefault(),U(!1),G(-1)));switch(e.keyCode){case n.Keys.enter:case n.Keys.space:t>=0&&le(e,t),m||Y(e),e.preventDefault(),U(!H),G(H?-1:0);break;case n.Keys.esc:e.preventDefault(),U(!1),G(-1);break;case n.Keys.home:e.preventDefault(),G(0);break;case n.Keys.end:e.preventDefault(),G(s-1);break;case n.Keys.down:case n.Keys.right:e.preventDefault(),G(t+1>=s?0:t+1);break;case n.Keys.up:case n.Keys.left:e.preventDefault(),G(t-1<0?s-1:t-1)}n.dispatchEvent(K,e,W(),void 0)}),[K,V,G,J,U]),me=l.useMemo((()=>n.classNames("k-fab k-fab-solid",{"k-fab-sm":"small"===b,"k-fab-md":"medium"===b,"k-fab-lg":"large"===b,"k-disabled":i,"k-pos-absolute":"absolute"===v,"k-pos-fixed":"fixed"===v,"k-focus":j,[`k-rounded-${n.kendoThemeMaps.roundedMap[y]||y}`]:y,[`k-fab-solid-${k}`]:k},`k-${s.vertical}-${s.horizontal}`,a)),[k,b,y,i,v,s,j,a]),he=m&&m.map(((e,t)=>l.createElement(ee,{...e,key:t,index:t,id:`${Q}-${t}`,disabled:i||e.disabled,focused:V===t,dataItem:e,item:h,className:n.classNames(e.className,re(_||"ltr",s.horizontal)),onClick:ce,onDown:ue}))),fe=!(!c&&!d||f),ve=(A.current?A.current.offsetWidth:0)/2-16;return l.createElement(n.ZIndexContext.Provider,{value:F},l.createElement(l.Fragment,null,l.createElement("button",{ref:A,id:p||Z,role:"button",type:"button","aria-disabled":i,"aria-expanded":m?H:void 0,"aria-haspopup":!!m,"aria-label":`${f||""} floatingactionbutton`,"aria-owns":m?Q:void 0,"aria-activedescendant":V>=0&&m?`${Q}-${V}`:void 0,tabIndex:n.getTabIndex(I,i),accessKey:x,dir:_,disabled:i,className:me,style:g,onClick:Y,onMouseDown:ie,onFocus:te,onBlur:se,onKeyDown:pe,...M},c||d?l.createElement(n.IconWrap,{className:"k-fab-icon",name:c,icon:d}):u?l.createElement("span",{role:"presentation",className:u}):null,f&&l.createElement("span",{className:"k-fab-text"},f)),w&&H&&l.createElement("div",{className:"k-overlay",style:{zIndex:F,...C}}),l.createElement(o.Popup,{ref:$,anchor:A.current,show:H,animate:E.animate,popupClass:n.classNames("k-popup-transparent k-fab-popup",E.popupClass),anchorAlign:E.anchorAlign||ne(s,J),popupAlign:E.popupAlign||oe(s,J),style:{boxShadow:"none"}},l.createElement("ul",{ref:T,role:"menu","aria-labelledby":p,id:Q,className:n.classNames("k-fab-items",{"k-fab-items-bottom":"bottom"!==s.vertical,"k-fab-items-top":"bottom"===s.vertical}),style:{paddingLeft:fe?ve:void 0,paddingRight:fe?ve:void 0}},he))))}));ce.propTypes={className:s.string,style:s.object,id:s.string,dir:s.string,tabIndex:s.number,accessKey:s.string,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,text:s.string,alignOffset:s.shape({x:s.oneOfType([s.number,s.string]).isRequired,y:s.oneOfType([s.number,s.string]).isRequired}),align:s.shape({vertical:s.oneOf(["top","middle","bottom"]).isRequired,horizontal:s.oneOf(["start","center","end"]).isRequired}),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 de={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};ce.displayName="KendoFloatingActionButton";const ue=n.withIdHOC(D);ue.displayName="KendoReactDropDownButton";const pe=n.withIdHOC(k);pe.displayName="KendoReactSplitButton",e.Button=c,e.ButtonGroup=u,e.Chip=G,e.ChipList=Q,e.DropDownButton=ue,e.DropDownButtonClassComponent=D,e.DropDownButtonItem=I,e.FloatingActionButton=ce,e.FloatingActionButtonItem=ee,e.SplitButton=pe,e.SplitButtonClassComponent=k,e.SplitButtonItem=h,e.Toolbar=A,e.ToolbarItem=$,e.ToolbarSeparator=S,e.ToolbarSpacer=L,e.toolbarButtons=B}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-popup"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-popup","@progress/kendo-svg-icons","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactButtons={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactPopup,e.KendoSvgIcons,e.KendoReactIntl)}(this,(function(e,t,s,n,o,r,a){"use strict";function i(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(s){if("default"!==s){var n=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,n.get?n:{enumerable:!0,get:function(){return e[s]}})}})),t.default=e,Object.freeze(t)}var l=i(t);const c=l.forwardRef(((e,t)=>{const{children:s,togglable:o,dir:r,disabled:a,selected:i,icon:c,iconClass:u,svgIcon:p,imageUrl:m,imageAlt:h,className:f,startIcon:v,endIcon:b,onClick:g,size:y=d.size,rounded:k=d.rounded,fillMode:C=d.fillMode,themeColor:I=d.themeColor,...x}=e,E=l.useRef(void 0),w=l.useRef(null),[D,N]=l.useState(!0===o&&!0===i),B=void 0!==p||void 0!==c||void 0!==u||void 0!==m,S=void 0!==s,K=n.useUnstyled(),R=e.unstyled||K,O=R&&R.uButton;l.useImperativeHandle(t,(()=>({element:w.current,selected:void 0!==E.current?E.current:D}))),l.useMemo((()=>{o&&void 0!==i&&i!==D&&N(i)}),[o,i]),l.useEffect((()=>{E.current=void 0}),[D]);const M=function({imageUrl:e,name:t,iconClass:s,svgIcon:o,imageAlt:r,buttonClasses:a}){return e?l.createElement("img",{role:"presentation",className:n.classNames(n.uButton.icon({c:a})),alt:r,src:e}):t||o?l.createElement(n.IconWrap,{className:n.classNames(n.uButton.icon({c:a})),name:t,icon:o}):s?l.createElement("span",{role:"presentation",className:n.classNames(n.uButton.icon({c:a}),s)}):null}({name:c,svgIcon:p,iconClass:u,imageUrl:m,imageAlt:h,buttonClasses:O}),z=e=>l.cloneElement(e,{className:n.classNames(n.uButton.icon({c:O}),e.props.className)});return l.createElement("button",{ref:w,"aria-pressed":o?D:void 0,...x,dir:r,disabled:a,onClick:e=>{o&&void 0===i&&(E.current=!D,N(!D)),g&&g.call(void 0,e)},className:n.classNames(n.uButton.wrapper({c:O,isRtl:"rtl"===r,selected:D,disabled:a,size:y,fillMode:C,rounded:k,themeColor:I,iconButton:!S&&B}),f)},v&&z(v),M,s&&l.createElement("span",{className:n.classNames(n.uButton.text({c:O}))},s),b&&z(b))})),d={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};c.displayName="KendoReactButton",c.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};const u=e=>{const{children:t,className:s,dir:o,disabled:r,width:a}=e,i=n.useUnstyled(),c=e.unstyled||i,d=c&&c.uButtonGroup,u=(e,t)=>{const s={...a?{width:a}:{},...e.props.style||{}},n=r||e.props.disabled,o={...e.props,...t?{className:t}:{},...Object.keys(s).length?{style:s}:{},...void 0!==n?{disabled:n}:{}};return l.Children.count(e.props.children)>0?l.cloneElement(e,o,e.props.children):l.cloneElement(e,o)},p=l.useRef(null),m=(e=>{const t=l.Children.count(e),s=void 0!==o?"rtl"===o:p.current&&"rtl"===getComputedStyle(p.current).direction||!1;return l.Children.map(e,((e,o)=>{if(l.isValidElement(e)){const r=o===t-1,a=s,i=n.classNames(e.props.className,n.uButtonGroup.position({c:d,start:a?r:0===o,end:a?0===o:r}));return u(e,i)}return e}))})(t),h=n.classNames(n.uButtonGroup.wrapper({c:d,stretched:!!a,disabled:r}),s),f={className:h,style:{width:`${a}`},dir:o,role:"group","aria-disabled":r};return l.createElement("div",{ref:p,...f,className:h},m)};u.propTypes={children:s.oneOfType([s.arrayOf(s.element),s.element]),className:s.string,disabled:s.bool,width:s.string,dir:s.string};const p=e=>{const t=n.useUnstyled(),s=e.unstyled||t,o=s&&s.uDropDownButton,r=l.useCallback((t=>{e.onClick(t,e.index)}),[e]),a=e.dataItem.render||e.item||(void 0===e.item?e.render:null),i=void 0!==e.dataItem.text?e.dataItem.text:e.textField?e.dataItem[e.textField]:e.dataItem,c=l.createElement("li",{id:e.id,className:n.classNames(n.uDropDownButton.li({c:o,focused:e.focused}),e.className),tabIndex:-1,onClick:r,onMouseDown:e.onDown,onPointerDown:e.onDown,role:"menuitem","aria-disabled":e.dataItem.disabled||void 0},l.createElement("span",{tabIndex:-1,className:n.classNames(n.uDropDownButton.link({c:o,selected:e.dataItem.selected,disabled:e.dataItem.disabled})),key:"icon"},a?l.createElement(a,{item:e.dataItem,itemIndex:e.index}):l.createElement(l.Fragment,null,(e.dataItem.icon||e.dataItem.iconClass||e.dataItem.svgIcon)&&l.createElement(n.IconWrap,{className:e.dataItem.iconClass,name:e.dataItem.icon,icon:e.dataItem.svgIcon}),e.dataItem.imageUrl&&l.createElement("img",{role:"presentation",alt:"",src:e.dataItem.imageUrl,className:"k-icon"}),i&&l.createElement("span",{className:"k-menu-link-text"},i))));return void 0!==e.item&&void 0!==e.render?e.render.call(void 0,c,e):c};p.displayName="KendoReactButtonItem";const m=class extends l.Component{render(){return null}};m.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,disabled:s.bool,render:s.any};let h=m;const f=(e,t,s,o)=>{if(s)return e;const r=Math.min(o-1,Math.max(0,e));switch(t){case n.Keys.enter:case n.Keys.space:case n.Keys.esc:return-1;case n.Keys.up:case n.Keys.left:return r-1<0?o-1:r-1;case n.Keys.down:case n.Keys.right:return r+1>=o?0:r+1;case n.Keys.home:return 0;case n.Keys.end:return o-1;default:return e}};function v(e){const t={horizontal:"left",vertical:"bottom"};return e&&(t.horizontal="right"),t}function b(e){const t={horizontal:"left",vertical:"top"};return e&&(t.horizontal="right"),t}const g={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"11.2.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"},y=class extends l.Component{constructor(e){super(e),this.state={focused:!1,focusedIndex:-1,opened:!1},this.wrapper=null,this.mainButton=null,this.list=null,this.skipFocus=!1,this.buttonsData=[],this.showLicenseWatermark=!1,this.onKeyDown=e=>{const{focusedIndex:t}=this.state;if(e.altKey)return void(this.opened||e.keyCode!==n.Keys.down?this.opened&&e.keyCode===n.Keys.up&&(e.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,e)):(e.preventDefault(),this.setState({focusedIndex:0}),this.setOpen(!0,e)));let s;if(e.keyCode===n.Keys.enter||e.keyCode===n.Keys.space){if(e.preventDefault(),this.dispatchClickEvent(e,t),t>=0){s={focusedIndex:this.opened?-1:0};const t=!this.opened;this.setOpen(t,e)}}else if(this.opened&&e.keyCode===n.Keys.esc)return this.setState({focusedIndex:-1}),void this.setOpen(!1,e);if(this.opened){const o=f(t,e.keyCode,e.altKey,this.buttonsData.length);o!==t&&(s=s||{},s.focusedIndex=o);const r=e.keyCode===n.Keys.up||e.keyCode===n.Keys.down||e.keyCode===n.Keys.left||e.keyCode===n.Keys.right;!e.altKey&&(r||e.keyCode===n.Keys.home||e.keyCode===n.Keys.end)&&e.preventDefault()}s&&this.setState(s)},this.switchFocus=e=>{this.skipFocus=!0,e(),window.setTimeout((()=>this.skipFocus=!1),0)},this.onFocus=e=>{this.skipFocus||(n.dispatchEvent(this.props.onFocus,e,this,void 0),this.setState({focused:!0}))},this.setOpen=(e,t)=>{this.opened!==e&&(this.openedDuringOnChange=e,this.setState({opened:e}),t?this.dispatchPopupEvent(t,e):this.openedDuringOnChange=void 0)},this.onItemClick=(e,t)=>{this.opened&&this.setState({focusedIndex:0}),this.dispatchClickEvent(e,t),this.setOpen(!1,e)},this.onBlur=e=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,e,this,void 0),setTimeout((()=>{this.setOpen(!1,e)}),0))},this.onPopupClose=e=>{var t;const s=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(s===this.list||null!=(t=this.list)&&t.contains(s))&&this.switchFocus((()=>{this.element&&this.element.focus({preventScroll:!0})})),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,e)},this.listRef=e=>{this.list=e,e&&this.state.focused&&this.switchFocus((()=>{e.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)}))},this.onSplitPartClick=e=>{if(this.buttonsData.length){const t=!this.opened;this.setState({focusedIndex:t?0:-1,focused:!0}),this.setOpen(t,e)}},this.onDownSplitPart=e=>{e.preventDefault();const t=n.getActiveElement(document);this.element&&t!==this.element&&t!==this.list&&this.element.focus()},this.onItemDown=e=>{n.getActiveElement(document)===this.list&&e.preventDefault()},this.dispatchPopupEvent=(e,t)=>{n.dispatchEvent(t?this.props.onOpen:this.props.onClose,e,this,void 0),this.openedDuringOnChange=void 0},this.showLicenseWatermark=!n.validatePackage(g,{component:"SplitButton"})}get guid(){return this.props.id?this.props.id+"-accessibility-id":this.props.id}get opened(){return void 0!==this.openedDuringOnChange?this.openedDuringOnChange:void 0===this.props.opened?this.state.opened:this.props.opened}render(){this.buttonsData=this.props.items||l.Children.toArray(this.props.children).filter((e=>e&&e.type===h)).map((e=>e.props));const e=this.isRtl(),t=e?"rtl":void 0,{id:s,style:o,tabIndex:a,disabled:i}=this.props;return l.createElement(l.Fragment,null,l.createElement("div",{id:s,style:o,className:n.classNames("k-split-button","k-button-group",{"k-focus":this.state.focused},`k-rounded-${n.kendoThemeMaps.roundedMap[this.props.rounded||"medium"]}`,this.props.className),onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,dir:t,ref:e=>{this.wrapper=e}},l.createElement(c,{ref:e=>{this.mainButton=e&&e.element},type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,onClick:e=>this.onItemClick(e,-1),disabled:i||void 0,tabIndex:a,accessKey:this.props.accessKey,className:this.props.buttonClass,icon:this.props.icon,svgIcon:this.props.svgIcon,iconClass:this.props.iconClass,startIcon:this.props.startIcon,endIcon:this.props.endIcon,imageUrl:this.props.imageUrl,dir:t,"aria-disabled":i,"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),l.createElement(c,{type:"button",size:this.props.size,rounded:this.props.rounded,fillMode:this.props.fillMode,themeColor:this.props.themeColor,icon:"caret-alt-down",svgIcon:r.caretAltDownIcon,className:"k-split-button-arrow",disabled:i||void 0,tabIndex:-1,onClick:this.onSplitPartClick,onMouseDown:this.onDownSplitPart,onPointerDown:this.onDownSplitPart,dir:t,"aria-label":"menu toggling button"}),this.renderPopup(e)),this.showLicenseWatermark&&l.createElement(n.WatermarkOverlay,null))}componentDidMount(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(e,t){this.isItemDisabled(t)||(-1===t?n.dispatchEvent(this.props.onButtonClick,e,this,void 0):n.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t}))}renderPopup(e){const{popupSettings:t={}}=this.props,{focusedIndex:s}=this.state;return l.createElement(o.Popup,{anchor:this.wrapper,show:this.opened,animate:t.animate,popupClass:n.classNames("k-menu-popup",t.popupClass),anchorAlign:t.anchorAlign||v(e),popupAlign:t.popupAlign||b(e),style:e?{direction:"rtl"}:void 0,onClose:this.onPopupClose},l.createElement("ul",{role:"menu",id:this.guid,"aria-labelledby":"button-"+this.guid,tabIndex:-1,ref:this.listRef,"aria-activedescendant":s>=0?`${this.guid}-${s}`:void 0,className:n.classNames("k-menu-group",{[`k-menu-group-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size})},this.renderChildItems()))}renderChildItems(){const{item:e,itemRender:t,textField:s}=this.props;return this.buttonsData.length>0?this.buttonsData.map(((o,r)=>l.createElement(p,{className:n.classNames("k-menu-item",{"k-first":0===r},{"k-last":r===this.buttonsData.length-1}),dataItem:o,textField:s,focused:this.state.focusedIndex===r,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:e,key:r,index:r,id:`${this.guid}-${r}`}))):null}isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.props.disabled}isRtl(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.wrapper&&"rtl"===getComputedStyle(this.wrapper).direction}};y.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onButtonClick:s.func,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,text:s.string,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.any,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},y.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};let k=y;const C=class extends l.Component{render(){return null}};C.propTypes={text:s.string,icon:s.string,iconClass:s.string,imageUrl:s.string,selected:s.bool,disabled:s.bool,render:s.any};let I=C;const x=class extends l.Component{constructor(e){super(e),this.state={opened:!1,focused:!1,focusedIndex:-1},this.mainButton=null,this.list=null,this.skipFocus=!1,this.showLicenseWatermark=!1,this.buttonsData=[],this.onKeyDown=e=>{const{focusedIndex:t}=this.state;if(e.altKey)return void(this.opened||e.keyCode!==n.Keys.down?this.opened&&e.keyCode===n.Keys.up&&(e.preventDefault(),this.setState({focusedIndex:-1}),this.setOpen(!1,e)):(e.preventDefault(),this.setOpen(!0,e),this.setState({focusedIndex:0})));const s={...this.state};if(e.keyCode===n.Keys.enter||e.keyCode===n.Keys.space){e.preventDefault(),t>=0&&this.dispatchClickEvent(e,t);const s=!this.opened;return this.setState({focused:!0,focusedIndex:s?0:-1}),void this.setOpen(s,e)}if(this.opened&&e.keyCode===n.Keys.esc)return this.setState({focusedIndex:-1}),void this.setOpen(!1,e);if(this.opened){const o=f(t,e.keyCode,e.altKey,this.buttonsData.length);s.focusedIndex=o;const r=e.keyCode===n.Keys.up||e.keyCode===n.Keys.down||e.keyCode===n.Keys.left||e.keyCode===n.Keys.right;!e.altKey&&(r||e.keyCode===n.Keys.home||e.keyCode===n.Keys.end)&&e.preventDefault()}this.setState(s)},this.switchFocus=e=>{this.skipFocus=!0,e(),window.setTimeout((()=>this.skipFocus=!1),0)},this.handleFocus=e=>{this.skipFocus||(this.setState({focused:!0,focusedIndex:this.opened?0:-1}),n.dispatchEvent(this.props.onFocus,e,this,void 0))},this.handleButtonBlur=e=>{this.opened||(this.setState({focused:!1}),n.dispatchEvent(this.props.onBlur,e,this,void 0))},this.handleMenuBlur=e=>{this.skipFocus||(this.setState({focused:!1,focusedIndex:-1}),n.dispatchEvent(this.props.onBlur,e,this,void 0),setTimeout((()=>{this.setOpen(!1,e)}),0))},this.setOpen=(e,t)=>{this.opened!==e&&(this.openedDuringOnChange=e,this.setState({opened:e}),t?this.dispatchPopupEvent(t,e):this.openedDuringOnChange=void 0)},this.onItemClick=(e,t)=>{this.setState({focusedIndex:-1}),this.dispatchClickEvent(e,t),this.setOpen(!1,e)},this.onItemDown=e=>{n.getActiveElement(document)===this.list&&e.preventDefault()},this.mouseDown=e=>{e.preventDefault();const t=n.getActiveElement(document);this.element&&t!==this.element&&t!==this.list&&this.element.focus()},this.onPopupClose=e=>{var t;const s=n.getActiveElement(document);this.element&&this.element.removeAttribute("tabindex"),(s===this.list||null!=(t=this.list)&&t.contains(s))&&this.switchFocus((()=>{this.element&&this.element.focus({preventScroll:!0})})),this.props.popupSettings&&this.props.popupSettings.onClose&&this.props.popupSettings.onClose.call(void 0,e)},this.listRef=e=>{this.list=e,e&&this.state.focused&&this.switchFocus((()=>{e.focus({preventScroll:!0}),this.element&&(this.element.tabIndex=-1)}))},this.onClickMainButton=e=>{if(!this.buttonsData.length)return;const t=!this.opened;this.setState({focused:!0,focusedIndex:t?0:-1}),this.setOpen(t,e)},this.dispatchPopupEvent=(e,t)=>{n.dispatchEvent(t?this.props.onOpen:this.props.onClose,e,this,void 0),this.openedDuringOnChange=void 0},this.showLicenseWatermark=!n.validatePackage(g,{component:"DropDownButton"})}get guid(){return this.props.id+"-accessibility-id"}get opened(){return void 0!==this.openedDuringOnChange?this.openedDuringOnChange:void 0===this.props.opened?this.state.opened:this.props.opened}render(){const e=this.isRtl(),t=this.props.unstyled&&this.props.unstyled.uDropDownButton,s=e?"rtl":void 0,{id:o,style:r,tabIndex:a,disabled:i,size:d,rounded:u,fillMode:p,themeColor:m,ariaLabel:h,title:f,accessKey:v,icon:b,svgIcon:g,iconClass:y,buttonClass:k,className:C,imageUrl:x,startIcon:E,endIcon:w}=this.props;return this.buttonsData=this.props.items||l.Children.toArray(this.props.children).filter((e=>e&&e.type===I)).map((e=>e.props)),l.createElement(l.Fragment,null,l.createElement(c,{id:o,size:d,style:r,rounded:u,fillMode:p,themeColor:m,onClick:this.onClickMainButton,onMouseDown:this.mouseDown,onKeyDown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleButtonBlur,"aria-disabled":i?"true":void 0,tabIndex:a,accessKey:v,icon:b,svgIcon:g,iconClass:y,className:n.classNames(k,C,n.uDropDownButton.wrapper({c:t,focused:this.state.focused,disabled:i})),imageUrl:x,dir:s,ref:e=>{this.mainButton=e&&e.element},type:"button","aria-expanded":this.opened?"true":"false","aria-label":h,"aria-controls":this.opened?this.guid:void 0,title:f,startIcon:E,endIcon:w},this.props.text),this.showLicenseWatermark&&l.createElement(n.WatermarkOverlay,null),this.renderPopup(e))}componentDidMount(){(void 0===this.props.dir&&this.isRtl()||this.opened)&&this.forceUpdate()}get element(){return this.mainButton}dispatchClickEvent(e,t){this.isItemDisabled(t)||n.dispatchEvent(this.props.onItemClick,e,this,{item:this.buttonsData[t],itemIndex:t})}renderPopup(e){const{popupSettings:t={},_zIndex:s,unstyled:r}=this.props,a=s?s+2e3:12e3,i=r&&r.uDropDownButton,{focusedIndex:c}=this.state;return l.createElement(n.ZIndexContext.Provider,{value:a},l.createElement(o.Popup,{anchor:this.mainButton,show:this.opened,animate:t.animate,popupClass:n.classNames(n.uDropDownButton.popup({c:i}),t.popupClass),anchorAlign:t.anchorAlign||v(e),popupAlign:t.popupAlign||b(e),style:e?{direction:"rtl"}:void 0,onClose:this.onPopupClose},l.createElement("ul",{role:"list",id:this.guid,tabIndex:-1,"aria-activedescendant":c>=0?`${this.guid}-${c}`:void 0,ref:this.listRef,onKeyDown:this.onKeyDown,onBlur:this.handleMenuBlur,className:n.classNames(n.uDropDownButton.ul({c:i,size:this.props.size}))},this.renderChildItems())))}renderChildItems(){const{item:e,itemRender:t,textField:s,unstyled:o}=this.props,r=o&&o.uDropDownButton;return this.buttonsData.length>0?this.buttonsData.map(((o,a)=>l.createElement(p,{className:n.classNames(n.uDropDownButton.item({c:r}),o.className,{"k-first":0===a},{"k-last":a===this.buttonsData.length-1}),dataItem:o,textField:s,focused:this.state.focusedIndex===a,onClick:this.onItemClick,onDown:this.onItemDown,render:t,item:e,index:a,key:a,id:`${this.guid}-${a}`}))):null}isItemDisabled(e){return this.buttonsData[e]?this.buttonsData[e].disabled:this.props.disabled}isRtl(){return void 0!==this.props.dir?"rtl"===this.props.dir:!!this.mainButton&&"rtl"===getComputedStyle(this.mainButton).direction}};x.propTypes={accessKey:s.string,ariaLabel:s.string,title:s.string,onFocus:s.func,onBlur:s.func,onItemClick:s.func,onOpen:s.func,onClose:s.func,items:s.arrayOf(s.any),textField:s.string,tabIndex:s.number,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,imageUrl:s.string,popupSettings:s.object,itemRender:s.func,item:s.func,className:s.string,buttonClass:s.string,dir:s.string},x.defaultProps={size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};let E=x;const w=n.createPropsContext(),D=n.withIdHOC(n.withPropsContext(w,n.withUnstyledHOC(n.withZIndexContext(E))));D.displayName="KendoReactDropDownButton";const N=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",B=["button"+N,".k-button-group > button"+N,".k-colorpicker",".k-dropdownlist"],S=e=>l.createElement("div",{ref:e._ref,className:n.classNames("k-toolbar-separator k-separator",e.className)}),K="prevArrow.title",R="nextArrow.title",O="moreButtonTitle.title",M={[K]:"Previous scroll button",[R]:"Next scroll button",[O]:"More button"},z=e=>{const t=a.useLocalization(),{disabled:s,type:o,scrollContentRef:i,buttonScrollSpeed:c,prevButton:d,nextButton:u}=e,p="prev"===o?d||"span":u||"span";return l.createElement(p,{className:n.classNames("k-button","k-button-md","k-button-solid","k-button-solid-base","k-rounded-md","k-icon-button",`k-toolbar-${o}`,{"k-disabled":s}),title:`${"prev"===o?t.toLanguageString(K,M[K]):t.toLanguageString(R,M[R])}`,"aria-hidden":!0,tabIndex:s?-1:void 0,onClick:e=>{i&&i.current&&c&&i.current.scrollBy({left:"next"===o?c:-c,behavior:"smooth"})}},l.createElement(n.SvgIcon,{icon:"prev"===o?r.caretAltLeftIcon:r.caretAltRightIcon,className:"k-button-icon"}))},F=e=>{const{scrollButtons:t,scrollButtonsPosition:s,isOverflowing:n,scrollContentRef:o,buttonScrollSpeed:r,dir:a,isScrollStartPosition:i,isScrollEndPosition:c,prevButton:d,nextButton:u,children:p}=e,m=(e,t)=>l.createElement(z,{type:e,disabled:t,scrollContentRef:o,buttonScrollSpeed:r,prevButton:d,nextButton:u}),h="visible"===t||"auto"===t&&n;return l.createElement(l.Fragment,null,h&&"split"===s&&l.createElement(l.Fragment,null,m("rtl"!==a?"prev":"next",i),l.createElement(S,{className:"k-toolbar-button-separator"})),h&&"start"===s&&l.createElement(l.Fragment,null,m("rtl"!==a?"prev":"next",i),m("rtl"!==a?"next":"prev",c),l.createElement(S,{className:"k-toolbar-button-separator"})),l.createElement("span",{className:"k-toolbar-items k-toolbar-items-scroll",ref:o},p),h&&"split"===s&&l.createElement(l.Fragment,null,l.createElement(S,{className:"k-toolbar-button-separator"}),m("rtl"!==a?"next":"prev",c)),h&&"end"===s&&l.createElement(l.Fragment,null,l.createElement(S,{className:"k-toolbar-button-separator"}),m("rtl"!==a?"prev":"next",i),m("rtl"!==a?"next":"prev",c)))},P=e=>{var t;const{toolbarRef:s,children:i,fillMode:d,size:u}=e,[p,m]=l.useState(!1),h=l.useRef(l.Children.toArray(i).filter((e=>l.isValidElement(e))).map(((e,t)=>l.cloneElement(e,{key:e.key||t})))),f=l.useRef([]),v=l.useRef(0),b=l.useRef(null),g=l.useRef(null),y=a.useLocalization(),[k,C]=l.useReducer((e=>e+1),0),I=()=>{if(!s.current)return;let e=0;const t=s.current.clientWidth,n=parseInt(window.getComputedStyle(s.current).gap||"0",10),o=Array.from(s.current.children).reduce(((e,t,s)=>e+=Math.ceil(t.clientWidth)),0),r=Array.from(s.current.children).length;if(e=o+r*n+2*n,e>t){const e=[...h.current],s=e.pop();v.current=t,h.current=e,s&&(f.current=[s,...f.current])}else if(t>v.current+n*r){const e=[...f.current],s=e.shift();f.current=e,s&&(h.current=[...h.current,s]),v.current=t}C()};l.useEffect((()=>{I();const e=new ResizeObserver(I),t=s.current;return t&&e.observe(t),()=>{t&&e.unobserve(t)}}),[]);return l.createElement(l.Fragment,null,h.current.length>0&&h.current,f.current.length>0&&l.createElement(l.Fragment,null,l.createElement(S,{_ref:g,className:"k-toolbar-button-separator"}),l.createElement(c,{ref:b,className:"k-toolbar-overflow-button",fillMode:"flat",svgIcon:r.moreHorizontalIcon,title:y.toLanguageString(O,M[O]),onClick:()=>{m(!p)}}),l.createElement(o.Popup,{anchor:s.current,show:p,popupClass:"k-toolbar-popup",style:{width:null==(t=s.current)?void 0:t.offsetWidth}},l.createElement("span",{className:`k-toolbar-items-list k-toolbar-items-list-${n.kendoThemeMaps.sizeMap[u]} k-toolbar-items-list-${d}`},f.current.length>0&&f.current))))},A=l.forwardRef(((e,t)=>{const{children:s,className:o,id:r,ariaLabel:a,keyboardNavigation:i,role:c,onResize:d,style:u,tabIndex:p=T.tabIndex,size:m=T.size,fillMode:h=T.fillMode,overflow:f,scrollButtons:v=T.scrollButtons,scrollButtonsPosition:b=T.scrollButtonsPosition,buttonScrollSpeed:g=T.buttonScrollSpeed,prevButton:y,nextButton:k,_ariaControls:C}=e,I=l.useRef(!1),x=l.useRef(null),E=l.useRef(null),w=l.useRef(0),D=l.useRef(0),N=l.useRef([]),S=l.useRef({element:null,props:e}),[K,R]=l.useState(!1),[O,M]=l.useState(!0),[z,A]=l.useState(!1),$=n.useDir(x,e.dir),L=l.useMemo((()=>e.buttons||B),[e.buttons]),W=l.useMemo((()=>L.map((e=>e+":focus")).join(",")),[L]),H=()=>{const e=x.current&&x.current.querySelector(W);return Math.max(0,N.current.findIndex((t=>t===e)))};l.useImperativeHandle(S,(()=>({element:x.current,props:e}))),l.useImperativeHandle(t,(()=>S.current)),l.useEffect((()=>(window.addEventListener("resize",q),x.current&&(D.current=x.current.offsetWidth,w.current=x.current.offsetHeight,!1!==i&&(N.current=Array.from(x.current.querySelectorAll(L.join(","))),U(0))),()=>{window.removeEventListener("resize",q),N.current.length=0})),[]),l.useEffect((()=>{if(I.current){if(!x.current||!1===i)return;N.current=Array.from(x.current.querySelectorAll(L.join(","))),U(H()),V()}else I.current=!0}));const U=e=>{N.current.forEach(((t,s)=>{t.tabIndex=s===e?p:-1}))},j=(e,t)=>{const s=N.current[t];if(s){s.tabIndex=p,s.focus();const t=N.current[e];t&&(t.tabIndex=-1)}},q=e=>{if(!x.current)return;const t=x.current.offsetWidth,s=x.current.offsetHeight;if(D.current!==t||w.current!==s){D.current=t,w.current=s;const n={offsetWidth:D.current,offsetHeight:w.current};d&&d.call(void 0,{target:S.current,...n,nativeEvent:e})}V()},V=l.useCallback((()=>{const e=E.current;e&&R(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)}),[]),G=l.useCallback((()=>{const e=E.current;if(e){const t=0===e.scrollLeft,s="rtl"!==$?e.scrollLeft+e.clientWidth===e.scrollWidth:e.clientWidth-e.scrollLeft===e.scrollWidth;t&&M(!0),s&&A(!0),!t&&!s&&(M(!1),A(!1))}}),[$]);return l.useEffect((()=>{const e=E.current;if(e)return e.addEventListener("scroll",G),()=>{e.removeEventListener("scroll",G)}}),[G]),l.createElement("div",{id:r,"aria-label":a,"aria-controls":C,className:n.classNames("k-toolbar",{[`k-toolbar-${n.kendoThemeMaps.sizeMap[m]||m}`]:m,[`k-toolbar-${h}`]:h,"k-toolbar-scrollable":"scroll"===f,"k-toolbar-scrollable-overlay":"scroll"===f&&("hidden"===v||void 0===v),"k-toolbar-scrollable-start":"scroll"===f&&"hidden"===v&&O,"k-toolbar-scrollable-end":"scroll"===f&&"hidden"===v&&z,"k-toolbar-section":e.overflow&&"section"===f},o),style:u,role:void 0!==c?c||void 0:"toolbar",dir:$,ref:x,onKeyDown:!1!==i?e=>{const t=e.keyCode===n.Keys.left||e.keyCode===n.Keys.right||e.keyCode===n.Keys.home||e.keyCode===n.Keys.end,s=H();!t||e.defaultPrevented||-1===N.current.findIndex((t=>t===e.target))||(e.keyCode===n.Keys.left?j(s,0===s?N.current.length-1:s-1):j(s,s===N.current.length-1?0:s+1),e.keyCode===n.Keys.home&&j(s,0),e.keyCode===n.Keys.end&&j(s,N.current.length-1))}:void 0},"scroll"===f&&l.createElement(F,{scrollButtons:v,scrollButtonsPosition:b,prevButton:y,nextButton:k,isOverflowing:K,scrollContentRef:E,buttonScrollSpeed:g,dir:$,isScrollStartPosition:O,isScrollEndPosition:z,children:s}),"section"===f&&l.createElement(P,{toolbarRef:x,fillMode:h,size:m},s),("none"===f||void 0===f)&&s)})),T={tabIndex:0,size:"medium",fillMode:"solid",scrollButtons:"auto",scrollButtonsPosition:"split",buttonScrollSpeed:100};A.displayName="KendoReactToolbar",A.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.isRequired),size:s.oneOf([null,"small","medium","large"]),fillMode:s.oneOf([null,"solid","flat","outline"]),overflow:s.oneOf(["none","section","scroll"]),scrollButtons:s.oneOf(["hidden","visible","auto"]),scrollButtonsPosition:s.oneOf(["start","end","split"]),buttonScrollSpeed:s.number};const $=l.forwardRef(((e,t)=>{const{id:s,className:o,style:r,children:a}=e,i=l.useRef(null);return l.useImperativeHandle(t,(()=>({element:i.current}))),l.createElement("div",{id:s,className:n.classNames("k-toolbar-item",o),style:r,ref:i},a)}));$.displayName="KendoReactToolbarItem",$.propTypes={className:s.string};const L=l.forwardRef(((e,t)=>{const s=l.useRef(null),o=l.useRef(null);l.useImperativeHandle(o,(()=>({element:s.current}))),l.useImperativeHandle(t,(()=>({element:s.current})));const r=l.useMemo((()=>n.classNames("k-spacer",e.className)),[e.className]);return l.createElement("span",{ref:s,className:r})}));L.displayName="KendoReactToolbarSpacer",L.propTypes={className:s.string};const W=t.createContext([null,e=>{}]),H=t.createContext([null,e=>{}]),U=t.createContext([null,e=>{}]);var j=(e=>(e.next="next",e.prev="prev",e.current="current",e.reset="reset",e))(j||{});var q=(e=>(e.remove="remove",e.add="add",e.reorder="reorder",e))(q||{});var V=(e=>(e.toggle="toggle",e.remove="remove",e))(V||{});const G=l.forwardRef(((e,t)=>{const s=l.useRef(null),o=l.useRef(null),{disabled:a=_.disabled,fillMode:i=_.fillMode,themeColor:c=_.themeColor,size:d=_.size,rounded:u=_.rounded,dir:p=_.dir,removeIcon:m=_.removeIcon,removeSvgIcon:h=_.removeSvgIcon,removable:f=_.removable}=e,v=n.useDir(o,p);l.useImperativeHandle(s,(()=>({element:o.current,props:e}))),l.useImperativeHandle(t,(()=>s.current));const[b,g]=l.useContext(W),[y,k]=l.useContext(H),[,C]=l.useContext(U),I=l.useMemo((()=>e.selected||(Array.isArray(b)?b.some((t=>t===e.value)):b===e.value)),[e.selected,e.value,b]),x=l.useMemo((()=>y===e.value),[e.value,y]);l.useEffect((()=>{x&&o.current&&o.current.focus()}),[x]);const E=l.useCallback((t=>{g({type:V.toggle,payload:e.value,event:t})}),[g,e.value]),w=l.useCallback((t=>{f&&(C({type:q.remove,payload:e.value,event:t}),k({type:j.reset,payload:e.value,event:t}),g({type:V.remove,payload:e.value,event:t}),e.onRemove&&e.onRemove.call(void 0,{target:s.current,syntheticEvent:t}))}),[e.onRemove,e.value,f,C,k,g]),D=l.useCallback((t=>{switch(t.keyCode){case n.Keys.left:k({type:j.prev,payload:e.value,event:t});break;case n.Keys.right:k({type:j.next,payload:e.value,event:t});break;case n.Keys.enter:g({type:V.toggle,payload:e.value,event:t});break;case n.Keys.delete:w(t)}e.onKeyDown&&e.onKeyDown.call(void 0,{target:s.current,syntheticEvent:t})}),[e.onKeyDown,e.value,k,g,w]),N=l.useCallback((t=>{k({payload:e.value,type:j.current,event:t}),e.onFocus&&e.onFocus.call(void 0,{target:s.current,syntheticEvent:t})}),[e.onFocus,e.value,k]),B=l.useCallback((t=>{e.onBlur&&e.onBlur.call(void 0,{target:s.current,syntheticEvent:t})}),[e.onBlur]),S=n.useMouse(e,s,{onClick:E});return l.createElement("div",{...S,role:e.role||"button",id:e.value,style:e.style,ref:o,dir:v,tabIndex:n.getTabIndex(e.tabIndex,a,void 0),className:n.classNames("k-chip",{"k-rtl":"rtl"===v,"k-disabled":a,"k-selected":I,"k-focus":x,[`k-chip-${n.kendoThemeMaps.sizeMap[d]||d}`]:d,[`k-rounded-${n.kendoThemeMaps.roundedMap[u]||u}`]:u,[`k-chip-${i}`]:i,[`k-chip-${i}-${c}`]:!(!i||!c)},e.className),"aria-pressed":e.role?void 0:I,"aria-disabled":a,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":f?"Enter Delete":void 0,onFocus:N,onBlur:B,onKeyDown:D},I&&(e.selectedIcon||e.selectedSvgIcon)&&l.createElement(n.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?n.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&l.createElement(n.IconWrap,{className:"k-chip-icon",name:e.icon?n.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&l.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},l.createElement("span",{className:"k-avatar-image"},l.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),l.createElement("span",{className:"k-chip-content"},void 0!==e.children?e.children:e.text&&l.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),f&&l.createElement("span",{className:"k-chip-actions"},l.createElement("span",{className:n.classNames("k-chip-action","k-chip-remove-action"),onClick:w},l.createElement(n.IconWrap,{name:m?n.toIconName(m):void 0,icon:h||r.xCircleIcon,size:"small"}))))})),Z={id:s.string,text:s.string,value:s.any,dir:s.oneOf(["ltr","rtl"]),removable:s.bool,removeIcon:s.string,removeIconSvg:n.svgIconPropType,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,selectedIcon:s.string,selectedIconSvg:n.svgIconPropType,onRemove:s.func,dataItem:s.any,selected:s.bool,ariaDescribedBy:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"outline","solid"]),themeColor:s.oneOf([null,"base","info","success","warning","error"])},_={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:r.xCircleIcon,dir:"ltr",size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};G.displayName="KendoReactChip",G.propTypes=Z;const J=(e,t,s)=>{"multiple"===t.selection?Array.isArray(e)||(e=e?[e]:null):"single"===t.selection&&Array.isArray(e)&&(e=e?e.join(""):null);const[n,o]=l.useState(e);return[n,e=>{const r=((e,t)=>{switch(t.selection){case"single":switch(t.type){case"toggle":if(!Array.isArray(e)||null===e)return t.payload===e?null:t.payload;throw new Error("State cannot be an array in single selection");case"remove":return t.payload===e?null:e;default:return e}case"multiple":switch(t.type){case"toggle":if(Array.isArray(e))return e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload];if(null===e)return[t.payload];throw new Error("State cannot be non-array in multiple selection");case"remove":return Array.isArray(e)?e.some((e=>e===t.payload))?e.filter((e=>e!==t.payload)):[...e,t.payload]:e;default:return e}case"none":return null;default:return e}})(t.state||n,{...e,...t});s&&s(r,e.event),"none"!==t.selection&&o(r)}]},Q=l.forwardRef(((e,t)=>{const s=l.useRef(null),o=l.useRef(null),{id:r,style:a,tabIndex:i,className:c,ariaDescribedBy:d,ariaLabelledBy:u,ariaLabel:p,value:m,defaultData:h=Y.defaultData,chip:f=Y.chip,disabled:v=Y.disabled,size:b=Y.size,defaultValue:g=Y.defaultValue,selection:y=Y.selection,valueField:k=Y.valueField,textField:C=Y.textField,dir:I=Y.dir,onChange:x,onDataChange:E}=e,w=n.useDir(o,I),D=l.useMemo((()=>f||G),[f,G]);l.useImperativeHandle(s,(()=>({element:o.current,props:e}))),l.useImperativeHandle(t,(()=>s.current));const N=l.useCallback(((e,t)=>{x&&s.current&&x.call(void 0,{value:e,target:s.current,syntheticEvent:t})}),[x]),[B,S]=J(m||g,{selection:y,state:m},N),K=l.useCallback(((e,t)=>{E&&s.current&&E.call(void 0,{value:e,target:s.current,syntheticEvent:t})}),[E]),[R,O]=((e,t,s)=>{const[n,o]=l.useState(e);return[n,e=>{const r=((e,t)=>{switch(t.type){case"add":case"reorder":break;case"remove":return e.filter((e=>e[t.valueField]!==t.payload));default:return e}})(t.state||n,{...e,...t});s&&s(r,e.event),o(r)}]})(e.data||h,{state:e.data,valueField:k},K),M=l.useCallback(((e,t)=>(e.push(t[k]),e)),[k]),z=l.useMemo((()=>e.data||R),[e.data,R]),F=l.useMemo((()=>m||B),[m,B]),P=l.useMemo((()=>z.reduce(M,[])),[z,M]),A=l.useCallback((e=>n.getter(k)(e)),[k]),T=l.useCallback((e=>n.getter(C)(e)),[C]),[$,L]=(e=>{const[t,s]=l.useState(null);return[t,t=>{const n=((e,t)=>{const s=t.items.findIndex((t=>t===e));switch(t.type){case"next":return s===t.items.length-1?e:t.items[s+1];case"prev":return 0===s?e:t.items[s-1];case"current":return t.payload;case"reset":return null;default:return e}})(t.payload,{...t,...e});s(n)}]})({items:P}),j=n.useMouse(e,s);return l.createElement(W.Provider,{value:[F,S]},l.createElement(H.Provider,{value:[$,L]},l.createElement(U.Provider,{value:[z,O]},l.createElement("div",{ref:o,...j,role:v?void 0:"listbox",id:r,dir:w,style:a,tabIndex:n.getTabIndex(i,v,void 0),className:n.classNames("k-chip-list",{"k-rtl":"rtl"===w,"k-disabled":v,[`k-chip-list-${n.kendoThemeMaps.sizeMap[b]||b}`]:b},c),"aria-label":p,"aria-labelledby":u,"aria-describedby":d,"aria-orientation":"horizontal","aria-multiselectable":"multiple"===y},z.map(((e,t)=>l.createElement(D,{role:"option",dataItem:e,size:b,key:[A(e),t].join("-"),text:T(e),value:A(e),ariaLabel:e.ariaLabel,svgIcon:e.svgIcon||void 0})))))))})),X={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"])},Y={chip:G,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};Q.displayName="KendoReactChipList",Q.propTypes=X;const ee=l.forwardRef(((e,t)=>{const{className:s,disabled:o,text:r,icon:a,style:i,id:c,focused:d,tabIndex:u,index:p,dataItem:m,item:h,svgIcon:f,onDown:v,onClick:b,...g}=e,y=l.useRef(null),k=l.useCallback((()=>{y.current&&y.current.focus()}),[]),C=l.useCallback((()=>({element:y.current,focus:k})),[k]);l.useImperativeHandle(t,C);const I=l.useCallback((e=>{b&&void 0!==p&&!o&&b(e,p)}),[b,p]),x=l.useMemo((()=>n.classNames("k-fab-item",{"k-focus":d,"k-disabled":o},s)),[s,o,d]),E=h;return l.createElement("li",{ref:y,id:c,className:x,style:i,role:"menuitem",tabIndex:n.getTabIndex(u,o),"aria-disabled":o,"aria-label":`${r||""} floatingactionbutton item`,onClick:I,onMouseDown:v,onPointerDown:v,...g},E?l.createElement(E,{itemIndex:p,item:m}):l.createElement(l.Fragment,null,r&&l.createElement("span",{className:"k-fab-item-text"},r),a||f?l.createElement(n.IconWrap,{className:"k-fab-item-icon",name:a,icon:f}):null))}));ee.propTypes={className:s.string,style:s.object,children:s.any,disabled:s.bool,focused:s.bool,index:s.number,icon:s.string,svgIcon:n.svgIconPropType,text:s.string,tabIndex:s.number,customProp:s.any},ee.displayName="KendoFloatingActionButtonItem";const te="16px",se=e=>"number"==typeof e?e+"px":e,ne=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"bottom"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},oe=(e,t)=>{const s={horizontal:t?"right":"left",vertical:"top"};return"end"===e.horizontal&&(s.horizontal=t?"left":"right"),s},re=(e,t)=>({rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e]["end"===t?"end":"start"]),ae=(e,t,s,n)=>{const o=t.horizontal,r=t.vertical;if(e.current){const a=s&&void 0!==s.x?se(s.x):te,i=s&&void 0!==s.x?`calc(50% + ${se(s.x)})`:"50%",l=s&&void 0!==s.y?se(s.y):te,c=s&&void 0!==s.y?`calc(50% + ${se(s.y)})`:"50%";e.current.style.setProperty(ie(t,n),"center"===o?i:a),e.current.style.setProperty(le(t),"middle"===r?c:l),n&&(("top"===r||"bottom"===r)&&"start"===o&&e.current.style.setProperty("left","unset"),"middle"===r&&"end"===o&&e.current.style.setProperty("right","unset"),"middle"===r&&"start"===o&&e.current.style.setProperty("left","unset"))}},ie=(e,t)=>{const{horizontal:s}=e;return{end:t?"left":"right",center:"left",start:t?"right":"left"}[s||"end"]},le=e=>({top:"top",middle:"top",bottom:"bottom"}[e.vertical||"bottom"]),ce=l.forwardRef(((e,t)=>{const{align:s=de.align,alignOffset:r,className:a,disabled:i,icon:c,svgIcon:d,iconClass:u,id:p,items:m,item:h,text:f,positionMode:v=de.positionMode,size:b=de.size,style:g,rounded:y=de.rounded,themeColor:k=de.themeColor,overlayStyle:C,tabIndex:I,accessKey:x,popupSettings:E={},modal:w,onClick:D,onItemClick:N,onFocus:B,onBlur:S,onKeyDown:K,onOpen:R,onClose:O,...M}=e,z=n.useZIndexContext(),F=z?z+2:100,P=l.useRef(null),A=l.useRef(null),T=l.useRef(null),$=l.useRef(null),L=l.useCallback((()=>{A.current&&A.current.focus()}),[]),W=l.useCallback((()=>({element:A.current,focus:L})),[L]);l.useImperativeHandle(P,W),l.useImperativeHandle(t,(()=>P.current));const[H,U]=l.useState(!1),[j,q]=l.useState(!1),[V,G]=l.useState(-1),Z=n.useId()+"-button-id",_=n.useDir(A,e.dir),J="rtl"===_,Q=n.useId()+"-list-id";l.useEffect((()=>{ae(A,s,r,J)}),[A,s,r,J]),l.useEffect((()=>{j&&A&&A.current&&A.current.focus()}),[j,A]);const X=l.useCallback(((e,t)=>{m&&n.dispatchEvent(t?R:O,e,W(),void 0)}),[R,O,m]),Y=l.useCallback((e=>{!e.target||i||(!m&&D?n.dispatchEvent(D,e,W(),void 0):(U(!H),q(!0),G(H?-1:0),X(e,!H)))}),[U,q,G,D,X,H,m,i]),te=l.useCallback((e=>{q(!0),G(H?0:-1),B&&n.dispatchEvent(B,e,W(),void 0)}),[B,q,G]),se=l.useCallback((e=>{q(!1),U(!1),G(-1),n.dispatchEvent(S,e,W(),void 0),H&&X(e,!1)}),[S,q,U,G,X]),ie=l.useCallback((e=>{e.preventDefault()}),[]),le=l.useCallback(((e,t)=>{m&&(m[t].disabled||n.dispatchEvent(N,e,W(),{itemProps:m[t],itemIndex:t}))}),[N]),ce=l.useCallback(((e,t)=>{!e.target||!m||(G(t),U(!1),le(e,t),X(e,!1))}),[G,U,le,X]),ue=l.useCallback((e=>{n.getActiveElement(document)===A.current&&e.preventDefault()}),[A]),pe=l.useCallback((e=>{const t=V,s=m?m.length:-1;if(e.altKey)return!H&&e.keyCode===n.Keys.down&&(e.preventDefault(),U(!0),G(0)),void(H&&e.keyCode===n.Keys.up&&(e.preventDefault(),U(!1),G(-1)));switch(e.keyCode){case n.Keys.enter:case n.Keys.space:t>=0&&le(e,t),m||Y(e),e.preventDefault(),U(!H),G(H?-1:0);break;case n.Keys.esc:e.preventDefault(),U(!1),G(-1);break;case n.Keys.home:e.preventDefault(),G(0);break;case n.Keys.end:e.preventDefault(),G(s-1);break;case n.Keys.down:case n.Keys.right:e.preventDefault(),G(t+1>=s?0:t+1);break;case n.Keys.up:case n.Keys.left:e.preventDefault(),G(t-1<0?s-1:t-1)}n.dispatchEvent(K,e,W(),void 0)}),[K,V,G,J,U]),me=l.useMemo((()=>n.classNames("k-fab k-fab-solid",{"k-fab-sm":"small"===b,"k-fab-md":"medium"===b,"k-fab-lg":"large"===b,"k-disabled":i,"k-pos-absolute":"absolute"===v,"k-pos-fixed":"fixed"===v,"k-focus":j,[`k-rounded-${n.kendoThemeMaps.roundedMap[y]||y}`]:y,[`k-fab-solid-${k}`]:k},`k-${s.vertical}-${s.horizontal}`,a)),[k,b,y,i,v,s,j,a]),he=m&&m.map(((e,t)=>l.createElement(ee,{...e,key:t,index:t,id:`${Q}-${t}`,disabled:i||e.disabled,focused:V===t,dataItem:e,item:h,className:n.classNames(e.className,re(_||"ltr",s.horizontal)),onClick:ce,onDown:ue}))),fe=!(!c&&!d||f),ve=(A.current?A.current.offsetWidth:0)/2-16;let be;return be=c||d?l.createElement(n.IconWrap,{className:"k-fab-icon",name:c,icon:d}):u?l.createElement("span",{role:"presentation",className:u}):null,l.createElement(n.ZIndexContext.Provider,{value:F},l.createElement(l.Fragment,null,l.createElement("button",{ref:A,id:p||Z,role:"button",type:"button","aria-disabled":i,"aria-expanded":m?H:void 0,"aria-haspopup":!!m,"aria-label":`${f||""} floatingactionbutton`,"aria-owns":m?Q:void 0,"aria-activedescendant":V>=0&&m?`${Q}-${V}`:void 0,tabIndex:n.getTabIndex(I,i),accessKey:x,dir:_,disabled:i,className:me,style:g,onClick:Y,onMouseDown:ie,onFocus:te,onBlur:se,onKeyDown:pe,...M},be,f&&l.createElement("span",{className:"k-fab-text"},f)),w&&H&&l.createElement("div",{className:"k-overlay",style:{zIndex:F,...C}}),l.createElement(o.Popup,{ref:$,anchor:A.current,show:H,animate:E.animate,popupClass:n.classNames("k-popup-transparent k-fab-popup",E.popupClass),anchorAlign:E.anchorAlign||ne(s,J),popupAlign:E.popupAlign||oe(s,J),style:{boxShadow:"none"}},l.createElement("ul",{ref:T,role:"menu","aria-labelledby":p,id:Q,className:n.classNames("k-fab-items",{"k-fab-items-bottom":"bottom"!==s.vertical,"k-fab-items-top":"bottom"===s.vertical}),style:{paddingLeft:fe?ve:void 0,paddingRight:fe?ve:void 0}},he))))}));ce.propTypes={className:s.string,style:s.object,id:s.string,dir:s.string,tabIndex:s.number,accessKey:s.string,disabled:s.bool,icon:s.string,svgIcon:n.svgIconPropType,iconClass:s.string,text:s.string,alignOffset:s.shape({x:s.oneOfType([s.number,s.string]).isRequired,y:s.oneOfType([s.number,s.string]).isRequired}),align:s.shape({vertical:s.oneOf(["top","middle","bottom"]).isRequired,horizontal:s.oneOf(["start","center","end"]).isRequired}),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 de={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};ce.displayName="KendoFloatingActionButton";const ue=n.withIdHOC(D);ue.displayName="KendoReactDropDownButton";const pe=n.withIdHOC(k);pe.displayName="KendoReactSplitButton",e.Button=c,e.ButtonGroup=u,e.Chip=G,e.ChipList=Q,e.DropDownButton=ue,e.DropDownButtonClassComponent=D,e.DropDownButtonItem=I,e.FloatingActionButton=ce,e.FloatingActionButtonItem=ee,e.SplitButton=pe,e.SplitButtonClassComponent=k,e.SplitButtonItem=h,e.Toolbar=A,e.ToolbarItem=$,e.ToolbarSeparator=S,e.ToolbarSpacer=L,e.toolbarButtons=B}));

package/package-metadata.js

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

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1750161293,
-  version: "11.2.0-develop.2",
+  publishDate: 1750165252,
+  version: "11.2.0-develop.3",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-buttons",
-  "version": "11.2.0-develop.2",
+  "version": "11.2.0-develop.3",
   "description": "All you need in React Button in one package: disabled/enabled states, built-in styles and more. KendoReact Buttons package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,9 +26,9 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.6.0",
-    "@progress/kendo-react-common": "11.2.0-develop.2",
-    "@progress/kendo-react-intl": "11.2.0-develop.2",
-    "@progress/kendo-react-popup": "11.2.0-develop.2",
+    "@progress/kendo-react-common": "11.2.0-develop.3",
+    "@progress/kendo-react-intl": "11.2.0-develop.3",
+    "@progress/kendo-react-popup": "11.2.0-develop.3",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -63,7 +63,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1750161293,
+      "publishDate": 1750165252,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },