@progress/kendo-react-inputs 8.1.0-develop.9 → 8.1.0

package/radiobutton/RadioButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),t=require("prop-types"),a=require("@progress/kendo-react-common"),w=require("../package-metadata.js");function _(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(s,l,c.get?c:{enumerable:!0,get:()=>n[l]})}}return s.default=n,Object.freeze(s)}const e=_(D),E=a.createPropsContext(),d=e.forwardRef((n,s)=>{a.validatePackage(w.packageMetadata);const l=a.usePropsContext(E,n),{ariaDescribedBy:c,checked:k,children:h,className:x,disabled:o,id:v,size:m,label:b,labelPlacement:F,name:I,style:N,tabIndex:O,value:p,valid:j,onChange:y,onFocus:f,onBlur:g,...M}=l,i=e.useRef(null),C=e.useCallback(()=>{i.current&&i.current.focus()},[]),u=e.useCallback(()=>({element:i.current,focus:C}),[C]);e.useImperativeHandle(s,u);const P=a.useId(),T=e.useCallback(r=>{a.dispatchEvent(y,r,u(),{value:p})},[y,p,o]),z=e.useCallback(r=>{f&&!o&&a.dispatchEvent(f,r,u(),void 0)},[f,o]),S=e.useCallback(r=>{g&&!o&&a.dispatchEvent(g,r,u(),void 0)},[g,o]),q={type:"radio",id:v||P,name:I,className:a.classNames("k-radio",{[`k-radio-${a.kendoThemeMaps.sizeMap[m]||m}`]:m,"k-invalid":j===!1,"k-checked":k},x),ref:i,disabled:o,tabIndex:a.getTabIndex(O,o),checked:k,style:N,"aria-describedby":c,value:p,onChange:T,onFocus:z,onBlur:S,...M},B=e.createElement(e.Fragment,null,b!==void 0?e.createElement("label",{className:"k-radio-label",htmlFor:v||P,style:{userSelect:"none"},"aria-label":b},b):null),R=e.createElement("span",{className:"k-radio-wrap"},e.createElement("input",{...q}));return F==="before"?e.createElement(e.Fragment,null,B,R,h):e.createElement(e.Fragment,null,R,B,h)});d.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const H={size:"medium"};d.displayName="KendoRadioButton";d.defaultProps=H;exports.RadioButton=d;exports.RadioButtonPropsContext=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),t=require("prop-types"),a=require("@progress/kendo-react-common"),w=require("../package-metadata.js");function _(n){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const l in n)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(n,l);Object.defineProperty(s,l,r.get?r:{enumerable:!0,get:()=>n[l]})}}return s.default=n,Object.freeze(s)}const e=_(D),E=a.createPropsContext(),g=e.forwardRef((n,s)=>{a.validatePackage(w.packageMetadata);const l=a.usePropsContext(E,n),{ariaDescribedBy:r,checked:k,children:h,className:x,disabled:o,id:v,size:d=H.size,label:m,labelPlacement:F,name:I,style:N,tabIndex:O,value:b,valid:j,onChange:y,onFocus:p,onBlur:f,...z}=l,i=e.useRef(null),C=e.useCallback(()=>{i.current&&i.current.focus()},[]),u=e.useCallback(()=>({element:i.current,focus:C}),[C]);e.useImperativeHandle(s,u);const P=a.useId(),M=e.useCallback(c=>{a.dispatchEvent(y,c,u(),{value:b})},[y,b,o]),T=e.useCallback(c=>{p&&!o&&a.dispatchEvent(p,c,u(),void 0)},[p,o]),S=e.useCallback(c=>{f&&!o&&a.dispatchEvent(f,c,u(),void 0)},[f,o]),q={type:"radio",id:v||P,name:I,className:a.classNames("k-radio",{[`k-radio-${a.kendoThemeMaps.sizeMap[d]||d}`]:d,"k-invalid":j===!1,"k-checked":k},x),ref:i,disabled:o,tabIndex:a.getTabIndex(O,o),checked:k,style:N,"aria-describedby":r,value:b,onChange:M,onFocus:T,onBlur:S,...z},B=e.createElement(e.Fragment,null,m!==void 0?e.createElement("label",{className:"k-radio-label",htmlFor:v||P,style:{userSelect:"none"},"aria-label":m},m):null),R=e.createElement("span",{className:"k-radio-wrap"},e.createElement("input",{...q}));return F==="before"?e.createElement(e.Fragment,null,B,R,h):e.createElement(e.Fragment,null,R,B,h)});g.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const H={size:"medium"};g.displayName="KendoRadioButton";exports.RadioButton=g;exports.RadioButtonPropsContext=E;

package/radiobutton/RadioButton.mjs

@@ -10,16 +10,16 @@ import * as e from "react";
 import a from "prop-types";
 import { createPropsContext as j, validatePackage as K, usePropsContext as L, useId as O, dispatchEvent as u, classNames as S, kendoThemeMaps as $, getTabIndex as q } from "@progress/kendo-react-common";
 import { packageMetadata as A } from "../package-metadata.mjs";
-const G = j(), m = e.forwardRef((y, B) => {
+const G = j(), C = e.forwardRef((y, B) => {
   K(A);
   const P = L(G, y), {
     ariaDescribedBy: x,
-    checked: p,
+    checked: m,
     children: b,
     className: E,
     disabled: n,
-    id: f,
-    size: s,
+    id: p,
+    size: s = J.size,
     label: r,
     labelPlacement: F,
     name: I,
@@ -27,11 +27,11 @@ const G = j(), m = e.forwardRef((y, B) => {
     tabIndex: R,
     value: c,
     valid: z,
-    onChange: g,
+    onChange: f,
     onFocus: i,
     onBlur: d,
     ...T
-  } = P, l = e.useRef(null), k = e.useCallback(
+  } = P, l = e.useRef(null), g = e.useCallback(
     () => {
       l.current && l.current.focus();
     },
@@ -39,21 +39,21 @@ const G = j(), m = e.forwardRef((y, B) => {
   ), o = e.useCallback(
     () => ({
       element: l.current,
-      focus: k
+      focus: g
     }),
-    [k]
+    [g]
   );
   e.useImperativeHandle(B, o);
-  const h = O(), M = e.useCallback(
+  const k = O(), M = e.useCallback(
     (t) => {
       u(
-        g,
+        f,
         t,
         o(),
         { value: c }
       );
     },
-    [g, c, n]
+    [f, c, n]
   ), w = e.useCallback(
     (t) => {
       i && !n && u(
@@ -76,21 +76,21 @@ const G = j(), m = e.forwardRef((y, B) => {
     [d, n]
   ), H = {
     type: "radio",
-    id: f || h,
+    id: p || k,
     name: I,
     className: S(
       "k-radio",
       {
         [`k-radio-${$.sizeMap[s] || s}`]: s,
         "k-invalid": z === !1,
-        "k-checked": p
+        "k-checked": m
       },
       E
     ),
     ref: l,
     disabled: n,
     tabIndex: q(R, n),
-    checked: p,
+    checked: m,
     style: N,
     "aria-describedby": x,
     value: c,
@@ -98,19 +98,19 @@ const G = j(), m = e.forwardRef((y, B) => {
     onFocus: w,
     onBlur: D,
     ...T
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, r !== void 0 ? /* @__PURE__ */ e.createElement(
+  }, h = /* @__PURE__ */ e.createElement(e.Fragment, null, r !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
       className: "k-radio-label",
-      htmlFor: f || h,
+      htmlFor: p || k,
       style: { userSelect: "none" },
       "aria-label": r
     },
     r
-  ) : null), C = /* @__PURE__ */ e.createElement("span", { className: "k-radio-wrap" }, /* @__PURE__ */ e.createElement("input", { ...H }));
-  return F === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, C, b) : /* @__PURE__ */ e.createElement(e.Fragment, null, C, v, b);
+  ) : null), v = /* @__PURE__ */ e.createElement("span", { className: "k-radio-wrap" }, /* @__PURE__ */ e.createElement("input", { ...H }));
+  return F === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, h, v, b) : /* @__PURE__ */ e.createElement(e.Fragment, null, v, h, b);
 });
-m.propTypes = {
+C.propTypes = {
   ariaDescribedBy: a.string,
   checked: a.bool,
   className: a.string,
@@ -131,9 +131,8 @@ m.propTypes = {
 const J = {
   size: "medium"
 };
-m.displayName = "KendoRadioButton";
-m.defaultProps = J;
+C.displayName = "KendoRadioButton";
 export {
-  m as RadioButton,
+  C as RadioButton,
   G as RadioButtonPropsContext
 };

package/radiobutton/RadioGroup.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),e=require("prop-types"),K=require("./RadioButton.js"),s=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>l[n]})}}return c.default=l,Object.freeze(c)}const t=J(L),E=s.createPropsContext(),u=t.forwardRef((l,c)=>{s.validatePackage(A.packageMetadata);const n=s.usePropsContext(E,l),{id:d,ariaLabelledBy:O,ariaDescribedBy:j,className:B,data:g,defaultValue:G,disabled:o,name:I,labelPlacement:F,layout:b,style:S,value:k,valid:q,item:x=N.item,onChange:m,onFocus:p}=n,i=t.useRef(null),C=t.useCallback(()=>{i.current&&s.focusFirstFocusableChild(i.current)},[]),f=t.useCallback(()=>({element:i.current,focus:C}),[C]);t.useImperativeHandle(c,f);const[D,v]=t.useState(G),h=k!==void 0,y=h?k:D,M=t.useCallback(a=>{let r=a.value;!h&&!o&&v(r),m&&!o&&s.dispatchEvent(m,a.syntheticEvent,f(),{value:r})},[v,m,o]),T=t.useCallback(a=>{p&&!o&&s.dispatchEvent(p,a.syntheticEvent,f(),void 0)},[p,o]),V=s.useId(),z=s.classNames("k-radio-list",{"k-list-horizontal":b==="horizontal","k-list-vertical":b==="vertical"||b===void 0},B),_=s.useRtl(i,n.dir),w=g&&g.map((a,r)=>{const P=y===a.value,H=y==null,R={...a,valid:q,checked:P,disabled:!!(a.disabled||o),labelPlacement:a.labelPlacement?a.labelPlacement:F,tabIndex:a.tabIndex?a.tabIndex:H&&r===0||P?0:-1,index:r,name:I||V,onChange:M,onFocus:T};return t.createElement(x,{className:s.classNames("k-radio-list-item",{"k-disabled":R.disabled||o}),key:r,role:"none"},t.createElement(K.RadioButton,{...R}))});return t.createElement("ul",{id:d,role:"radiogroup",className:z,ref:i,dir:_,style:S,"aria-labelledby":O,"aria-describedby":j},w)}),N={item:l=>t.createElement("li",{...l})};u.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};u.defaultProps=N;u.displayName="KendoRadioGroup";exports.RadioGroup=u;exports.RadioGroupPropsContext=E;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),e=require("prop-types"),L=require("./RadioButton.js"),s=require("@progress/kendo-react-common"),K=require("../package-metadata.js");function A(l){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const n in l)if(n!=="default"){const d=Object.getOwnPropertyDescriptor(l,n);Object.defineProperty(c,n,d.get?d:{enumerable:!0,get:()=>l[n]})}}return c.default=l,Object.freeze(c)}const t=A(H),E=s.createPropsContext(),y=t.forwardRef((l,c)=>{s.validatePackage(K.packageMetadata);const n=s.usePropsContext(E,l),{id:d,ariaLabelledBy:N,ariaDescribedBy:O,className:j,data:g,defaultValue:B,disabled:o,name:G,labelPlacement:I,layout:u,style:F,value:k,valid:S,item:q=J.item,onChange:b,onFocus:m}=n,i=t.useRef(null),C=t.useCallback(()=>{i.current&&s.focusFirstFocusableChild(i.current)},[]),p=t.useCallback(()=>({element:i.current,focus:C}),[C]);t.useImperativeHandle(c,p);const[x,v]=t.useState(B),h=k!==void 0,f=h?k:x,D=t.useCallback(a=>{let r=a.value;!h&&!o&&v(r),b&&!o&&s.dispatchEvent(b,a.syntheticEvent,p(),{value:r})},[v,b,o]),M=t.useCallback(a=>{m&&!o&&s.dispatchEvent(m,a.syntheticEvent,p(),void 0)},[m,o]),T=s.useId(),V=s.classNames("k-radio-list",{"k-list-horizontal":u==="horizontal","k-list-vertical":u==="vertical"||u===void 0},j),z=s.useRtl(i,n.dir),_=g&&g.map((a,r)=>{const P=f===a.value,w=f==null,R={...a,valid:S,checked:P,disabled:!!(a.disabled||o),labelPlacement:a.labelPlacement?a.labelPlacement:I,tabIndex:a.tabIndex?a.tabIndex:w&&r===0||P?0:-1,index:r,name:G||T,onChange:D,onFocus:M};return t.createElement(q,{className:s.classNames("k-radio-list-item",{"k-disabled":R.disabled||o}),key:r,role:"none"},t.createElement(L.RadioButton,{...R}))});return t.createElement("ul",{id:d,role:"radiogroup",className:V,ref:i,dir:z,style:F,"aria-labelledby":N,"aria-describedby":O},_)}),J={item:l=>t.createElement("li",{...l})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=E;

package/radiobutton/RadioGroup.mjs

@@ -8,55 +8,55 @@
 "use client";
 import * as t from "react";
 import e from "prop-types";
-import { RadioButton as q } from "./RadioButton.mjs";
-import { createPropsContext as A, validatePackage as J, usePropsContext as Q, focusFirstFocusableChild as U, dispatchEvent as g, useId as W, classNames as P, useRtl as X } from "@progress/kendo-react-common";
-import { packageMetadata as Y } from "../package-metadata.mjs";
-const Z = A(), m = t.forwardRef((r, E) => {
-  J(Y);
-  const b = Q(Z, r), {
-    id: I,
-    ariaLabelledBy: N,
-    ariaDescribedBy: B,
-    className: F,
-    data: p,
-    defaultValue: x,
+import { RadioButton as M } from "./RadioButton.mjs";
+import { createPropsContext as q, validatePackage as A, usePropsContext as J, focusFirstFocusableChild as Q, dispatchEvent as v, useId as U, classNames as g, useRtl as W } from "@progress/kendo-react-common";
+import { packageMetadata as X } from "../package-metadata.mjs";
+const Y = q(), P = t.forwardRef((r, R) => {
+  A(X);
+  const m = J(Y, r), {
+    id: E,
+    ariaLabelledBy: I,
+    ariaDescribedBy: N,
+    className: B,
+    data: b,
+    defaultValue: F,
     disabled: l,
-    name: G,
-    labelPlacement: V,
+    name: x,
+    labelPlacement: G,
     layout: n,
-    style: O,
-    value: f,
-    valid: j,
-    item: z = R.item,
+    style: V,
+    value: p,
+    valid: O,
+    item: j = Z.item,
     onChange: c,
     onFocus: i
-  } = b, o = t.useRef(null), y = t.useCallback(
+  } = m, o = t.useRef(null), f = t.useCallback(
     () => {
-      o.current && U(o.current);
+      o.current && Q(o.current);
     },
     []
   ), d = t.useCallback(
     () => ({
       element: o.current,
-      focus: y
+      focus: f
     }),
-    [y]
+    [f]
   );
-  t.useImperativeHandle(E, d);
-  const [D, C] = t.useState(x), h = f !== void 0, u = h ? f : D, H = t.useCallback(
+  t.useImperativeHandle(R, d);
+  const [z, y] = t.useState(F), C = p !== void 0, u = C ? p : z, D = t.useCallback(
     (a) => {
       let s = a.value;
-      !h && !l && C(s), c && !l && g(
+      !C && !l && y(s), c && !l && v(
         c,
         a.syntheticEvent,
         d(),
         { value: s }
       );
     },
-    [C, c, l]
-  ), L = t.useCallback(
+    [y, c, l]
+  ), H = t.useCallback(
     (a) => {
-      i && !l && g(
+      i && !l && v(
         i,
         a.syntheticEvent,
         d(),
@@ -64,54 +64,54 @@ const Z = A(), m = t.forwardRef((r, E) => {
       );
     },
     [i, l]
-  ), S = W(), T = P(
+  ), L = U(), S = g(
     "k-radio-list",
     {
       "k-list-horizontal": n === "horizontal",
       "k-list-vertical": n === "vertical" || n === void 0
     },
-    F
-  ), w = X(o, b.dir), K = p && p.map((a, s) => {
-    const k = u === a.value, M = u == null, v = {
+    B
+  ), T = W(o, m.dir), w = b && b.map((a, s) => {
+    const h = u === a.value, K = u == null, k = {
       ...a,
-      valid: j,
-      checked: k,
+      valid: O,
+      checked: h,
       disabled: !!(a.disabled || l),
-      labelPlacement: a.labelPlacement ? a.labelPlacement : V,
-      tabIndex: a.tabIndex ? a.tabIndex : M && s === 0 || k ? 0 : -1,
+      labelPlacement: a.labelPlacement ? a.labelPlacement : G,
+      tabIndex: a.tabIndex ? a.tabIndex : K && s === 0 || h ? 0 : -1,
       index: s,
-      name: G || S,
-      onChange: H,
-      onFocus: L
+      name: x || L,
+      onChange: D,
+      onFocus: H
     };
     return /* @__PURE__ */ t.createElement(
-      z,
+      j,
       {
-        className: P("k-radio-list-item", { "k-disabled": v.disabled || l }),
+        className: g("k-radio-list-item", { "k-disabled": k.disabled || l }),
         key: s,
         role: "none"
       },
-      /* @__PURE__ */ t.createElement(q, { ...v })
+      /* @__PURE__ */ t.createElement(M, { ...k })
     );
   });
   return /* @__PURE__ */ t.createElement(
     "ul",
     {
-      id: I,
+      id: E,
       role: "radiogroup",
-      className: T,
+      className: S,
       ref: o,
-      dir: w,
-      style: O,
-      "aria-labelledby": N,
-      "aria-describedby": B
+      dir: T,
+      style: V,
+      "aria-labelledby": I,
+      "aria-describedby": N
     },
-    K
+    w
   );
-}), R = {
+}), Z = {
   item: (r) => /* @__PURE__ */ t.createElement("li", { ...r })
 };
-m.propTypes = {
+P.propTypes = {
   ariaLabelledBy: e.string,
   ariaDescribedBy: e.string,
   className: e.string,
@@ -127,9 +127,8 @@ m.propTypes = {
   onChange: e.func,
   onFocus: e.func
 };
-m.defaultProps = R;
-m.displayName = "KendoRadioGroup";
+P.displayName = "KendoRadioGroup";
 export {
-  m as RadioGroup,
-  Z as RadioGroupPropsContext
+  P as RadioGroup,
+  Y as RadioGroupPropsContext
 };

package/range-slider/RangeSlider.js

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),T=require("prop-types"),i=require("@progress/kendo-react-common"),R=require("../messages/index.js"),W=require("@progress/kendo-react-intl"),l=require("./range-raducer.js"),Y=require("../package-metadata.js");function F(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(n,e,s.get?s:{enumerable:!0,get:()=>r[e]})}}return n.default=r,Object.freeze(n)}const a=F(X),J=(r,n,e)=>{const[s,c]=a.useState(r),m=a.useCallback(f=>{const A=l.rangeReducer(n.state||s,{...f,...n});e&&e(A,f.event),c(A)},[n,e]);return[s,m]},_=i.createPropsContext(),I=a.forwardRef((r,n)=>{i.validatePackage(Y.packageMetadata);const e=i.usePropsContext(_,r),s=a.useRef(null),c=a.useRef(null),m=a.useRef(null),f=a.useRef(null),A=a.useRef(null),G=a.useCallback(()=>{f.current&&f.current.focus()},[f]);a.useImperativeHandle(s,()=>({element:c.current,focus:G,props:e})),a.useImperativeHandle(n,()=>s.current);const p=a.useMemo(()=>e.min,[e.min]),g=a.useMemo(()=>e.max,[e.max]),$=a.useMemo(()=>e.step!==void 0?e.step:C.step,[e.step,C.step]),y=i.useDir(c,e.dir),S=(t,u)=>{e.onChange&&s.current&&e.onChange.call(void 0,{value:t,target:s.current,syntheticEvent:u})},[D,O]=a.useState(""),[b,d]=J(e.defaultValue||C.defaultValue,{min:p,max:g,step:$,state:e.value},S),o=a.useMemo(()=>e.value||b,[e.value,b]),K=a.useRef(null),N=a.useRef(null),k=a.useMemo(()=>(o.start-p)/(g-p)*100,[o.start,p,g]),h=a.useMemo(()=>(o.end-p)/(g-p)*100,[o.end,p,g]),M=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),P=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),w=W.useLocalization(),x=a.useCallback(t=>{if(!N.current)return;const u=N.current.getBoundingClientRect(),v=e.vertical?u.bottom-t.clientY:y==="rtl"?u.right-t.clientX:t.clientX-u.left,E=e.vertical?u.height:u.width,B=v/E;return p+B*(g-p)},[N,e.vertical,y,p,g,b.start,b.end,e.value&&e.value.start,e.value&&e.value.end]),z=a.useCallback(t=>t<=o.start?"start":t>=o.end?"end":2*t<o.end+o.start?"start":"end",[b.start,b.end,e.value&&e.value.start,e.value&&e.value.end]),q=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.decrease:l.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.up:t.preventDefault(),d({type:l.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.left:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.increase:l.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.down:t.preventDefault(),d({type:l.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.home:t.preventDefault(),d({type:l.RANGE_ACTION.min,key:"start",event:t});break;case i.Keys.end:t.preventDefault(),d({type:l.RANGE_ACTION.max,key:"start",event:t});break}},[d]),V=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.decrease:l.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.up:t.preventDefault(),d({type:l.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.left:t.preventDefault(),d({type:y==="rtl"?l.RANGE_ACTION.increase:l.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.down:t.preventDefault(),d({type:l.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.home:t.preventDefault(),d({type:l.RANGE_ACTION.min,key:"end",event:t});break;case i.Keys.end:t.preventDefault(),d({type:l.RANGE_ACTION.max,key:"end",event:t});break}},[d,y]),j=a.useCallback(t=>{const u=x(t),v=z(u);O(v),v==="end"?A.current.focus():f.current.focus();const E=v==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;d({type:E,payload:u,event:t})},[e.vertical,p,g,d]),H=t=>{const u=x(t),v=D==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;d({type:v,payload:u,event:t})},L=t=>{const u=x(t),v=D==="end"?l.RANGE_ACTION.end:l.RANGE_ACTION.start;d({type:v,payload:u,event:t}),O("")};return i.useDraggable(N,{onPress:j,onDrag:H,onRelease:L}),a.createElement("div",{id:e.id,style:e.style,ref:c,dir:y,className:i.classNames("k-slider",{"k-rtl":y==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:N,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...P}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...M}},a.Children.map(e.children,(t,u)=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:u===0,lastTick:u===a.Children.count(e.children)-1},t.props.children))),a.createElement("div",{ref:K,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[y==="rtl"?"right":"left"]:0,width:"100%"}},k!==null&&h!==null&&a.createElement("div",{"data-selection":!0,ref:m,title:`${o.start} - ${o.end}`,className:"k-slider-selection",style:e.vertical?{height:h-k+"%",bottom:k+"%"}:{[y==="rtl"?"right":"left"]:k+"%",width:h-k+"%"}}),a.createElement("span",{ref:f,role:"slider",tabIndex:i.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":p,"aria-valuemax":Math.max(g,o.end),"aria-valuenow":o.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-start",title:w.toLanguageString(R.sliderDragTitle,R.messages[R.sliderDragTitle]),style:e.vertical?{bottom:"calc("+k+"%)",zIndex:1}:y==="rtl"?{right:"calc("+k+"% - 13px)",zIndex:1}:{left:"calc("+k+"%)",zIndex:1},onKeyDown:q}),a.createElement("span",{ref:A,role:"slider",tabIndex:i.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(p,o.start),"aria-valuemax":g,"aria-valuenow":o.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-end",title:w.toLanguageString(R.sliderDragTitle,R.messages[R.sliderDragTitle]),style:e.vertical?{bottom:"calc("+h+"%)",zIndex:1}:y==="rtl"?{right:"calc("+h+"% - 13px)",zIndex:1}:{left:"calc("+h+"%)",zIndex:1},onKeyDown:V}))))}),Q={value:(r,n,e)=>{if(r.value){const s=r.value.start,c=r.value.end,m=r.min,f=r.max;if(s>c||s>f||s<m||c>f||c<m||c<s)return new Error(`Invalid prop + ${n} supplied to ${e}.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),C=require("prop-types"),i=require("@progress/kendo-react-common"),N=require("../messages/index.js"),Y=require("@progress/kendo-react-intl"),s=require("./range-raducer.js"),F=require("../package-metadata.js");function J(r){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const e=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(n,c,e.get?e:{enumerable:!0,get:()=>r[c]})}}return n.default=r,Object.freeze(n)}const a=J(W),Q=(r,n,c)=>{const[e,l]=a.useState(r),m=a.useCallback(y=>{const b=s.rangeReducer(n.state||e,{...y,...n});c&&c(b,y.event),l(b)},[n,c]);return[e,m]},G=i.createPropsContext(),E=a.forwardRef((r,n)=>{i.validatePackage(F.packageMetadata);const c=i.usePropsContext(G,r),e={step:h.step,defaultValue:h.defaultValue,vertical:h.vertical,disabled:h.disabled,...c},l=a.useRef(null),m=a.useRef(null),y=a.useRef(null),b=a.useRef(null),D=a.useRef(null),$=a.useCallback(()=>{b.current&&b.current.focus()},[b]);a.useImperativeHandle(l,()=>({element:m.current,focus:$,props:e})),a.useImperativeHandle(n,()=>l.current);const f=a.useMemo(()=>e.min,[e.min]),g=a.useMemo(()=>e.max,[e.max]),S=a.useMemo(()=>e.step!==void 0?e.step:h.step,[e.step,h.step]),p=i.useDir(m,e.dir),K=(t,u)=>{e.onChange&&l.current&&e.onChange.call(void 0,{value:t,target:l.current,syntheticEvent:u})},[O,w]=a.useState(""),[R,d]=Q(e.defaultValue||h.defaultValue,{min:f,max:g,step:S,state:e.value},K),o=a.useMemo(()=>e.value||R,[e.value,R]),M=a.useRef(null),T=a.useRef(null),k=a.useMemo(()=>(o.start-f)/(g-f)*100,[o.start,f,g]),A=a.useMemo(()=>(o.end-f)/(g-f)*100,[o.end,f,g]),P=a.useMemo(()=>e.vertical?{paddingTop:0,height:"100%"}:{},[e.vertical]),z=a.useMemo(()=>e.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},[e.vertical]),_=Y.useLocalization(),I=a.useCallback(t=>{if(!T.current)return;const u=T.current.getBoundingClientRect(),v=e.vertical?u.bottom-t.clientY:p==="rtl"?u.right-t.clientX:t.clientX-u.left,x=e.vertical?u.height:u.width,X=v/x;return f+X*(g-f)},[T,e.vertical,p,f,g,R.start,R.end,e.value&&e.value.start,e.value&&e.value.end]),V=a.useCallback(t=>t<=o.start?"start":t>=o.end?"end":2*t<o.end+o.start?"start":"end",[R.start,R.end,e.value&&e.value.start,e.value&&e.value.end]),q=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.decrease:s.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.up:t.preventDefault(),d({type:s.RANGE_ACTION.increase,key:"start",event:t});break;case i.Keys.left:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.increase:s.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.down:t.preventDefault(),d({type:s.RANGE_ACTION.decrease,key:"start",event:t});break;case i.Keys.home:t.preventDefault(),d({type:s.RANGE_ACTION.min,key:"start",event:t});break;case i.Keys.end:t.preventDefault(),d({type:s.RANGE_ACTION.max,key:"start",event:t});break}},[d]),j=a.useCallback(t=>{switch(t.keyCode){case i.Keys.right:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.decrease:s.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.up:t.preventDefault(),d({type:s.RANGE_ACTION.increase,key:"end",event:t});break;case i.Keys.left:t.preventDefault(),d({type:p==="rtl"?s.RANGE_ACTION.increase:s.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.down:t.preventDefault(),d({type:s.RANGE_ACTION.decrease,key:"end",event:t});break;case i.Keys.home:t.preventDefault(),d({type:s.RANGE_ACTION.min,key:"end",event:t});break;case i.Keys.end:t.preventDefault(),d({type:s.RANGE_ACTION.max,key:"end",event:t});break}},[d,p]),H=a.useCallback(t=>{const u=I(t),v=V(u);w(v),v==="end"?D.current.focus():b.current.focus();const x=v==="end"?s.RANGE_ACTION.end:s.RANGE_ACTION.start;d({type:x,payload:u,event:t})},[e.vertical,f,g,d]),L=t=>{const u=I(t),v=O==="end"?s.RANGE_ACTION.end:s.RANGE_ACTION.start;d({type:v,payload:u,event:t})},B=t=>{const u=I(t),v=O==="end"?s.RANGE_ACTION.end:s.RANGE_ACTION.start;d({type:v,payload:u,event:t}),w("")};return i.useDraggable(T,{onPress:H,onDrag:L,onRelease:B}),a.createElement("div",{id:e.id,style:e.style,ref:m,dir:p,className:i.classNames("k-slider",{"k-rtl":p==="rtl","k-disabled":e.disabled,"k-slider-vertical":e.vertical,"k-slider-horizontal":!e.vertical},e.className)},a.createElement("div",{ref:T,className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...z}},e.children&&a.createElement("ul",{className:"k-reset k-slider-items",style:{...P}},a.Children.map(e.children,(t,u)=>t&&a.cloneElement(t,{position:100*(t.props.position-e.min)/(e.max-e.min),vertical:e.vertical,firstTick:u===0,lastTick:u===a.Children.count(e.children)-1},t.props.children))),a.createElement("div",{ref:M,className:"k-slider-track",style:e.vertical?{bottom:0,height:"100%"}:{[p==="rtl"?"right":"left"]:0,width:"100%"}},k!==null&&A!==null&&a.createElement("div",{"data-selection":!0,ref:y,title:`${o.start} - ${o.end}`,className:"k-slider-selection",style:e.vertical?{height:A-k+"%",bottom:k+"%"}:{[p==="rtl"?"right":"left"]:k+"%",width:A-k+"%"}}),a.createElement("span",{ref:b,role:"slider",tabIndex:i.getTabIndex(e.startTabIndex,e.disabled,void 0),"aria-valuemin":f,"aria-valuemax":Math.max(g,o.end),"aria-valuenow":o.start,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-start",title:_.toLanguageString(N.sliderDragTitle,N.messages[N.sliderDragTitle]),style:e.vertical?{bottom:"calc("+k+"%)",zIndex:1}:p==="rtl"?{right:"calc("+k+"% - 13px)",zIndex:1}:{left:"calc("+k+"%)",zIndex:1},onKeyDown:q}),a.createElement("span",{ref:D,role:"slider",tabIndex:i.getTabIndex(e.endTabIndex,e.disabled,void 0),"aria-valuemin":Math.min(f,o.start),"aria-valuemax":g,"aria-valuenow":o.end,"aria-disabled":e.disabled?"true":void 0,"aria-valuetext":`${o.start} - ${o.end}`,className:"k-draghandle k-draghandle-end",title:_.toLanguageString(N.sliderDragTitle,N.messages[N.sliderDragTitle]),style:e.vertical?{bottom:"calc("+A+"%)",zIndex:1}:p==="rtl"?{right:"calc("+A+"% - 13px)",zIndex:1}:{left:"calc("+A+"%)",zIndex:1},onKeyDown:j}))))}),U={value:(r,n,c)=>{if(r.value){const e=r.value.start,l=r.value.end,m=r.min,y=r.max;if(e>l||e>y||e<m||l>y||l<m||l<e)return new Error(`Invalid prop + ${n} supplied to ${c}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},defaultValue:(r,n,e)=>{if(r.defaultValue){const s=r.defaultValue.start,c=r.defaultValue.end,m=r.min,f=r.max;if(s>c||s>f||s<m||c>f||c<m||c<s)return new Error(`Invalid prop + ${n} supplied to ${e}.
+                    `)}return null},defaultValue:(r,n,c)=>{if(r.defaultValue){const e=r.defaultValue.start,l=r.defaultValue.end,m=r.min,y=r.max;if(e>l||e>y||e<m||l>y||l<m||l<e)return new Error(`Invalid prop + ${n} supplied to ${c}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
-                    `)}return null},onChange:T.func,step:T.number,min:(r,n,e)=>{const s=r[n],c=r.min,m=r.max;return c===void 0?new Error(`Invalid prop + ${n} supplied to ${e}.
+                    `)}return null},onChange:C.func,step:C.number,min:(r,n,c)=>{const e=r[n],l=r.min,m=r.max;return l===void 0?new Error(`Invalid prop + ${n} supplied to ${c}.
                 ${n} value can not be undefined.
-                `):s&&c>=m?new Error(`Invalid prop + ${n} supplied to ${e}.
+                `):e&&l>=m?new Error(`Invalid prop + ${n} supplied to ${c}.
                 ${n} value can not be equal to or bigger than the max value.
-                `):null},max:(r,n,e)=>{const s=r[n],c=r.min,m=r.max;return m===void 0?new Error(`Invalid prop + ${n} supplied to ${e}.
+                `):null},max:(r,n,c)=>{const e=r[n],l=r.min,m=r.max;return m===void 0?new Error(`Invalid prop + ${n} supplied to ${c}.
                 ${n} value can not be undefined.
-                `):s&&m<=c?new Error(`Invalid prop + ${n} supplied to ${e}.
+                `):e&&m<=l?new Error(`Invalid prop + ${n} supplied to ${c}.
                 ${n} value can not be equal to or smaller than the min value.
-                `):null},vertical:T.bool,disabled:T.bool,dir:T.oneOf(["ltr","rtl"])},C={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};I.displayName="KendoReactRangeSlider";I.propTypes=Q;I.defaultProps=C;exports.RangeSlider=I;exports.RangeSliderPropsContext=_;
+                `):null},vertical:C.bool,disabled:C.bool,dir:C.oneOf(["ltr","rtl"])},h={step:1,defaultValue:{start:0,end:0},vertical:!1,disabled:!1};E.displayName="KendoReactRangeSlider";E.propTypes=U;exports.RangeSlider=E;exports.RangeSliderPropsContext=G;