@progress/kendo-react-inputs 14.5.0-develop.8 → 15.0.0-develop.1

package/slider/Slider.mjs

@@ -5,180 +5,178 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as l from "react";
-import { useState as L, useRef as R, useMemo as N, useEffect as q, useCallback as o, useImperativeHandle as me } from "react";
+import * as r from "react";
+import { useState as z, useRef as B, useMemo as V, useEffect as H, useCallback as c, useImperativeHandle as ue } from "react";
 import i from "prop-types";
-import { withPropsContext as ue, dispatchEvent as fe, Keys as m, classNames as ge, Draggable as ve, getTabIndex as he, createPropsContext as be } from "@progress/kendo-react-common";
-import { LocalizationService as ye, registerForLocalization as ke } from "@progress/kendo-react-intl";
-import { sliderDragTitle as H, messages as A, sliderDecreaseValue as O, sliderIncreaseValue as X } from "../messages/index.mjs";
-import { SLIDER_LABEL_ATTRIBUTE as xe } from "./SliderLabel.mjs";
+import { withPropsContext as ge, dispatchEvent as fe, Keys as m, useWebMcpRegister as ve, classNames as he, Draggable as be, getTabIndex as ye, createPropsContext as ke } from "@progress/kendo-react-common";
+import { LocalizationService as xe, registerForLocalization as Se } from "@progress/kendo-react-intl";
+import { sliderAriaLabel as E, messages as x, sliderDragTitle as O, sliderDecreaseValue as W, sliderIncreaseValue as X } from "../messages/index.mjs";
+import { SLIDER_LABEL_ATTRIBUTE as we } from "./SliderLabel.mjs";
 import { Button as _ } from "@progress/kendo-react-buttons";
-import { caretAltUpIcon as j, caretAltLeftIcon as G, caretAltDownIcon as W, caretAltRightIcon as Y } from "@progress/kendo-svg-icons";
-const g = {
+import { chevronUpIcon as j, chevronLeftIcon as G, chevronDownIcon as Y, chevronRightIcon as J } from "@progress/kendo-svg-icons";
+const f = {
   step: 1,
   largeStep: 10,
   buttons: !1,
   vertical: !1,
   disabled: !1,
   tabIndex: 0
-}, z = l.forwardRef((t, P) => {
-  var M, K, U;
+}, A = r.forwardRef((e, Q) => {
+  var K, U, q;
   const {
-    step: u = g.step,
-    largeStep: C = g.largeStep,
-    vertical: a = g.vertical,
-    disabled: d = g.disabled,
-    tabIndex: Q = g.tabIndex
-  } = t, [Z, $] = L((M = t.defaultValue) != null ? M : t.min), [p, B] = L(!1), [I, ee] = L(t.dir), E = R(null), v = R(null), T = N(() => new ye(), []), V = R(null), D = t.value !== void 0, k = D && t.value !== void 0 ? t.value : Z, r = N(() => {
-    const { min: e, max: n } = t;
-    return k < e ? e : k > n ? n : k;
-  }, [k, t.min, t.max]), h = N(() => {
-    const { min: e, max: n } = t, c = n - e;
-    return c === 0 ? 0 : (r - e) / c * 100;
-  }, [r, t.min, t.max]), f = (K = t.dir) != null ? K : I;
-  q(() => {
-    if (t.dir === void 0 && v.current) {
+    step: u = f.step,
+    largeStep: T = f.largeStep,
+    vertical: a = f.vertical,
+    disabled: d = f.disabled,
+    tabIndex: Z = f.tabIndex
+  } = e, [$, p] = z((K = e.defaultValue) != null ? K : e.min), [ee, F] = z(!1), [D, te] = z(e.dir), L = B(null), v = B(null), h = V(() => new xe(), []), R = B(null), N = e.value !== void 0, S = N && e.value !== void 0 ? e.value : $, l = V(() => S < e.min ? e.min : S > e.max ? e.max : S, [S, e.min, e.max]), b = V(() => {
+    const t = e.max - e.min;
+    return t === 0 ? 0 : (l - e.min) / t * 100;
+  }, [l, e.min, e.max]), g = (U = e.dir) != null ? U : D;
+  H(() => {
+    if (e.dir === void 0 && v.current) {
       const n = window.getComputedStyle(v.current).direction;
-      n !== I && ee(n);
+      n !== D && te(n);
     }
-  }, [t.dir, I]);
-  const F = o((e) => {
-    let n = e;
+  }, [e.dir, D]);
+  const M = c((t) => {
+    let n = t;
     for (; n; ) {
-      if (n.getAttribute(xe))
+      if (n.getAttribute(we))
         return !0;
       n = n.parentElement;
     }
     return !1;
-  }, []), s = o(
-    (e, n) => {
-      const c = Math.min(Math.max(n, t.min), t.max);
-      D || $(c), fe(t.onChange, e, V.current, { value: c });
+  }, []), s = c(
+    (t, n) => {
+      const o = Math.min(Math.max(n, e.min), e.max);
+      N || p(o), fe(e.onChange, t, R.current, { value: o });
     },
-    [t.min, t.max, t.onChange, D]
-  ), te = o(() => {
-    B(!0);
-  }, []), ne = o(() => {
-    B(!1);
-  }, []), ae = o(
-    (e) => {
+    [e.min, e.max, e.onChange, N]
+  ), ne = c(() => {
+    F(!0);
+  }, []), ae = c(() => {
+    F(!1);
+  }, []), ie = c(
+    (t) => {
       if (d)
         return;
       let n;
-      e.keyCode === m.left || e.keyCode === m.down ? n = r - (u || 0) : e.keyCode === m.right || e.keyCode === m.up ? n = r + (u || 0) : e.keyCode === m.pageDown ? n = r - (C || 0) : e.keyCode === m.pageUp ? n = r + (C || 0) : e.keyCode === m.home ? n = t.min : e.keyCode === m.end && (n = t.max), n !== void 0 && (e.preventDefault(), s(e, n));
+      t.keyCode === m.left || t.keyCode === m.down ? n = l - (u || 0) : t.keyCode === m.right || t.keyCode === m.up ? n = l + (u || 0) : t.keyCode === m.pageDown ? n = l - (T || 0) : t.keyCode === m.pageUp ? n = l + (T || 0) : t.keyCode === m.home ? n = e.min : t.keyCode === m.end && (n = e.max), n !== void 0 && (t.preventDefault(), s(t, n));
     },
-    [r, u, C, t.min, t.max, s, d]
-  ), ie = o(
-    (e) => {
-      e.preventDefault(), !d && s(e, r - (u || 0));
+    [l, u, T, e.min, e.max, s, d]
+  ), re = c(
+    (t) => {
+      t.preventDefault(), !d && s(t, l - (u || 0));
     },
-    [r, u, s, d]
-  ), le = o(
-    (e) => {
-      e.preventDefault(), !d && s(e, r + (u || 0));
+    [l, u, s, d]
+  ), le = c(
+    (t) => {
+      t.preventDefault(), !d && s(t, l + (u || 0));
     },
-    [r, u, s, d]
-  ), x = o(
-    (e) => {
-      const n = e.element.getBoundingClientRect();
-      let c;
-      a ? c = n.bottom - e.event.clientY : c = f === "rtl" ? n.right - e.event.clientX : e.event.clientX - n.left;
-      const b = a ? n.height : n.width, y = c / b;
-      s(e, t.min + y * (t.max - t.min));
+    [l, u, s, d]
+  ), w = c(
+    (t) => {
+      const n = t.element.getBoundingClientRect();
+      let o;
+      a ? o = n.bottom - t.event.clientY : o = g === "rtl" ? n.right - t.event.clientX : t.event.clientX - n.left;
+      const y = a ? n.height : n.width, k = o / y;
+      s(t, e.min + k * (e.max - e.min));
     },
-    [a, t.min, t.max, f, s]
-  ), re = o(
-    (e) => {
-      F(e.event.originalEvent.target) || (e.event.isTouch && e.event.originalEvent.preventDefault(), x(e));
+    [a, e.min, e.max, g, s]
+  ), ce = c(
+    (t) => {
+      M(t.event.originalEvent.target) || (t.event.isTouch && t.event.originalEvent.preventDefault(), w(t));
     },
-    [F, x]
-  ), ce = o(
-    (e) => {
-      e.event.originalEvent.preventDefault(), x(e);
+    [M, w]
+  ), oe = c(
+    (t) => {
+      t.event.originalEvent.preventDefault(), w(t);
     },
-    [x]
-  ), S = o(() => {
+    [w]
+  ), C = c(() => {
     v.current && v.current.focus();
-  }, []), oe = o(
-    (e) => {
-      if (!e.enabled)
-        return e.children;
-      let n, c, b, y;
-      return f === "rtl" ? (n = a ? j : G, c = a ? W : Y, b = a ? "caret-alt-up" : "caret-alt-left", y = a ? "caret-alt-down" : "caret-alt-right") : (n = a ? j : Y, c = a ? W : G, b = a ? "caret-alt-up" : "caret-alt-right", y = a ? "caret-alt-down" : "caret-alt-left"), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
+  }, []), de = c(
+    (t) => {
+      if (!t.enabled)
+        return t.children;
+      let n, o, y, k;
+      return g === "rtl" ? (n = a ? j : G, o = a ? Y : J, y = a ? "chevron-up" : "chevron-left", k = a ? "chevron-down" : "chevron-right") : (n = a ? j : J, o = a ? Y : G, y = a ? "chevron-up" : "chevron-right", k = a ? "chevron-down" : "chevron-left"), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
         _,
         {
           className: "k-button-decrease",
           rounded: "full",
-          icon: y,
-          svgIcon: c,
-          title: e.decrementTitle,
-          onClick: e.decrement
+          icon: k,
+          svgIcon: o,
+          title: t.decrementTitle,
+          onClick: t.decrement
         }
-      ), e.children, /* @__PURE__ */ l.createElement(
+      ), t.children, /* @__PURE__ */ r.createElement(
         _,
         {
           className: "k-button-increase",
           rounded: "full",
-          icon: b,
+          icon: y,
           svgIcon: n,
-          title: e.incrementTitle,
-          onClick: e.increment
+          title: t.incrementTitle,
+          onClick: t.increment
         }
       ));
     },
-    [f, a]
+    [g, a]
   );
-  me(
-    P,
+  ue(
+    Q,
     () => ({
-      props: t,
-      sliderTrack: E.current,
-      focus: S
+      props: e,
+      sliderTrack: L.current,
+      focus: C
     }),
-    [t, S]
-  ), q(() => {
-    V.current = {
-      props: t,
-      sliderTrack: E.current,
-      focus: S
+    [e, C]
+  ), ve("slider", R, e, e.webMcp), H(() => {
+    R.current = {
+      props: e,
+      sliderTrack: L.current,
+      focus: C
     };
-  }, [t, S]);
-  const de = a ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" }, se = a ? { paddingTop: 0, height: "100%" } : {};
-  let w;
-  return a ? w = { bottom: "calc(" + h + "%)", zIndex: 1 } : f === "rtl" ? w = { right: "calc(" + h + "% - 13px)", zIndex: 1 } : w = { left: "calc(" + h + "%)", zIndex: 1 }, /* @__PURE__ */ l.createElement(
+  }, [e, C]);
+  const se = a ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" }, me = a ? { paddingTop: 0, height: "100%" } : {};
+  let I;
+  return a ? I = { bottom: "calc(" + b + "%)", zIndex: 1 } : g === "rtl" ? I = { right: "calc(" + b + "% - 13px)", zIndex: 1 } : I = { left: "calc(" + b + "%)", zIndex: 1 }, /* @__PURE__ */ r.createElement(
     "div",
     {
       ref: v,
-      dir: f,
-      id: t.id,
-      style: { gap: 0, ...t.style },
-      onFocus: te,
-      onBlur: ne,
-      onKeyDown: ae,
-      className: ge(
+      dir: g,
+      id: e.id,
+      "aria-label": e.ariaLabel || h.toLanguageString(E, x[E]),
+      style: { gap: 0, ...e.style },
+      onFocus: ne,
+      onBlur: ae,
+      onKeyDown: ie,
+      className: he(
         "k-slider",
         {
-          "k-focus": p,
+          "k-focus": ee,
           "k-disabled": d,
           "k-slider-horizontal": !a,
           "k-slider-vertical": a
         },
-        t.className
+        e.className
       )
     },
-    oe({
-      enabled: (U = t.buttons) != null ? U : g.buttons,
-      decrement: ie,
+    de({
+      enabled: (q = e.buttons) != null ? q : f.buttons,
+      decrement: re,
       increment: le,
-      incrementTitle: T.toLanguageString(
+      incrementTitle: h.toLanguageString(
         X,
-        A[X]
+        x[X]
       ),
-      decrementTitle: T.toLanguageString(
-        O,
-        A[O]
+      decrementTitle: h.toLanguageString(
+        W,
+        x[W]
       ),
-      children: /* @__PURE__ */ l.createElement(ve, { onDrag: ce, onPress: re, autoScroll: !1 }, /* @__PURE__ */ l.createElement(
+      children: /* @__PURE__ */ r.createElement(be, { onDrag: oe, onPress: ce, autoScroll: !1 }, /* @__PURE__ */ r.createElement(
         "div",
         {
           className: "k-slider-track-wrap",
@@ -186,53 +184,60 @@ const g = {
             flexGrow: 1,
             position: "relative",
             touchAction: "none",
-            ...de
+            ...se
           }
         },
-        t.children && /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-slider-items", style: { margin: 0, ...se } }, l.Children.map(t.children, (e, n) => e && l.cloneElement(
-          e,
+        e.children && /* @__PURE__ */ r.createElement(
+          "ul",
           {
-            position: 100 * (e.props.position - t.min) / (t.max - t.min),
-            vertical: a,
-            firstTick: n === 0,
-            lastTick: n === l.Children.count(t.children) - 1
+            className: "k-reset k-slider-items",
+            "aria-hidden": "true",
+            style: { margin: 0, ...me }
           },
-          e.props.children
-        ))),
-        /* @__PURE__ */ l.createElement(
+          r.Children.map(e.children, (t, n) => t && r.cloneElement(
+            t,
+            {
+              position: 100 * (t.props.position - e.min) / (e.max - e.min),
+              vertical: a,
+              firstTick: n === 0,
+              lastTick: n === r.Children.count(e.children) - 1
+            },
+            t.props.children
+          ))
+        ),
+        /* @__PURE__ */ r.createElement(
           "div",
           {
             className: "k-slider-track",
-            style: a ? { bottom: 0, height: "100%" } : { [f === "rtl" ? "right" : "left"]: 0, width: "100%" },
-            ref: E
+            style: a ? { bottom: 0, height: "100%" } : { [g === "rtl" ? "right" : "left"]: 0, width: "100%" },
+            ref: L
           },
-          /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ r.createElement(
             "div",
             {
               className: "k-slider-selection",
-              style: a ? { height: h + "%" } : { width: h + "%" }
+              style: a ? { height: b + "%" } : { width: b + "%" }
             }
           ),
-          /* @__PURE__ */ l.createElement(
+          /* @__PURE__ */ r.createElement(
             "span",
             {
               role: "slider",
-              "aria-valuemin": t.min,
-              "aria-valuemax": t.max,
-              "aria-valuenow": r,
-              "aria-valuetext": String(r),
+              "aria-valuemin": e.min,
+              "aria-valuemax": e.max,
+              "aria-valuenow": l,
               "aria-orientation": a ? "vertical" : void 0,
               "aria-disabled": d ? "true" : void 0,
-              "aria-labelledby": t.ariaLabelledBy,
-              "aria-describedby": t.ariaDescribedBy,
-              "aria-label": t.ariaLabel,
-              tabIndex: he(Q, d, void 0),
+              "aria-labelledby": e.ariaLabelledBy,
+              "aria-describedby": e.ariaDescribedBy,
+              "aria-label": e.ariaLabel || h.toLanguageString(E, x[E]),
+              tabIndex: ye(Z, d, void 0),
               className: "k-draghandle k-draghandle-end",
-              title: T.toLanguageString(
-                H,
-                A[H]
+              title: h.toLanguageString(
+                O,
+                x[O]
               ),
-              style: w
+              style: I
             }
           )
         )
@@ -240,10 +245,10 @@ const g = {
     })
   );
 });
-z.displayName = "Slider";
-const Se = be(), J = ue(Se, z);
-J.displayName = "KendoReactSlider";
-J.propTypes = {
+A.displayName = "Slider";
+const Ce = ke(), P = ge(Ce, A);
+P.displayName = "KendoReactSlider";
+P.propTypes = {
   value: i.number,
   defaultValue: i.number,
   min: i.number.isRequired,
@@ -264,9 +269,9 @@ J.propTypes = {
   dir: i.oneOf(["ltr", "rtl"]),
   children: i.node
 };
-ke(z);
+Se(A);
 export {
-  J as Slider,
-  Se as SliderPropsContext,
-  z as SliderWithoutContext
+  P as Slider,
+  Ce as SliderPropsContext,
+  A 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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),n=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 a=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,a.get?a:{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 n.useDir(t),c.createElement("li",{ref:t,className:n.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;
+"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,role:"presentation",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

@@ -7,12 +7,13 @@
  */
 import * as l from "react";
 import { useDir as a, classNames as i } from "@progress/kendo-react-common";
-const c = "data-slider-label", s = (e) => {
+const c = "data-slider-label", n = (e) => {
   const t = l.useRef(null);
   return a(t), /* @__PURE__ */ l.createElement(
     "li",
     {
       ref: t,
+      role: "presentation",
       className: i("k-tick", {
         "k-tick-large": e.children,
         "k-first": e.firstTick,
@@ -25,5 +26,5 @@ const c = "data-slider-label", s = (e) => {
 };
 export {
   c as SLIDER_LABEL_ATTRIBUTE,
-  s as SliderLabel
+  n as SliderLabel
 };

package/switch/Switch.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { BaseEvent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
+import { BaseEvent, WebMcpProps, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
 import { ToggleBaseProps } from '../interfaces/ToggleBaseProps';
 import * as React from 'react';
 /**
@@ -243,6 +243,11 @@ export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
      * ```
      */
     ariaLabel?: string;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }
 /** @hidden */
 export declare const SwitchWithoutContext: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<SwitchHandle>>;

package/switch/Switch.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("prop-types"),i=require("@progress/kendo-react-common"),X=require("@progress/kendo-react-intl"),m=require("../messages/index.js");function Y(e){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const g=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(b,r,g.get?g:{enumerable:!0,get:()=>e[r]})}}return b.default=e,Object.freeze(b)}const d=Y(n),l={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",validityStyles:!0},O=d.forwardRef((e,b)=>{var F;const{disabled:r=l.disabled,defaultChecked:g=l.defaultChecked,size:R=l.size,trackRounded:S=l.trackRounded,thumbRounded:L=l.thumbRounded,offLabel:q=l.offLabel,onBlur:M=l.onBlur,onFocus:E=l.onFocus,onLabel:B=l.onLabel}=e,[D,j]=n.useState(g||!1),[V,P]=n.useState(!1),u=n.useRef(null),o=n.useRef(null),k=n.useRef(null),v=n.useRef(void 0),N=n.useRef(!1),T=n.useRef(void 0),x=n.useMemo(()=>new X.LocalizationService,[]),c=n.useMemo(()=>v.current!==void 0?v.current:e.checked!==void 0?e.checked:D,[e.checked,D]),h=n.useMemo(()=>{var C,K;const a=e.validationMessage!==void 0,s=(C=e.valid)!=null?C:e.required?!!c:!0,w=(K=e.valid)!=null?K:s;return{customError:a,valid:w,valueMissing:c===null}},[e.valid,e.validationMessage,e.required,c]),H=(F=e.validityStyles)!=null?F:l.validityStyles;n.useEffect(()=>{var a;(a=k.current)!=null&&a.setCustomValidity&&k.current.setCustomValidity(h.valid?"":e.validationMessage||x.toLanguageString(m.switchValidation,m.messages[m.switchValidation]))},[h,e.validationMessage,x]),n.useEffect(()=>{u.current&&(T.current=e.dir||getComputedStyle(u.current).direction||void 0)},[e.dir]);const y=n.useCallback(()=>({props:e,get element(){return u.current},get actionElement(){return o.current},focus:()=>{var a;(a=o.current)==null||a.focus()},get value(){return c},get name(){return e.name},get validity(){return h}}),[e,c,h]),f=n.useCallback((a,s)=>{j(a),v.current=a,i.dispatchEvent(e.onChange,s,{...y(),value:a},{value:a}),v.current=void 0},[e.onChange,y]);n.useEffect(()=>{const a=e.name||e.id,s=i.subscribeToKendoPaste(o.current,{fieldName:a,onValueChange:w=>{if(w!==c){const C={target:o.current,currentTarget:o.current,nativeEvent:new Event("change",{bubbles:!0})};f(w,C)}}});return()=>{s==null||s.unsubscribe()}},[e.name,e.id,c,f]);const W=n.useCallback(a=>{if(a.target===k.current){if(N.current){N.current=!1;return}}else N.current=!0;f(!c,a)},[c,f]),_=n.useCallback(a=>{if(r)return;const{keyCode:s}=a;(s===i.Keys.space||s===i.Keys.enter)&&(f(!c,a),a.preventDefault())},[r,c,f]),$=n.useCallback(a=>{r||(P(!0),E&&E(a))},[r,E]),A=n.useCallback(a=>{r||(P(!1),M&&M(a))},[r,M]);n.useImperativeHandle(b,y,[y]);const G=T.current||e.dir||u.current&&getComputedStyle(u.current).direction||void 0,J=!H||h.valid,Q=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[R]||R}`]:R,"k-switch-on":c,"k-switch-off":!c,"k-focus":V,"k-disabled":r,"k-invalid":!J},e.className),U=d.createElement("input",{type:"checkbox",checked:e.checked,ref:k,tabIndex:-1,"aria-hidden":!0,"aria-label":e.ariaLabel||x.toLanguageString(m.switchAriaLabel,m.messages[m.switchAriaLabel]),value:c,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:e.name||void 0});return d.createElement("span",{ref:o,role:"switch","aria-checked":c,"aria-disabled":r||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:Q,dir:G,onKeyDown:_,onClick:W,onBlur:A,onFocus:$,tabIndex:i.getTabIndex(e.tabIndex,r,void 0),accessKey:e.accessKey,id:e.id},d.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[S]||S}`]:S}),ref:u},U,B?d.createElement("span",{className:"k-switch-label-on"},B):"",q?d.createElement("span",{className:"k-switch-label-off"},q):""),d.createElement("span",{className:"k-switch-thumb-wrap"},d.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${i.kendoThemeMaps.roundedMap[L]||L}`]:L})})))});O.displayName="Switch";const z=i.createPropsContext(),I=i.withIdHOC(i.withPropsContext(z,O));I.displayName="KendoReactSwitch";I.propTypes={accessKey:t.string,checked:t.bool,className:t.string,defaultChecked:t.bool,defaultValue:t.any,disabled:t.bool,dir:t.string,id:t.string,size:t.oneOf(["small","medium","large"]),trackRounded:t.oneOf(["small","medium","large","full"]),thumbRounded:t.oneOf(["small","medium","large","full"]),ariaDescribedBy:t.string,ariaLabelledBy:t.string,ariaLabel:t.string,offLabel:t.node,onBlur:t.func,onChange:t.func,onFocus:t.func,onLabel:t.node,tabIndex:t.number,value:t.any,name:t.string,required:t.bool,valid:t.bool,validationMessage:t.string,validityStyles:t.bool};exports.Switch=I;exports.SwitchPropsContext=z;exports.SwitchWithoutContext=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("prop-types"),c=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-intl"),b=require("../messages/index.js");function p(e){const h=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const v=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(h,s,v.get?v:{enumerable:!0,get:()=>e[s]})}}return h.default=e,Object.freeze(h)}const u=p(n),r={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:c.noop,onFocus:c.noop,onLabel:"ON",validityStyles:!0},x=u.forwardRef((e,h)=>{var F;const{disabled:s=r.disabled,defaultChecked:v=r.defaultChecked,size:R=r.size,trackRounded:S=r.trackRounded,thumbRounded:M=r.thumbRounded,offLabel:I=r.offLabel,onBlur:L=r.onBlur,onFocus:E=r.onFocus,onLabel:q=r.onLabel}=e,[z,V]=n.useState(v||!1),[W,B]=n.useState(!1),d=n.useRef(null),o=n.useRef(null),k=n.useRef(null),y=n.useRef(void 0),N=n.useRef(!1),D=n.useRef(void 0),P=n.useMemo(()=>new j.LocalizationService,[]),_=j.useLocalization(),i=n.useMemo(()=>y.current!==void 0?y.current:e.checked!==void 0?e.checked:z,[e.checked,z]),g=n.useMemo(()=>{var C,K;const a=e.validationMessage!==void 0,l=(C=e.valid)!=null?C:e.required?!!i:!0,w=(K=e.valid)!=null?K:l;return{customError:a,valid:w,valueMissing:i===null}},[e.valid,e.validationMessage,e.required,i]),$=(F=e.validityStyles)!=null?F:r.validityStyles;n.useEffect(()=>{var a;(a=k.current)!=null&&a.setCustomValidity&&k.current.setCustomValidity(g.valid?"":e.validationMessage||P.toLanguageString(b.switchValidation,b.messages[b.switchValidation]))},[g,e.validationMessage,P]),n.useEffect(()=>{d.current&&(D.current=e.dir||getComputedStyle(d.current).direction||void 0)},[e.dir]);const f=n.useCallback(()=>({props:e,get element(){return d.current},get actionElement(){return o.current},focus:()=>{var a;(a=o.current)==null||a.focus()},get value(){return i},get name(){return e.name},get validity(){return g}}),[e,i,g]),m=n.useCallback((a,l)=>{V(a),y.current=a,c.dispatchEvent(e.onChange,l,{...f(),value:a},{value:a}),y.current=void 0},[e.onChange,f]);n.useEffect(()=>{const a=e.name||e.id,l=c.subscribeToKendoPaste(o.current,{fieldName:a,onValueChange:w=>{if(w!==i){const C={target:o.current,currentTarget:o.current,nativeEvent:new Event("change",{bubbles:!0})};m(w,C)}}});return()=>{l==null||l.unsubscribe()}},[e.name,e.id,i,m]);const A=n.useCallback(a=>{if(a.target===k.current){if(N.current){N.current=!1;return}}else N.current=!0;m(!i,a)},[i,m]),G=n.useCallback(a=>{if(s)return;const{keyCode:l}=a;(l===c.Keys.space||l===c.Keys.enter)&&(m(!i,a),a.preventDefault())},[s,i,m]),J=n.useCallback(a=>{s||(B(!0),E&&E(a))},[s,E]),Q=n.useCallback(a=>{s||(B(!1),L&&L(a))},[s,L]);n.useImperativeHandle(h,f,[f]);const T=n.useRef(null);n.useImperativeHandle(T,f,[f]),c.useWebMcpRegister("switch",T,e,e.webMcp);const U=D.current||e.dir||d.current&&getComputedStyle(d.current).direction||void 0,X=!$||g.valid,Y=c.classNames("k-switch",{[`k-switch-${c.kendoThemeMaps.sizeMap[R]||R}`]:R,"k-switch-on":i,"k-switch-off":!i,"k-focus":W,"k-disabled":s,"k-invalid":!X},e.className),Z=u.createElement("input",{type:"checkbox",checked:e.checked,ref:k,tabIndex:-1,value:i,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:c.noop,name:e.name||void 0});return u.createElement("span",{ref:o,role:"switch","aria-checked":i,"aria-disabled":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel||_.toLanguageString(b.switchAriaLabel,b.messages[b.switchAriaLabel]),"aria-required":e.required,className:Y,dir:U,onKeyDown:G,onClick:A,onBlur:Q,onFocus:J,tabIndex:c.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},u.createElement("span",{className:c.classNames("k-switch-track",{[`k-rounded-${c.kendoThemeMaps.roundedMap[S]||S}`]:S}),ref:d},Z,q?u.createElement("span",{className:"k-switch-label-on"},q):"",I?u.createElement("span",{className:"k-switch-label-off"},I):""),u.createElement("span",{className:"k-switch-thumb-wrap"},u.createElement("span",{className:c.classNames("k-switch-thumb",{[`k-rounded-${c.kendoThemeMaps.roundedMap[M]||M}`]:M})})))});x.displayName="Switch";const H=c.createPropsContext(),O=c.withIdHOC(c.withPropsContext(H,x));O.displayName="KendoReactSwitch";O.propTypes={accessKey:t.string,checked:t.bool,className:t.string,defaultChecked:t.bool,defaultValue:t.any,disabled:t.bool,dir:t.string,id:t.string,size:t.oneOf(["small","medium","large"]),trackRounded:t.oneOf(["small","medium","large","full"]),thumbRounded:t.oneOf(["small","medium","large","full"]),ariaDescribedBy:t.string,ariaLabelledBy:t.string,ariaLabel:t.string,offLabel:t.node,onBlur:t.func,onChange:t.func,onFocus:t.func,onLabel:t.node,tabIndex:t.number,value:t.any,name:t.string,required:t.bool,valid:t.bool,validationMessage:t.string,validityStyles:t.bool};exports.Switch=O;exports.SwitchPropsContext=H;exports.SwitchWithoutContext=x;