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

package/rating/Rating.mjs

@@ -7,28 +7,26 @@
  */
 import * as a from "react";
 import c from "prop-types";
-import { usePropsContext as te, useDir as ae, useWebMcpRegister as ne, Keys as E, IconWrap as y, toIconName as O, classNames as le, getTabIndex as se, createPropsContext as oe, svgIconPropType as P } from "@progress/kendo-react-common";
-import { RatingItem as ie } from "./RatingItem.mjs";
-import { RATING_ACTION as r, ratingReducer as re } from "./rating-reducer.mjs";
-import { calcIsFirstHalf as S, toRound as D, getRemainder as ce, isHalf as ue, isSelected as F, isCorrectValue as $ } from "./utils/index.mjs";
-import { ratingAriaLabel as K, messages as me } from "../messages/index.mjs";
-import { useLocalization as de } from "@progress/kendo-react-intl";
-const A = {
+import { usePropsContext as Z, useDir as ee, useWebMcpRegister as te, Keys as E, IconWrap as y, toIconName as z, classNames as ae, getTabIndex as ne, createPropsContext as le, svgIconPropType as $ } from "@progress/kendo-react-common";
+import { RatingItem as se } from "./RatingItem.mjs";
+import { RATING_ACTION as r, ratingReducer as oe } from "./rating-reducer.mjs";
+import { calcIsFirstHalf as K, toRound as D, getRemainder as ie, isHalf as re, isSelected as F, isCorrectValue as L } from "./utils/index.mjs";
+const S = {
   name: "star",
   content: '<path d="m22.762 10.668-4.557 3.931 1.389 5.88a1.661 1.661 0 0 1-2.481 1.805L12 19.138l-5.116 3.146a1.661 1.661 0 0 1-2.478-1.805l1.394-5.88-4.557-3.931a1.667 1.667 0 0 1 .943-2.921l5.974-.482 2.304-5.577a1.656 1.656 0 0 1 3.065 0l2.304 5.577 5.973.482a1.667 1.667 0 0 1 .95 2.922z" />',
   viewBox: "0 0 24 24"
-}, W = {
+}, A = {
   name: "star-outline",
   content: '<path d="M23.065 8.95a1.44 1.44 0 0 0-1.267-1l-6.101-.493-2.351-5.691a1.454 1.454 0 0 0-2.691 0L8.304 7.454l-6.101.496A1.44 1.44 0 0 0 .936 8.951a1.46 1.46 0 0 0 .433 1.562l4.657 4.011-1.417 5.998a1.46 1.46 0 0 0 .567 1.52 1.43 1.43 0 0 0 1.61.061L12 18.898l5.222 3.211a1.43 1.43 0 0 0 1.611-.061 1.46 1.46 0 0 0 .566-1.52l-1.417-5.998 4.65-4.016a1.46 1.46 0 0 0 .433-1.564m-1.229.644-4.929 4.253a.61.61 0 0 0-.195.599l1.506 6.357a.24.24 0 0 1-.096.261.23.23 0 0 1-.262.009l-5.541-3.404a.61.61 0 0 0-.636 0l-5.54 3.403a.23.23 0 0 1-.263-.01.24.24 0 0 1-.101-.26l1.506-6.358a.61.61 0 0 0-.194-.598l-4.93-4.253a.24.24 0 0 1-.074-.269.23.23 0 0 1 .21-.167l6.471-.522a.61.61 0 0 0 .513-.373l2.493-6.035a.238.238 0 0 1 .444 0l2.494 6.035a.61.61 0 0 0 .512.373l6.472.522a.23.23 0 0 1 .21.167.24.24 0 0 1-.068.269z" />',
   viewBox: "0 0 24 24"
-}, X = (n, g, v) => {
-  const [e, z] = a.useState(n);
-  return [e, (h) => {
-    const o = re(g.state || e, { ...h, ...g });
-    v && v(o, h.event), z(o);
+}, W = (n, v, g) => {
+  const [e, u] = a.useState(n);
+  return [e, (o) => {
+    const V = oe(v.state || e, { ...o, ...v });
+    g && g(V, o.event), u(V);
   }];
-}, pe = oe(), q = a.forwardRef((n, g) => {
-  const v = te(pe, n), e = {
+}, ce = le(), X = a.forwardRef((n, v) => {
+  const g = Z(ce, n), e = {
     dir: s.dir,
     min: s.min,
     max: s.max,
@@ -39,13 +37,13 @@ const A = {
     disabled: s.disabled,
     selection: s.selection,
     precision: s.precision,
-    ...v
-  }, z = de(), u = a.useRef(null), h = a.useRef(null), o = ae(h, e.dir);
+    ...g
+  }, u = a.useRef(null), w = a.useRef(null), o = ee(w, e.dir);
   a.useImperativeHandle(u, () => ({
-    element: h.current,
+    element: w.current,
     props: e
-  })), a.useImperativeHandle(g, () => u.current), ne("rating", u, e, e.webMcp);
-  const G = a.useCallback(
+  })), a.useImperativeHandle(v, () => u.current), te("rating", u, e, e.webMcp);
+  const V = a.useCallback(
     (t, l) => {
       e.onChange && u.current && e.onChange.call(void 0, {
         value: t,
@@ -54,32 +52,32 @@ const A = {
       });
     },
     [e.onChange]
-  ), I = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), x = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), d = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), w = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), _ = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = X(
+  ), h = a.useMemo(() => e.min !== void 0 ? e.min : s.min, [e.min]), I = a.useMemo(() => e.max !== void 0 ? e.max : s.max, [e.max]), m = a.useMemo(() => e.precision || s.precision, [e.precision]), i = a.useMemo(() => e.step !== void 0 ? e.step : s.step, [e.step]), x = a.useMemo(() => e.readonly || s.readonly, [e.readonly]), k = a.useMemo(() => e.disabled || s.disabled, [e.disabled]), q = a.useMemo(() => e.item || s.item, [e.item]), [H, p] = W(
     e.defaultValue !== void 0 ? e.defaultValue : s.defaultValue,
     {
       state: e.value,
-      min: I,
-      max: x,
-      step: d === "half" ? i / 2 : i
+      min: h,
+      max: I,
+      step: m === "half" ? i / 2 : i
     },
-    G
-  ), [L, B] = X(null, {
+    V
+  ), [T, N] = W(null, {
     state: e.value,
-    min: I,
-    max: x,
-    step: d === "half" ? i / 2 : i,
-    precision: d
-  }), m = a.useMemo(
+    min: h,
+    max: I,
+    step: m === "half" ? i / 2 : i,
+    precision: m
+  }), d = a.useMemo(
     () => e.value !== void 0 ? e.value : H,
     [e.value, H]
-  ), C = a.useMemo(() => L, [L]), N = a.useMemo(
+  ), C = a.useMemo(() => T, [T]), O = a.useMemo(
     () => e.selection || s.selection,
     [e.selection]
-  ), M = a.useMemo(() => i / (d === "half" ? 2 : 1), [i, d]), j = a.useCallback(
+  ), M = a.useMemo(() => i / (m === "half" ? 2 : 1), [i, m]), G = a.useCallback(
     (t) => {
-      if (!(!t.target || !t.target.element || w || k)) {
-        if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), R = S(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, M) : t.target.value;
+      if (!(!t.target || !t.target.element || x || k)) {
+        if (m === "half") {
+          const l = t.target.element.getBoundingClientRect(), R = K(o || "ltr", l, t.syntheticEvent.clientX) ? D(t.target.value - i / 2, M) : t.target.value;
           p({ type: r.select, payload: R, event: t.syntheticEvent });
         } else
           p({
@@ -89,7 +87,7 @@ const A = {
           });
         if (e.onClick) {
           const l = {
-            value: m,
+            value: d,
             target: u.current,
             syntheticEvent: t.syntheticEvent
           };
@@ -97,10 +95,10 @@ const A = {
         }
       }
     },
-    [e.onClick, p, m]
-  ), J = a.useCallback(
+    [e.onClick, p, d]
+  ), _ = a.useCallback(
     (t) => {
-      if (!(w || k)) {
+      if (!(x || k)) {
         switch (t.keyCode) {
           case E.right:
             t.preventDefault(), p({
@@ -134,14 +132,14 @@ const A = {
             break;
         }
         e.onKeyDown && e.onKeyDown.call(void 0, {
-          value: m,
+          value: d,
           target: u.current,
           syntheticEvent: t
         });
       }
     },
-    [e.onKeyDown, p, m]
-  ), Q = a.useCallback(
+    [e.onKeyDown, p, d]
+  ), j = a.useCallback(
     (t) => {
       if (e.onFocus) {
         const l = {
@@ -152,7 +150,7 @@ const A = {
       }
     },
     [e.onFocus]
-  ), U = a.useCallback(
+  ), J = a.useCallback(
     (t) => {
       if (e.onBlur) {
         const l = {
@@ -163,28 +161,28 @@ const A = {
       }
     },
     [e.onBlur]
-  ), Y = a.useCallback(
+  ), Q = a.useCallback(
     (t) => {
       if (!(!t.target || !t.target.element))
-        if (d === "half") {
-          const l = t.target.element.getBoundingClientRect(), R = S(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
-          B({ type: r.select, payload: R, event: t.syntheticEvent });
+        if (m === "half") {
+          const l = t.target.element.getBoundingClientRect(), R = K(o || "ltr", l, t.syntheticEvent.clientX) ? t.target.value - i / 2 : t.target.value;
+          N({ type: r.select, payload: R, event: t.syntheticEvent });
         } else
-          B({
+          N({
             type: r.select,
             payload: t.target.value,
             event: t.syntheticEvent
           });
     },
-    [d, i, o]
-  ), Z = a.useCallback((t) => {
-    B({ type: r.reset, event: t.syntheticEvent });
-  }, []), T = [], ee = ce(D(x - I, M), i);
-  for (let t = I || i; t <= x; t = D(t + i, M)) {
-    const l = D(t + ee, M), f = d === "half" ? ue(l, C !== null ? C : m !== null ? m : 0, i) : !1, R = F(l, m, i, N), V = F(l, C !== null ? C : m, i, N), b = F(l, C, i, N);
-    T.push(
+    [m, i, o]
+  ), U = a.useCallback((t) => {
+    N({ type: r.reset, event: t.syntheticEvent });
+  }, []), P = [], Y = ie(D(I - h, M), i);
+  for (let t = h || i; t <= I; t = D(t + i, M)) {
+    const l = D(t + Y, M), f = m === "half" ? re(l, C !== null ? C : d !== null ? d : 0, i) : !1, R = F(l, d, i, O), B = F(l, C !== null ? C : d, i, O), b = F(l, C, i, O);
+    P.push(
       /* @__PURE__ */ a.createElement(
-        _,
+        q,
         {
           key: l,
           value: l,
@@ -193,24 +191,24 @@ const A = {
           icon: e.icon,
           svgIcon: e.svgIcon,
           half: f,
-          selected: R || V,
+          selected: R || B,
           hovered: b,
-          onClick: j,
-          onMouseMove: Y,
-          onMouseLeave: Z
+          onClick: G,
+          onMouseMove: Q,
+          onMouseLeave: U
         },
         f && /* @__PURE__ */ a.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(
           y,
           {
             name: "star",
-            icon: W,
+            icon: A,
             style: { clipPath: `${o === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` },
             size: "xlarge"
           }
         ), (e.icon || e.svgIconOutline) && /* @__PURE__ */ a.createElement(
           y,
           {
-            name: O(`${e.icon}-outline`),
+            name: z(`${e.icon}-outline`),
             icon: e.svgIconOutline,
             size: "xlarge"
           }
@@ -219,23 +217,23 @@ const A = {
           y,
           {
             name: "star",
-            icon: A,
+            icon: S,
             style: { clipPath: `${o === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` },
             size: "xlarge"
           }
         ), (e.icon || e.svgIcon) && /* @__PURE__ */ a.createElement(
           y,
           {
-            name: e.icon ? O(e.icon) : void 0,
+            name: e.icon ? z(e.icon) : void 0,
             icon: e.svgIcon,
             size: "xlarge"
           }
         )),
         f && /* @__PURE__ */ a.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !f && !(e.icon || e.svgIcon) && (b || V && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: A, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !V && /* @__PURE__ */ a.createElement(y, { name: "star", icon: W, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || V && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(
+        !f && !(e.icon || e.svgIcon) && (b || B && !b) && /* @__PURE__ */ a.createElement(y, { name: "star", icon: S, size: "xlarge" }) || !(e.icon || e.svgIcon) && !b && !B && /* @__PURE__ */ a.createElement(y, { name: "star", icon: A, size: "xlarge" }) || (e.icon || e.svgIcon) && (b || B && !b) && /* @__PURE__ */ a.createElement(y, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !b && /* @__PURE__ */ a.createElement(
           y,
           {
-            name: O(`${e.icon}-outline`),
+            name: z(`${e.icon}-outline`),
             icon: e.svgIconOutline,
             size: "xlarge"
           }
@@ -248,49 +246,50 @@ const A = {
     {
       id: e.id,
       style: e.style,
-      ref: h,
+      ref: w,
       role: "slider",
       dir: o,
-      tabIndex: se(e.tabIndex, e.disabled, void 0),
-      className: le(
+      tabIndex: ne(e.tabIndex, e.disabled, void 0),
+      className: ae(
         "k-rating",
         {
           "k-rtl": o === "rtl",
-          "k-readonly": w,
+          "k-readonly": x,
           "k-disabled": k
         },
         e.className
       ),
-      onKeyDown: J,
-      onFocus: Q,
-      onBlur: U,
-      "aria-valuemin": I,
-      "aria-valuemax": x,
-      "aria-valuenow": m !== null ? m : void 0,
+      onKeyDown: _,
+      onFocus: j,
+      onBlur: J,
+      "aria-valuemin": h,
+      "aria-valuemax": I,
+      "aria-valuenow": d !== null ? d : void 0,
       "aria-disabled": k ? "true" : void 0,
-      "aria-label": z.toLanguageString(K, me[K]),
+      "aria-readonly": x ? "true" : void 0,
+      "aria-label": e.ariaLabel,
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
-    /* @__PURE__ */ a.createElement("input", { type: "hidden", id: "rating", readOnly: w, disabled: k }),
-    /* @__PURE__ */ a.createElement("span", { className: "k-rating-container" }, T),
+    /* @__PURE__ */ a.createElement("input", { type: "hidden", id: "rating", readOnly: x, disabled: k }),
+    /* @__PURE__ */ a.createElement("span", { className: "k-rating-container" }, P),
     e.label && /* @__PURE__ */ a.createElement("span", { className: "k-rating-label" }, e.label)
   );
-}), ge = {
+}), ue = {
   id: c.string,
   dir: c.oneOf(["ltr", "rtl"]),
   selection: c.oneOf(["continues", "single"]),
   precision: c.oneOf(["item", "half"]),
-  value: (n, g, v) => n.value && n.min && n.max && n.step && !(n.precision === "half" ? $(n.min, n.max, n.step / 2, n.value) : $(n.min, n.max, n.step, n.value)) && n.precision === "half" ? new Error(
-    `Invalid prop + ${g} supplied to ${v}.
+  value: (n, v, g) => n.value && n.min && n.max && n.step && !(n.precision === "half" ? L(n.min, n.max, n.step / 2, n.value) : L(n.min, n.max, n.step, n.value)) && n.precision === "half" ? new Error(
+    `Invalid prop + ${v} supplied to ${g}.
                     The value of the { value } property is not correct, please check your values.
                     `
   ) : null,
   defaultValue: c.number,
   min: c.number,
   max: c.number,
-  step: (n, g, v) => n.step !== void 0 && n.step <= 0 ? new Error(
-    `Invalid prop + ${g} supplied to ${v}.
+  step: (n, v, g) => n.step !== void 0 && n.step <= 0 ? new Error(
+    `Invalid prop + ${v} supplied to ${g}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
                 `
   ) : null,
@@ -299,24 +298,24 @@ const A = {
   readonly: c.bool,
   disabled: c.bool,
   icon: c.string,
-  svgIcon: P,
-  svgIconOutline: P,
+  svgIcon: $,
+  svgIconOutline: $,
   ariaDescribedBy: c.string
 }, s = {
   dir: "ltr",
   min: 0,
   max: 5,
   step: 1,
-  item: ie,
+  item: se,
   defaultValue: null,
   readonly: !1,
   disabled: !1,
   selection: "continues",
   precision: "item"
 };
-q.displayName = "KendoReactRating";
-q.propTypes = ge;
+X.displayName = "KendoReactRating";
+X.propTypes = ue;
 export {
-  q as Rating,
-  pe as RatingPropsContext
+  X as Rating,
+  ce as RatingPropsContext
 };

package/slider/Slider.d.ts

@@ -133,6 +133,18 @@ export interface SliderProps extends FormComponentProps {
      * ```
      */
     disabled?: boolean;
+    /**
+     * Makes the Slider read-only when set to `true`. The Slider will remain focusable but its value cannot be changed by the user.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     *
+     * @example
+     * ```jsx
+     * <Slider readOnly={true} min={0} max={100} />
+     * ```
+     */
+    readOnly?: boolean;
     /**
      * Changes the orientation of the Slider to vertical if set to `true`.
      *

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