@progress/kendo-react-buttons 14.5.0-develop.14 → 14.5.0-develop.16

package/Chip/Chip.d.ts

@@ -397,6 +397,12 @@ export interface ChipProps {
      * This property is related to accessibility.
      */
     ariaLabel?: string;
+    /**
+     * Sets the `aria-selected` attribute on the Chip.
+     * When provided, overrides the internally computed selected state for the ARIA attribute.
+     * Only applies when `role` is `"option"`.
+     */
+    ariaSelected?: boolean;
 }
 /**
  * Represents the target(element and props) of the ChipRemoveEvent.

package/Chip/Chip.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 z=require("react"),c=require("prop-types"),b=require("./chip-list-contexts.js"),n=require("@progress/kendo-react-common"),A=require("@progress/kendo-svg-icons"),u=require("./focus-reducer.js"),q=require("./data-reducer.js"),k=require("./selection-reducer.js");function B(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const s=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(d,l,s.get?s:{enumerable:!0,get:()=>e[l]})}}return d.default=e,Object.freeze(d)}const a=B(z),N=a.forwardRef((e,d)=>{const l=a.useRef(null),s=a.useRef(null),{disabled:y=i.disabled,fillMode:O=i.fillMode,themeColor:T=i.themeColor,size:I=i.size,rounded:C=i.rounded,dir:D=i.dir,removeIcon:E=i.removeIcon,removeSvgIcon:M=i.removeSvgIcon,removable:m=i.removable}=e,S=n.useDir(s,D);a.useImperativeHandle(l,()=>({element:s.current,props:e})),a.useImperativeHandle(d,()=>l.current);const[v,r]=a.useContext(b.ChipListSelectionContext),[x,o]=a.useContext(b.ChipListFocusContext),[,R]=a.useContext(b.ChipListDataContext),f=a.useMemo(()=>e.selected||(Array.isArray(v)?v.some(t=>t===e.value):v===e.value),[e.selected,e.value,v]),g=a.useMemo(()=>x===e.value,[e.value,x]);a.useEffect(()=>{g&&s.current&&s.current.focus()},[g]);const _=a.useCallback(t=>{r({type:k.SELECTION_ACTION.toggle,payload:e.value,event:t})},[r,e.value]),h=a.useCallback(t=>{m&&(R({type:q.CHIP_DATA_ACTION.remove,payload:e.value,event:t}),o({type:u.FOCUS_ACTION.reset,payload:e.value,event:t}),r({type:k.SELECTION_ACTION.remove,payload:e.value,event:t}),e.onRemove&&e.onRemove.call(void 0,{target:l.current,syntheticEvent:t}))},[e.onRemove,e.value,m,R,o,r]),F=a.useCallback(t=>{switch(t.keyCode){case n.Keys.left:o({type:u.FOCUS_ACTION.prev,payload:e.value,event:t});break;case n.Keys.right:o({type:u.FOCUS_ACTION.next,payload:e.value,event:t});break;case n.Keys.enter:r({type:k.SELECTION_ACTION.toggle,payload:e.value,event:t});break;case n.Keys.delete:h(t);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:l.current,syntheticEvent:t})},[e.onKeyDown,e.value,o,r,h]),K=a.useCallback(t=>{o({payload:e.value,type:u.FOCUS_ACTION.current,event:t}),e.onFocus&&e.onFocus.call(void 0,{target:l.current,syntheticEvent:t})},[e.onFocus,e.value,o]),P=a.useCallback(t=>{o({type:u.FOCUS_ACTION.reset,payload:e.value,event:t}),e.onBlur&&e.onBlur.call(void 0,{target:l.current,syntheticEvent:t})},[e.onBlur,e.value,o]),w=n.useMouse(e,l,{onClick:_});return a.createElement("div",{...w,role:e.role||"button",id:e.value,style:e.style,ref:s,dir:S,tabIndex:n.getTabIndex(e.tabIndex,y,void 0),className:n.classNames("k-chip",{"k-rtl":S==="rtl","k-disabled":y,"k-selected":f,"k-focus":g,[`k-chip-${n.kendoThemeMaps.sizeMap[I]||I}`]:I,[`k-rounded-${n.kendoThemeMaps.roundedMap[C]||C}`]:C,[`k-chip-${O}`]:O,[`k-chip-${T}`]:!!T},e.className),"aria-pressed":e.role?void 0:f,"aria-disabled":y,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":m?"Enter Delete":void 0,onFocus:K,onBlur:P,onKeyDown:F},f&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?n.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(n.IconWrap,{className:"k-chip-icon",name:e.icon?n.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:n.classNames("k-chip-avatar","k-avatar",e.avatar.rounded&&`k-rounded-${e.avatar.rounded}`),style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||e.text,className:"k-chip-label"},e.text)),m&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:n.classNames("k-chip-action","k-chip-remove-action"),onClick:h},a.createElement(n.IconWrap,{name:E?n.toIconName(E):void 0,icon:M||A.xCircleIcon,size:"small"}))))}),L={id:c.string,text:c.string,value:c.any,dir:c.oneOf(["ltr","rtl"]),removable:c.bool,removeIcon:c.string,removeIconSvg:n.svgIconPropType,disabled:c.bool,icon:c.string,svgIcon:n.svgIconPropType,selectedIcon:c.string,selectedIconSvg:n.svgIconPropType,onRemove:c.func,dataItem:c.any,selected:c.bool,ariaDescribedBy:c.string,size:c.oneOf(["small","medium","large"]),rounded:c.oneOf(["small","medium","large","full","none"]),fillMode:c.oneOf(["outline","solid"]),themeColor:c.oneOf(["base","info","success","warning","error"])},i={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:A.xCircleIcon,dir:"ltr",size:void 0,rounded:void 0,fillMode:void 0,themeColor:void 0};N.displayName="KendoReactChip";N.propTypes=L;exports.Chip=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),n=require("prop-types"),h=require("./chip-list-contexts.js"),c=require("@progress/kendo-react-common"),D=require("@progress/kendo-svg-icons"),u=require("./focus-reducer.js"),B=require("./data-reducer.js"),k=require("./selection-reducer.js");function j(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(d,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return d.default=e,Object.freeze(d)}const a=j(q),N=a.forwardRef((e,d)=>{var A;const l=a.useRef(null),r=a.useRef(null),{disabled:I=i.disabled,fillMode:O=i.fillMode,themeColor:S=i.themeColor,size:C=i.size,rounded:b=i.rounded,dir:M=i.dir,removeIcon:T=i.removeIcon,removeSvgIcon:_=i.removeSvgIcon,removable:m=i.removable}=e,E=c.useDir(r,M);a.useImperativeHandle(l,()=>({element:r.current,props:e})),a.useImperativeHandle(d,()=>l.current);const[v,s]=a.useContext(h.ChipListSelectionContext),[x,o]=a.useContext(h.ChipListFocusContext),[,R]=a.useContext(h.ChipListDataContext),y=a.useMemo(()=>e.selected||(Array.isArray(v)?v.some(t=>t===e.value):v===e.value),[e.selected,e.value,v]),F=e.role==="option"?(A=e.ariaSelected)!=null?A:y:void 0,f=a.useMemo(()=>x===e.value,[e.value,x]);a.useEffect(()=>{f&&r.current&&r.current.focus()},[f]);const K=a.useCallback(t=>{s({type:k.SELECTION_ACTION.toggle,payload:e.value,event:t})},[s,e.value]),g=a.useCallback(t=>{m&&(R({type:B.CHIP_DATA_ACTION.remove,payload:e.value,event:t}),o({type:u.FOCUS_ACTION.reset,payload:e.value,event:t}),s({type:k.SELECTION_ACTION.remove,payload:e.value,event:t}),e.onRemove&&e.onRemove.call(void 0,{target:l.current,syntheticEvent:t}))},[e.onRemove,e.value,m,R,o,s]),P=a.useCallback(t=>{switch(t.keyCode){case c.Keys.left:o({type:u.FOCUS_ACTION.prev,payload:e.value,event:t});break;case c.Keys.right:o({type:u.FOCUS_ACTION.next,payload:e.value,event:t});break;case c.Keys.enter:s({type:k.SELECTION_ACTION.toggle,payload:e.value,event:t});break;case c.Keys.delete:g(t);break}e.onKeyDown&&e.onKeyDown.call(void 0,{target:l.current,syntheticEvent:t})},[e.onKeyDown,e.value,o,s,g]),w=a.useCallback(t=>{o({payload:e.value,type:u.FOCUS_ACTION.current,event:t}),e.onFocus&&e.onFocus.call(void 0,{target:l.current,syntheticEvent:t})},[e.onFocus,e.value,o]),z=a.useCallback(t=>{o({type:u.FOCUS_ACTION.reset,payload:e.value,event:t}),e.onBlur&&e.onBlur.call(void 0,{target:l.current,syntheticEvent:t})},[e.onBlur,e.value,o]),L=c.useMouse(e,l,{onClick:K});return a.createElement("div",{...L,role:e.role||"button",id:e.value,style:e.style,ref:r,dir:E,tabIndex:c.getTabIndex(e.tabIndex,I,void 0),className:c.classNames("k-chip",{"k-rtl":E==="rtl","k-disabled":I,"k-selected":y,"k-focus":f,[`k-chip-${c.kendoThemeMaps.sizeMap[C]||C}`]:C,[`k-rounded-${c.kendoThemeMaps.roundedMap[b]||b}`]:b,[`k-chip-${O}`]:O,[`k-chip-${S}`]:!!S},e.className),"aria-pressed":e.role?void 0:y,"aria-selected":F,"aria-disabled":I||void 0,"aria-label":e.ariaLabel,"aria-describedby":e.ariaDescribedBy,"aria-keyshortcuts":m&&e.role==="option"?"Enter Delete":void 0,onFocus:w,onBlur:z,onKeyDown:P},y&&(e.selectedIcon||e.selectedSvgIcon)&&a.createElement(c.IconWrap,{className:"k-chip-icon",name:e.selectedIcon?c.toIconName(e.selectedIcon):void 0,icon:e.selectedSvgIcon,size:"small"}),(e.icon||e.svgIcon)&&a.createElement(c.IconWrap,{className:"k-chip-icon",name:e.icon?c.toIconName(e.icon):void 0,icon:e.svgIcon,size:"small"}),e.avatar&&a.createElement("div",{className:c.classNames("k-chip-avatar","k-avatar",e.avatar.rounded&&`k-rounded-${e.avatar.rounded}`),style:e.avatar.style},a.createElement("span",{className:"k-avatar-image"},a.createElement("img",{src:e.avatar.image,alt:e.avatar.imageAlt}))),a.createElement("span",{className:"k-chip-content"},e.children!==void 0?e.children:e.text&&a.createElement("span",{"aria-label":e.ariaLabel||void 0,className:"k-chip-label"},e.text)),m&&a.createElement("span",{className:"k-chip-actions"},a.createElement("span",{className:c.classNames("k-chip-action","k-chip-remove-action"),onClick:g},a.createElement(c.IconWrap,{name:T?c.toIconName(T):void 0,icon:_||D.xCircleIcon,size:"small"}))))}),U={id:n.string,text:n.string,value:n.any,dir:n.oneOf(["ltr","rtl"]),removable:n.bool,removeIcon:n.string,removeIconSvg:c.svgIconPropType,disabled:n.bool,icon:n.string,svgIcon:c.svgIconPropType,selectedIcon:n.string,selectedIconSvg:c.svgIconPropType,onRemove:n.func,dataItem:n.any,selected:n.bool,ariaSelected:n.bool,ariaDescribedBy:n.string,size:n.oneOf(["small","medium","large"]),rounded:n.oneOf(["small","medium","large","full","none"]),fillMode:n.oneOf(["outline","solid"]),themeColor:n.oneOf(["base","info","success","warning","error"])},i={disabled:!1,removable:!1,removeIcon:"k-i-x-circle",removeSvgIcon:D.xCircleIcon,dir:"ltr",size:void 0,rounded:void 0,fillMode:void 0,themeColor:void 0};N.displayName="KendoReactChip";N.propTypes=U;exports.Chip=N;

package/Chip/Chip.mjs

@@ -7,59 +7,60 @@
  */
 import * as a from "react";
 import l from "prop-types";
-import { ChipListSelectionContext as H, ChipListFocusContext as U, ChipListDataContext as W } from "./chip-list-contexts.mjs";
-import { useDir as j, Keys as u, useMouse as q, classNames as b, kendoThemeMaps as O, getTabIndex as G, IconWrap as I, toIconName as C, svgIconPropType as E } from "@progress/kendo-react-common";
-import { xCircleIcon as w } from "@progress/kendo-svg-icons";
+import { ChipListSelectionContext as W, ChipListFocusContext as j, ChipListDataContext as q } from "./chip-list-contexts.mjs";
+import { useDir as G, Keys as v, useMouse as J, classNames as g, kendoThemeMaps as w, getTabIndex as Q, IconWrap as I, toIconName as C, svgIconPropType as E } from "@progress/kendo-react-common";
+import { xCircleIcon as z } from "@progress/kendo-svg-icons";
 import { FOCUS_ACTION as r } from "./focus-reducer.mjs";
-import { CHIP_DATA_ACTION as J } from "./data-reducer.mjs";
-import { SELECTION_ACTION as x } from "./selection-reducer.mjs";
-const z = a.forwardRef((e, A) => {
+import { CHIP_DATA_ACTION as V } from "./data-reducer.mjs";
+import { SELECTION_ACTION as N } from "./selection-reducer.mjs";
+const A = a.forwardRef((e, B) => {
+  var O;
   const o = a.useRef(null), d = a.useRef(null), {
-    disabled: v = c.disabled,
-    fillMode: N = c.fillMode,
-    themeColor: D = c.themeColor,
-    size: y = c.size,
-    rounded: f = c.rounded,
-    dir: B = c.dir,
-    removeIcon: R = c.removeIcon,
-    removeSvgIcon: F = c.removeSvgIcon,
+    disabled: y = c.disabled,
+    fillMode: x = c.fillMode,
+    themeColor: S = c.themeColor,
+    size: f = c.size,
+    rounded: h = c.rounded,
+    dir: F = c.dir,
+    removeIcon: D = c.removeIcon,
+    removeSvgIcon: K = c.removeSvgIcon,
     removable: s = c.removable
-  } = e, S = j(d, B);
+  } = e, R = G(d, F);
   a.useImperativeHandle(o, () => ({
     element: d.current,
     props: e
-  })), a.useImperativeHandle(A, () => o.current);
-  const [m, i] = a.useContext(H), [T, n] = a.useContext(U), [, M] = a.useContext(W), h = a.useMemo(() => e.selected || (Array.isArray(m) ? m.some((t) => t === e.value) : m === e.value), [e.selected, e.value, m]), k = a.useMemo(() => T === e.value, [e.value, T]);
+  })), a.useImperativeHandle(B, () => o.current);
+  const [m, i] = a.useContext(W), [T, n] = a.useContext(j), [, M] = a.useContext(q), u = a.useMemo(() => e.selected || (Array.isArray(m) ? m.some((t) => t === e.value) : m === e.value), [e.selected, e.value, m]), L = e.role === "option" ? (O = e.ariaSelected) != null ? O : u : void 0, b = a.useMemo(() => T === e.value, [e.value, T]);
   a.useEffect(() => {
-    k && d.current && d.current.focus();
-  }, [k]);
-  const K = a.useCallback(
+    b && d.current && d.current.focus();
+  }, [b]);
+  const P = a.useCallback(
     (t) => {
-      i({ type: x.toggle, payload: e.value, event: t });
+      i({ type: N.toggle, payload: e.value, event: t });
     },
     [i, e.value]
-  ), g = a.useCallback(
+  ), k = a.useCallback(
     (t) => {
-      s && (M({ type: J.remove, payload: e.value, event: t }), n({ type: r.reset, payload: e.value, event: t }), i({ type: x.remove, payload: e.value, event: t }), e.onRemove && e.onRemove.call(void 0, {
+      s && (M({ type: V.remove, payload: e.value, event: t }), n({ type: r.reset, payload: e.value, event: t }), i({ type: N.remove, payload: e.value, event: t }), e.onRemove && e.onRemove.call(void 0, {
         target: o.current,
         syntheticEvent: t
       }));
     },
     [e.onRemove, e.value, s, M, n, i]
-  ), L = a.useCallback(
+  ), $ = a.useCallback(
     (t) => {
       switch (t.keyCode) {
-        case u.left:
+        case v.left:
           n({ type: r.prev, payload: e.value, event: t });
           break;
-        case u.right:
+        case v.right:
           n({ type: r.next, payload: e.value, event: t });
           break;
-        case u.enter:
-          i({ type: x.toggle, payload: e.value, event: t });
+        case v.enter:
+          i({ type: N.toggle, payload: e.value, event: t });
           break;
-        case u.delete:
-          g(t);
+        case v.delete:
+          k(t);
           break;
       }
       e.onKeyDown && e.onKeyDown.call(void 0, {
@@ -67,8 +68,8 @@ const z = a.forwardRef((e, A) => {
         syntheticEvent: t
       });
     },
-    [e.onKeyDown, e.value, n, i, g]
-  ), P = a.useCallback(
+    [e.onKeyDown, e.value, n, i, k]
+  ), _ = a.useCallback(
     (t) => {
       n({ payload: e.value, type: r.current, event: t }), e.onFocus && e.onFocus.call(void 0, {
         target: o.current,
@@ -76,7 +77,7 @@ const z = a.forwardRef((e, A) => {
       });
     },
     [e.onFocus, e.value, n]
-  ), $ = a.useCallback(
+  ), H = a.useCallback(
     (t) => {
       n({ type: r.reset, payload: e.value, event: t }), e.onBlur && e.onBlur.call(void 0, {
         target: o.current,
@@ -84,40 +85,42 @@ const z = a.forwardRef((e, A) => {
       });
     },
     [e.onBlur, e.value, n]
-  ), _ = q(e, o, { onClick: K });
+  ), U = J(e, o, { onClick: P });
   return /* @__PURE__ */ a.createElement(
     "div",
     {
-      ..._,
+      ...U,
       role: e.role || "button",
       id: e.value,
       style: e.style,
       ref: d,
-      dir: S,
-      tabIndex: G(e.tabIndex, v, void 0),
-      className: b(
+      dir: R,
+      tabIndex: Q(e.tabIndex, y, void 0),
+      className: g(
         "k-chip",
         {
-          "k-rtl": S === "rtl",
-          "k-disabled": v,
-          "k-selected": h,
-          "k-focus": k,
-          [`k-chip-${O.sizeMap[y] || y}`]: y,
-          [`k-rounded-${O.roundedMap[f] || f}`]: f,
-          [`k-chip-${N}`]: N,
-          [`k-chip-${D}`]: !!D
+          "k-rtl": R === "rtl",
+          "k-disabled": y,
+          "k-selected": u,
+          "k-focus": b,
+          [`k-chip-${w.sizeMap[f] || f}`]: f,
+          [`k-rounded-${w.roundedMap[h] || h}`]: h,
+          [`k-chip-${x}`]: x,
+          [`k-chip-${S}`]: !!S
         },
         e.className
       ),
-      "aria-pressed": e.role ? void 0 : h,
-      "aria-disabled": v,
+      "aria-pressed": e.role ? void 0 : u,
+      "aria-selected": L,
+      "aria-disabled": y || void 0,
+      "aria-label": e.ariaLabel,
       "aria-describedby": e.ariaDescribedBy,
-      "aria-keyshortcuts": s ? "Enter Delete" : void 0,
-      onFocus: P,
-      onBlur: $,
-      onKeyDown: L
+      "aria-keyshortcuts": s && e.role === "option" ? "Enter Delete" : void 0,
+      onFocus: _,
+      onBlur: H,
+      onKeyDown: $
     },
-    h && (e.selectedIcon || e.selectedSvgIcon) && /* @__PURE__ */ a.createElement(
+    u && (e.selectedIcon || e.selectedSvgIcon) && /* @__PURE__ */ a.createElement(
       I,
       {
         className: "k-chip-icon",
@@ -138,7 +141,7 @@ const z = a.forwardRef((e, A) => {
     e.avatar && /* @__PURE__ */ a.createElement(
       "div",
       {
-        className: b(
+        className: g(
           "k-chip-avatar",
           "k-avatar",
           e.avatar.rounded && `k-rounded-${e.avatar.rounded}`
@@ -147,17 +150,17 @@ const z = a.forwardRef((e, A) => {
       },
       /* @__PURE__ */ a.createElement("span", { className: "k-avatar-image" }, /* @__PURE__ */ a.createElement("img", { src: e.avatar.image, alt: e.avatar.imageAlt }))
     ),
-    /* @__PURE__ */ a.createElement("span", { className: "k-chip-content" }, e.children !== void 0 ? e.children : e.text && /* @__PURE__ */ a.createElement("span", { "aria-label": e.ariaLabel || e.text, className: "k-chip-label" }, e.text)),
-    s && /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: b("k-chip-action", "k-chip-remove-action"), onClick: g }, /* @__PURE__ */ a.createElement(
+    /* @__PURE__ */ a.createElement("span", { className: "k-chip-content" }, e.children !== void 0 ? e.children : e.text && /* @__PURE__ */ a.createElement("span", { "aria-label": e.ariaLabel || void 0, className: "k-chip-label" }, e.text)),
+    s && /* @__PURE__ */ a.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ a.createElement("span", { className: g("k-chip-action", "k-chip-remove-action"), onClick: k }, /* @__PURE__ */ a.createElement(
       I,
       {
-        name: R ? C(R) : void 0,
-        icon: F || w,
+        name: D ? C(D) : void 0,
+        icon: K || z,
         size: "small"
       }
     )))
   );
-}), Q = {
+}), X = {
   id: l.string,
   text: l.string,
   value: l.any,
@@ -173,6 +176,7 @@ const z = a.forwardRef((e, A) => {
   onRemove: l.func,
   dataItem: l.any,
   selected: l.bool,
+  ariaSelected: l.bool,
   ariaDescribedBy: l.string,
   size: l.oneOf(["small", "medium", "large"]),
   rounded: l.oneOf(["small", "medium", "large", "full", "none"]),
@@ -182,15 +186,15 @@ const z = a.forwardRef((e, A) => {
   disabled: !1,
   removable: !1,
   removeIcon: "k-i-x-circle",
-  removeSvgIcon: w,
+  removeSvgIcon: z,
   dir: "ltr",
   size: void 0,
   rounded: void 0,
   fillMode: void 0,
   themeColor: void 0
 };
-z.displayName = "KendoReactChip";
-z.propTypes = Q;
+A.displayName = "KendoReactChip";
+A.propTypes = X;
 export {
-  z as Chip
+  A as Chip
 };

package/Chip/ChipList.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 W=require("react"),t=require("prop-types"),p=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js");function V(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=V(W),ee=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,o]=a.useState(e);return[l,c=>{const u=X.selectionReducer(i.state||l,{...c,...i});n&&n(u,c.event),i.selection!=="none"&&o(u)}]},te=e=>{const[i,n]=a.useState(null);return[i,o=>{const h=Y.focusReducer(o.payload,{...o,...e});n(h)}]},ae=(e,i,n)=>{const[l,o]=a.useState(e);return[l,c=>{const u=Z.dataReducer(i.state||l,{...c,...i});n&&n(u,c.event),o(u)}]},x=a.forwardRef((e,i)=>{const n=a.useRef(null),l=a.useRef(null),{id:o,style:h,tabIndex:c,className:u,ariaDescribedBy:T,ariaLabelledBy:q,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:v=r.disabled,size:y=r.size,defaultValue:E=r.defaultValue,selection:O=r.selection,valueField:f=r.valueField,textField:F=r.textField,dir:N=r.dir,onChange:C,onDataChange:g}=e,L=p.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,d)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[C]),[k,B]=ee(b||E,{selection:O,state:b},A),_=a.useCallback((s,d)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[g]),[I,G]=ae(e.data||z,{state:e.data,valueField:f},_),M=a.useCallback((s,d)=>(s.push(d[f]),s),[f]),m=a.useMemo(()=>e.data||I,[e.data,I]),H=a.useMemo(()=>b||k,[b,k]),K=a.useMemo(()=>m.reduce(M,[]),[m,M]),P=a.useCallback(s=>p.getter(f)(s),[f]),$=a.useCallback(s=>p.getter(F)(s),[F]),[J,Q]=te({items:K}),U=p.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[m,G]},a.createElement("div",{ref:l,...U,role:v?void 0:"listbox",id:o,dir:L,style:h,tabIndex:p.getTabIndex(c,v,void 0),className:p.classNames("k-chip-list",{"k-rtl":L==="rtl","k-disabled":v,[`k-chip-list-${p.kendoThemeMaps.sizeMap[y]||y}`]:y},u),"aria-label":j,"aria-labelledby":q,"aria-describedby":T,"aria-orientation":"horizontal","aria-multiselectable":O==="multiple"},m.map((s,d)=>a.createElement(w,{role:"option",dataItem:s,size:y,key:[P(s),d].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),ne={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf(["small","medium","large"])},r={chip:S.Chip,size:void 0,disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value"};x.displayName="KendoReactChipList";x.propTypes=ne;exports.ChipList=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),t=require("prop-types"),p=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js");function V(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=V(W),ee=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,o]=a.useState(e);return[l,c=>{const u=X.selectionReducer(i.state||l,{...c,...i});n&&n(u,c.event),i.selection!=="none"&&o(u)}]},te=e=>{const[i,n]=a.useState(null);return[i,o=>{const h=Y.focusReducer(o.payload,{...o,...e});n(h)}]},ae=(e,i,n)=>{const[l,o]=a.useState(e);return[l,c=>{const u=Z.dataReducer(i.state||l,{...c,...i});n&&n(u,c.event),o(u)}]},x=a.forwardRef((e,i)=>{const n=a.useRef(null),l=a.useRef(null),{id:o,style:h,tabIndex:c,className:u,ariaDescribedBy:T,ariaLabelledBy:q,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:m=r.disabled,size:v=r.size,defaultValue:E=r.defaultValue,selection:O=r.selection,valueField:f=r.valueField,textField:F=r.textField,dir:N=r.dir,onChange:C,onDataChange:g}=e,L=p.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,d)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[C]),[k,B]=ee(b||E,{selection:O,state:b},A),_=a.useCallback((s,d)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[g]),[I,G]=ae(e.data||z,{state:e.data,valueField:f},_),M=a.useCallback((s,d)=>(s.push(d[f]),s),[f]),y=a.useMemo(()=>e.data||I,[e.data,I]),H=a.useMemo(()=>b||k,[b,k]),K=a.useMemo(()=>y.reduce(M,[]),[y,M]),P=a.useCallback(s=>p.getter(f)(s),[f]),$=a.useCallback(s=>p.getter(F)(s),[F]),[J,Q]=te({items:K}),U=p.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[y,G]},a.createElement("div",{ref:l,...U,role:m?void 0:"listbox",id:o,dir:L,style:h,tabIndex:p.getTabIndex(c,m,void 0),className:p.classNames("k-chip-list",{"k-rtl":L==="rtl","k-disabled":m,[`k-chip-list-${p.kendoThemeMaps.sizeMap[v]||v}`]:v},u),"aria-label":j,"aria-labelledby":q,"aria-describedby":T,"aria-orientation":"horizontal","aria-multiselectable":O==="multiple"||void 0},y.map((s,d)=>a.createElement(w,{role:"option",dataItem:s,size:v,key:[P(s),d].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),ne={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf(["small","medium","large"])},r={chip:S.Chip,size:void 0,disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value"};x.displayName="KendoReactChipList";x.propTypes=ne;exports.ChipList=x;

package/Chip/ChipList.mjs

@@ -117,7 +117,7 @@ const ie = (a, i, s) => {
       "aria-labelledby": T,
       "aria-describedby": M,
       "aria-orientation": "horizontal",
-      "aria-multiselectable": x === "multiple"
+      "aria-multiselectable": x === "multiple" || void 0
     },
     v.map((n, u) => /* @__PURE__ */ t.createElement(
       A,

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