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

package/range-slider/RangeSlider.mjs

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

package/rating/Rating.js

@@ -5,8 +5,8 @@
  * 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"),i=require("prop-types"),l=require("@progress/kendo-react-common"),D=require("@progress/kendo-svg-icons"),J=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),G=require("../messages/index.js"),Q=require("@progress/kendo-react-intl");function U(a){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const f=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(d,e,f.get?f:{enumerable:!0,get:()=>a[e]})}}return d.default=a,Object.freeze(d)}const n=U(X),z=(a,d,e)=>{const[f,m]=n.useState(a);return[f,s=>{const A=c.ratingReducer(d.state||f,{...s,...d});e&&e(A,s.event),m(A)}]},F=l.createPropsContext(),E=n.forwardRef((a,d)=>{const e=l.usePropsContext(F,a),f=Q.useLocalization(),m=n.useRef(null),x=n.useRef(null),s=l.useDir(x,e.dir);n.useImperativeHandle(m,()=>({element:x.current,props:e})),n.useImperativeHandle(d,()=>m.current);const A=n.useCallback((t,o)=>{e.onChange&&m.current&&e.onChange.call(void 0,{value:t,target:m.current,syntheticEvent:o})},[e.onChange]),h=n.useMemo(()=>e.min!==void 0?e.min:p.min,[e.min]),N=n.useMemo(()=>e.max!==void 0?e.max:p.max,[e.max]),I=n.useMemo(()=>e.precision||p.precision,[e.precision]),r=n.useMemo(()=>e.step!==void 0?e.step:p.step,[e.step]),O=n.useMemo(()=>e.readonly||p.readonly,[e.readonly]),R=n.useMemo(()=>e.disabled||p.disabled,[e.disabled]),H=n.useMemo(()=>e.item||p.item,[e.item]),[P,v]=z(e.defaultValue!==void 0?e.defaultValue:p.defaultValue,{state:e.value,min:h,max:N,step:I==="half"?r/2:r},A),[V,_]=z(null,{state:e.value,min:h,max:N,step:I==="half"?r/2:r,precision:I}),g=n.useMemo(()=>e.value!==void 0?e.value:P,[e.value,P]),C=n.useMemo(()=>V,[V]),S=n.useMemo(()=>e.selection||p.selection,[e.selection]),T=n.useMemo(()=>r/(I==="half"?2:1),[r,I]),K=n.useCallback(t=>{if(!(!t.target||!t.target.element||O||R)){if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(s||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,T):t.target.value;v({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else v({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:g,target:m.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,v,g]),q=n.useCallback(t=>{if(!(O||R)){switch(t.keyCode){case l.Keys.right:t.preventDefault(),v({type:s==="rtl"?c.RATING_ACTION.decrease:c.RATING_ACTION.increase,event:t});break;case l.Keys.left:t.preventDefault(),v({type:s==="rtl"?c.RATING_ACTION.increase:c.RATING_ACTION.decrease,event:t});break;case l.Keys.home:t.preventDefault(),v({type:s==="rtl"?c.RATING_ACTION.min:c.RATING_ACTION.max,event:t});break;case l.Keys.end:t.preventDefault(),v({type:s==="rtl"?c.RATING_ACTION.max:c.RATING_ACTION.min,event:t});break;case l.Keys.esc:t.preventDefault(),v({type:c.RATING_ACTION.deselect,event:t});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:g,target:m.current,syntheticEvent:t})}},[e.onKeyDown,v,g]),B=n.useCallback(t=>{if(e.onFocus){const o={target:m.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),$=n.useCallback(t=>{if(e.onBlur){const o={target:m.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),W=n.useCallback(t=>{if(!(!t.target||!t.target.element))if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(s||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;_({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else _({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[I,r,s]),L=n.useCallback(t=>{_({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),w=[],j=u.getRemainder(u.toRound(N-h,T),r);for(let t=h;t<=N;t=u.toRound(t+r,T)){const o=u.toRound(t+j,T),y=I==="half"?u.isHalf(o,C!==null?C:g!==null?g:0,r):!1,k=u.isSelected(o,g,r,S),M=u.isSelected(o,C!==null?C:g,r,S),b=u.isSelected(o,C,r,S);w.push(n.createElement(H,{key:o,value:o,dir:s,title:String(y?u.toRound(o-r/2,T):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:k||M,hovered:b,onClick:K,onMouseMove:W,onMouseLeave:L},y&&n.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:"star-outline",icon:D.starOutlineIcon,style:{clipPath:`${s==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&n.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:"star",icon:D.starIcon,style:{clipPath:`${s==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&n.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||M&&!b)&&n.createElement(l.IconWrap,{name:"star",icon:D.starIcon,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!M&&n.createElement(l.IconWrap,{name:"star-outline",icon:D.starOutlineIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||M&&!b)&&n.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return n.createElement("span",{id:e.id,style:e.style,ref:x,role:"slider",dir:s,tabIndex:l.getTabIndex(e.tabIndex,e.disabled,void 0),className:l.classNames("k-rating",{"k-rtl":s==="rtl","k-readonly":O,"k-disabled":R},e.className),onKeyDown:q,onFocus:B,onBlur:$,"aria-valuemin":h,"aria-valuemax":N,"aria-valuenow":g!==null?g:void 0,"aria-disabled":R?"true":void 0,"aria-label":f.toLanguageString(G.ratingAriaLabel,G.messages[G.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},n.createElement("input",{id:"rating",className:"k-hidden",readOnly:O,disabled:R}),n.createElement("span",{className:"k-rating-container"},w),e.label&&n.createElement("span",{className:"k-rating-label"},e.label))}),Y={id:i.string,dir:i.oneOf(["ltr","rtl"]),selection:i.oneOf(["continues","single"]),precision:i.oneOf(["item","half"]),value:(a,d,e)=>a.value&&a.min&&a.max&&a.step&&!(a.precision==="half"?u.isCorrectValue(a.min,a.max,a.step/2,a.value):u.isCorrectValue(a.min,a.max,a.step,a.value))&&a.precision==="half"?new Error(`Invalid prop + ${d} supplied to ${e}.
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),u=require("prop-types"),l=require("@progress/kendo-react-common"),M=require("@progress/kendo-svg-icons"),Q=require("./RatingItem.js"),c=require("./rating-reducer.js"),d=require("./utils/index.js"),V=require("../messages/index.js"),U=require("@progress/kendo-react-intl");function Y(a){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const m in a)if(m!=="default"){const e=Object.getOwnPropertyDescriptor(a,m);Object.defineProperty(g,m,e.get?e:{enumerable:!0,get:()=>a[m]})}}return g.default=a,Object.freeze(g)}const n=Y(J),z=(a,g,m)=>{const[e,D]=n.useState(a);return[e,h=>{const i=c.ratingReducer(g.state||e,{...h,...g});m&&m(i,h.event),D(i)}]},F=l.createPropsContext(),S=n.forwardRef((a,g)=>{const m=l.usePropsContext(F,a),e={dir:s.dir,min:s.min,max:s.max,step:s.step,item:s.item,defaultValue:s.defaultValue,readonly:s.readonly,disabled:s.disabled,selection:s.selection,precision:s.precision,...m},D=U.useLocalization(),I=n.useRef(null),h=n.useRef(null),i=l.useDir(h,e.dir);n.useImperativeHandle(I,()=>({element:h.current,props:e})),n.useImperativeHandle(g,()=>I.current);const H=n.useCallback((t,o)=>{e.onChange&&I.current&&e.onChange.call(void 0,{value:t,target:I.current,syntheticEvent:o})},[e.onChange]),N=n.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),R=n.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),v=n.useMemo(()=>e.precision||s.precision,[e.precision]),r=n.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),A=n.useMemo(()=>e.readonly||s.readonly,[e.readonly]),C=n.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=n.useMemo(()=>e.item||s.item,[e.item]),[G,f]=z(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:N,max:R,step:v==="half"?r/2:r},H),[w,E]=z(null,{state:e.value,min:N,max:R,step:v==="half"?r/2:r,precision:v}),p=n.useMemo(()=>e.value!==void 0?e.value:G,[e.value,G]),T=n.useMemo(()=>w,[w]),_=n.useMemo(()=>e.selection||s.selection,[e.selection]),k=n.useMemo(()=>r/(v==="half"?2:1),[r,v]),q=n.useCallback(t=>{if(!(!t.target||!t.target.element||A||C)){if(v==="half"){const o=t.target.element.getBoundingClientRect(),x=d.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?d.toRound(t.target.value-r/2,k):t.target.value;f({type:c.RATING_ACTION.select,payload:x,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:p,target:I.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,p]),B=n.useCallback(t=>{if(!(A||C)){switch(t.keyCode){case l.Keys.right:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.decrease:c.RATING_ACTION.increase,event:t});break;case l.Keys.left:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.increase:c.RATING_ACTION.decrease,event:t});break;case l.Keys.home:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.min:c.RATING_ACTION.max,event:t});break;case l.Keys.end:t.preventDefault(),f({type:i==="rtl"?c.RATING_ACTION.max:c.RATING_ACTION.min,event:t});break;case l.Keys.esc:t.preventDefault(),f({type:c.RATING_ACTION.deselect,event:t});break}e.onKeyDown&&e.onKeyDown.call(void 0,{value:p,target:I.current,syntheticEvent:t})}},[e.onKeyDown,f,p]),$=n.useCallback(t=>{if(e.onFocus){const o={target:I.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),W=n.useCallback(t=>{if(e.onBlur){const o={target:I.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),L=n.useCallback(t=>{if(!(!t.target||!t.target.element))if(v==="half"){const o=t.target.element.getBoundingClientRect(),x=d.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;E({type:c.RATING_ACTION.select,payload:x,event:t.syntheticEvent})}else E({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[v,r,i]),j=n.useCallback(t=>{E({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),P=[],X=d.getRemainder(d.toRound(R-N,k),r);for(let t=N;t<=R;t=d.toRound(t+r,k)){const o=d.toRound(t+X,k),y=v==="half"?d.isHalf(o,T!==null?T:p!==null?p:0,r):!1,x=d.isSelected(o,p,r,_),O=d.isSelected(o,T!==null?T:p,r,_),b=d.isSelected(o,T,r,_);P.push(n.createElement(K,{key:o,value:o,dir:i,title:String(y?d.toRound(o-r/2,k):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:x||O,hovered:b,onClick:q,onMouseMove:L,onMouseLeave:j},y&&n.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:"star-outline",icon:M.starOutlineIcon,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&n.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&n.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&n.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&n.createElement(l.IconWrap,{name:"star",icon:M.starIcon,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&n.createElement(l.IconWrap,{name:"star-outline",icon:M.starOutlineIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&n.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&n.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return n.createElement("span",{id:e.id,style:e.style,ref:h,role:"slider",dir:i,tabIndex:l.getTabIndex(e.tabIndex,e.disabled,void 0),className:l.classNames("k-rating",{"k-rtl":i==="rtl","k-readonly":A,"k-disabled":C},e.className),onKeyDown:B,onFocus:$,onBlur:W,"aria-valuemin":N,"aria-valuemax":R,"aria-valuenow":p!==null?p:void 0,"aria-disabled":C?"true":void 0,"aria-label":D.toLanguageString(V.ratingAriaLabel,V.messages[V.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},n.createElement("input",{id:"rating",className:"k-hidden",readOnly:A,disabled:C}),n.createElement("span",{className:"k-rating-container"},P),e.label&&n.createElement("span",{className:"k-rating-label"},e.label))}),Z={id:u.string,dir:u.oneOf(["ltr","rtl"]),selection:u.oneOf(["continues","single"]),precision:u.oneOf(["item","half"]),value:(a,g,m)=>a.value&&a.min&&a.max&&a.step&&!(a.precision==="half"?d.isCorrectValue(a.min,a.max,a.step/2,a.value):d.isCorrectValue(a.min,a.max,a.step,a.value))&&a.precision==="half"?new Error(`Invalid prop + ${g} supplied to ${m}.
                     The value of the { value } property is not correct, please check your values.
-                    `):null,defaultValue:i.number,min:i.number,max:i.number,step:(a,d,e)=>a.step!==void 0&&a.step<=0?new Error(`Invalid prop + ${d} supplied to ${e}.
+                    `):null,defaultValue:u.number,min:u.number,max:u.number,step:(a,g,m)=>a.step!==void 0&&a.step<=0?new Error(`Invalid prop + ${g} supplied to ${m}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
-                `):null,hovered:i.number,label:i.string,readonly:i.bool,disabled:i.bool,half:i.bool,icon:i.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:i.string},p={dir:"ltr",min:1,max:5,step:1,item:J.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};E.displayName="KendoReactRating";E.propTypes=Y;E.defaultProps=p;exports.Rating=E;exports.RatingPropsContext=F;
+                `):null,hovered:u.number,label:u.string,readonly:u.bool,disabled:u.bool,half:u.bool,icon:u.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:u.string},s={dir:"ltr",min:1,max:5,step:1,item:Q.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};S.displayName="KendoReactRating";S.propTypes=Z;exports.Rating=S;exports.RatingPropsContext=F;