@progress/kendo-react-inputs 7.4.0 → 7.5.0-develop.1

package/signature/Signature.mjs

@@ -6,51 +6,51 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { SignaturePad as ze } from "@progress/kendo-inputs-common";
+import { SignaturePad as Ee } from "@progress/kendo-inputs-common";
 import { Button as D } from "@progress/kendo-react-buttons";
-import { createPropsContext as Ee, validatePackage as Se, usePropsContext as Oe, useIsomorphicLayoutEffect as xe, dispatchEvent as C, classNames as we, kendoThemeMaps as Q, getTabIndex as Le, noop as f, Keys as Ie } from "@progress/kendo-react-common";
-import { Dialog as Me } from "@progress/kendo-react-dialogs";
+import { createPropsContext as Se, validatePackage as Oe, usePropsContext as xe, useIsomorphicLayoutEffect as we, dispatchEvent as C, classNames as T, kendoThemeMaps as Y, getTabIndex as Le, noop as f, Keys as Me } from "@progress/kendo-react-common";
+import { Dialog as Ie } from "@progress/kendo-react-dialogs";
 import { useLocalization as Pe } from "@progress/kendo-react-intl";
 import a from "prop-types";
 import * as o from "react";
-import { signatureMaximize as Y, messages as T, signatureMinimize as Z, signatureClear as ee } from "../messages/index.mjs";
+import { signatureMaximize as Z, messages as R, signatureMinimize as ee, signatureClear as te } from "../messages/index.mjs";
 import { packageMetadata as De } from "../package-metadata.mjs";
 import { hasParent as Te } from "./utils/index.mjs";
-import { hyperlinkOpenIcon as te, xIcon as Re } from "@progress/kendo-svg-icons";
-const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c) => c !== void 0, Ge = Ee(), h = o.forwardRef((c, re) => {
-  Se(De);
-  const e = Oe(Ge, c), z = Pe(), s = o.useRef(null), p = o.useRef(null), R = o.useRef(null), B = o.useRef(null), _ = o.useRef(null), [r, ie] = o.useState(), [g, F] = o.useState(!1), [E, N] = o.useState(!1), [b, G] = o.useState(), [se, le] = o.useState(), q = oe(e.value) ? e.value : b, [ce, ue] = o.useState(!1), m = oe(e.open), d = m ? e.open : ce, de = !(e.maximized || E || !e.maximizable || e.disabled), me = e.maximized && !E, fe = !(!(e.value || b) || E || e.readOnly || e.disabled), A = z.toLanguageString(Y, T[Y]), V = z.toLanguageString(Z, T[Z]), j = z.toLanguageString(ee, T[ee]), S = e.popupScale || ne, O = e.exportScale || ae, x = (t) => {
-    G(t), e.onChange && e.onChange({ value: t });
-  }, pe = (t) => {
+import { hyperlinkOpenIcon as oe, xIcon as Re } from "@progress/kendo-svg-icons";
+const Be = 250, _e = 84, ae = 3, re = 2, Fe = "#000000", Ne = "#ffffff", ne = (c) => c !== void 0, Ge = Se(), h = o.forwardRef((c, ie) => {
+  Oe(De);
+  const e = xe(Ge, c), z = Pe(), s = o.useRef(null), p = o.useRef(null), B = o.useRef(null), _ = o.useRef(null), F = o.useRef(null), [r, se] = o.useState(), [g, N] = o.useState(!1), [E, G] = o.useState(!1), [b, q] = o.useState(), [le, ce] = o.useState(), A = ne(e.value) ? e.value : b, [ue, de] = o.useState(!1), m = ne(e.open), d = m ? e.open : ue, me = e.maximized || E || !e.maximizable || e.disabled, fe = !(e.maximized && !E), pe = !(!(e.value || b) || E || e.readOnly || e.disabled), V = z.toLanguageString(Z, R[Z]), j = z.toLanguageString(ee, R[ee]), U = z.toLanguageString(te, R[te]), S = e.popupScale || ae, O = e.exportScale || re, x = (t) => {
+    q(t), e.onChange && e.onChange({ value: t });
+  }, ge = (t) => {
     r == null || r.loadImage(t.value), x(t.value);
   };
   o.useEffect(() => {
-    e.value !== b && (G(e.value), r == null || r.loadImage(e.value));
+    e.value !== b && (q(e.value), r == null || r.loadImage(e.value));
   }, [e.value]);
-  const ge = () => {
+  const be = () => {
     r == null || r.clear(), x();
   }, k = o.useCallback(
     (t) => {
-      m || ue(t);
+      m || de(t);
     },
     [m]
-  ), be = (t) => {
+  ), ke = (t) => {
     var n, i;
-    $(t), (i = ((n = _.current) == null ? void 0 : n.element) || p.current) == null || i.focus();
+    X(t), (i = ((n = F.current) == null ? void 0 : n.element) || p.current) == null || i.focus();
   }, w = o.useCallback(() => {
     let t = Fe;
     return !e.color && typeof document != "undefined" && s.current && (t = getComputedStyle(s.current).color), e.color || t;
   }, [e.color]), L = o.useCallback(() => {
     let t = Ne;
     return !e.backgroundColor && typeof document != "undefined" && s.current && (t = getComputedStyle(s.current).backgroundColor), e.backgroundColor || t;
-  }, [e.backgroundColor]), U = () => ({
+  }, [e.backgroundColor]), W = () => ({
     scale: e.maximized ? e.popupScale : 1,
     color: w(),
     backgroundColor: L(),
     strokeWidth: e.strokeWidth,
     smooth: e.smooth,
     readonly: e.readOnly
-  }), W = async (t) => {
+  }), H = async (t) => {
     const { width: n, height: i } = t;
     return await (r == null ? void 0 : r.exportImage({
       width: n * O,
@@ -58,20 +58,20 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
     }));
   };
   o.useEffect(() => {
-    const t = p.current, n = new ze(t, U());
-    return q && n.loadImage(q), ie(n), () => n.destroy();
+    const t = p.current, n = new Ee(t, W());
+    return A && n.loadImage(A), se(n), () => n.destroy();
   }, []), o.useEffect(() => {
     r == null || r.setOptions({
-      onChange: async () => x(await W(X())),
-      onDraw: () => N(!0),
-      onDrawEnd: () => N(!1)
+      onChange: async () => x(await H(J())),
+      onDraw: () => G(!0),
+      onDrawEnd: () => G(!1)
     });
-  }, [r]), xe(
-    () => r == null ? void 0 : r.setOptions(U()),
+  }, [r]), we(
+    () => r == null ? void 0 : r.setOptions(W()),
     [e.readOnly, e.color, e.backgroundColor, e.strokeWidth, e.smooth]
   ), o.useEffect(() => {
     var i, u;
-    const t = (u = (i = R.current) == null ? void 0 : i.element) == null ? void 0 : u.querySelector(".k-overlay");
+    const t = (u = (i = B.current) == null ? void 0 : i.element) == null ? void 0 : u.querySelector(".k-overlay");
     if (!t)
       return;
     const n = () => k(!1);
@@ -80,14 +80,14 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
     if (!d || typeof document == "undefined")
       return;
     const t = (n) => {
-      n.keyCode === Ie.esc && k(!1);
+      n.keyCode === Me.esc && k(!1);
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [d]), o.useEffect(() => {
     var t, n;
-    e.maximized && ((n = (t = B.current) == null ? void 0 : t.element) == null || n.focus());
+    e.maximized && ((n = (t = _.current) == null ? void 0 : t.element) == null || n.focus());
   }, []);
-  const I = o.useCallback(
+  const M = o.useCallback(
     () => {
       var t;
       return (t = p.current) == null ? void 0 : t.focus();
@@ -96,13 +96,13 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
   ), v = o.useCallback(
     () => e.value,
     [e.value]
-  ), H = o.useCallback(
+  ), K = o.useCallback(
     () => e.name,
     [e.name]
   ), y = o.useCallback(
     () => e.required,
     [e.required]
-  ), M = o.useCallback(
+  ), I = o.useCallback(
     () => {
       const t = e.validationMessage !== void 0, i = !v(), u = e.valid !== void 0 ? e.valid : !y() || !i;
       return {
@@ -115,23 +115,23 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
   ), P = o.useCallback(
     () => e.validityStyles,
     [e.validityStyles]
-  ), K = o.useCallback(
+  ), $ = o.useCallback(
     () => e,
     [e]
   ), l = o.useCallback(
     () => {
       const t = {
         element: s.current,
-        focus: I
+        focus: M
       };
-      return Object.defineProperty(t, "name", { get: H }), Object.defineProperty(t, "value", { get: v }), Object.defineProperty(t, "validity", { get: M }), Object.defineProperty(t, "validityStyles", { get: P }), Object.defineProperty(t, "required", { get: y }), Object.defineProperty(t, "props", { get: K }), Object.defineProperty(t, "color", { get: w }), Object.defineProperty(t, "backgroundColor", { get: L }), t;
+      return Object.defineProperty(t, "name", { get: K }), Object.defineProperty(t, "value", { get: v }), Object.defineProperty(t, "validity", { get: I }), Object.defineProperty(t, "validityStyles", { get: P }), Object.defineProperty(t, "required", { get: y }), Object.defineProperty(t, "props", { get: $ }), Object.defineProperty(t, "color", { get: w }), Object.defineProperty(t, "backgroundColor", { get: L }), t;
     },
-    [H, v, M, P, y, I, K, w, L]
+    [K, v, I, P, y, M, $, w, L]
   );
-  o.useImperativeHandle(re, l);
-  const ke = o.useCallback(
+  o.useImperativeHandle(ie, l);
+  const ve = o.useCallback(
     (t) => {
-      g || e.maximized || (F(!0), C(
+      g || e.maximized || (N(!0), C(
         e.onFocus,
         t,
         l(),
@@ -139,9 +139,9 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
       ));
     },
     [g, e.onFocus, l]
-  ), ve = o.useCallback(
+  ), ye = o.useCallback(
     (t) => {
-      Te(t.relatedTarget, s.current) || (F(!1), C(
+      Te(t.relatedTarget, s.current) || (N(!1), C(
         e.onBlur,
         t,
         l(),
@@ -149,9 +149,9 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
       ));
     },
     [g, e.onBlur, l]
-  ), ye = o.useCallback(
+  ), Ce = o.useCallback(
     async (t) => {
-      le(await W(J())), k(!0), C(
+      ce(await H(Q())), k(!0), C(
         e.onOpen,
         t,
         l(),
@@ -159,7 +159,7 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
       );
     },
     [d, m, e.onOpen, e.value, b, l]
-  ), $ = o.useCallback(
+  ), X = o.useCallback(
     (t) => {
       k(!1), C(
         e.onClose,
@@ -169,45 +169,46 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
       );
     },
     [d, m, e.onClose, l]
-  ), Ce = () => {
-    ge(), I();
-  }, X = () => {
+  ), he = () => {
+    be(), M();
+  }, J = () => {
     var i, u;
     const t = e.width || ((i = s.current) == null ? void 0 : i.offsetWidth) || Be, n = e.height || ((u = s.current) == null ? void 0 : u.offsetHeight) || _e;
     return {
       width: t,
       height: n
     };
-  }, J = () => {
-    const { width: t, height: n } = X();
+  }, Q = () => {
+    const { width: t, height: n } = J();
     return {
       width: t * S,
       height: n * S
     };
-  }, he = !P() || M().valid;
+  }, ze = !P() || I().valid;
   return /* @__PURE__ */ o.createElement(
     "div",
     {
       ref: s,
       dir: e.dir,
       style: { width: e.width, height: e.height, ...e.style },
-      className: we(
+      className: T(
         "k-input",
         "k-signature",
         {
           "k-signature-maximized": e.maximized,
-          [`k-signature-${Q.sizeMap[e.size] || e.size}`]: e.size,
+          [`k-signature-${Y.sizeMap[e.size] || e.size}`]: e.size,
+          [`k-signature-${e.fillMode}`]: e.fillMode,
           [`k-input-${e.fillMode}`]: e.fillMode,
-          [`k-rounded-${Q.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
-          "k-invalid": !he,
+          [`k-rounded-${Y.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
+          "k-invalid": !ze,
           "k-required": e.required,
           "k-disabled": e.disabled,
           "k-focus": g
         },
         e.className
       ),
-      onFocus: ke,
-      onBlur: ve
+      onFocus: ve,
+      onBlur: ye
     },
     /* @__PURE__ */ o.createElement(
       "div",
@@ -223,33 +224,33 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
         "aria-disabled": e.disabled ? "true" : void 0
       }
     ),
-    /* @__PURE__ */ o.createElement("div", { className: "k-signature-actions k-signature-actions-top" }, de && /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ o.createElement("div", { className: "k-signature-actions k-signature-actions-top" }, /* @__PURE__ */ o.createElement(
       D,
       {
         type: "button",
-        className: "k-signature-action k-signature-maximize",
-        ref: _,
+        className: T("k-signature-action", "k-signature-maximize", { "k-hidden": e.disabled || me }),
+        ref: F,
         icon: "hyperlink-open",
-        svgIcon: te,
+        svgIcon: oe,
         fillMode: "flat",
         size: e.size,
-        onClick: ye,
-        "aria-label": A,
-        title: A
+        onClick: Ce,
+        "aria-label": V,
+        title: V
       }
-    ), me && /* @__PURE__ */ o.createElement(
+    ), /* @__PURE__ */ o.createElement(
       D,
       {
         type: "button",
-        className: "k-signature-action k-signature-minimize k-rotate-180",
-        ref: B,
+        className: T("k-signature-action", "k-signature-minimize", "k-rotate-180", { "k-hidden": e.disabled || fe }),
+        ref: _,
         icon: "hyperlink-open",
-        svgIcon: te,
+        svgIcon: oe,
         fillMode: "flat",
         size: e.size,
-        onClick: $,
-        "aria-label": V,
-        title: V
+        onClick: X,
+        "aria-label": j,
+        title: j
       }
     )),
     !e.hideLine && /* @__PURE__ */ o.createElement(
@@ -259,7 +260,7 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
         style: { zIndex: 2, pointerEvents: "none" }
       }
     ),
-    /* @__PURE__ */ o.createElement("div", { className: "k-signature-actions k-signature-actions-bottom" }, fe && /* @__PURE__ */ o.createElement(
+    /* @__PURE__ */ o.createElement("div", { className: "k-signature-actions k-signature-actions-bottom" }, pe && /* @__PURE__ */ o.createElement(
       D,
       {
         type: "button",
@@ -268,22 +269,22 @@ const Be = 250, _e = 84, ne = 3, ae = 2, Fe = "#000000", Ne = "#ffffff", oe = (c
         svgIcon: Re,
         fillMode: "flat",
         size: e.size,
-        onClick: Ce,
-        "aria-label": j,
-        title: j
+        onClick: he,
+        "aria-label": U,
+        title: U
       }
     )),
-    d && /* @__PURE__ */ o.createElement(Me, { ref: R }, /* @__PURE__ */ o.createElement(
+    d && /* @__PURE__ */ o.createElement(Ie, { ref: B }, /* @__PURE__ */ o.createElement(
       h,
       {
         ...e,
-        ...J(),
-        value: se,
+        ...Q(),
+        value: le,
         maximized: !0,
         exportScale: 1 / S * O,
         open: !1,
-        onChange: pe,
-        onClose: be
+        onChange: ge,
+        onClose: ke
       }
     ))
   );
@@ -314,8 +315,8 @@ h.displayName = "KendoSignature";
 h.defaultProps = {
   strokeWidth: 1,
   smooth: !1,
-  popupScale: ne,
-  exportScale: ae,
+  popupScale: ae,
+  exportScale: re,
   maximizable: !0,
   disabled: !1,
   required: !1,

package/slider/Slider.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 b=require("react"),l=require("prop-types"),a=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),n=require("../messages/index.js"),y=require("./SliderLabel.js"),k=require("../package-metadata.js"),m=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-svg-icons");function S(d){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return i.default=d,Object.freeze(i)}const s=S(b),p=class p extends s.Component{constructor(i){super(i),this.state={value:this.props.defaultValue===void 0?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const t=this.state.dir==="rtl"?this.props.vertical?o.caretAltUpIcon:o.caretAltLeftIcon:this.props.vertical?o.caretAltUpIcon:o.caretAltRightIcon,c=this.state.dir==="rtl"?this.props.vertical?o.caretAltDownIcon:o.caretAltRightIcon:this.props.vertical?o.caretAltDownIcon:o.caretAltLeftIcon,r=this.state.dir==="rtl"?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",u=this.state.dir==="rtl"?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return s.createElement(s.Fragment,null,s.createElement(m.Button,{className:"k-button-decrease",rounded:"full",icon:u,svgIcon:c,title:e.decrementTitle,onClick:e.decrement}),e.children,s.createElement(m.Button,{className:"k-button-increase",rounded:"full",icon:r,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let t=e;for(;t;){if(t.getAttribute(y.SLIDER_LABEL_ATTRIBUTE))return!0;t=t.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let t;e.keyCode===a.Keys.left||e.keyCode===a.Keys.down?t=this.state.value-(this.props.step||0):e.keyCode===a.Keys.right||e.keyCode===a.Keys.up?t=this.state.value+(this.props.step||0):e.keyCode===a.Keys.home?t=this.props.min:e.keyCode===a.Keys.end&&(t=this.props.max),t!==void 0&&(e.preventDefault(),this.change(e,t))},this.decrement=e=>{e.preventDefault(),this.change(e,this.state.value-(this.props.step||0))},this.increment=e=>{e.preventDefault(),this.change(e,this.state.value+(this.props.step||0))},this.dragStart=e=>{this.isLabel(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),this.drag(e))},this.dragOver=e=>{e.event.originalEvent.preventDefault(),this.drag(e)},this.drag=e=>{const t=e.element.getBoundingClientRect(),c=this.props.vertical?t.bottom-e.event.clientY:this.state.dir==="rtl"?t.right-e.event.clientX:e.event.clientX-t.left,r=this.props.vertical?t.height:t.width,u=c/r;this.change(e,this.props.min+u*(this.props.max-this.props.min))},a.validatePackage(k.packageMetadata)}static getDerivedStateFromProps(i,e){const t=i.value!==void 0?i.value:e.value,{min:c,max:r}=i;return t===void 0?null:{value:Math.min(Math.max(t,c),r)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const i=window.getComputedStyle(this._element).direction;i&&this.setState({dir:i})}}render(){const i=g.provideLocalizationService(this),e=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,t=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},c=this.props.vertical?{paddingTop:0,height:"100%"}:{};return s.createElement("div",{ref:r=>this._element=r,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:a.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},s.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:i.toLanguageString(n.sliderIncreaseValue,n.messages[n.sliderIncreaseValue]),decrementTitle:i.toLanguageString(n.sliderDecreaseValue,n.messages[n.sliderDecreaseValue])},s.createElement(a.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},s.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...t}},this.props.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...c}},s.Children.map(this.props.children,r=>r&&s.cloneElement(r,{position:100*(r.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical},r.props.children))),s.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{[this.state.dir==="rtl"?"right":"left"]:0,width:"100%"},ref:r=>this._sliderTrack=r},s.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:e+"%"}:{width:e+"%"}}),s.createElement("span",{role:"slider","aria-valuemin":this.props.min,"aria-valuemax":this.props.max,"aria-valuenow":this.state.value,"aria-valuetext":String(this.state.value),"aria-orientation":this.props.vertical?"vertical":void 0,"aria-disabled":this.props.disabled?"true":void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,tabIndex:a.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle",title:i.toLanguageString(n.sliderDragTitle,n.messages[n.sliderDragTitle]),style:this.props.vertical?{bottom:"calc("+e+"%)",zIndex:1}:this.state.dir==="rtl"?{right:"calc("+e+"% - 13px)",zIndex:1}:{left:"calc("+e+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(i,e){e=Math.min(Math.max(e,this.props.min),this.props.max),this.setState({value:e}),a.dispatchEvent(this.props.onChange,i,this,{value:e})}};p.displayName="Slider",p.propTypes={min:l.number.isRequired,max:l.number.isRequired,value:l.number,vertical:l.bool,id:l.string,ariaLabelledBy:l.string,ariaDescribedBy:l.string,ariaLabel:l.string};let h=p;const v=a.createPropsContext(),f=a.withPropsContext(v,h);f.displayName="KendoReactSlider";g.registerForLocalization(h);exports.Slider=f;exports.SliderPropsContext=v;exports.SliderWithoutContext=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),l=require("prop-types"),a=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),n=require("../messages/index.js"),y=require("./SliderLabel.js"),k=require("../package-metadata.js"),m=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-svg-icons");function S(h){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const e in h)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(h,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>h[e]})}}return i.default=h,Object.freeze(i)}const s=S(b),u=class u extends s.Component{constructor(i){super(i),this.state={value:this.props.defaultValue===void 0?this.props.min:this.props.defaultValue,focused:!1,dir:this.props.dir},this._sliderTrack=null,this._element=null,this.buttons=e=>{if(!e.enabled)return e.children;const t=this.state.dir==="rtl"?this.props.vertical?o.caretAltUpIcon:o.caretAltLeftIcon:this.props.vertical?o.caretAltUpIcon:o.caretAltRightIcon,c=this.state.dir==="rtl"?this.props.vertical?o.caretAltDownIcon:o.caretAltRightIcon:this.props.vertical?o.caretAltDownIcon:o.caretAltLeftIcon,r=this.state.dir==="rtl"?this.props.vertical?"caret-alt-up":"caret-alt-left":this.props.vertical?"caret-alt-up":"caret-alt-right",d=this.state.dir==="rtl"?this.props.vertical?"caret-alt-down":"caret-alt-right":this.props.vertical?"caret-alt-down":"caret-alt-left";return s.createElement(s.Fragment,null,s.createElement(m.Button,{className:"k-button-decrease",rounded:"full",icon:d,svgIcon:c,title:e.decrementTitle,onClick:e.decrement}),e.children,s.createElement(m.Button,{className:"k-button-increase",rounded:"full",icon:r,svgIcon:t,title:e.incrementTitle,onClick:e.increment}))},this.focus=()=>{this._element&&this._element.focus()},this.isLabel=e=>{let t=e;for(;t;){if(t.getAttribute(y.SLIDER_LABEL_ATTRIBUTE))return!0;t=t.parentElement}return!1},this.onFocus=()=>{this.setState({focused:!0})},this.onBlur=()=>{this.setState({focused:!1})},this.onKeyDown=e=>{let t;e.keyCode===a.Keys.left||e.keyCode===a.Keys.down?t=this.state.value-(this.props.step||0):e.keyCode===a.Keys.right||e.keyCode===a.Keys.up?t=this.state.value+(this.props.step||0):e.keyCode===a.Keys.home?t=this.props.min:e.keyCode===a.Keys.end&&(t=this.props.max),t!==void 0&&(e.preventDefault(),this.change(e,t))},this.decrement=e=>{e.preventDefault(),this.change(e,this.state.value-(this.props.step||0))},this.increment=e=>{e.preventDefault(),this.change(e,this.state.value+(this.props.step||0))},this.dragStart=e=>{this.isLabel(e.event.originalEvent.target)||(e.event.isTouch&&e.event.originalEvent.preventDefault(),this.drag(e))},this.dragOver=e=>{e.event.originalEvent.preventDefault(),this.drag(e)},this.drag=e=>{const t=e.element.getBoundingClientRect(),c=this.props.vertical?t.bottom-e.event.clientY:this.state.dir==="rtl"?t.right-e.event.clientX:e.event.clientX-t.left,r=this.props.vertical?t.height:t.width,d=c/r;this.change(e,this.props.min+d*(this.props.max-this.props.min))},a.validatePackage(k.packageMetadata)}static getDerivedStateFromProps(i,e){const t=i.value!==void 0?i.value:e.value,{min:c,max:r}=i;return t===void 0?null:{value:Math.min(Math.max(t,c),r)}}componentDidMount(){if(!this.state.dir&&window&&this._element){const i=window.getComputedStyle(this._element).direction;i&&this.setState({dir:i})}}render(){const i=g.provideLocalizationService(this),e=(this.state.value-this.props.min)/(this.props.max-this.props.min)*100,t=this.props.vertical?{marginTop:"0.5rem",marginBottom:"0.5rem"}:{marginLeft:"0.5rem",marginRight:"0.5rem"},c=this.props.vertical?{paddingTop:0,height:"100%"}:{};return s.createElement("div",{ref:r=>this._element=r,dir:this.state.dir,id:this.props.id,style:{gap:0,...this.props.style},onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,className:a.classNames("k-slider",{"k-focus":this.state.focused,"k-disabled":this.props.disabled,"k-slider-horizontal":!this.props.vertical,"k-slider-vertical":this.props.vertical},this.props.className)},s.createElement(this.buttons,{enabled:this.props.buttons,decrement:this.decrement,increment:this.increment,incrementTitle:i.toLanguageString(n.sliderIncreaseValue,n.messages[n.sliderIncreaseValue]),decrementTitle:i.toLanguageString(n.sliderDecreaseValue,n.messages[n.sliderDecreaseValue])},s.createElement(a.Draggable,{onDrag:this.dragOver,onPress:this.dragStart},s.createElement("div",{className:"k-slider-track-wrap",style:{flexGrow:1,position:"relative",touchAction:"none",...t}},this.props.children&&s.createElement("ul",{className:"k-reset k-slider-items",style:{margin:0,...c}},s.Children.map(this.props.children,(r,d)=>r&&s.cloneElement(r,{position:100*(r.props.position-this.props.min)/(this.props.max-this.props.min),vertical:this.props.vertical,firstTick:d===0,lastTick:d===s.Children.count(this.props.children)-1},r.props.children))),s.createElement("div",{className:"k-slider-track",style:this.props.vertical?{bottom:0,height:"100%"}:{[this.state.dir==="rtl"?"right":"left"]:0,width:"100%"},ref:r=>this._sliderTrack=r},s.createElement("div",{className:"k-slider-selection",style:this.props.vertical?{height:e+"%"}:{width:e+"%"}}),s.createElement("span",{role:"slider","aria-valuemin":this.props.min,"aria-valuemax":this.props.max,"aria-valuenow":this.state.value,"aria-valuetext":String(this.state.value),"aria-orientation":this.props.vertical?"vertical":void 0,"aria-disabled":this.props.disabled?"true":void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,tabIndex:a.getTabIndex(this.props.tabIndex,this.props.disabled,void 0),className:"k-draghandle k-draghandle-end",title:i.toLanguageString(n.sliderDragTitle,n.messages[n.sliderDragTitle]),style:this.props.vertical?{bottom:"calc("+e+"%)",zIndex:1}:this.state.dir==="rtl"?{right:"calc("+e+"% - 13px)",zIndex:1}:{left:"calc("+e+"%)",zIndex:1}}))))))}get sliderTrack(){return this._sliderTrack}change(i,e){e=Math.min(Math.max(e,this.props.min),this.props.max),this.setState({value:e}),a.dispatchEvent(this.props.onChange,i,this,{value:e})}};u.displayName="Slider",u.propTypes={min:l.number.isRequired,max:l.number.isRequired,value:l.number,vertical:l.bool,id:l.string,ariaLabelledBy:l.string,ariaDescribedBy:l.string,ariaLabel:l.string};let p=u;const v=a.createPropsContext(),f=a.withPropsContext(v,p);f.displayName="KendoReactSlider";g.registerForLocalization(p);exports.Slider=f;exports.SliderPropsContext=v;exports.SliderWithoutContext=p;

package/slider/Slider.mjs

@@ -8,14 +8,14 @@
 "use client";
 import * as i from "react";
 import a from "prop-types";
-import { Keys as l, validatePackage as y, classNames as w, Draggable as x, getTabIndex as E, dispatchEvent as S, createPropsContext as T, withPropsContext as D } from "@progress/kendo-react-common";
+import { Keys as o, validatePackage as y, classNames as w, Draggable as x, getTabIndex as T, dispatchEvent as E, createPropsContext as S, withPropsContext as D } from "@progress/kendo-react-common";
 import { provideLocalizationService as I, registerForLocalization as L } from "@progress/kendo-react-intl";
-import { sliderIncreaseValue as d, messages as h, sliderDecreaseValue as m, sliderDragTitle as u } from "../messages/index.mjs";
-import { SLIDER_LABEL_ATTRIBUTE as B } from "./SliderLabel.mjs";
-import { packageMetadata as C } from "../package-metadata.mjs";
+import { sliderIncreaseValue as d, messages as p, sliderDecreaseValue as m, sliderDragTitle as u } from "../messages/index.mjs";
+import { SLIDER_LABEL_ATTRIBUTE as C } from "./SliderLabel.mjs";
+import { packageMetadata as B } from "../package-metadata.mjs";
 import { Button as v } from "@progress/kendo-react-buttons";
 import { caretAltUpIcon as g, caretAltLeftIcon as f, caretAltRightIcon as b, caretAltDownIcon as k } from "@progress/kendo-svg-icons";
-const c = class c extends i.Component {
+const h = class h extends i.Component {
   constructor(s) {
     super(s), this.state = {
       value: this.props.defaultValue === void 0 ? this.props.min : this.props.defaultValue,
@@ -24,13 +24,13 @@ const c = class c extends i.Component {
     }, this._sliderTrack = null, this._element = null, this.buttons = (t) => {
       if (!t.enabled)
         return t.children;
-      const e = this.state.dir === "rtl" ? this.props.vertical ? g : f : this.props.vertical ? g : b, n = this.state.dir === "rtl" ? this.props.vertical ? k : b : this.props.vertical ? k : f, r = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-up" : "caret-alt-left" : this.props.vertical ? "caret-alt-up" : "caret-alt-right", p = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-down" : "caret-alt-right" : this.props.vertical ? "caret-alt-down" : "caret-alt-left";
+      const e = this.state.dir === "rtl" ? this.props.vertical ? g : f : this.props.vertical ? g : b, n = this.state.dir === "rtl" ? this.props.vertical ? k : b : this.props.vertical ? k : f, r = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-up" : "caret-alt-left" : this.props.vertical ? "caret-alt-up" : "caret-alt-right", l = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-down" : "caret-alt-right" : this.props.vertical ? "caret-alt-down" : "caret-alt-left";
       return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
         v,
         {
           className: "k-button-decrease",
           rounded: "full",
-          icon: p,
+          icon: l,
           svgIcon: n,
           title: t.decrementTitle,
           onClick: t.decrement
@@ -51,7 +51,7 @@ const c = class c extends i.Component {
     }, this.isLabel = (t) => {
       let e = t;
       for (; e; ) {
-        if (e.getAttribute(B))
+        if (e.getAttribute(C))
           return !0;
         e = e.parentElement;
       }
@@ -62,7 +62,7 @@ const c = class c extends i.Component {
       this.setState({ focused: !1 });
     }, this.onKeyDown = (t) => {
       let e;
-      t.keyCode === l.left || t.keyCode === l.down ? e = this.state.value - (this.props.step || 0) : t.keyCode === l.right || t.keyCode === l.up ? e = this.state.value + (this.props.step || 0) : t.keyCode === l.home ? e = this.props.min : t.keyCode === l.end && (e = this.props.max), e !== void 0 && (t.preventDefault(), this.change(t, e));
+      t.keyCode === o.left || t.keyCode === o.down ? e = this.state.value - (this.props.step || 0) : t.keyCode === o.right || t.keyCode === o.up ? e = this.state.value + (this.props.step || 0) : t.keyCode === o.home ? e = this.props.min : t.keyCode === o.end && (e = this.props.max), e !== void 0 && (t.preventDefault(), this.change(t, e));
     }, this.decrement = (t) => {
       t.preventDefault(), this.change(t, this.state.value - (this.props.step || 0));
     }, this.increment = (t) => {
@@ -72,9 +72,9 @@ const c = class c extends i.Component {
     }, this.dragOver = (t) => {
       t.event.originalEvent.preventDefault(), this.drag(t);
     }, this.drag = (t) => {
-      const e = t.element.getBoundingClientRect(), n = this.props.vertical ? e.bottom - t.event.clientY : this.state.dir === "rtl" ? e.right - t.event.clientX : t.event.clientX - e.left, r = this.props.vertical ? e.height : e.width, p = n / r;
-      this.change(t, this.props.min + p * (this.props.max - this.props.min));
-    }, y(C);
+      const e = t.element.getBoundingClientRect(), n = this.props.vertical ? e.bottom - t.event.clientY : this.state.dir === "rtl" ? e.right - t.event.clientX : t.event.clientX - e.left, r = this.props.vertical ? e.height : e.width, l = n / r;
+      this.change(t, this.props.min + l * (this.props.max - this.props.min));
+    }, y(B);
   }
   /**
    * @hidden
@@ -124,8 +124,8 @@ const c = class c extends i.Component {
           enabled: this.props.buttons,
           decrement: this.decrement,
           increment: this.increment,
-          incrementTitle: s.toLanguageString(d, h[d]),
-          decrementTitle: s.toLanguageString(m, h[m])
+          incrementTitle: s.toLanguageString(d, p[d]),
+          decrementTitle: s.toLanguageString(m, p[m])
         },
         /* @__PURE__ */ i.createElement(x, { onDrag: this.dragOver, onPress: this.dragStart }, /* @__PURE__ */ i.createElement(
           "div",
@@ -144,11 +144,13 @@ const c = class c extends i.Component {
               className: "k-reset k-slider-items",
               style: { margin: 0, ...n }
             },
-            i.Children.map(this.props.children, (r) => r && i.cloneElement(
+            i.Children.map(this.props.children, (r, l) => r && i.cloneElement(
               r,
               {
                 position: 100 * (r.props.position - this.props.min) / (this.props.max - this.props.min),
-                vertical: this.props.vertical
+                vertical: this.props.vertical,
+                firstTick: l === 0,
+                lastTick: l === i.Children.count(this.props.children) - 1
               },
               r.props.children
             ))
@@ -180,9 +182,9 @@ const c = class c extends i.Component {
                 "aria-labelledby": this.props.ariaLabelledBy,
                 "aria-describedby": this.props.ariaDescribedBy,
                 "aria-label": this.props.ariaLabel,
-                tabIndex: E(this.props.tabIndex, this.props.disabled, void 0),
-                className: "k-draghandle",
-                title: s.toLanguageString(u, h[u]),
+                tabIndex: T(this.props.tabIndex, this.props.disabled, void 0),
+                className: "k-draghandle k-draghandle-end",
+                title: s.toLanguageString(u, p[u]),
                 style: this.props.vertical ? { bottom: "calc(" + t + "%)", zIndex: 1 } : this.state.dir === "rtl" ? { right: "calc(" + t + "% - 13px)", zIndex: 1 } : { left: "calc(" + t + "%)", zIndex: 1 }
               }
             )
@@ -198,10 +200,10 @@ const c = class c extends i.Component {
     return this._sliderTrack;
   }
   change(s, t) {
-    t = Math.min(Math.max(t, this.props.min), this.props.max), this.setState({ value: t }), S(this.props.onChange, s, this, { value: t });
+    t = Math.min(Math.max(t, this.props.min), this.props.max), this.setState({ value: t }), E(this.props.onChange, s, this, { value: t });
   }
 };
-c.displayName = "Slider", c.propTypes = {
+h.displayName = "Slider", h.propTypes = {
   min: a.number.isRequired,
   max: a.number.isRequired,
   value: a.number,
@@ -212,12 +214,12 @@ c.displayName = "Slider", c.propTypes = {
   ariaLabel: a.string
   // TODO: validation when buttons is set to true, but no step is provided
 };
-let o = c;
-const A = T(), N = D(A, o);
+let c = h;
+const A = S(), N = D(A, c);
 N.displayName = "KendoReactSlider";
-L(o);
+L(c);
 export {
   N as Slider,
   A as SliderPropsContext,
-  o as SliderWithoutContext
+  c as SliderWithoutContext
 };

package/slider/SliderLabel.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 a=require("react"),o=require("@progress/kendo-react-common");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const c=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,c.get?c:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const i=s(a),n="data-slider-label",u=e=>{const t=i.useRef(null),l=o.useDir(t),c=e.vertical?{bottom:`${e.position}%`}:{[l==="rtl"?"right":"left"]:`${e.position}%`},r=e.vertical?"k-tick-vertical":"k-tick-horizontal";return i.createElement("li",{ref:t,className:`k-tick k-tick-large ${r}`,title:e.title,style:{zIndex:1,position:"absolute",...c}},e.children&&i.createElement("span",{[n]:!0,className:"k-label",onClick:e.onClick},e.children))};exports.SLIDER_LABEL_ATTRIBUTE=n;exports.SliderLabel=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),a=require("@progress/kendo-react-common");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,n.get?n:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const c=s(i),r="data-slider-label",o=e=>{const t=c.useRef(null);return a.useDir(t),c.createElement("li",{ref:t,className:a.classNames("k-tick",{"k-tick-large":e.children,"k-first":e.firstTick,"k-last":e.lastTick}),title:e.title},e.children&&c.createElement("span",{[r]:!0,className:"k-label",onClick:e.onClick},e.children))};exports.SLIDER_LABEL_ATTRIBUTE=r;exports.SliderLabel=o;

package/slider/SliderLabel.mjs

@@ -6,34 +6,29 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-import { useDir as n } from "@progress/kendo-react-common";
-const r = "data-slider-label", s = (t) => {
-  const l = e.useRef(null), i = n(l), c = t.vertical ? { bottom: `${t.position}%` } : { [i === "rtl" ? "right" : "left"]: `${t.position}%` }, a = t.vertical ? "k-tick-vertical" : "k-tick-horizontal";
-  return /* @__PURE__ */ e.createElement(
+import * as l from "react";
+import { useDir as i, classNames as a } from "@progress/kendo-react-common";
+const c = "data-slider-label", s = (e) => {
+  const t = l.useRef(null);
+  return i(t), /* @__PURE__ */ l.createElement(
     "li",
     {
-      ref: l,
-      className: `k-tick k-tick-large ${a}`,
-      title: t.title,
-      style: {
-        zIndex: 1,
-        position: "absolute",
-        ...c
-      }
+      ref: t,
+      className: a("k-tick", { "k-tick-large": e.children, "k-first": e.firstTick, "k-last": e.lastTick }),
+      title: e.title
     },
-    t.children && /* @__PURE__ */ e.createElement(
+    e.children && /* @__PURE__ */ l.createElement(
       "span",
       {
-        [r]: !0,
+        [c]: !0,
         className: "k-label",
-        onClick: t.onClick
+        onClick: e.onClick
       },
-      t.children
+      e.children
     )
   );
 };
 export {
-  r as SLIDER_LABEL_ATTRIBUTE,
+  c as SLIDER_LABEL_ATTRIBUTE,
   s as SliderLabel
 };

package/switch/Switch.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 C=require("react"),s=require("prop-types"),i=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),p=require("../messages/index.js"),M=require("../package-metadata.js");function N(d){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return a.default=d,Object.freeze(a)}const n=N(C),l=class l extends n.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(p.switchValidation,p.messages[p.switchValidation]))},this.limit=(e,t,r)=>{const h=r.offsetWidth,o=t.offsetWidth;return e<0?0:e>h-o?h-o:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,i.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>n.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===i.Keys.space||t===i.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},i.validatePackage(M.packageMetadata),this.state={checked:a.defaultChecked||l.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:l.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:l.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:r,thumbRounded:h,size:o,offLabel:g,onLabel:b,tabIndex:v}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const y=!this.validityStyles||this.validity.valid,k=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[o]||o}`]:o,[`k-rounded-${i.kendoThemeMaps.roundedMap[r]||r}`]:r,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!y},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return n.createElement("span",{ref:u=>{this._wrapper=u},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:i.getTabIndex(v,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},n.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[r]||r}`]:r}),ref:u=>{this._element=u}},this.dummyInput(this.value),n.createElement("span",{className:"k-switch-label-on"},b),n.createElement("span",{className:"k-switch-label-off"},g)),n.createElement("span",{className:"k-switch-thumb-wrap"},n.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${h}`]:h})})))}};l.displayName="Switch",l.propTypes={accessKey:s.string,checked:s.bool,className:s.string,disabled:s.bool,defaultChecked:s.bool,size:s.oneOf([null,"small","medium","large"]),trackRounded:s.oneOf([null,"small","medium","large","full"]),thumbRounded:s.oneOf([null,"small","medium","large","full"]),dir:s.string,id:s.string,ariaLabelledBy:s.string,ariaDescribedBy:s.string,offLabel:s.string,required:s.bool,tabIndex:s.number,valid:s.bool,validate:s.bool,validationMessage:s.string,onBlur:s.any,onChange:s.any,onFocus:s.any,onLabel:s.string},l.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",required:!1,validityStyles:!0};let c=l;const m=i.createPropsContext(),f=i.withIdHOC(i.withPropsContext(m,c));f.displayName="KendoReactSwitch";exports.Switch=f;exports.SwitchPropsContext=m;exports.SwitchWithoutContext=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),s=require("prop-types"),i=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),p=require("../messages/index.js"),N=require("../package-metadata.js");function O(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const r=O(C),n=class n extends r.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(p.switchValidation,p.messages[p.switchValidation]))},this.limit=(e,t,d)=>{const h=d.offsetWidth,l=t.offsetWidth;return e<0?0:e>h-l?h-l:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,i.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>r.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===i.Keys.space||t===i.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},i.validatePackage(N.packageMetadata),this.state={checked:a.defaultChecked||n.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:n.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:d,thumbRounded:h,size:l,offLabel:m,onLabel:f,tabIndex:v}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const y=!this.validityStyles||this.validity.valid,k=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[l]||l}`]:l,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!y},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return r.createElement("span",{ref:u=>{this._wrapper=u},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:i.getTabIndex(v,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},r.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[d]||d}`]:d}),ref:u=>{this._element=u}},this.dummyInput(this.value),f?r.createElement("span",{className:"k-switch-label-on"},f):"",m?r.createElement("span",{className:"k-switch-label-off"},m):""),r.createElement("span",{className:"k-switch-thumb-wrap"},r.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${h}`]:h})})))}};n.displayName="Switch",n.propTypes={accessKey:s.string,checked:s.bool,className:s.string,disabled:s.bool,defaultChecked:s.bool,size:s.oneOf([null,"small","medium","large"]),trackRounded:s.oneOf([null,"small","medium","large","full"]),thumbRounded:s.oneOf([null,"small","medium","large","full"]),dir:s.string,id:s.string,ariaLabelledBy:s.string,ariaDescribedBy:s.string,offLabel:s.string,required:s.bool,tabIndex:s.number,valid:s.bool,validate:s.bool,validationMessage:s.string,onBlur:s.any,onChange:s.any,onFocus:s.any,onLabel:s.string},n.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",required:!1,validityStyles:!0};let c=n;const g=i.createPropsContext(),b=i.withIdHOC(i.withPropsContext(g,c));b.displayName="KendoReactSwitch";exports.Switch=b;exports.SwitchPropsContext=g;exports.SwitchWithoutContext=c;