@progress/kendo-react-inputs 15.1.1-develop.2 → 15.2.0-develop.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "15.1.1-develop.2",
+  "version": "15.2.0-develop.1",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,14 +28,14 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "15.1.1-develop.2",
-    "@progress/kendo-react-buttons": "15.1.1-develop.2",
-    "@progress/kendo-react-common": "15.1.1-develop.2",
-    "@progress/kendo-react-dialogs": "15.1.1-develop.2",
-    "@progress/kendo-react-layout": "15.1.1-develop.2",
-    "@progress/kendo-react-intl": "15.1.1-develop.2",
-    "@progress/kendo-react-labels": "15.1.1-develop.2",
-    "@progress/kendo-react-popup": "15.1.1-develop.2",
+    "@progress/kendo-react-animation": "15.2.0-develop.1",
+    "@progress/kendo-react-buttons": "15.2.0-develop.1",
+    "@progress/kendo-react-common": "15.2.0-develop.1",
+    "@progress/kendo-react-dialogs": "15.2.0-develop.1",
+    "@progress/kendo-react-layout": "15.2.0-develop.1",
+    "@progress/kendo-react-intl": "15.2.0-develop.1",
+    "@progress/kendo-react-labels": "15.2.0-develop.1",
+    "@progress/kendo-react-popup": "15.2.0-develop.1",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -82,7 +82,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1784220800,
+      "publishDate": 1784273472,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/slider/Slider.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 a=require("react"),i=require("prop-types"),s=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),ae=require("./SliderLabel.js"),j=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-svg-icons");function le(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const v=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(k,o,v.get?v:{enumerable:!0,get:()=>e[o]})}}return k.default=e,Object.freeze(k)}const c=le(a),h={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,tabIndex:0},R=c.forwardRef((e,k)=>{var K,M,O;const{step:o=h.step,largeStep:v=h.largeStep,vertical:l=h.vertical,disabled:m=h.disabled,tabIndex:P=h.tabIndex}=e,[U,W]=a.useState((K=e.defaultValue)!=null?K:e.min),[H,z]=a.useState(!1),[E,X]=a.useState(e.dir),N=a.useRef(null),y=a.useRef(null),S=a.useMemo(()=>new F.LocalizationService,[]),A=a.useRef(null),B=e.value!==void 0,w=B&&e.value!==void 0?e.value:U,d=a.useMemo(()=>w<e.min?e.min:w>e.max?e.max:w,[w,e.min,e.max]),C=a.useMemo(()=>{const t=e.max-e.min;return t===0?0:(d-e.min)/t*100},[d,e.min,e.max]),b=(M=e.dir)!=null?M:E;a.useEffect(()=>{if(e.dir===void 0&&y.current){const n=window.getComputedStyle(y.current).direction;n!==E&&X(n)}},[e.dir,E]);const q=a.useCallback(t=>{let n=t;for(;n;){if(n.getAttribute(ae.SLIDER_LABEL_ATTRIBUTE))return!0;n=n.parentElement}return!1},[]),g=a.useCallback((t,n)=>{const u=Math.min(Math.max(n,e.min),e.max);B||W(u),s.dispatchEvent(e.onChange,t,A.current,{value:u})},[e.min,e.max,e.onChange,B]),G=a.useCallback(()=>{z(!0)},[]),Y=a.useCallback(()=>{z(!1)},[]),J=a.useCallback(t=>{if(m)return;let n;t.keyCode===s.Keys.left||t.keyCode===s.Keys.down?n=d-(o||0):t.keyCode===s.Keys.right||t.keyCode===s.Keys.up?n=d+(o||0):t.keyCode===s.Keys.pageDown?n=d-(v||0):t.keyCode===s.Keys.pageUp?n=d+(v||0):t.keyCode===s.Keys.home?n=e.min:t.keyCode===s.Keys.end&&(n=e.max),n!==void 0&&(t.preventDefault(),g(t,n))},[d,o,v,e.min,e.max,g,m]),Q=a.useCallback(t=>{t.preventDefault(),!m&&g(t,d-(o||0))},[d,o,g,m]),Z=a.useCallback(t=>{t.preventDefault(),!m&&g(t,d+(o||0))},[d,o,g,m]),D=a.useCallback(t=>{const n=t.element.getBoundingClientRect();let u;l?u=n.bottom-t.event.clientY:u=b==="rtl"?n.right-t.event.clientX:t.event.clientX-n.left;const x=l?n.height:n.width,I=u/x;g(t,e.min+I*(e.max-e.min))},[l,e.min,e.max,b,g]),$=a.useCallback(t=>{q(t.event.originalEvent.target)||(t.event.isTouch&&t.event.originalEvent.preventDefault(),D(t))},[q,D]),p=a.useCallback(t=>{t.event.originalEvent.preventDefault(),D(t)},[D]),L=a.useCallback(()=>{y.current&&y.current.focus()},[]),ee=a.useCallback(t=>{if(!t.enabled)return t.children;let n,u,x,I;return b==="rtl"?(n=l?f.chevronUpIcon:f.chevronLeftIcon,u=l?f.chevronDownIcon:f.chevronRightIcon,x=l?"chevron-up":"chevron-left",I=l?"chevron-down":"chevron-right"):(n=l?f.chevronUpIcon:f.chevronRightIcon,u=l?f.chevronDownIcon:f.chevronLeftIcon,x=l?"chevron-up":"chevron-right",I=l?"chevron-down":"chevron-left"),c.createElement(c.Fragment,null,c.createElement(j.Button,{className:"k-button-decrease",rounded:"full",icon:I,svgIcon:u,title:t.decrementTitle,onClick:t.decrement}),t.children,c.createElement(j.Button,{className:"k-button-increase",rounded:"full",icon:x,svgIcon:n,title:t.incrementTitle,onClick:t.increment}))},[b,l]);a.useImperativeHandle(k,()=>({props:e,sliderTrack:N.current,focus:L}),[e,L]),s.useWebMcpRegister("slider",A,e,e.webMcp),a.useEffect(()=>{A.current={props:e,sliderTrack:N.current,focus:L}},[e,L]);const te=l?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},ne=l?{paddingTop:0,height:"100%"}:{};let T;return l?T={bottom:"calc("+C+"%)",zIndex:1}:b==="rtl"?T={right:"calc("+C+"%)",zIndex:1}:T={left:"calc("+C+"%)",zIndex:1},c.createElement("div",{ref:y,dir:b,id:e.id,"aria-label":e.ariaLabel||S.toLanguageString(r.sliderAriaLabel,r.messages[r.sliderAriaLabel]),style:{gap:0,...e.style},onFocus:G,onBlur:Y,onKeyDown:J,className:s.classNames("k-slider",{"k-focus":H,"k-disabled":m,"k-slider-horizontal":!l,"k-slider-vertical":l},e.className)},ee({enabled:(O=e.buttons)!=null?O:h.buttons,decrement:Q,increment:Z,incrementTitle:S.toLanguageString(r.sliderIncreaseValue,r.messages[r.sliderIncreaseValue]),decrementTitle:S.toLanguageString(r.sliderDecreaseValue,r.messages[r.sliderDecreaseValue]),children:c.createElement(s.Draggable,{onDrag:p,onPress:$,autoScroll:!1},c.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...te}},e.children&&c.createElement("ul",{className:"k-reset k-slider-items","aria-hidden":"true",style:{margin:0,...ne}},c.Children.map(e.children,(t,n)=>t&&c.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:l,firstTick:n===0,lastTick:n===c.Children.count(e.children)-1},t.props.children))),c.createElement("div",{className:"k-slider-track",style:l?{bottom:0,height:"100%"}:{[b==="rtl"?"right":"left"]:0,width:"100%"},ref:N},c.createElement("div",{className:"k-slider-selection",style:l?{height:C+"%"}:{width:C+"%"}}),c.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":d,"aria-orientation":l?"vertical":void 0,"aria-disabled":m?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel||S.toLanguageString(r.sliderAriaLabel,r.messages[r.sliderAriaLabel]),tabIndex:s.getTabIndex(P,m,void 0),className:"k-draghandle k-draghandle-end",title:S.toLanguageString(r.sliderDragTitle,r.messages[r.sliderDragTitle]),style:T}))))}))});R.displayName="Slider";const _=s.createPropsContext(),V=s.withPropsContext(_,R);V.displayName="KendoReactSlider";V.propTypes={value:i.number,defaultValue:i.number,min:i.number.isRequired,max:i.number.isRequired,step:i.number,largeStep:i.number,onChange:i.func,style:i.object,className:i.string,buttons:i.bool,tabIndex:i.number,disabled:i.bool,vertical:i.bool,id:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,dir:i.oneOf(["ltr","rtl"]),children:i.node};F.registerForLocalization(R);exports.Slider=V;exports.SliderPropsContext=_;exports.SliderWithoutContext=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=require("prop-types"),c=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-intl"),m=require("../messages/index.js"),ae=require("./SliderLabel.js"),j=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-svg-icons");function le(e){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const b=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(k,o,b.get?b:{enumerable:!0,get:()=>e[o]})}}return k.default=e,Object.freeze(k)}const r=le(a),h={step:1,largeStep:10,buttons:!1,vertical:!1,disabled:!1,tabIndex:0},R=r.forwardRef((e,k)=>{var M,A,O;const{step:o=h.step,largeStep:b=h.largeStep,vertical:l=h.vertical,disabled:u=h.disabled,tabIndex:P=h.tabIndex}=e,[U,W]=a.useState((M=e.defaultValue)!=null?M:e.min),[H,q]=a.useState(!1),[E,X]=a.useState(e.dir),L=a.useRef(null),y=a.useRef(null),N=a.useMemo(()=>new F.LocalizationService,[]),B=a.useRef(null),V=e.value!==void 0,I=V&&e.value!==void 0?e.value:U,s=a.useMemo(()=>I<e.min?e.min:I>e.max?e.max:I,[I,e.min,e.max]),C=a.useMemo(()=>{const t=e.max-e.min;return t===0?0:(s-e.min)/t*100},[s,e.min,e.max]),v=(A=e.dir)!=null?A:E;a.useEffect(()=>{if(e.dir===void 0&&y.current){const n=window.getComputedStyle(y.current).direction;n!==E&&X(n)}},[e.dir,E]);const K=a.useCallback(t=>{let n=t;for(;n;){if(n.getAttribute(ae.SLIDER_LABEL_ATTRIBUTE))return!0;n=n.parentElement}return!1},[]),g=a.useCallback((t,n)=>{const d=Math.min(Math.max(n,e.min),e.max);V||W(d),c.dispatchEvent(e.onChange,t,B.current,{value:d})},[e.min,e.max,e.onChange,V]),G=a.useCallback(()=>{q(!0)},[]),Y=a.useCallback(()=>{q(!1)},[]),J=a.useCallback(t=>{if(u)return;let n;t.keyCode===c.Keys.left||t.keyCode===c.Keys.down?n=s-(o||0):t.keyCode===c.Keys.right||t.keyCode===c.Keys.up?n=s+(o||0):t.keyCode===c.Keys.pageDown?n=s-(b||0):t.keyCode===c.Keys.pageUp?n=s+(b||0):t.keyCode===c.Keys.home?n=e.min:t.keyCode===c.Keys.end&&(n=e.max),n!==void 0&&(t.preventDefault(),g(t,n))},[s,o,b,e.min,e.max,g,u]),Q=a.useCallback(t=>{t.preventDefault(),!u&&g(t,s-(o||0))},[s,o,g,u]),Z=a.useCallback(t=>{t.preventDefault(),!u&&g(t,s+(o||0))},[s,o,g,u]),w=a.useCallback(t=>{const n=t.element.getBoundingClientRect();let d;l?d=n.bottom-t.event.clientY:d=v==="rtl"?n.right-t.event.clientX:t.event.clientX-n.left;const S=l?n.height:n.width,x=d/S;g(t,e.min+x*(e.max-e.min))},[l,e.min,e.max,v,g]),$=a.useCallback(t=>{K(t.event.originalEvent.target)||(t.event.isTouch&&t.event.originalEvent.preventDefault(),w(t))},[K,w]),p=a.useCallback(t=>{t.event.originalEvent.preventDefault(),w(t)},[w]),D=a.useCallback(()=>{y.current&&y.current.focus()},[]),ee=a.useCallback(t=>{if(!t.enabled)return t.children;let n,d,S,x;return v==="rtl"?(n=l?f.chevronUpIcon:f.chevronLeftIcon,d=l?f.chevronDownIcon:f.chevronRightIcon,S=l?"chevron-up":"chevron-left",x=l?"chevron-down":"chevron-right"):(n=l?f.chevronUpIcon:f.chevronRightIcon,d=l?f.chevronDownIcon:f.chevronLeftIcon,S=l?"chevron-up":"chevron-right",x=l?"chevron-down":"chevron-left"),r.createElement(r.Fragment,null,r.createElement(j.Button,{className:"k-button-decrease",rounded:"full",icon:x,svgIcon:d,title:t.decrementTitle,onClick:t.decrement}),t.children,r.createElement(j.Button,{className:"k-button-increase",rounded:"full",icon:S,svgIcon:n,title:t.incrementTitle,onClick:t.increment}))},[v,l]);a.useImperativeHandle(k,()=>({props:e,sliderTrack:L.current,focus:D}),[e,D]),c.useWebMcpRegister("slider",B,e,e.webMcp),a.useEffect(()=>{B.current={props:e,sliderTrack:L.current,focus:D}},[e,D]);const te=l?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},ne=l?{paddingTop:0,height:"100%"}:{};let T;return l?T={bottom:"calc("+C+"%)",zIndex:1}:v==="rtl"?T={right:"calc("+C+"%)",zIndex:1}:T={left:"calc("+C+"%)",zIndex:1},r.createElement("div",{ref:y,dir:v,id:e.id,"aria-label":e.ariaLabel,style:{gap:0,...e.style},onFocus:G,onBlur:Y,onKeyDown:J,className:c.classNames("k-slider",{"k-focus":H,"k-disabled":u,"k-slider-horizontal":!l,"k-slider-vertical":l},e.className)},ee({enabled:(O=e.buttons)!=null?O:h.buttons,decrement:Q,increment:Z,incrementTitle:N.toLanguageString(m.sliderIncreaseValue,m.messages[m.sliderIncreaseValue]),decrementTitle:N.toLanguageString(m.sliderDecreaseValue,m.messages[m.sliderDecreaseValue]),children:r.createElement(c.Draggable,{onDrag:p,onPress:$,autoScroll:!1},r.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...te}},e.children&&r.createElement("ul",{className:"k-reset k-slider-items","aria-hidden":"true",style:{margin:0,...ne}},r.Children.map(e.children,(t,n)=>t&&r.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:l,firstTick:n===0,lastTick:n===r.Children.count(e.children)-1},t.props.children))),r.createElement("div",{className:"k-slider-track",style:l?{bottom:0,height:"100%"}:{[v==="rtl"?"right":"left"]:0,width:"100%"},ref:L},r.createElement("div",{className:"k-slider-selection",style:l?{height:C+"%"}:{width:C+"%"}}),r.createElement("span",{role:"slider","aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuenow":s,"aria-orientation":l?"vertical":void 0,"aria-disabled":u?"true":void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,tabIndex:c.getTabIndex(P,u,void 0),className:"k-draghandle k-draghandle-end",title:N.toLanguageString(m.sliderDragTitle,m.messages[m.sliderDragTitle]),style:T}))))}))});R.displayName="Slider";const _=c.createPropsContext(),z=c.withPropsContext(_,R);z.displayName="KendoReactSlider";z.propTypes={value:i.number,defaultValue:i.number,min:i.number.isRequired,max:i.number.isRequired,step:i.number,largeStep:i.number,onChange:i.func,style:i.object,className:i.string,buttons:i.bool,tabIndex:i.number,disabled:i.bool,vertical:i.bool,id:i.string,ariaDescribedBy:i.string,ariaLabelledBy:i.string,ariaLabel:i.string,dir:i.oneOf(["ltr","rtl"]),children:i.node};F.registerForLocalization(R);exports.Slider=z;exports.SliderPropsContext=_;exports.SliderWithoutContext=R;

package/slider/Slider.mjs

@@ -6,43 +6,43 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as r from "react";
-import { useState as z, useRef as B, useMemo as V, useEffect as H, useCallback as c, useImperativeHandle as ue } from "react";
+import { useState as R, useRef as N, useMemo as z, useEffect as q, useCallback as c, useImperativeHandle as me } from "react";
 import i from "prop-types";
-import { withPropsContext as ge, dispatchEvent as fe, Keys as m, useWebMcpRegister as ve, classNames as he, Draggable as be, getTabIndex as ye, createPropsContext as ke } from "@progress/kendo-react-common";
-import { LocalizationService as xe, registerForLocalization as Se } from "@progress/kendo-react-intl";
-import { sliderAriaLabel as E, messages as x, sliderDragTitle as O, sliderDecreaseValue as W, sliderIncreaseValue as X } from "../messages/index.mjs";
-import { SLIDER_LABEL_ATTRIBUTE as we } from "./SliderLabel.mjs";
-import { Button as _ } from "@progress/kendo-react-buttons";
-import { chevronUpIcon as j, chevronLeftIcon as G, chevronDownIcon as Y, chevronRightIcon as J } from "@progress/kendo-svg-icons";
-const f = {
+import { withPropsContext as ue, dispatchEvent as fe, Keys as m, useWebMcpRegister as ge, classNames as ve, Draggable as he, getTabIndex as be, createPropsContext as ye } from "@progress/kendo-react-common";
+import { LocalizationService as ke, registerForLocalization as xe } from "@progress/kendo-react-intl";
+import { sliderDragTitle as H, messages as B, sliderDecreaseValue as O, sliderIncreaseValue as W } from "../messages/index.mjs";
+import { SLIDER_LABEL_ATTRIBUTE as Se } from "./SliderLabel.mjs";
+import { Button as X } from "@progress/kendo-react-buttons";
+import { chevronUpIcon as _, chevronLeftIcon as j, chevronDownIcon as G, chevronRightIcon as Y } from "@progress/kendo-svg-icons";
+const g = {
   step: 1,
   largeStep: 10,
   buttons: !1,
   vertical: !1,
   disabled: !1,
   tabIndex: 0
-}, A = r.forwardRef((e, Q) => {
-  var K, U, q;
+}, V = r.forwardRef((e, P) => {
+  var M, K, U;
   const {
-    step: u = f.step,
-    largeStep: T = f.largeStep,
-    vertical: a = f.vertical,
-    disabled: d = f.disabled,
-    tabIndex: Z = f.tabIndex
-  } = e, [$, p] = z((K = e.defaultValue) != null ? K : e.min), [ee, F] = z(!1), [D, te] = z(e.dir), L = B(null), v = B(null), h = V(() => new xe(), []), R = B(null), N = e.value !== void 0, S = N && e.value !== void 0 ? e.value : $, l = V(() => S < e.min ? e.min : S > e.max ? e.max : S, [S, e.min, e.max]), b = V(() => {
+    step: u = g.step,
+    largeStep: C = g.largeStep,
+    vertical: a = g.vertical,
+    disabled: d = g.disabled,
+    tabIndex: Q = g.tabIndex
+  } = e, [Z, $] = R((M = e.defaultValue) != null ? M : e.min), [p, A] = R(!1), [I, ee] = R(e.dir), E = N(null), v = N(null), T = z(() => new ke(), []), D = N(null), L = e.value !== void 0, k = L && e.value !== void 0 ? e.value : Z, l = z(() => k < e.min ? e.min : k > e.max ? e.max : k, [k, e.min, e.max]), h = z(() => {
     const t = e.max - e.min;
     return t === 0 ? 0 : (l - e.min) / t * 100;
-  }, [l, e.min, e.max]), g = (U = e.dir) != null ? U : D;
-  H(() => {
+  }, [l, e.min, e.max]), f = (K = e.dir) != null ? K : I;
+  q(() => {
     if (e.dir === void 0 && v.current) {
       const n = window.getComputedStyle(v.current).direction;
-      n !== D && te(n);
+      n !== I && ee(n);
     }
-  }, [e.dir, D]);
-  const M = c((t) => {
+  }, [e.dir, I]);
+  const F = c((t) => {
     let n = t;
     for (; n; ) {
-      if (n.getAttribute(we))
+      if (n.getAttribute(Se))
         return !0;
       n = n.parentElement;
     }
@@ -50,113 +50,113 @@ const f = {
   }, []), s = c(
     (t, n) => {
       const o = Math.min(Math.max(n, e.min), e.max);
-      N || p(o), fe(e.onChange, t, R.current, { value: o });
+      L || $(o), fe(e.onChange, t, D.current, { value: o });
     },
-    [e.min, e.max, e.onChange, N]
-  ), ne = c(() => {
-    F(!0);
-  }, []), ae = c(() => {
-    F(!1);
-  }, []), ie = c(
+    [e.min, e.max, e.onChange, L]
+  ), te = c(() => {
+    A(!0);
+  }, []), ne = c(() => {
+    A(!1);
+  }, []), ae = c(
     (t) => {
       if (d)
         return;
       let n;
-      t.keyCode === m.left || t.keyCode === m.down ? n = l - (u || 0) : t.keyCode === m.right || t.keyCode === m.up ? n = l + (u || 0) : t.keyCode === m.pageDown ? n = l - (T || 0) : t.keyCode === m.pageUp ? n = l + (T || 0) : t.keyCode === m.home ? n = e.min : t.keyCode === m.end && (n = e.max), n !== void 0 && (t.preventDefault(), s(t, n));
+      t.keyCode === m.left || t.keyCode === m.down ? n = l - (u || 0) : t.keyCode === m.right || t.keyCode === m.up ? n = l + (u || 0) : t.keyCode === m.pageDown ? n = l - (C || 0) : t.keyCode === m.pageUp ? n = l + (C || 0) : t.keyCode === m.home ? n = e.min : t.keyCode === m.end && (n = e.max), n !== void 0 && (t.preventDefault(), s(t, n));
     },
-    [l, u, T, e.min, e.max, s, d]
-  ), re = c(
+    [l, u, C, e.min, e.max, s, d]
+  ), ie = c(
     (t) => {
       t.preventDefault(), !d && s(t, l - (u || 0));
     },
     [l, u, s, d]
-  ), le = c(
+  ), re = c(
     (t) => {
       t.preventDefault(), !d && s(t, l + (u || 0));
     },
     [l, u, s, d]
-  ), w = c(
+  ), x = c(
     (t) => {
       const n = t.element.getBoundingClientRect();
       let o;
-      a ? o = n.bottom - t.event.clientY : o = g === "rtl" ? n.right - t.event.clientX : t.event.clientX - n.left;
-      const y = a ? n.height : n.width, k = o / y;
-      s(t, e.min + k * (e.max - e.min));
+      a ? o = n.bottom - t.event.clientY : o = f === "rtl" ? n.right - t.event.clientX : t.event.clientX - n.left;
+      const b = a ? n.height : n.width, y = o / b;
+      s(t, e.min + y * (e.max - e.min));
     },
-    [a, e.min, e.max, g, s]
-  ), ce = c(
+    [a, e.min, e.max, f, s]
+  ), le = c(
     (t) => {
-      M(t.event.originalEvent.target) || (t.event.isTouch && t.event.originalEvent.preventDefault(), w(t));
+      F(t.event.originalEvent.target) || (t.event.isTouch && t.event.originalEvent.preventDefault(), x(t));
     },
-    [M, w]
-  ), oe = c(
+    [F, x]
+  ), ce = c(
     (t) => {
-      t.event.originalEvent.preventDefault(), w(t);
+      t.event.originalEvent.preventDefault(), x(t);
     },
-    [w]
-  ), C = c(() => {
+    [x]
+  ), S = c(() => {
     v.current && v.current.focus();
-  }, []), de = c(
+  }, []), oe = c(
     (t) => {
       if (!t.enabled)
         return t.children;
-      let n, o, y, k;
-      return g === "rtl" ? (n = a ? j : G, o = a ? Y : J, y = a ? "chevron-up" : "chevron-left", k = a ? "chevron-down" : "chevron-right") : (n = a ? j : J, o = a ? Y : G, y = a ? "chevron-up" : "chevron-right", k = a ? "chevron-down" : "chevron-left"), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
-        _,
+      let n, o, b, y;
+      return f === "rtl" ? (n = a ? _ : j, o = a ? G : Y, b = a ? "chevron-up" : "chevron-left", y = a ? "chevron-down" : "chevron-right") : (n = a ? _ : Y, o = a ? G : j, b = a ? "chevron-up" : "chevron-right", y = a ? "chevron-down" : "chevron-left"), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+        X,
         {
           className: "k-button-decrease",
           rounded: "full",
-          icon: k,
+          icon: y,
           svgIcon: o,
           title: t.decrementTitle,
           onClick: t.decrement
         }
       ), t.children, /* @__PURE__ */ r.createElement(
-        _,
+        X,
         {
           className: "k-button-increase",
           rounded: "full",
-          icon: y,
+          icon: b,
           svgIcon: n,
           title: t.incrementTitle,
           onClick: t.increment
         }
       ));
     },
-    [g, a]
+    [f, a]
   );
-  ue(
-    Q,
+  me(
+    P,
     () => ({
       props: e,
-      sliderTrack: L.current,
-      focus: C
+      sliderTrack: E.current,
+      focus: S
     }),
-    [e, C]
-  ), ve("slider", R, e, e.webMcp), H(() => {
-    R.current = {
+    [e, S]
+  ), ge("slider", D, e, e.webMcp), q(() => {
+    D.current = {
       props: e,
-      sliderTrack: L.current,
-      focus: C
+      sliderTrack: E.current,
+      focus: S
     };
-  }, [e, C]);
-  const se = a ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" }, me = a ? { paddingTop: 0, height: "100%" } : {};
-  let I;
-  return a ? I = { bottom: "calc(" + b + "%)", zIndex: 1 } : g === "rtl" ? I = { right: "calc(" + b + "%)", zIndex: 1 } : I = { left: "calc(" + b + "%)", zIndex: 1 }, /* @__PURE__ */ r.createElement(
+  }, [e, S]);
+  const de = a ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" }, se = a ? { paddingTop: 0, height: "100%" } : {};
+  let w;
+  return a ? w = { bottom: "calc(" + h + "%)", zIndex: 1 } : f === "rtl" ? w = { right: "calc(" + h + "%)", zIndex: 1 } : w = { left: "calc(" + h + "%)", zIndex: 1 }, /* @__PURE__ */ r.createElement(
     "div",
     {
       ref: v,
-      dir: g,
+      dir: f,
       id: e.id,
-      "aria-label": e.ariaLabel || h.toLanguageString(E, x[E]),
+      "aria-label": e.ariaLabel,
       style: { gap: 0, ...e.style },
-      onFocus: ne,
-      onBlur: ae,
-      onKeyDown: ie,
-      className: he(
+      onFocus: te,
+      onBlur: ne,
+      onKeyDown: ae,
+      className: ve(
         "k-slider",
         {
-          "k-focus": ee,
+          "k-focus": p,
           "k-disabled": d,
           "k-slider-horizontal": !a,
           "k-slider-vertical": a
@@ -164,19 +164,19 @@ const f = {
         e.className
       )
     },
-    de({
-      enabled: (q = e.buttons) != null ? q : f.buttons,
-      decrement: re,
-      increment: le,
-      incrementTitle: h.toLanguageString(
-        X,
-        x[X]
-      ),
-      decrementTitle: h.toLanguageString(
+    oe({
+      enabled: (U = e.buttons) != null ? U : g.buttons,
+      decrement: ie,
+      increment: re,
+      incrementTitle: T.toLanguageString(
         W,
-        x[W]
+        B[W]
+      ),
+      decrementTitle: T.toLanguageString(
+        O,
+        B[O]
       ),
-      children: /* @__PURE__ */ r.createElement(be, { onDrag: oe, onPress: ce, autoScroll: !1 }, /* @__PURE__ */ r.createElement(
+      children: /* @__PURE__ */ r.createElement(he, { onDrag: ce, onPress: le, autoScroll: !1 }, /* @__PURE__ */ r.createElement(
         "div",
         {
           className: "k-slider-track-wrap",
@@ -184,7 +184,7 @@ const f = {
             flexGrow: 1,
             position: "relative",
             touchAction: "none",
-            ...se
+            ...de
           }
         },
         e.children && /* @__PURE__ */ r.createElement(
@@ -192,7 +192,7 @@ const f = {
           {
             className: "k-reset k-slider-items",
             "aria-hidden": "true",
-            style: { margin: 0, ...me }
+            style: { margin: 0, ...se }
           },
           r.Children.map(e.children, (t, n) => t && r.cloneElement(
             t,
@@ -209,14 +209,14 @@ const f = {
           "div",
           {
             className: "k-slider-track",
-            style: a ? { bottom: 0, height: "100%" } : { [g === "rtl" ? "right" : "left"]: 0, width: "100%" },
-            ref: L
+            style: a ? { bottom: 0, height: "100%" } : { [f === "rtl" ? "right" : "left"]: 0, width: "100%" },
+            ref: E
           },
           /* @__PURE__ */ r.createElement(
             "div",
             {
               className: "k-slider-selection",
-              style: a ? { height: b + "%" } : { width: b + "%" }
+              style: a ? { height: h + "%" } : { width: h + "%" }
             }
           ),
           /* @__PURE__ */ r.createElement(
@@ -230,14 +230,14 @@ const f = {
               "aria-disabled": d ? "true" : void 0,
               "aria-labelledby": e.ariaLabelledBy,
               "aria-describedby": e.ariaDescribedBy,
-              "aria-label": e.ariaLabel || h.toLanguageString(E, x[E]),
-              tabIndex: ye(Z, d, void 0),
+              "aria-label": e.ariaLabel,
+              tabIndex: be(Q, d, void 0),
               className: "k-draghandle k-draghandle-end",
-              title: h.toLanguageString(
-                O,
-                x[O]
+              title: T.toLanguageString(
+                H,
+                B[H]
               ),
-              style: I
+              style: w
             }
           )
         )
@@ -245,10 +245,10 @@ const f = {
     })
   );
 });
-A.displayName = "Slider";
-const Ce = ke(), P = ge(Ce, A);
-P.displayName = "KendoReactSlider";
-P.propTypes = {
+V.displayName = "Slider";
+const we = ye(), J = ue(we, V);
+J.displayName = "KendoReactSlider";
+J.propTypes = {
   value: i.number,
   defaultValue: i.number,
   min: i.number.isRequired,
@@ -269,9 +269,9 @@ P.propTypes = {
   dir: i.oneOf(["ltr", "rtl"]),
   children: i.node
 };
-Se(A);
+xe(V);
 export {
-  P as Slider,
-  Ce as SliderPropsContext,
-  A as SliderWithoutContext
+  J as Slider,
+  we as SliderPropsContext,
+  V as SliderWithoutContext
 };

package/switch/Switch.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 n=require("react"),t=require("prop-types"),c=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-intl"),b=require("../messages/index.js");function p(e){const h=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const v=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(h,s,v.get?v:{enumerable:!0,get:()=>e[s]})}}return h.default=e,Object.freeze(h)}const u=p(n),r={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:c.noop,onFocus:c.noop,onLabel:"ON",validityStyles:!0},x=u.forwardRef((e,h)=>{var F;const{disabled:s=r.disabled,defaultChecked:v=r.defaultChecked,size:R=r.size,trackRounded:S=r.trackRounded,thumbRounded:M=r.thumbRounded,offLabel:I=r.offLabel,onBlur:L=r.onBlur,onFocus:E=r.onFocus,onLabel:q=r.onLabel}=e,[z,V]=n.useState(v||!1),[W,B]=n.useState(!1),d=n.useRef(null),o=n.useRef(null),k=n.useRef(null),y=n.useRef(void 0),N=n.useRef(!1),D=n.useRef(void 0),P=n.useMemo(()=>new j.LocalizationService,[]),_=j.useLocalization(),i=n.useMemo(()=>y.current!==void 0?y.current:e.checked!==void 0?e.checked:z,[e.checked,z]),g=n.useMemo(()=>{var C,K;const a=e.validationMessage!==void 0,l=(C=e.valid)!=null?C:e.required?!!i:!0,w=(K=e.valid)!=null?K:l;return{customError:a,valid:w,valueMissing:i===null}},[e.valid,e.validationMessage,e.required,i]),$=(F=e.validityStyles)!=null?F:r.validityStyles;n.useEffect(()=>{var a;(a=k.current)!=null&&a.setCustomValidity&&k.current.setCustomValidity(g.valid?"":e.validationMessage||P.toLanguageString(b.switchValidation,b.messages[b.switchValidation]))},[g,e.validationMessage,P]),n.useEffect(()=>{d.current&&(D.current=e.dir||getComputedStyle(d.current).direction||void 0)},[e.dir]);const f=n.useCallback(()=>({props:e,get element(){return d.current},get actionElement(){return o.current},focus:()=>{var a;(a=o.current)==null||a.focus()},get value(){return i},get name(){return e.name},get validity(){return g}}),[e,i,g]),m=n.useCallback((a,l)=>{V(a),y.current=a,c.dispatchEvent(e.onChange,l,{...f(),value:a},{value:a}),y.current=void 0},[e.onChange,f]);n.useEffect(()=>{const a=e.name||e.id,l=c.subscribeToKendoPaste(o.current,{fieldName:a,onValueChange:w=>{if(w!==i){const C={target:o.current,currentTarget:o.current,nativeEvent:new Event("change",{bubbles:!0})};m(w,C)}}});return()=>{l==null||l.unsubscribe()}},[e.name,e.id,i,m]);const A=n.useCallback(a=>{if(a.target===k.current){if(N.current){N.current=!1;return}}else N.current=!0;m(!i,a)},[i,m]),G=n.useCallback(a=>{if(s)return;const{keyCode:l}=a;(l===c.Keys.space||l===c.Keys.enter)&&(m(!i,a),a.preventDefault())},[s,i,m]),J=n.useCallback(a=>{s||(B(!0),E&&E(a))},[s,E]),Q=n.useCallback(a=>{s||(B(!1),L&&L(a))},[s,L]);n.useImperativeHandle(h,f,[f]);const T=n.useRef(null);n.useImperativeHandle(T,f,[f]),c.useWebMcpRegister("switch",T,e,e.webMcp);const U=D.current||e.dir||d.current&&getComputedStyle(d.current).direction||void 0,X=!$||g.valid,Y=c.classNames("k-switch",{[`k-switch-${c.kendoThemeMaps.sizeMap[R]||R}`]:R,"k-switch-on":i,"k-switch-off":!i,"k-focus":W,"k-disabled":s,"k-invalid":!X},e.className),Z=u.createElement("input",{type:"checkbox",checked:e.checked,ref:k,tabIndex:-1,value:i,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:c.noop,name:e.name||void 0});return u.createElement("span",{ref:o,role:"switch","aria-checked":i,"aria-disabled":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel||_.toLanguageString(b.switchAriaLabel,b.messages[b.switchAriaLabel]),"aria-required":e.required,className:Y,dir:U,onKeyDown:G,onClick:A,onBlur:Q,onFocus:J,tabIndex:c.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},u.createElement("span",{className:c.classNames("k-switch-track",{[`k-rounded-${c.kendoThemeMaps.roundedMap[S]||S}`]:S}),ref:d},Z,q?u.createElement("span",{className:"k-switch-label-on"},q):"",I?u.createElement("span",{className:"k-switch-label-off"},I):""),u.createElement("span",{className:"k-switch-thumb-wrap"},u.createElement("span",{className:c.classNames("k-switch-thumb",{[`k-rounded-${c.kendoThemeMaps.roundedMap[M]||M}`]:M})})))});x.displayName="Switch";const H=c.createPropsContext(),O=c.withIdHOC(c.withPropsContext(H,x));O.displayName="KendoReactSwitch";O.propTypes={accessKey:t.string,checked:t.bool,className:t.string,defaultChecked:t.bool,defaultValue:t.any,disabled:t.bool,dir:t.string,id:t.string,size:t.oneOf(["small","medium","large"]),trackRounded:t.oneOf(["small","medium","large","full"]),thumbRounded:t.oneOf(["small","medium","large","full"]),ariaDescribedBy:t.string,ariaLabelledBy:t.string,ariaLabel:t.string,offLabel:t.node,onBlur:t.func,onChange:t.func,onFocus:t.func,onLabel:t.node,tabIndex:t.number,value:t.any,name:t.string,required:t.bool,valid:t.bool,validationMessage:t.string,validityStyles:t.bool};exports.Switch=O;exports.SwitchPropsContext=H;exports.SwitchWithoutContext=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("prop-types"),c=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-intl"),L=require("../messages/index.js");function Z(e){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const v=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(b,s,v.get?v:{enumerable:!0,get:()=>e[s]})}}return b.default=e,Object.freeze(b)}const d=Z(n),r={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:c.noop,onFocus:c.noop,onLabel:"ON",validityStyles:!0},x=d.forwardRef((e,b)=>{var F;const{disabled:s=r.disabled,defaultChecked:v=r.defaultChecked,size:C=r.size,trackRounded:R=r.trackRounded,thumbRounded:S=r.thumbRounded,offLabel:I=r.offLabel,onBlur:M=r.onBlur,onFocus:E=r.onFocus,onLabel:q=r.onLabel}=e,[B,V]=n.useState(v||!1),[W,D]=n.useState(!1),u=n.useRef(null),o=n.useRef(null),k=n.useRef(null),g=n.useRef(void 0),N=n.useRef(!1),P=n.useRef(void 0),T=n.useMemo(()=>new j.LocalizationService,[]);j.useLocalization();const i=n.useMemo(()=>g.current!==void 0?g.current:e.checked!==void 0?e.checked:B,[e.checked,B]),h=n.useMemo(()=>{var w,K;const a=e.validationMessage!==void 0,l=(w=e.valid)!=null?w:e.required?!!i:!0,y=(K=e.valid)!=null?K:l;return{customError:a,valid:y,valueMissing:i===null}},[e.valid,e.validationMessage,e.required,i]),_=(F=e.validityStyles)!=null?F:r.validityStyles;n.useEffect(()=>{var a;(a=k.current)!=null&&a.setCustomValidity&&k.current.setCustomValidity(h.valid?"":e.validationMessage||T.toLanguageString(L.switchValidation,L.messages[L.switchValidation]))},[h,e.validationMessage,T]),n.useEffect(()=>{u.current&&(P.current=e.dir||getComputedStyle(u.current).direction||void 0)},[e.dir]);const f=n.useCallback(()=>({props:e,get element(){return u.current},get actionElement(){return o.current},focus:()=>{var a;(a=o.current)==null||a.focus()},get value(){return i},get name(){return e.name},get validity(){return h}}),[e,i,h]),m=n.useCallback((a,l)=>{V(a),g.current=a,c.dispatchEvent(e.onChange,l,{...f(),value:a},{value:a}),g.current=void 0},[e.onChange,f]);n.useEffect(()=>{const a=e.name||e.id,l=c.subscribeToKendoPaste(o.current,{fieldName:a,onValueChange:y=>{if(y!==i){const w={target:o.current,currentTarget:o.current,nativeEvent:new Event("change",{bubbles:!0})};m(y,w)}}});return()=>{l==null||l.unsubscribe()}},[e.name,e.id,i,m]);const $=n.useCallback(a=>{if(a.target===k.current){if(N.current){N.current=!1;return}}else N.current=!0;m(!i,a)},[i,m]),A=n.useCallback(a=>{if(s)return;const{keyCode:l}=a;(l===c.Keys.space||l===c.Keys.enter)&&(m(!i,a),a.preventDefault())},[s,i,m]),G=n.useCallback(a=>{s||(D(!0),E&&E(a))},[s,E]),J=n.useCallback(a=>{s||(D(!1),M&&M(a))},[s,M]);n.useImperativeHandle(b,f,[f]);const z=n.useRef(null);n.useImperativeHandle(z,f,[f]),c.useWebMcpRegister("switch",z,e,e.webMcp);const Q=P.current||e.dir||u.current&&getComputedStyle(u.current).direction||void 0,U=!_||h.valid,X=c.classNames("k-switch",{[`k-switch-${c.kendoThemeMaps.sizeMap[C]||C}`]:C,"k-switch-on":i,"k-switch-off":!i,"k-focus":W,"k-disabled":s,"k-invalid":!U},e.className),Y=d.createElement("input",{type:"checkbox",checked:e.checked,ref:k,tabIndex:-1,value:i,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:c.noop,name:e.name||void 0});return d.createElement("span",{ref:o,role:"switch","aria-checked":i,"aria-disabled":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:X,dir:Q,onKeyDown:A,onClick:$,onBlur:J,onFocus:G,tabIndex:c.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},d.createElement("span",{className:c.classNames("k-switch-track",{[`k-rounded-${c.kendoThemeMaps.roundedMap[R]||R}`]:R}),ref:u},Y,q?d.createElement("span",{className:"k-switch-label-on"},q):"",I?d.createElement("span",{className:"k-switch-label-off"},I):""),d.createElement("span",{className:"k-switch-thumb-wrap"},d.createElement("span",{className:c.classNames("k-switch-thumb",{[`k-rounded-${c.kendoThemeMaps.roundedMap[S]||S}`]:S})})))});x.displayName="Switch";const H=c.createPropsContext(),O=c.withIdHOC(c.withPropsContext(H,x));O.displayName="KendoReactSwitch";O.propTypes={accessKey:t.string,checked:t.bool,className:t.string,defaultChecked:t.bool,defaultValue:t.any,disabled:t.bool,dir:t.string,id:t.string,size:t.oneOf(["small","medium","large"]),trackRounded:t.oneOf(["small","medium","large","full"]),thumbRounded:t.oneOf(["small","medium","large","full"]),ariaDescribedBy:t.string,ariaLabelledBy:t.string,ariaLabel:t.string,offLabel:t.node,onBlur:t.func,onChange:t.func,onFocus:t.func,onLabel:t.node,tabIndex:t.number,value:t.any,name:t.string,required:t.bool,valid:t.bool,validationMessage:t.string,validityStyles:t.bool};exports.Switch=O;exports.SwitchPropsContext=H;exports.SwitchWithoutContext=x;