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

package/range-slider/RangeSlider.mjs

@@ -5,215 +5,216 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
+import * as t from "react";
 import S from "prop-types";
-import { validatePackage as j, getLicenseMessage as J, usePropsContext as Q, useWebMcpRegister as Z, useDir as ee, Keys as m, useDraggable as te, classNames as ae, getTabIndex as V, WatermarkOverlay as re, createPropsContext as ne } from "@progress/kendo-react-common";
-import { sliderDragTitle as $, messages as z } from "../messages/index.mjs";
-import { useLocalization as le } from "@progress/kendo-react-intl";
-import { RANGE_ACTION as r, rangeReducer as se } from "./range-raducer.mjs";
-import { packageMetadata as P } from "../package-metadata.mjs";
-const ce = (n, s, p) => {
-  const [c, i] = a.useState(n), e = a.useCallback(
-    (f) => {
-      const h = se(s.state || c, { ...f, ...s });
-      p && p(h, f.event), i(h);
+import { validatePackage as J, getLicenseMessage as Q, usePropsContext as Z, useWebMcpRegister as ee, useDir as ae, Keys as u, useDraggable as te, classNames as re, getTabIndex as z, WatermarkOverlay as ne, createPropsContext as le } from "@progress/kendo-react-common";
+import { rangeSliderAriaLabel as P, messages as E, sliderDragTitle as C } from "../messages/index.mjs";
+import { useLocalization as se } from "@progress/kendo-react-intl";
+import { RANGE_ACTION as r, rangeReducer as ie } from "./range-raducer.mjs";
+import { packageMetadata as K } from "../package-metadata.mjs";
+const ce = (n, s, m) => {
+  const [i, c] = t.useState(n), e = t.useCallback(
+    (p) => {
+      const h = ie(s.state || i, { ...p, ...s });
+      m && m(h, p.event), c(h);
     },
-    [s, p]
+    [s, m]
   );
-  return [c, e];
-}, ie = ne(), K = a.forwardRef((n, s) => {
-  const p = !j(P, { component: "RangeSlider" }), c = J(P), i = Q(ie, n), e = {
-    step: b.step,
-    largeStep: b.largeStep,
-    defaultValue: b.defaultValue,
-    vertical: b.vertical,
-    disabled: b.disabled,
-    ...i
-  }, f = a.useRef(null), h = a.useRef(null), A = a.useRef(null), w = a.useRef(null), T = a.useRef(null), H = a.useCallback(() => {
+  return [i, e];
+}, de = le(), A = t.forwardRef((n, s) => {
+  const m = !J(K, { component: "RangeSlider" }), i = Q(K), c = Z(de, n), e = {
+    step: k.step,
+    largeStep: k.largeStep,
+    defaultValue: k.defaultValue,
+    vertical: k.vertical,
+    disabled: k.disabled,
+    ...c
+  }, p = t.useRef(null), h = t.useRef(null), H = t.useRef(null), w = t.useRef(null), $ = t.useRef(null), W = t.useCallback(() => {
     w.current && w.current.focus();
   }, [w]);
-  a.useImperativeHandle(f, () => ({
+  t.useImperativeHandle(p, () => ({
     element: h.current,
-    focus: H,
+    focus: W,
     props: e
-  })), a.useImperativeHandle(s, () => f.current), Z("rangeslider", f, e, e.webMcp);
-  const g = a.useMemo(() => e.min, [e.min]), k = a.useMemo(() => e.max, [e.max]), W = a.useMemo(
-    () => e.step !== void 0 ? e.step : b.step,
-    [e.step, b.step]
-  ), N = a.useMemo(
-    () => e.largeStep !== void 0 ? e.largeStep : b.largeStep,
-    [e.largeStep, b.largeStep]
-  ), o = ee(h, e.dir), O = (t, u) => {
-    e.onChange && f.current && e.onChange.call(void 0, {
-      value: t,
-      target: f.current,
-      syntheticEvent: u
+  })), t.useImperativeHandle(s, () => p.current), ee("rangeslider", p, e, e.webMcp);
+  const g = t.useMemo(() => e.min, [e.min]), b = t.useMemo(() => e.max, [e.max]), N = t.useMemo(
+    () => e.step !== void 0 ? e.step : k.step,
+    [e.step, k.step]
+  ), O = t.useMemo(
+    () => e.largeStep !== void 0 ? e.largeStep : k.largeStep,
+    [e.largeStep, k.largeStep]
+  ), d = ae(h, e.dir), q = (a, o) => {
+    e.onChange && p.current && e.onChange.call(void 0, {
+      value: a,
+      target: p.current,
+      syntheticEvent: o
     });
-  }, [E, M] = a.useState(""), [x, l] = ce(
-    e.defaultValue || b.defaultValue,
+  }, [M, V] = t.useState(""), [x, l] = ce(
+    e.defaultValue || k.defaultValue,
     {
       min: g,
-      max: k,
-      step: W,
-      largeStep: N,
+      max: b,
+      step: N,
+      largeStep: O,
       state: e.value
     },
-    O
-  ), d = a.useMemo(() => e.value || x, [e.value, x]), q = a.useRef(null), R = a.useRef(null), v = a.useMemo(() => (d.start - g) / (k - g) * 100, [d.start, g, k]), D = a.useMemo(() => (d.end - g) / (k - g) * 100, [d.end, g, k]), B = a.useMemo(
+    q
+  ), f = t.useMemo(() => e.value || x, [e.value, x]), B = t.useRef(null), R = t.useRef(null), y = t.useMemo(() => (f.start - g) / (b - g) * 100, [f.start, g, b]), D = t.useMemo(() => (f.end - g) / (b - g) * 100, [f.end, g, b]), G = t.useMemo(
     () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
     [e.vertical]
-  ), G = a.useMemo(
+  ), U = t.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
-  ), L = le(), C = a.useCallback(
-    (t) => {
+  ), I = se(), L = t.useCallback(
+    (a) => {
       if (!R.current)
         return;
-      const u = R.current.getBoundingClientRect(), y = e.vertical ? u.bottom - t.clientY : o === "rtl" ? u.right - t.clientX : t.clientX - u.left, I = e.vertical ? u.height : u.width, _ = y / I;
-      return g + _ * (k - g);
+      const o = R.current.getBoundingClientRect(), v = e.vertical ? o.bottom - a.clientY : d === "rtl" ? o.right - a.clientX : a.clientX - o.left, T = e.vertical ? o.height : o.width, j = v / T;
+      return g + j * (b - g);
     },
     [
       R,
       e.vertical,
-      o,
+      d,
       g,
-      k,
+      b,
       x.start,
       x.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
-  ), U = a.useCallback(
-    (t) => t <= d.start ? "start" : t >= d.end ? "end" : 2 * t < d.end + d.start ? "start" : "end",
+  ), X = t.useCallback(
+    (a) => a <= f.start ? "start" : a >= f.end ? "end" : 2 * a < f.end + f.start ? "start" : "end",
     [x.start, x.end, e.value && e.value.start, e.value && e.value.end]
-  ), X = a.useCallback(
-    (t) => {
+  ), F = t.useCallback(
+    (a) => {
       if (!e.disabled)
-        switch (t.keyCode) {
-          case m.right:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.decrease : r.increase,
+        switch (a.keyCode) {
+          case u.right:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.decrease : r.increase,
               key: "start",
-              event: t
+              event: a
             });
             break;
-          case m.up:
-            t.preventDefault(), l({ type: r.increase, key: "start", event: t });
+          case u.up:
+            a.preventDefault(), l({ type: r.increase, key: "start", event: a });
             break;
-          case m.left:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.increase : r.decrease,
+          case u.left:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.increase : r.decrease,
               key: "start",
-              event: t
+              event: a
             });
             break;
-          case m.down:
-            t.preventDefault(), l({ type: r.decrease, key: "start", event: t });
+          case u.down:
+            a.preventDefault(), l({ type: r.decrease, key: "start", event: a });
             break;
-          case m.home:
-            t.preventDefault(), l({ type: r.min, key: "start", event: t });
+          case u.home:
+            a.preventDefault(), l({ type: r.min, key: "start", event: a });
             break;
-          case m.end:
-            t.preventDefault(), l({ type: r.max, key: "start", event: t });
+          case u.end:
+            a.preventDefault(), l({ type: r.max, key: "start", event: a });
             break;
-          case m.pageDown:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.increaseLarge : r.decreaseLarge,
+          case u.pageDown:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.increaseLarge : r.decreaseLarge,
               key: "start",
-              event: t
+              event: a
             });
             break;
-          case m.pageUp:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.decreaseLarge : r.increaseLarge,
+          case u.pageUp:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.decreaseLarge : r.increaseLarge,
               key: "start",
-              event: t
+              event: a
             });
             break;
         }
     },
     [l, e.disabled]
-  ), F = a.useCallback(
-    (t) => {
+  ), Y = t.useCallback(
+    (a) => {
       if (!e.disabled)
-        switch (t.keyCode) {
-          case m.right:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.decrease : r.increase,
+        switch (a.keyCode) {
+          case u.right:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.decrease : r.increase,
               key: "end",
-              event: t
+              event: a
             });
             break;
-          case m.up:
-            t.preventDefault(), l({ type: r.increase, key: "end", event: t });
+          case u.up:
+            a.preventDefault(), l({ type: r.increase, key: "end", event: a });
             break;
-          case m.left:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.increase : r.decrease,
+          case u.left:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.increase : r.decrease,
               key: "end",
-              event: t
+              event: a
             });
             break;
-          case m.down:
-            t.preventDefault(), l({ type: r.decrease, key: "end", event: t });
+          case u.down:
+            a.preventDefault(), l({ type: r.decrease, key: "end", event: a });
             break;
-          case m.home:
-            t.preventDefault(), l({ type: r.min, key: "end", event: t });
+          case u.home:
+            a.preventDefault(), l({ type: r.min, key: "end", event: a });
             break;
-          case m.end:
-            t.preventDefault(), l({ type: r.max, key: "end", event: t });
+          case u.end:
+            a.preventDefault(), l({ type: r.max, key: "end", event: a });
             break;
-          case m.pageDown:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.increaseLarge : r.decreaseLarge,
+          case u.pageDown:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.increaseLarge : r.decreaseLarge,
               key: "end",
-              event: t
+              event: a
             });
             break;
-          case m.pageUp:
-            t.preventDefault(), l({
-              type: o === "rtl" ? r.decreaseLarge : r.increaseLarge,
+          case u.pageUp:
+            a.preventDefault(), l({
+              type: d === "rtl" ? r.decreaseLarge : r.increaseLarge,
               key: "end",
-              event: t
+              event: a
             });
             break;
         }
     },
-    [l, o, e.disabled]
-  ), Y = a.useCallback(
-    (t) => {
-      const u = C(t), y = U(u);
-      M(y), y === "end" ? T.current.focus() : w.current.focus();
-      const I = y === "end" ? r.end : r.start;
-      l({ type: I, payload: u, event: t });
+    [l, d, e.disabled]
+  ), _ = t.useCallback(
+    (a) => {
+      const o = L(a), v = X(o);
+      V(v), v === "end" ? $.current.focus() : w.current.focus();
+      const T = v === "end" ? r.end : r.start;
+      l({ type: T, payload: o, event: a });
     },
-    [e.vertical, g, k, l]
+    [e.vertical, g, b, l]
   );
   return te(
     R,
     {
-      onPress: Y,
-      onDrag: (t) => {
-        const u = C(t), y = E === "end" ? r.end : r.start;
-        l({ type: y, payload: u, event: t });
+      onPress: _,
+      onDrag: (a) => {
+        const o = L(a), v = M === "end" ? r.end : r.start;
+        l({ type: v, payload: o, event: a });
       },
-      onRelease: (t) => {
-        const u = C(t), y = E === "end" ? r.end : r.start;
-        l({ type: y, payload: u, event: t }), M("");
+      onRelease: (a) => {
+        const o = L(a), v = M === "end" ? r.end : r.start;
+        l({ type: v, payload: o, event: a }), V("");
       }
     },
     { autoScroll: !1 }
-  ), /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+  ), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
     "div",
     {
       id: e.id,
       style: e.style,
       ref: h,
-      dir: o,
-      className: ae(
+      dir: d,
+      "aria-label": e.ariaLabel || I.toLanguageString(P, E[P]),
+      className: re(
         "k-slider",
         {
-          "k-rtl": o === "rtl",
+          "k-rtl": d === "rtl",
           "k-disabled": e.disabled,
           "k-slider-vertical": e.vertical,
           "k-slider-horizontal": !e.vertical
@@ -221,7 +222,7 @@ const ce = (n, s, p) => {
         e.className
       )
     },
-    /* @__PURE__ */ a.createElement(
+    /* @__PURE__ */ t.createElement(
       "div",
       {
         ref: R,
@@ -230,95 +231,97 @@ const ce = (n, s, p) => {
           flexGrow: 1,
           position: "relative",
           touchAction: "none",
-          ...G
+          ...U
         }
       },
-      e.children && /* @__PURE__ */ a.createElement("ul", { className: "k-reset k-slider-items", style: { ...B } }, a.Children.map(e.children, (t, u) => t && a.cloneElement(
-        t,
+      e.children && /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-slider-items", "aria-hidden": "true", style: { ...G } }, t.Children.map(e.children, (a, o) => a && t.cloneElement(
+        a,
         {
-          position: 100 * (t.props.position - e.min) / (e.max - e.min),
+          position: 100 * (a.props.position - e.min) / (e.max - e.min),
           vertical: e.vertical,
-          firstTick: u === 0,
-          lastTick: u === a.Children.count(e.children) - 1
+          firstTick: o === 0,
+          lastTick: o === t.Children.count(e.children) - 1
         },
-        t.props.children
+        a.props.children
       ))),
-      /* @__PURE__ */ a.createElement(
+      /* @__PURE__ */ t.createElement(
         "div",
         {
-          ref: q,
+          ref: B,
           className: "k-slider-track",
-          style: e.vertical ? { bottom: 0, height: "100%" } : { [o === "rtl" ? "right" : "left"]: 0, width: "100%" }
+          style: e.vertical ? { bottom: 0, height: "100%" } : { [d === "rtl" ? "right" : "left"]: 0, width: "100%" }
         },
-        v !== null && D !== null && /* @__PURE__ */ a.createElement(
+        y !== null && D !== null && /* @__PURE__ */ t.createElement(
           "div",
           {
             "data-selection": !0,
-            ref: A,
-            title: `${d.start} - ${d.end}`,
+            ref: H,
+            title: `${f.start} - ${f.end}`,
             className: "k-slider-selection",
-            style: e.vertical ? { height: D - v + "%", bottom: v + "%" } : {
-              [o === "rtl" ? "right" : "left"]: v + "%",
-              width: D - v + "%"
+            style: e.vertical ? { height: D - y + "%", bottom: y + "%" } : {
+              [d === "rtl" ? "right" : "left"]: y + "%",
+              width: D - y + "%"
             }
           }
         ),
-        /* @__PURE__ */ a.createElement(
+        /* @__PURE__ */ t.createElement(
           "span",
           {
             ref: w,
             role: "slider",
-            tabIndex: V(e.startTabIndex, e.disabled, void 0),
+            tabIndex: z(e.startTabIndex, e.disabled, void 0),
             "aria-valuemin": g,
-            "aria-valuemax": Math.max(k, d.end),
-            "aria-valuenow": d.start,
+            "aria-valuemax": Math.max(b, f.end),
+            "aria-valuenow": f.start,
             "aria-disabled": e.disabled ? "true" : void 0,
-            "aria-valuetext": `${d.start} - ${d.end}`,
+            "aria-orientation": e.vertical ? "vertical" : void 0,
+            "aria-label": e.ariaLabel ? `${e.ariaLabel} start` : "Range start",
             className: "k-draghandle k-draghandle-start",
-            title: L.toLanguageString($, z[$]),
-            style: e.vertical ? { bottom: "calc(" + v + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + v + "% - 13px)", zIndex: 1 } : { left: "calc(" + v + "%)", zIndex: 1 },
-            onKeyDown: X
+            title: I.toLanguageString(C, E[C]),
+            style: e.vertical ? { bottom: "calc(" + y + "%)", zIndex: 1 } : d === "rtl" ? { right: "calc(" + y + "% - 13px)", zIndex: 1 } : { left: "calc(" + y + "%)", zIndex: 1 },
+            onKeyDown: F
           }
         ),
-        /* @__PURE__ */ a.createElement(
+        /* @__PURE__ */ t.createElement(
           "span",
           {
-            ref: T,
+            ref: $,
             role: "slider",
-            tabIndex: V(e.endTabIndex, e.disabled, void 0),
-            "aria-valuemin": Math.min(g, d.start),
-            "aria-valuemax": k,
-            "aria-valuenow": d.end,
+            tabIndex: z(e.endTabIndex, e.disabled, void 0),
+            "aria-valuemin": Math.min(g, f.start),
+            "aria-valuemax": b,
+            "aria-valuenow": f.end,
             "aria-disabled": e.disabled ? "true" : void 0,
-            "aria-valuetext": `${d.start} - ${d.end}`,
+            "aria-orientation": e.vertical ? "vertical" : void 0,
+            "aria-label": e.ariaLabel ? `${e.ariaLabel} end` : "Range end",
             className: "k-draghandle k-draghandle-end",
-            title: L.toLanguageString($, z[$]),
-            style: e.vertical ? { bottom: "calc(" + D + "%)", zIndex: 1 } : o === "rtl" ? { right: "calc(" + D + "% - 13px)", zIndex: 1 } : { left: "calc(" + D + "%)", zIndex: 1 },
-            onKeyDown: F
+            title: I.toLanguageString(C, E[C]),
+            style: e.vertical ? { bottom: "calc(" + D + "%)", zIndex: 1 } : d === "rtl" ? { right: "calc(" + D + "% - 13px)", zIndex: 1 } : { left: "calc(" + D + "%)", zIndex: 1 },
+            onKeyDown: Y
           }
         )
       )
     )
-  ), p && /* @__PURE__ */ a.createElement(re, { message: c }));
-}), de = {
-  value: (n, s, p) => {
+  ), m && /* @__PURE__ */ t.createElement(ne, { message: i }));
+}), oe = {
+  value: (n, s, m) => {
     if (n.value) {
-      const c = n.value.start, i = n.value.end, e = n.min, f = n.max;
-      if (c > i || c > f || c < e || i > f || i < e || i < c)
+      const i = n.value.start, c = n.value.end, e = n.min, p = n.max;
+      if (i > c || i > p || i < e || c > p || c < e || c < i)
         return new Error(
-          `Invalid prop + ${s} supplied to ${p}.
+          `Invalid prop + ${s} supplied to ${m}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
                     `
         );
     }
     return null;
   },
-  defaultValue: (n, s, p) => {
+  defaultValue: (n, s, m) => {
     if (n.defaultValue) {
-      const c = n.defaultValue.start, i = n.defaultValue.end, e = n.min, f = n.max;
-      if (c > i || c > f || c < e || i > f || i < e || i < c)
+      const i = n.defaultValue.start, c = n.defaultValue.end, e = n.min, p = n.max;
+      if (i > c || i > p || i < e || c > p || c < e || c < i)
         return new Error(
-          `Invalid prop + ${s} supplied to ${p}.
+          `Invalid prop + ${s} supplied to ${m}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
                     `
         );
@@ -327,26 +330,26 @@ const ce = (n, s, p) => {
   },
   onChange: S.func,
   step: S.number,
-  min: (n, s, p) => {
-    const c = n[s], i = n.min, e = n.max;
-    return i === void 0 ? new Error(
-      `Invalid prop + ${s} supplied to ${p}.
+  min: (n, s, m) => {
+    const i = n[s], c = n.min, e = n.max;
+    return c === void 0 ? new Error(
+      `Invalid prop + ${s} supplied to ${m}.
                 ${s} value can not be undefined.
                 `
-    ) : c && i >= e ? new Error(
-      `Invalid prop + ${s} supplied to ${p}.
+    ) : i && c >= e ? new Error(
+      `Invalid prop + ${s} supplied to ${m}.
                 ${s} value can not be equal to or bigger than the max value.
                 `
     ) : null;
   },
-  max: (n, s, p) => {
-    const c = n[s], i = n.min, e = n.max;
+  max: (n, s, m) => {
+    const i = n[s], c = n.min, e = n.max;
     return e === void 0 ? new Error(
-      `Invalid prop + ${s} supplied to ${p}.
+      `Invalid prop + ${s} supplied to ${m}.
                 ${s} value can not be undefined.
                 `
-    ) : c && e <= i ? new Error(
-      `Invalid prop + ${s} supplied to ${p}.
+    ) : i && e <= c ? new Error(
+      `Invalid prop + ${s} supplied to ${m}.
                 ${s} value can not be equal to or smaller than the min value.
                 `
     ) : null;
@@ -354,7 +357,7 @@ const ce = (n, s, p) => {
   vertical: S.bool,
   disabled: S.bool,
   dir: S.oneOf(["ltr", "rtl"])
-}, b = {
+}, k = {
   step: 1,
   largeStep: 10,
   defaultValue: {
@@ -364,9 +367,9 @@ const ce = (n, s, p) => {
   vertical: !1,
   disabled: !1
 };
-K.displayName = "KendoReactRangeSlider";
-K.propTypes = de;
+A.displayName = "KendoReactRangeSlider";
+A.propTypes = oe;
 export {
-  K as RangeSlider,
-  ie as RangeSliderPropsContext
+  A as RangeSlider,
+  de 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),U=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),_=require("../messages/index.js"),Y=require("@progress/kendo-react-intl");function Z(n){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(p,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return p.default=n,Object.freeze(p)}const a=Z(Q),z={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"},P={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"},B=(n,p,d)=>{const[e,M]=a.useState(n);return[e,h=>{const i=c.ratingReducer(p.state||e,{...h,...p});d&&d(i,h.event),M(i)}]},F=l.createPropsContext(),w=a.forwardRef((n,p)=>{const d=l.usePropsContext(F,n),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,...d},M=Y.useLocalization(),g=a.useRef(null),h=a.useRef(null),i=l.useDir(h,e.dir);a.useImperativeHandle(g,()=>({element:h.current,props:e})),a.useImperativeHandle(p,()=>g.current),l.useWebMcpRegister("rating",g,e,e.webMcp);const H=a.useCallback((t,o)=>{e.onChange&&g.current&&e.onChange.call(void 0,{value:t,target:g.current,syntheticEvent:o})},[e.onChange]),R=a.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),N=a.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),I=a.useMemo(()=>e.precision||s.precision,[e.precision]),r=a.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),A=a.useMemo(()=>e.readonly||s.readonly,[e.readonly]),C=a.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=a.useMemo(()=>e.item||s.item,[e.item]),[V,f]=B(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:R,max:N,step:I==="half"?r/2:r},H),[G,D]=B(null,{state:e.value,min:R,max:N,step:I==="half"?r/2:r,precision:I}),v=a.useMemo(()=>e.value!==void 0?e.value:V,[e.value,V]),T=a.useMemo(()=>G,[G]),E=a.useMemo(()=>e.selection||s.selection,[e.selection]),x=a.useMemo(()=>r/(I==="half"?2:1),[r,I]),L=a.useCallback(t=>{if(!(!t.target||!t.target.element||A||C)){if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,x):t.target.value;f({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:v,target:g.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,v]),q=a.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:v,target:g.current,syntheticEvent:t})}},[e.onKeyDown,f,v]),W=a.useCallback(t=>{if(e.onFocus){const o={target:g.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),$=a.useCallback(t=>{if(e.onBlur){const o={target:g.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),j=a.useCallback(t=>{if(!(!t.target||!t.target.element))if(I==="half"){const o=t.target.element.getBoundingClientRect(),k=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;D({type:c.RATING_ACTION.select,payload:k,event:t.syntheticEvent})}else D({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[I,r,i]),X=a.useCallback(t=>{D({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),S=[],J=u.getRemainder(u.toRound(N-R,x),r);for(let t=R;t<=N;t=u.toRound(t+r,x)){const o=u.toRound(t+J,x),y=I==="half"?u.isHalf(o,T!==null?T:v!==null?v:0,r):!1,k=u.isSelected(o,v,r,E),O=u.isSelected(o,T!==null?T:v,r,E),b=u.isSelected(o,T,r,E);S.push(a.createElement(K,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,x):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:k||O,hovered:b,onClick:L,onMouseMove:j,onMouseLeave:X},y&&a.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:"star",icon:P,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&a.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:"star",icon:z,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&a.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:"star",icon:z,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&a.createElement(l.IconWrap,{name:"star",icon:P,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return a.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:q,onFocus:W,onBlur:$,"aria-valuemin":R,"aria-valuemax":N,"aria-valuenow":v!==null?v:void 0,"aria-disabled":C?"true":void 0,"aria-label":M.toLanguageString(_.ratingAriaLabel,_.messages[_.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},a.createElement("input",{id:"rating",className:"k-hidden",readOnly:A,disabled:C}),a.createElement("span",{className:"k-rating-container"},S),e.label&&a.createElement("span",{className:"k-rating-label"},e.label))}),ee={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(n,p,d)=>n.value&&n.min&&n.max&&n.step&&!(n.precision==="half"?u.isCorrectValue(n.min,n.max,n.step/2,n.value):u.isCorrectValue(n.min,n.max,n.step,n.value))&&n.precision==="half"?new Error(`Invalid prop + ${p} supplied to ${d}.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),m=require("prop-types"),l=require("@progress/kendo-react-common"),U=require("./RatingItem.js"),c=require("./rating-reducer.js"),u=require("./utils/index.js"),_=require("../messages/index.js"),Y=require("@progress/kendo-react-intl");function Z(n){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const d in n)if(d!=="default"){const e=Object.getOwnPropertyDescriptor(n,d);Object.defineProperty(p,d,e.get?e:{enumerable:!0,get:()=>n[d]})}}return p.default=n,Object.freeze(p)}const a=Z(Q),z={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"},P={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"},B=(n,p,d)=>{const[e,M]=a.useState(n);return[e,h=>{const i=c.ratingReducer(p.state||e,{...h,...p});d&&d(i,h.event),M(i)}]},F=l.createPropsContext(),w=a.forwardRef((n,p)=>{const d=l.usePropsContext(F,n),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,...d},M=Y.useLocalization(),g=a.useRef(null),h=a.useRef(null),i=l.useDir(h,e.dir);a.useImperativeHandle(g,()=>({element:h.current,props:e})),a.useImperativeHandle(p,()=>g.current),l.useWebMcpRegister("rating",g,e,e.webMcp);const H=a.useCallback((t,o)=>{e.onChange&&g.current&&e.onChange.call(void 0,{value:t,target:g.current,syntheticEvent:o})},[e.onChange]),R=a.useMemo(()=>e.min!==void 0?e.min:s.min,[e.min]),C=a.useMemo(()=>e.max!==void 0?e.max:s.max,[e.max]),I=a.useMemo(()=>e.precision||s.precision,[e.precision]),r=a.useMemo(()=>e.step!==void 0?e.step:s.step,[e.step]),k=a.useMemo(()=>e.readonly||s.readonly,[e.readonly]),N=a.useMemo(()=>e.disabled||s.disabled,[e.disabled]),K=a.useMemo(()=>e.item||s.item,[e.item]),[V,f]=B(e.defaultValue!==void 0?e.defaultValue:s.defaultValue,{state:e.value,min:R,max:C,step:I==="half"?r/2:r},H),[G,D]=B(null,{state:e.value,min:R,max:C,step:I==="half"?r/2:r,precision:I}),v=a.useMemo(()=>e.value!==void 0?e.value:V,[e.value,V]),T=a.useMemo(()=>G,[G]),E=a.useMemo(()=>e.selection||s.selection,[e.selection]),x=a.useMemo(()=>r/(I==="half"?2:1),[r,I]),L=a.useCallback(t=>{if(!(!t.target||!t.target.element||k||N)){if(I==="half"){const o=t.target.element.getBoundingClientRect(),A=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?u.toRound(t.target.value-r/2,x):t.target.value;f({type:c.RATING_ACTION.select,payload:A,event:t.syntheticEvent})}else f({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent});if(e.onClick){const o={value:v,target:g.current,syntheticEvent:t.syntheticEvent};e.onClick.call(void 0,o)}}},[e.onClick,f,v]),q=a.useCallback(t=>{if(!(k||N)){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:v,target:g.current,syntheticEvent:t})}},[e.onKeyDown,f,v]),W=a.useCallback(t=>{if(e.onFocus){const o={target:g.current,syntheticEvent:t};e.onFocus.call(void 0,o)}},[e.onFocus]),$=a.useCallback(t=>{if(e.onBlur){const o={target:g.current,syntheticEvent:t};e.onBlur.call(void 0,o)}},[e.onBlur]),j=a.useCallback(t=>{if(!(!t.target||!t.target.element))if(I==="half"){const o=t.target.element.getBoundingClientRect(),A=u.calcIsFirstHalf(i||"ltr",o,t.syntheticEvent.clientX)?t.target.value-r/2:t.target.value;D({type:c.RATING_ACTION.select,payload:A,event:t.syntheticEvent})}else D({type:c.RATING_ACTION.select,payload:t.target.value,event:t.syntheticEvent})},[I,r,i]),X=a.useCallback(t=>{D({type:c.RATING_ACTION.reset,event:t.syntheticEvent})},[]),S=[],J=u.getRemainder(u.toRound(C-R,x),r);for(let t=R||r;t<=C;t=u.toRound(t+r,x)){const o=u.toRound(t+J,x),y=I==="half"?u.isHalf(o,T!==null?T:v!==null?v:0,r):!1,A=u.isSelected(o,v,r,E),O=u.isSelected(o,T!==null?T:v,r,E),b=u.isSelected(o,T,r,E);S.push(a.createElement(K,{key:o,value:o,dir:i,title:String(y?u.toRound(o-r/2,x):o),icon:e.icon,svgIcon:e.svgIcon,half:y,selected:A||O,hovered:b,onClick:L,onMouseMove:j,onMouseLeave:X},y&&a.createElement("span",{className:"k-rating-precision-complement"},!(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:"star",icon:P,style:{clipPath:`${i==="rtl"?"inset(0 50% 0 0)":"inset(0 0 0 50%)"}`},size:"xlarge"}),(e.icon||e.svgIconOutline)&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})),y&&a.createElement("span",{className:"k-rating-precision-part"},!(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:"star",icon:z,style:{clipPath:`${i==="rtl"?"inset(0 0 0 50%)":"inset(0 50% 0 0)"}`},size:"xlarge"}),(e.icon||e.svgIcon)&&a.createElement(l.IconWrap,{name:e.icon?l.toIconName(e.icon):void 0,icon:e.svgIcon,size:"xlarge"})),y&&a.createElement("span",{style:{width:"24px",height:"24px",display:"block"}}),!y&&!(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:"star",icon:z,size:"xlarge"})||!(e.icon||e.svgIcon)&&!b&&!O&&a.createElement(l.IconWrap,{name:"star",icon:P,size:"xlarge"})||(e.icon||e.svgIcon)&&(b||O&&!b)&&a.createElement(l.IconWrap,{name:e.icon,icon:e.svgIcon,size:"xlarge"})||(e.icon||e.svgIcon)&&!b&&a.createElement(l.IconWrap,{name:l.toIconName(`${e.icon}-outline`),icon:e.svgIconOutline,size:"xlarge"})))}return a.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":k,"k-disabled":N},e.className),onKeyDown:q,onFocus:W,onBlur:$,"aria-valuemin":R,"aria-valuemax":C,"aria-valuenow":v!==null?v:void 0,"aria-disabled":N?"true":void 0,"aria-label":M.toLanguageString(_.ratingAriaLabel,_.messages[_.ratingAriaLabel]),"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy},a.createElement("input",{type:"hidden",id:"rating",readOnly:k,disabled:N}),a.createElement("span",{className:"k-rating-container"},S),e.label&&a.createElement("span",{className:"k-rating-label"},e.label))}),ee={id:m.string,dir:m.oneOf(["ltr","rtl"]),selection:m.oneOf(["continues","single"]),precision:m.oneOf(["item","half"]),value:(n,p,d)=>n.value&&n.min&&n.max&&n.step&&!(n.precision==="half"?u.isCorrectValue(n.min,n.max,n.step/2,n.value):u.isCorrectValue(n.min,n.max,n.step,n.value))&&n.precision==="half"?new Error(`Invalid prop + ${p} supplied to ${d}.
                     The value of the { value } property is not correct, please check your values.
                     `):null,defaultValue:m.number,min:m.number,max:m.number,step:(n,p,d)=>n.step!==void 0&&n.step<=0?new Error(`Invalid prop + ${p} supplied to ${d}.
                 The value of the { step } property is cannot be equal or less than "0", please check your values.
-                `):null,hovered:m.number,label:m.node,readonly:m.bool,disabled:m.bool,icon:m.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:m.string},s={dir:"ltr",min:1,max:5,step:1,item:U.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};w.displayName="KendoReactRating";w.propTypes=ee;exports.Rating=w;exports.RatingPropsContext=F;
+                `):null,hovered:m.number,label:m.node,readonly:m.bool,disabled:m.bool,icon:m.string,svgIcon:l.svgIconPropType,svgIconOutline:l.svgIconPropType,ariaDescribedBy:m.string},s={dir:"ltr",min:0,max:5,step:1,item:U.RatingItem,defaultValue:null,readonly:!1,disabled:!1,selection:"continues",precision:"item"};w.displayName="KendoReactRating";w.propTypes=ee;exports.Rating=w;exports.RatingPropsContext=F;

package/rating/Rating.mjs

@@ -180,7 +180,7 @@ const A = {
   ), Z = a.useCallback((t) => {
     B({ type: r.reset, event: t.syntheticEvent });
   }, []), T = [], ee = ce(D(x - I, M), i);
-  for (let t = I; t <= x; t = D(t + i, M)) {
+  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(
       /* @__PURE__ */ a.createElement(
@@ -272,7 +272,7 @@ const A = {
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
-    /* @__PURE__ */ a.createElement("input", { id: "rating", className: "k-hidden", readOnly: w, disabled: k }),
+    /* @__PURE__ */ a.createElement("input", { type: "hidden", id: "rating", readOnly: w, disabled: k }),
     /* @__PURE__ */ a.createElement("span", { className: "k-rating-container" }, T),
     e.label && /* @__PURE__ */ a.createElement("span", { className: "k-rating-label" }, e.label)
   );
@@ -304,7 +304,7 @@ const A = {
   ariaDescribedBy: c.string
 }, s = {
   dir: "ltr",
-  min: 1,
+  min: 0,
   max: 5,
   step: 1,
   item: ie,