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

package/slider/Slider.mjs

@@ -6,43 +6,43 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as r from "react";
-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 Y, chevronRightIcon as J } from "@progress/kendo-svg-icons";
-const g = {
+import { useState as N, useRef as z, useMemo as B, useEffect as O, useCallback as c, useImperativeHandle as ue } from "react";
+import i from "prop-types";
+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 W, sliderDecreaseValue as X, sliderIncreaseValue as _ } from "../messages/index.mjs";
+import { SLIDER_LABEL_ATTRIBUTE as we } from "./SliderLabel.mjs";
+import { Button as j } from "@progress/kendo-react-buttons";
+import { chevronUpIcon as G, chevronLeftIcon as Y, chevronDownIcon as J, chevronRightIcon as P } from "@progress/kendo-svg-icons";
+const f = {
   step: 1,
   largeStep: 10,
   buttons: !1,
   vertical: !1,
   disabled: !1,
   tabIndex: 0
-}, B = r.forwardRef((e, V) => {
-  var K, U, q;
+}, V = r.forwardRef((e, A) => {
+  var U, q, H;
   const {
-    step: u = g.step,
-    largeStep: C = g.largeStep,
-    vertical: i = g.vertical,
-    disabled: d = g.disabled,
-    tabIndex: Q = g.tabIndex
-  } = 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(() => {
+    step: u = f.step,
+    largeStep: T = f.largeStep,
+    vertical: a = f.vertical,
+    disabled: d = f.disabled,
+    tabIndex: Z = f.tabIndex
+  } = e, [$, p] = N((U = e.defaultValue) != null ? U : e.min), [ee, F] = N(!1), [D, te] = N(e.dir), L = z(null), v = z(null), h = B(() => new xe(), []), M = z(null), R = e.value !== void 0, S = R && e.value !== void 0 ? e.value : $, l = B(() => S < e.min ? e.min : S > e.max ? e.max : S, [S, e.min, e.max]), b = B(() => {
     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(() => {
+  }, [l, e.min, e.max]), g = (q = e.dir) != null ? q : D;
+  O(() => {
     if (e.dir === void 0 && v.current) {
       const n = window.getComputedStyle(v.current).direction;
-      n !== I && ee(n);
+      n !== D && te(n);
     }
-  }, [e.dir, I]);
-  const M = c((t) => {
+  }, [e.dir, D]);
+  const K = c((t) => {
     let n = t;
     for (; n; ) {
-      if (n.getAttribute(Se))
+      if (n.getAttribute(we))
         return !0;
       n = n.parentElement;
     }
@@ -50,132 +50,133 @@ const g = {
   }, []), 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 });
+      R || p(o), fe(e.onChange, t, M.current, { value: o });
     },
-    [e.min, e.max, e.onChange, D]
-  ), te = c(() => {
-    A(!0);
-  }, []), ne = c(() => {
-    A(!1);
+    [e.min, e.max, e.onChange, R]
+  ), ne = c(() => {
+    F(!0);
+  }, []), ae = c(() => {
+    F(!1);
   }, []), ie = c(
     (t) => {
       if (d)
         return;
       let 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));
+      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));
     },
-    [l, u, C, e.min, e.max, s, d]
-  ), ae = c(
+    [l, u, T, e.min, e.max, s, d]
+  ), re = c(
     (t) => {
       t.preventDefault(), !d && s(t, l - (u || 0));
     },
     [l, u, s, d]
-  ), re = c(
+  ), le = c(
     (t) => {
       t.preventDefault(), !d && s(t, l + (u || 0));
     },
     [l, u, s, d]
-  ), x = c(
+  ), w = 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 ? 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));
     },
-    [i, e.min, e.max, f, s]
-  ), le = c(
+    [a, e.min, e.max, g, s]
+  ), ce = c(
     (t) => {
-      M(t.event.originalEvent.target) || (t.event.isTouch && t.event.originalEvent.preventDefault(), x(t));
+      K(t.event.originalEvent.target) || (t.event.isTouch && t.event.originalEvent.preventDefault(), w(t));
     },
-    [M, x]
-  ), ce = c(
+    [K, w]
+  ), oe = c(
     (t) => {
-      t.event.originalEvent.preventDefault(), x(t);
+      t.event.originalEvent.preventDefault(), w(t);
     },
-    [x]
-  ), S = c(() => {
+    [w]
+  ), C = c(() => {
     v.current && v.current.focus();
-  }, []), oe = c(
+  }, []), de = 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(
-        _,
+      let n, o, y, k;
+      return g === "rtl" ? (n = a ? G : Y, o = a ? J : P, y = a ? "chevron-up" : "chevron-left", k = a ? "chevron-down" : "chevron-right") : (n = a ? G : P, o = a ? J : Y, y = a ? "chevron-up" : "chevron-right", k = a ? "chevron-down" : "chevron-left"), /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
+        j,
         {
           className: "k-button-decrease",
           rounded: "full",
-          icon: y,
+          icon: k,
           svgIcon: o,
           title: t.decrementTitle,
           onClick: t.decrement
         }
       ), t.children, /* @__PURE__ */ r.createElement(
-        _,
+        j,
         {
           className: "k-button-increase",
           rounded: "full",
-          icon: b,
+          icon: y,
           svgIcon: n,
           title: t.incrementTitle,
           onClick: t.increment
         }
       ));
     },
-    [f, i]
+    [g, a]
   );
-  me(
-    V,
+  ue(
+    A,
     () => ({
       props: e,
-      sliderTrack: E.current,
-      focus: S
+      sliderTrack: L.current,
+      focus: C
     }),
-    [e, S]
-  ), ge("slider", V, e, e.webMcp), H(() => {
-    F.current = {
+    [e, C]
+  ), ve("slider", A, e, e.webMcp), O(() => {
+    M.current = {
       props: e,
-      sliderTrack: E.current,
-      focus: S
+      sliderTrack: L.current,
+      focus: C
     };
-  }, [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 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(
+  }, [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,
+      dir: g,
       id: e.id,
+      "aria-label": e.ariaLabel || h.toLanguageString(E, x[E]),
       style: { gap: 0, ...e.style },
-      onFocus: te,
-      onBlur: ne,
+      onFocus: ne,
+      onBlur: ae,
       onKeyDown: ie,
-      className: ve(
+      className: he(
         "k-slider",
         {
-          "k-focus": p,
+          "k-focus": ee,
           "k-disabled": d,
-          "k-slider-horizontal": !i,
-          "k-slider-vertical": i
+          "k-slider-horizontal": !a,
+          "k-slider-vertical": a
         },
         e.className
       )
     },
-    oe({
-      enabled: (q = e.buttons) != null ? q : g.buttons,
-      decrement: ae,
-      increment: re,
-      incrementTitle: T.toLanguageString(
-        X,
-        z[X]
+    de({
+      enabled: (H = e.buttons) != null ? H : f.buttons,
+      decrement: re,
+      increment: le,
+      incrementTitle: h.toLanguageString(
+        _,
+        x[_]
       ),
-      decrementTitle: T.toLanguageString(
-        W,
-        z[W]
+      decrementTitle: h.toLanguageString(
+        X,
+        x[X]
       ),
-      children: /* @__PURE__ */ r.createElement(he, { onDrag: ce, onPress: le, autoScroll: !1 }, /* @__PURE__ */ r.createElement(
+      children: /* @__PURE__ */ r.createElement(be, { onDrag: oe, onPress: ce, autoScroll: !1 }, /* @__PURE__ */ r.createElement(
         "div",
         {
           className: "k-slider-track-wrap",
@@ -183,31 +184,39 @@ const g = {
             flexGrow: 1,
             position: "relative",
             touchAction: "none",
-            ...de
+            ...se
           }
         },
-        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,
+        e.children && /* @__PURE__ */ r.createElement(
+          "ul",
           {
-            position: 100 * (t.props.position - e.min) / (e.max - e.min),
-            vertical: i,
-            firstTick: n === 0,
-            lastTick: n === r.Children.count(e.children) - 1
+            className: "k-reset k-slider-items",
+            "aria-hidden": "true",
+            style: { margin: 0, ...me }
           },
-          t.props.children
-        ))),
+          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: i ? { 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__ */ r.createElement(
             "div",
             {
               className: "k-slider-selection",
-              style: i ? { height: h + "%" } : { width: h + "%" }
+              style: a ? { height: b + "%" } : { width: b + "%" }
             }
           ),
           /* @__PURE__ */ r.createElement(
@@ -217,19 +226,18 @@ const g = {
               "aria-valuemin": e.min,
               "aria-valuemax": e.max,
               "aria-valuenow": l,
-              "aria-valuetext": String(l),
-              "aria-orientation": i ? "vertical" : void 0,
+              "aria-orientation": a ? "vertical" : void 0,
               "aria-disabled": d ? "true" : void 0,
               "aria-labelledby": e.ariaLabelledBy,
               "aria-describedby": e.ariaDescribedBy,
-              "aria-label": e.ariaLabel,
-              tabIndex: be(Q, d, void 0),
+              "aria-label": e.ariaLabel || h.toLanguageString(E, x[E]),
+              tabIndex: ye(Z, d, void 0),
               className: "k-draghandle k-draghandle-end",
-              title: T.toLanguageString(
-                O,
-                z[O]
+              title: h.toLanguageString(
+                W,
+                x[W]
               ),
-              style: w
+              style: I
             }
           )
         )
@@ -237,33 +245,33 @@ const g = {
     })
   );
 });
-B.displayName = "Slider";
-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
+V.displayName = "Slider";
+const Ce = ke(), Q = ge(Ce, V);
+Q.displayName = "KendoReactSlider";
+Q.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
 };
-xe(B);
+Se(V);
 export {
-  P as Slider,
-  we as SliderPropsContext,
-  B as SliderWithoutContext
+  Q as Slider,
+  Ce as SliderPropsContext,
+  V 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.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"),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;
+"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;