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

package/range-slider/RangeSlider.mjs

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

package/range-slider/range-raducer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e))(l||{});const a=(e,r)=>{let d,m;switch(r.type){case"start":if(r.payload===void 0)return e;d={start:r.payload>e.end?e.end:Math.max(r.payload,r.min),end:e.end};break;case"end":if(r.payload===void 0)return e;d={start:e.start,end:r.payload<e.start?e.start:Math.min(r.payload,r.max)};break;case"min":r.key==="start"?d={...e,start:r.min}:d={...e,end:Math.max(r.min,e.start)};break;case"max":r.key==="start"?d={...e,start:Math.min(r.max,e.end)}:d={...e,end:r.max};break;case"increase":if(r.step===void 0||r.key===void 0)return e;m=e[r.key]+r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;case"decrease":if(r.step===void 0||r.key===void 0)return e;m=e[r.key]-r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;default:d=e;break}return d};exports.RANGE_ACTION=l;exports.rangeReducer=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e.start="start",e.end="end",e.min="min",e.max="max",e.increase="increase",e.decrease="decrease",e.increaseLarge="increaseLarge",e.decreaseLarge="decreaseLarge",e))(l||{});const s=(e,r)=>{let d,m;switch(r.type){case"start":if(r.payload===void 0)return e;d={start:r.payload>e.end?e.end:Math.max(r.payload,r.min),end:e.end};break;case"end":if(r.payload===void 0)return e;d={start:e.start,end:r.payload<e.start?e.start:Math.min(r.payload,r.max)};break;case"min":r.key==="start"?d={...e,start:r.min}:d={...e,end:Math.max(r.min,e.start)};break;case"max":r.key==="start"?d={...e,start:Math.min(r.max,e.end)}:d={...e,end:r.max};break;case"increase":if(r.step===void 0||r.key===void 0)return e;m=e[r.key]+r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;case"decrease":if(r.step===void 0||r.key===void 0)return e;m=e[r.key]-r.step,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;case"increaseLarge":if(r.largeStep===void 0||r.key===void 0)return e;m=e[r.key]+r.largeStep,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;case"decreaseLarge":if(r.largeStep===void 0||r.key===void 0)return e;m=e[r.key]-r.largeStep,r.key==="start"?m<r.min?d={...e,start:r.min}:d={...e,start:Math.min(m,e.end)}:m>r.max?d={...e,end:r.max}:d={...e,end:Math.max(m,e.start)};break;default:d=e;break}return d};exports.RANGE_ACTION=l;exports.rangeReducer=s;

package/range-slider/range-raducer.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-var l = /* @__PURE__ */ ((e) => (e.start = "start", e.end = "end", e.min = "min", e.max = "max", e.increase = "increase", e.decrease = "decrease", e))(l || {});
+var l = /* @__PURE__ */ ((e) => (e.start = "start", e.end = "end", e.min = "min", e.max = "max", e.increase = "increase", e.decrease = "decrease", e.increaseLarge = "increaseLarge", e.decreaseLarge = "decreaseLarge", e))(l || {});
 const s = (e, r) => {
   let d, m;
   switch (r.type) {
@@ -78,6 +78,40 @@ const s = (e, r) => {
         end: Math.max(m, e.start)
       };
       break;
+    case "increaseLarge":
+      if (r.largeStep === void 0 || r.key === void 0)
+        return e;
+      m = e[r.key] + r.largeStep, r.key === "start" ? m < r.min ? d = {
+        ...e,
+        start: r.min
+      } : d = {
+        ...e,
+        start: Math.min(m, e.end)
+      } : m > r.max ? d = {
+        ...e,
+        end: r.max
+      } : d = {
+        ...e,
+        end: Math.max(m, e.start)
+      };
+      break;
+    case "decreaseLarge":
+      if (r.largeStep === void 0 || r.key === void 0)
+        return e;
+      m = e[r.key] - r.largeStep, r.key === "start" ? m < r.min ? d = {
+        ...e,
+        start: r.min
+      } : d = {
+        ...e,
+        start: Math.min(m, e.end)
+      } : m > r.max ? d = {
+        ...e,
+        end: r.max
+      } : d = {
+        ...e,
+        end: Math.max(m, e.start)
+      };
+      break;
     default:
       d = e;
       break;

package/signature/Signature.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ce=require("@progress/kendo-inputs-common"),T=require("@progress/kendo-react-buttons"),s=require("@progress/kendo-react-common"),he=require("@progress/kendo-react-dialogs"),Se=require("@progress/kendo-react-intl"),a=require("prop-types"),ze=require("react"),m=require("../messages/index.js"),Oe=require("../package-metadata.js"),Ee=require("./utils/index.js"),B=require("@progress/kendo-svg-icons");function xe(l){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const p in l)if(p!=="default"){const e=Object.getOwnPropertyDescriptor(l,p);Object.defineProperty(b,p,e.get?e:{enumerable:!0,get:()=>l[p]})}}return b.default=l,Object.freeze(b)}const n=xe(ze),Me=250,Ie=84,te=3,ne=2,we="#000000",Pe="#ffffff",ee=l=>l!==void 0,oe=s.createPropsContext(),O=n.forwardRef((l,b)=>{s.validatePackage(Oe.packageMetadata);const p=s.usePropsContext(oe,l),e=n.useMemo(()=>({strokeWidth:i.strokeWidth,smooth:i.smooth,popupScale:i.popupScale,exportScale:i.exportScale,maximizable:i.maximizable,disabled:i.disabled,required:i.required,validityStyles:i.validityStyles,onChange:i.onChange,onFocus:i.onFocus,onBlur:i.onBlur,onOpen:i.onOpen,onClose:i.onClose,size:i.size,rounded:i.rounded,fillMode:i.fillMode,...p}),[p]),E=Se.useLocalization(),u=n.useRef(null),y=n.useRef(null),_=n.useRef(null),N=n.useRef(null),F=n.useRef(null),[r,ae]=n.useState(),[v,j]=n.useState(!1),[x,G]=n.useState(!1),[C,W]=n.useState(),[se,re]=n.useState(),A=ee(e.value)?e.value:C,[ie,le]=n.useState(!1),k=ee(e.open),g=k?e.open:ie,ce=e.maximized||x||!e.maximizable||e.disabled,ue=!(e.maximized&&!x),de=!(!(e.value||C)||x||e.readOnly||e.disabled),V=E.toLanguageString(m.signatureMaximize,m.messages[m.signatureMaximize]),U=E.toLanguageString(m.signatureMinimize,m.messages[m.signatureMinimize]),H=E.toLanguageString(m.signatureClear,m.messages[m.signatureClear]),M=e.popupScale||te,I=e.exportScale||ne,w=t=>{W(t),e.onChange&&e.onChange({value:t})},me=t=>{r==null||r.loadImage(t.value),w(t.value)};n.useEffect(()=>{e.value!==C&&(W(e.value),r==null||r.loadImage(e.value))},[e.value]);const pe=()=>{r==null||r.clear(),w()},h=n.useCallback(t=>{k||le(t)},[k]),fe=t=>{var o,c;Q(t),(c=((o=F.current)==null?void 0:o.element)||y.current)==null||c.focus()},P=n.useCallback(()=>{let t=we;return!e.color&&typeof document!="undefined"&&u.current&&(t=getComputedStyle(u.current).color),e.color||t},[e.color]),L=n.useCallback(()=>{let t=Pe;return!e.backgroundColor&&typeof document!="undefined"&&u.current&&(t=getComputedStyle(u.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),$=()=>({scale:e.maximized?e.popupScale:1,color:P(),backgroundColor:L(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),K=async t=>{const{width:o,height:c}=t;return await(r==null?void 0:r.exportImage({width:o*I,height:c*I}))};n.useEffect(()=>{const t=y.current,o=new Ce.SignaturePad(t,$());return A&&o.loadImage(A),ae(o),()=>o.destroy()},[]),n.useEffect(()=>{r==null||r.setOptions({onChange:async()=>w(await K(Y())),onDraw:()=>G(!0),onDrawEnd:()=>G(!1)})},[r]),s.useIsomorphicLayoutEffect(()=>r==null?void 0:r.setOptions($()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var c,f;const t=(f=(c=_.current)==null?void 0:c.element)==null?void 0:f.querySelector(".k-overlay");if(!t)return;const o=()=>h(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[g]),n.useEffect(()=>{if(!g||typeof document=="undefined")return;const t=o=>{o.keyCode===s.Keys.esc&&h(!1)};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[g]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=N.current)==null?void 0:t.element)==null||o.focus())},[]);const q=n.useCallback(()=>{var t;return(t=y.current)==null?void 0:t.focus()},[]),S=n.useCallback(()=>e.value,[e.value]),X=n.useCallback(()=>e.name,[e.name]),z=n.useCallback(()=>e.required,[e.required]),D=n.useCallback(()=>{const t=e.validationMessage!==void 0,c=!S(),f=e.valid!==void 0?e.valid:!z()||!c;return{customError:t,valid:f,valueMissing:c}},[e.validationMessage,e.valid,S,z]),R=n.useCallback(()=>e.validityStyles,[e.validityStyles]),J=n.useCallback(()=>e,[e]),d=n.useCallback(()=>{const t={element:u.current,focus:q};return Object.defineProperty(t,"name",{get:X}),Object.defineProperty(t,"value",{get:S}),Object.defineProperty(t,"validity",{get:D}),Object.defineProperty(t,"validityStyles",{get:R}),Object.defineProperty(t,"required",{get:z}),Object.defineProperty(t,"props",{get:J}),Object.defineProperty(t,"color",{get:P}),Object.defineProperty(t,"backgroundColor",{get:L}),t},[X,S,D,R,z,q,J,P,L]);n.useImperativeHandle(b,d);const ge=n.useCallback(t=>{v||e.maximized||(j(!0),s.dispatchEvent(e.onFocus,t,d(),{}))},[v,e.onFocus,d]),be=n.useCallback(t=>{Ee.hasParent(t.relatedTarget,u.current)||(j(!1),s.dispatchEvent(e.onBlur,t,d(),{}))},[v,e.onBlur,d]),ke=n.useCallback(async t=>{re(await K(Z())),h(!0),s.dispatchEvent(e.onOpen,t,d(),{})},[g,k,e.onOpen,e.value,C,d]),Q=n.useCallback(t=>{h(!1),s.dispatchEvent(e.onClose,t,d(),{})},[g,k,e.onClose,d]),ye=()=>{pe(),q()},Y=()=>{var c,f;const t=e.width||((c=u.current)==null?void 0:c.offsetWidth)||Me,o=e.height||((f=u.current)==null?void 0:f.offsetHeight)||Ie;return{width:t,height:o}},Z=()=>{const{width:t,height:o}=Y();return{width:t*M,height:o*M}},ve=!R()||D().valid;return n.createElement("div",{ref:u,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:s.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${s.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-signature-${e.fillMode}`]:e.fillMode,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${s.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!ve,"k-required":e.required,"k-disabled":e.disabled,"k-focus":v},e.className),onFocus:ge,onBlur:be},n.createElement("div",{className:"k-signature-canvas",ref:y,tabIndex:s.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},n.createElement(T.Button,{type:"button",className:s.classNames("k-signature-action","k-signature-maximize",{"k-hidden":e.disabled||ce}),ref:F,icon:"hyperlink-open",svgIcon:B.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:ke,"aria-label":V,title:V}),n.createElement(T.Button,{type:"button",className:s.classNames("k-signature-action","k-signature-minimize","k-rotate-180",{"k-hidden":e.disabled||ue}),ref:N,icon:"hyperlink-open",svgIcon:B.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Q,"aria-label":U,title:U})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},de&&n.createElement(T.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:B.xIcon,fillMode:"flat",size:e.size,onClick:ye,"aria-label":H,title:H})),g&&n.createElement(he.Dialog,{ref:_},n.createElement(O,{...e,...Z(),value:se,maximized:!0,exportScale:1/M*I,open:!1,onChange:me,onClose:fe})))});O.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])};const i={strokeWidth:1,smooth:!1,popupScale:te,exportScale:ne,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:l=>s.noop,onFocus:l=>s.noop,onBlur:l=>s.noop,onOpen:l=>s.noop,onClose:l=>s.noop,size:"medium",rounded:"medium",fillMode:"solid"};O.displayName="KendoSignature";exports.Signature=O;exports.SignaturePropsContext=oe;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ce=require("@progress/kendo-inputs-common"),B=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-react-common"),he=require("@progress/kendo-react-dialogs"),Se=require("@progress/kendo-react-intl"),a=require("prop-types"),ze=require("react"),p=require("../messages/index.js"),Oe=require("../package-metadata.js"),Ee=require("./utils/index.js"),_=require("@progress/kendo-svg-icons");function xe(c){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const f in c)if(f!=="default"){const e=Object.getOwnPropertyDescriptor(c,f);Object.defineProperty(b,f,e.get?e:{enumerable:!0,get:()=>c[f]})}}return b.default=c,Object.freeze(b)}const n=xe(ze),Me=250,Ie=84,te=3,ne=2,we="#000000",Pe="#ffffff",ee=c=>c!==void 0,oe=r.createPropsContext(),O=n.forwardRef((c,b)=>{r.validatePackage(Oe.packageMetadata);const f=r.usePropsContext(oe,c),e=n.useMemo(()=>({strokeWidth:l.strokeWidth,smooth:l.smooth,popupScale:l.popupScale,exportScale:l.exportScale,maximizable:l.maximizable,disabled:l.disabled,required:l.required,validityStyles:l.validityStyles,onChange:l.onChange,onFocus:l.onFocus,onBlur:l.onBlur,onOpen:l.onOpen,onClose:l.onClose,size:l.size,rounded:l.rounded,fillMode:l.fillMode,...f}),[f]),E=Se.useLocalization(),d=n.useRef(null),y=n.useRef(null),N=n.useRef(null),F=n.useRef(null),x=n.useRef(null),[s,ae]=n.useState(),[v,j]=n.useState(!1),[M,G]=n.useState(!1),[C,W]=n.useState(),[se,re]=n.useState(),A=ee(e.value)?e.value:C,[ie,le]=n.useState(!1),k=ee(e.open),g=k?e.open:ie,ce=e.maximized||M||!e.maximizable||e.disabled,ue=!(e.maximized&&!M),de=!(!(e.value||C)||M||e.readOnly||e.disabled),V=E.toLanguageString(p.signatureMaximize,p.messages[p.signatureMaximize]),U=E.toLanguageString(p.signatureMinimize,p.messages[p.signatureMinimize]),H=E.toLanguageString(p.signatureClear,p.messages[p.signatureClear]),I=e.popupScale||te,w=e.exportScale||ne,P=t=>{W(t),e.onChange&&e.onChange({value:t})},me=t=>{s==null||s.loadImage(t.value),P(t.value)};n.useEffect(()=>{e.value!==C&&(W(e.value),s==null||s.loadImage(e.value))},[e.value]);const pe=()=>{s==null||s.clear(),P()},h=n.useCallback(t=>{k||le(t)},[k]),fe=t=>{var o,i;Q(t),(i=((o=x.current)==null?void 0:o.element)||y.current)==null||i.focus()},L=n.useCallback(()=>{let t=we;return!e.color&&typeof document!="undefined"&&d.current&&(t=getComputedStyle(d.current).color),e.color||t},[e.color]),q=n.useCallback(()=>{let t=Pe;return!e.backgroundColor&&typeof document!="undefined"&&d.current&&(t=getComputedStyle(d.current).backgroundColor),e.backgroundColor||t},[e.backgroundColor]),$=()=>({scale:e.maximized?e.popupScale:1,color:L(),backgroundColor:q(),strokeWidth:e.strokeWidth,smooth:e.smooth,readonly:e.readOnly}),K=async t=>{const{width:o,height:i}=t;return await(s==null?void 0:s.exportImage({width:o*w,height:i*w}))};n.useEffect(()=>{const t=y.current,o=new Ce.SignaturePad(t,$());return A&&o.loadImage(A),ae(o),()=>o.destroy()},[]),n.useEffect(()=>{s==null||s.setOptions({onChange:async()=>P(await K(Y())),onDraw:()=>G(!0),onDrawEnd:()=>G(!1)})},[s]),r.useIsomorphicLayoutEffect(()=>s==null?void 0:s.setOptions($()),[e.readOnly,e.color,e.backgroundColor,e.strokeWidth,e.smooth]),n.useEffect(()=>{var i,u;const t=(u=(i=N.current)==null?void 0:i.element)==null?void 0:u.querySelector(".k-overlay");if(!t)return;const o=()=>h(!1);return t.addEventListener("click",o),()=>t.removeEventListener("click",o)},[g]),n.useEffect(()=>{if(!g||typeof document=="undefined")return;const t=o=>{var i,u;o.key==="Escape"&&(h(!1),(u=(i=x.current)==null?void 0:i.element)==null||u.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[g]),n.useEffect(()=>{var t,o;e.maximized&&((o=(t=F.current)==null?void 0:t.element)==null||o.focus())},[]);const D=n.useCallback(()=>{var t;return(t=y.current)==null?void 0:t.focus()},[]),S=n.useCallback(()=>e.value,[e.value]),X=n.useCallback(()=>e.name,[e.name]),z=n.useCallback(()=>e.required,[e.required]),R=n.useCallback(()=>{const t=e.validationMessage!==void 0,i=!S(),u=e.valid!==void 0?e.valid:!z()||!i;return{customError:t,valid:u,valueMissing:i}},[e.validationMessage,e.valid,S,z]),T=n.useCallback(()=>e.validityStyles,[e.validityStyles]),J=n.useCallback(()=>e,[e]),m=n.useCallback(()=>{const t={element:d.current,focus:D};return Object.defineProperty(t,"name",{get:X}),Object.defineProperty(t,"value",{get:S}),Object.defineProperty(t,"validity",{get:R}),Object.defineProperty(t,"validityStyles",{get:T}),Object.defineProperty(t,"required",{get:z}),Object.defineProperty(t,"props",{get:J}),Object.defineProperty(t,"color",{get:L}),Object.defineProperty(t,"backgroundColor",{get:q}),t},[X,S,R,T,z,D,J,L,q]);n.useImperativeHandle(b,m);const ge=n.useCallback(t=>{v||e.maximized||(j(!0),r.dispatchEvent(e.onFocus,t,m(),{}))},[v,e.onFocus,m]),be=n.useCallback(t=>{Ee.hasParent(t.relatedTarget,d.current)||(j(!1),r.dispatchEvent(e.onBlur,t,m(),{}))},[v,e.onBlur,m]),ke=n.useCallback(async t=>{re(await K(Z())),h(!0),r.dispatchEvent(e.onOpen,t,m(),{})},[g,k,e.onOpen,e.value,C,m]),Q=n.useCallback(t=>{h(!1),r.dispatchEvent(e.onClose,t,m(),{})},[g,k,e.onClose,m]),ye=()=>{pe(),D()},Y=()=>{var i,u;const t=e.width||((i=d.current)==null?void 0:i.offsetWidth)||Me,o=e.height||((u=d.current)==null?void 0:u.offsetHeight)||Ie;return{width:t,height:o}},Z=()=>{const{width:t,height:o}=Y();return{width:t*I,height:o*I}},ve=!T()||R().valid;return n.createElement("div",{ref:d,dir:e.dir,style:{width:e.width,height:e.height,...e.style},className:r.classNames("k-input","k-signature",{"k-signature-maximized":e.maximized,[`k-signature-${r.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-signature-${e.fillMode}`]:e.fillMode,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${r.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!ve,"k-required":e.required,"k-disabled":e.disabled,"k-focus":v},e.className),onFocus:ge,onBlur:be},n.createElement("div",{className:"k-signature-canvas",ref:y,tabIndex:r.getTabIndex(e.tabIndex,e.disabled),role:"img",id:e.id,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-disabled":e.disabled?"true":void 0}),n.createElement("div",{className:"k-signature-actions k-signature-actions-top"},n.createElement(B.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-maximize",{"k-hidden":e.disabled||ce}),ref:x,icon:"hyperlink-open",svgIcon:_.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:ke,"aria-label":V,title:V}),n.createElement(B.Button,{type:"button",className:r.classNames("k-signature-action","k-signature-minimize","k-rotate-180",{"k-hidden":e.disabled||ue}),ref:F,icon:"hyperlink-open",svgIcon:_.hyperlinkOpenIcon,fillMode:"flat",size:e.size,onClick:Q,"aria-label":U,title:U})),!e.hideLine&&n.createElement("div",{className:"k-signature-line",style:{zIndex:2,pointerEvents:"none"}}),n.createElement("div",{className:"k-signature-actions k-signature-actions-bottom"},de&&n.createElement(B.Button,{type:"button",className:"k-signature-action k-signature-clear",icon:"x",svgIcon:_.xIcon,fillMode:"flat",size:e.size,onClick:ye,"aria-label":H,title:H})),g&&n.createElement(he.Dialog,{ref:N},n.createElement(O,{...e,...Z(),value:se,maximized:!0,exportScale:1/I*w,open:!1,onChange:me,onClose:fe})))});O.propTypes={value:a.string,width:a.number,height:a.number,tabIndex:a.number,dir:a.string,ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,readOnly:a.bool,disabled:a.bool,validationMessage:a.string,required:a.bool,onChange:a.func,onFocus:a.func,onBlur:a.func,onOpen:a.func,onClose:a.func,size:a.oneOf([null,"small","medium","large"]),rounded:a.oneOf([null,"small","medium","large"]),fillMode:a.oneOf([null,"solid","flat","outline"])};const l={strokeWidth:1,smooth:!1,popupScale:te,exportScale:ne,maximizable:!0,disabled:!1,required:!1,validityStyles:!0,onChange:c=>r.noop,onFocus:c=>r.noop,onBlur:c=>r.noop,onOpen:c=>r.noop,onClose:c=>r.noop,size:"medium",rounded:"medium",fillMode:"solid"};O.displayName="KendoSignature";exports.Signature=O;exports.SignaturePropsContext=oe;