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

package/slider/Slider.mjs

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

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"),i=require("@progress/kendo-react-common"),Y=require("@progress/kendo-react-intl"),b=require("../messages/index.js");function Z(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 d=Z(n),r={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,h)=>{var K;const{disabled:s=r.disabled,defaultChecked:v=r.defaultChecked,size:R=r.size,trackRounded:S=r.trackRounded,thumbRounded:M=r.thumbRounded,offLabel:q=r.offLabel,onBlur:L=r.onBlur,onFocus:E=r.onFocus,onLabel:B=r.onLabel}=e,[D,H]=n.useState(v||!1),[V,P]=n.useState(!1),u=n.useRef(null),o=n.useRef(null),k=n.useRef(null),y=n.useRef(void 0),N=n.useRef(!1),T=n.useRef(void 0),x=n.useMemo(()=>new Y.LocalizationService,[]),c=n.useMemo(()=>y.current!==void 0?y.current:e.checked!==void 0?e.checked:D,[e.checked,D]),g=n.useMemo(()=>{var C,z;const a=e.validationMessage!==void 0,l=(C=e.valid)!=null?C:e.required?!!c:!0,w=(z=e.valid)!=null?z:l;return{customError:a,valid:w,valueMissing:c===null}},[e.valid,e.validationMessage,e.required,c]),W=(K=e.validityStyles)!=null?K:r.validityStyles;n.useEffect(()=>{var a;(a=k.current)!=null&&a.setCustomValidity&&k.current.setCustomValidity(g.valid?"":e.validationMessage||x.toLanguageString(b.switchValidation,b.messages[b.switchValidation]))},[g,e.validationMessage,x]),n.useEffect(()=>{u.current&&(T.current=e.dir||getComputedStyle(u.current).direction||void 0)},[e.dir]);const f=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 g}}),[e,c,g]),m=n.useCallback((a,l)=>{H(a),y.current=a,i.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=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})};m(w,C)}}});return()=>{l==null||l.unsubscribe()}},[e.name,e.id,c,m]);const _=n.useCallback(a=>{if(a.target===k.current){if(N.current){N.current=!1;return}}else N.current=!0;m(!c,a)},[c,m]),$=n.useCallback(a=>{if(s)return;const{keyCode:l}=a;(l===i.Keys.space||l===i.Keys.enter)&&(m(!c,a),a.preventDefault())},[s,c,m]),A=n.useCallback(a=>{s||(P(!0),E&&E(a))},[s,E]),G=n.useCallback(a=>{s||(P(!1),L&&L(a))},[s,L]);n.useImperativeHandle(h,f,[f]);const F=n.useRef(null);n.useImperativeHandle(F,f,[f]),i.useWebMcpRegister("switch",F,e,e.webMcp);const J=T.current||e.dir||u.current&&getComputedStyle(u.current).direction||void 0,Q=!W||g.valid,U=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":s,"k-invalid":!Q},e.className),X=d.createElement("input",{type:"checkbox",checked:e.checked,ref:k,tabIndex:-1,"aria-hidden":!0,"aria-label":e.ariaLabel||x.toLanguageString(b.switchAriaLabel,b.messages[b.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":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:U,dir:J,onKeyDown:$,onClick:_,onBlur:G,onFocus:A,tabIndex:i.getTabIndex(e.tabIndex,s,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},X,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[M]||M}`]:M})})))});O.displayName="Switch";const j=i.createPropsContext(),I=i.withIdHOC(i.withPropsContext(j,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=j;exports.SwitchWithoutContext=O;