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

package/index.d.mts

@@ -7,6 +7,7 @@
  */
 import { FormComponentValidity } from '@progress/kendo-react-common';
 import { default as ColorInput } from './colors/ColorInput.js';
+import { MaskedTextBox as MaskedTextBoxOriginal } from './maskedtextbox/MaskedTextBox.js';
 export { type FormComponentValidity };
 export { ColorInput };
 export { type InputChangeEvent } from './input/interfaces/InputChangeEvent';
@@ -30,7 +31,10 @@ export * from './colors/interfaces/ColorPickerProps';
 export * from './colors/interfaces/ColorPickerView';
 export * from './colors/FlatColorPicker.js';
 export { Input, type InputHandle, type InputProps, InputPropsContext, type InputState } from './input/Input.js';
-export { MaskedTextBox, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
+export { MaskedTextBox as MaskedTextBoxClassComponent, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
+declare const MaskedTextBox: import('react').ForwardRefExoticComponent<import('./maskedtextbox/MaskedTextBoxProps').MaskedTextBoxProps & import('react').RefAttributes<import('./maskedtextbox/MaskedTextBox').MaskedTextBoxHandle>>;
+type MaskedTextBox = typeof MaskedTextBoxOriginal;
+export { MaskedTextBox };
 export { maskingChanged } from './maskedtextbox/utils.js';
 export * from './maskedtextbox/MaskedTextBoxProps';
 export * from './numerictextbox/NumericTextBox.js';

package/index.d.ts

@@ -7,6 +7,7 @@
  */
 import { FormComponentValidity } from '@progress/kendo-react-common';
 import { default as ColorInput } from './colors/ColorInput.js';
+import { MaskedTextBox as MaskedTextBoxOriginal } from './maskedtextbox/MaskedTextBox.js';
 export { type FormComponentValidity };
 export { ColorInput };
 export { type InputChangeEvent } from './input/interfaces/InputChangeEvent';
@@ -30,7 +31,10 @@ export * from './colors/interfaces/ColorPickerProps';
 export * from './colors/interfaces/ColorPickerView';
 export * from './colors/FlatColorPicker.js';
 export { Input, type InputHandle, type InputProps, InputPropsContext, type InputState } from './input/Input.js';
-export { MaskedTextBox, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
+export { MaskedTextBox as MaskedTextBoxClassComponent, MaskedTextBoxWithoutContext, type MaskedTextBoxHandle, type MaskedTextBoxPropsContext } from './maskedtextbox/MaskedTextBox.js';
+declare const MaskedTextBox: import('react').ForwardRefExoticComponent<import('./maskedtextbox/MaskedTextBoxProps').MaskedTextBoxProps & import('react').RefAttributes<import('./maskedtextbox/MaskedTextBox').MaskedTextBoxHandle>>;
+type MaskedTextBox = typeof MaskedTextBoxOriginal;
+export { MaskedTextBox };
 export { maskingChanged } from './maskedtextbox/utils.js';
 export * from './maskedtextbox/MaskedTextBoxProps';
 export * from './numerictextbox/NumericTextBox.js';

package/index.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./colors/ColorInput.js"),t=require("./messages/index.js"),o=require("./colors/ColorGradient.js"),r=require("./colors/ColorPalette.js"),q=require("./colors/models/palette-presets.js"),n=require("./colors/ColorPicker.js"),h=require("./colors/FlatColorPicker.js"),i=require("./input/Input.js"),u=require("./maskedtextbox/MaskedTextBox.js"),B=require("./maskedtextbox/utils.js"),a=require("./numerictextbox/NumericTextBox.js"),s=require("./slider/Slider.js"),x=require("./slider/SliderLabel.js"),k=require("./numerictextbox/utils/index.js"),c=require("./range-slider/range-raducer.js"),l=require("./range-slider/RangeSlider.js"),C=require("./switch/Switch.js"),p=require("./checkbox/Checkbox.js"),d=require("./radiobutton/RadioGroup.js"),P=require("./radiobutton/RadioButton.js"),R=require("./textarea/TextArea.js"),I=require("./rating/Rating.js"),A=require("./rating/RatingItem.js"),S=require("./rating/rating-reducer.js"),e=require("./rating/utils/index.js"),T=require("./signature/Signature.js"),m=require("./textbox/Textbox.js"),E=require("./input/InputClearValue.js"),G=require("./input/InputPrefix.js"),N=require("./input/InputSeparator.js"),b=require("./input/InputSuffix.js"),f=require("./input/InputValidationIcon.js");exports.ColorInput=g;exports.inputsMessages=t.messages;exports.numericDecreaseValue=t.numericDecreaseValue;exports.numericIncreaseValue=t.numericIncreaseValue;exports.ColorGradient=o.ColorGradient;exports.ColorGradientPropsContext=o.ColorGradientPropsContext;exports.ColorGradientWithoutContext=o.ColorGradientWithoutContext;exports.ColorPalette=r.ColorPalette;exports.ColorPalettePropsContext=r.ColorPalettePropsContext;exports.ColorPaletteWithoutContext=r.ColorPaletteWithoutContext;exports.PALETTEPRESETS=q.PALETTEPRESETS;exports.ColorPicker=n.ColorPicker;exports.ColorPickerPropsContext=n.ColorPickerPropsContext;exports.FlatColorPicker=h.FlatColorPicker;exports.Input=i.Input;exports.InputPropsContext=i.InputPropsContext;exports.MaskedTextBox=u.MaskedTextBox;exports.MaskedTextBoxWithoutContext=u.MaskedTextBoxWithoutContext;exports.maskingChanged=B.maskingChanged;exports.NumericTextBox=a.NumericTextBox;exports.NumericTextBoxPropsContext=a.NumericTextBoxPropsContext;exports.Slider=s.Slider;exports.SliderWithoutContext=s.SliderWithoutContext;exports.SLIDER_LABEL_ATTRIBUTE=x.SLIDER_LABEL_ATTRIBUTE;exports.SliderLabel=x.SliderLabel;exports.sanitizeNumber=k.sanitizeNumber;exports.RANGE_ACTION=c.RANGE_ACTION;exports.rangeReducer=c.rangeReducer;exports.RangeSlider=l.RangeSlider;exports.RangeSliderPropsContext=l.RangeSliderPropsContext;exports.Switch=C.Switch;exports.SwitchWithoutContext=C.SwitchWithoutContext;exports.Checkbox=p.Checkbox;exports.CheckboxPropsContext=p.CheckboxPropsContext;exports.RadioGroup=d.RadioGroup;exports.RadioGroupPropsContext=d.RadioGroupPropsContext;exports.RadioButton=P.RadioButton;exports.RadioButtonPropsContext=P.RadioButtonPropsContext;exports.TextArea=R.TextArea;exports.TextAreaPropsContext=R.TextAreaPropsContext;exports.Rating=I.Rating;exports.RatingPropsContext=I.RatingPropsContext;exports.RatingItem=A.RatingItem;exports.RATING_ACTION=S.RATING_ACTION;exports.ratingReducer=S.ratingReducer;exports.isCorrectValue=e.isCorrectValue;exports.isHalf=e.isHalf;exports.isSelected=e.isSelected;exports.toRound=e.toRound;exports.Signature=T.Signature;exports.SignaturePropsContext=T.SignaturePropsContext;exports.TextBox=m.TextBox;exports.InputClearValue=E.InputClearValue;exports.InputPrefix=G.InputPrefix;exports.InputSeparator=N.InputSeparator;exports.InputSuffix=b.InputSuffix;exports.InputValidationIcon=f.InputValidationIcon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./colors/ColorInput.js"),g=require("./MaskedTextBoxMcpWrapper.js"),t=require("./messages/index.js"),o=require("./colors/ColorGradient.js"),r=require("./colors/ColorPalette.js"),B=require("./colors/models/palette-presets.js"),n=require("./colors/ColorPicker.js"),k=require("./colors/FlatColorPicker.js"),i=require("./input/Input.js"),u=require("./maskedtextbox/MaskedTextBox.js"),h=require("./maskedtextbox/utils.js"),a=require("./numerictextbox/NumericTextBox.js"),s=require("./slider/Slider.js"),x=require("./slider/SliderLabel.js"),m=require("./numerictextbox/utils/index.js"),c=require("./range-slider/range-raducer.js"),C=require("./range-slider/RangeSlider.js"),l=require("./switch/Switch.js"),p=require("./checkbox/Checkbox.js"),d=require("./radiobutton/RadioGroup.js"),P=require("./radiobutton/RadioButton.js"),R=require("./textarea/TextArea.js"),T=require("./rating/Rating.js"),A=require("./rating/RatingItem.js"),I=require("./rating/rating-reducer.js"),e=require("./rating/utils/index.js"),S=require("./signature/Signature.js"),E=require("./textbox/Textbox.js"),G=require("./input/InputClearValue.js"),N=require("./input/InputPrefix.js"),b=require("./input/InputSeparator.js"),f=require("./input/InputSuffix.js"),M=require("./input/InputValidationIcon.js"),V=g.MaskedTextBoxWrapper;exports.ColorInput=q;exports.inputsMessages=t.messages;exports.numericDecreaseValue=t.numericDecreaseValue;exports.numericIncreaseValue=t.numericIncreaseValue;exports.ColorGradient=o.ColorGradient;exports.ColorGradientPropsContext=o.ColorGradientPropsContext;exports.ColorGradientWithoutContext=o.ColorGradientWithoutContext;exports.ColorPalette=r.ColorPalette;exports.ColorPalettePropsContext=r.ColorPalettePropsContext;exports.ColorPaletteWithoutContext=r.ColorPaletteWithoutContext;exports.PALETTEPRESETS=B.PALETTEPRESETS;exports.ColorPicker=n.ColorPicker;exports.ColorPickerPropsContext=n.ColorPickerPropsContext;exports.FlatColorPicker=k.FlatColorPicker;exports.Input=i.Input;exports.InputPropsContext=i.InputPropsContext;exports.MaskedTextBoxClassComponent=u.MaskedTextBox;exports.MaskedTextBoxWithoutContext=u.MaskedTextBoxWithoutContext;exports.maskingChanged=h.maskingChanged;exports.NumericTextBox=a.NumericTextBox;exports.NumericTextBoxPropsContext=a.NumericTextBoxPropsContext;exports.Slider=s.Slider;exports.SliderWithoutContext=s.SliderWithoutContext;exports.SLIDER_LABEL_ATTRIBUTE=x.SLIDER_LABEL_ATTRIBUTE;exports.SliderLabel=x.SliderLabel;exports.sanitizeNumber=m.sanitizeNumber;exports.RANGE_ACTION=c.RANGE_ACTION;exports.rangeReducer=c.rangeReducer;exports.RangeSlider=C.RangeSlider;exports.RangeSliderPropsContext=C.RangeSliderPropsContext;exports.Switch=l.Switch;exports.SwitchWithoutContext=l.SwitchWithoutContext;exports.Checkbox=p.Checkbox;exports.CheckboxPropsContext=p.CheckboxPropsContext;exports.RadioGroup=d.RadioGroup;exports.RadioGroupPropsContext=d.RadioGroupPropsContext;exports.RadioButton=P.RadioButton;exports.RadioButtonPropsContext=P.RadioButtonPropsContext;exports.TextArea=R.TextArea;exports.TextAreaPropsContext=R.TextAreaPropsContext;exports.Rating=T.Rating;exports.RatingPropsContext=T.RatingPropsContext;exports.RatingItem=A.RatingItem;exports.RATING_ACTION=I.RATING_ACTION;exports.ratingReducer=I.ratingReducer;exports.isCorrectValue=e.isCorrectValue;exports.isHalf=e.isHalf;exports.isSelected=e.isSelected;exports.toRound=e.toRound;exports.Signature=S.Signature;exports.SignaturePropsContext=S.SignaturePropsContext;exports.TextBox=E.TextBox;exports.InputClearValue=G.InputClearValue;exports.InputPrefix=N.InputPrefix;exports.InputSeparator=b.InputSeparator;exports.InputSuffix=f.InputSuffix;exports.InputValidationIcon=M.InputValidationIcon;exports.MaskedTextBox=V;

package/index.mjs

@@ -6,94 +6,97 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { default as r } from "./colors/ColorInput.mjs";
-import { messages as x, numericDecreaseValue as p, numericIncreaseValue as n } from "./messages/index.mjs";
-import { ColorGradient as i, ColorGradientPropsContext as m, ColorGradientWithoutContext as f } from "./colors/ColorGradient.mjs";
-import { ColorPalette as C, ColorPalettePropsContext as s, ColorPaletteWithoutContext as l } from "./colors/ColorPalette.mjs";
-import { PALETTEPRESETS as P } from "./colors/models/palette-presets.mjs";
-import { ColorPicker as R, ColorPickerPropsContext as I } from "./colors/ColorPicker.mjs";
-import { FlatColorPicker as S } from "./colors/FlatColorPicker.mjs";
-import { Input as h, InputPropsContext as A } from "./input/Input.mjs";
-import { MaskedTextBox as k, MaskedTextBoxWithoutContext as E } from "./maskedtextbox/MaskedTextBox.mjs";
-import { maskingChanged as N } from "./maskedtextbox/utils.mjs";
-import { NumericTextBox as V, NumericTextBoxPropsContext as W } from "./numerictextbox/NumericTextBox.mjs";
-import { Slider as _, SliderWithoutContext as M } from "./slider/Slider.mjs";
-import { SLIDER_LABEL_ATTRIBUTE as D, SliderLabel as O } from "./slider/SliderLabel.mjs";
-import { sanitizeNumber as F } from "./numerictextbox/utils/index.mjs";
-import { RANGE_ACTION as U, rangeReducer as j } from "./range-slider/range-raducer.mjs";
-import { RangeSlider as v, RangeSliderPropsContext as y } from "./range-slider/RangeSlider.mjs";
-import { Switch as K, SwitchWithoutContext as Q } from "./switch/Switch.mjs";
-import { Checkbox as Y, CheckboxPropsContext as Z } from "./checkbox/Checkbox.mjs";
-import { RadioGroup as oo, RadioGroupPropsContext as to } from "./radiobutton/RadioGroup.mjs";
-import { RadioButton as eo, RadioButtonPropsContext as xo } from "./radiobutton/RadioButton.mjs";
-import { TextArea as no, TextAreaPropsContext as ao } from "./textarea/TextArea.mjs";
-import { Rating as mo, RatingPropsContext as fo } from "./rating/Rating.mjs";
-import { RatingItem as Co } from "./rating/RatingItem.mjs";
-import { RATING_ACTION as lo, ratingReducer as Po } from "./rating/rating-reducer.mjs";
-import { isCorrectValue as Ro, isHalf as Io, isSelected as To, toRound as So } from "./rating/utils/index.mjs";
-import { Signature as ho, SignaturePropsContext as Ao } from "./signature/Signature.mjs";
-import { TextBox as ko } from "./textbox/Textbox.mjs";
-import { InputClearValue as Go } from "./input/InputClearValue.mjs";
-import { InputPrefix as Lo } from "./input/InputPrefix.mjs";
-import { InputSeparator as Wo } from "./input/InputSeparator.mjs";
-import { InputSuffix as _o } from "./input/InputSuffix.mjs";
-import { InputValidationIcon as wo } from "./input/InputValidationIcon.mjs";
+import { default as p } from "./colors/ColorInput.mjs";
+import { MaskedTextBoxWrapper as o } from "./MaskedTextBoxMcpWrapper.mjs";
+import { messages as n, numericDecreaseValue as i, numericIncreaseValue as m } from "./messages/index.mjs";
+import { ColorGradient as f, ColorGradientPropsContext as C, ColorGradientWithoutContext as u } from "./colors/ColorGradient.mjs";
+import { ColorPalette as d, ColorPalettePropsContext as P, ColorPaletteWithoutContext as T } from "./colors/ColorPalette.mjs";
+import { PALETTEPRESETS as R } from "./colors/models/palette-presets.mjs";
+import { ColorPicker as S, ColorPickerPropsContext as g } from "./colors/ColorPicker.mjs";
+import { FlatColorPicker as k } from "./colors/FlatColorPicker.mjs";
+import { Input as A, InputPropsContext as E } from "./input/Input.mjs";
+import { MaskedTextBox as M, MaskedTextBoxWithoutContext as N } from "./maskedtextbox/MaskedTextBox.mjs";
+import { maskingChanged as L } from "./maskedtextbox/utils.mjs";
+import { NumericTextBox as b, NumericTextBoxPropsContext as _ } from "./numerictextbox/NumericTextBox.mjs";
+import { Slider as D, SliderWithoutContext as O } from "./slider/Slider.mjs";
+import { SLIDER_LABEL_ATTRIBUTE as F, SliderLabel as H } from "./slider/SliderLabel.mjs";
+import { sanitizeNumber as j } from "./numerictextbox/utils/index.mjs";
+import { RANGE_ACTION as v, rangeReducer as y } from "./range-slider/range-raducer.mjs";
+import { RangeSlider as K, RangeSliderPropsContext as Q } from "./range-slider/RangeSlider.mjs";
+import { Switch as Y, SwitchWithoutContext as Z } from "./switch/Switch.mjs";
+import { Checkbox as oo, CheckboxPropsContext as to } from "./checkbox/Checkbox.mjs";
+import { RadioGroup as ro, RadioGroupPropsContext as xo } from "./radiobutton/RadioGroup.mjs";
+import { RadioButton as ao, RadioButtonPropsContext as no } from "./radiobutton/RadioButton.mjs";
+import { TextArea as mo, TextAreaPropsContext as so } from "./textarea/TextArea.mjs";
+import { Rating as Co, RatingPropsContext as uo } from "./rating/Rating.mjs";
+import { RatingItem as Po } from "./rating/RatingItem.mjs";
+import { RATING_ACTION as co, ratingReducer as Ro } from "./rating/rating-reducer.mjs";
+import { isCorrectValue as So, isHalf as go, isSelected as Bo, toRound as ko } from "./rating/utils/index.mjs";
+import { Signature as Ao, SignaturePropsContext as Eo } from "./signature/Signature.mjs";
+import { TextBox as Mo } from "./textbox/Textbox.mjs";
+import { InputClearValue as Wo } from "./input/InputClearValue.mjs";
+import { InputPrefix as Vo } from "./input/InputPrefix.mjs";
+import { InputSeparator as _o } from "./input/InputSeparator.mjs";
+import { InputSuffix as Do } from "./input/InputSuffix.mjs";
+import { InputValidationIcon as zo } from "./input/InputValidationIcon.mjs";
+const e = o;
 export {
-  Y as Checkbox,
-  Z as CheckboxPropsContext,
-  i as ColorGradient,
-  m as ColorGradientPropsContext,
-  f as ColorGradientWithoutContext,
-  r as ColorInput,
-  C as ColorPalette,
-  s as ColorPalettePropsContext,
-  l as ColorPaletteWithoutContext,
-  R as ColorPicker,
-  I as ColorPickerPropsContext,
-  S as FlatColorPicker,
-  h as Input,
-  Go as InputClearValue,
-  Lo as InputPrefix,
-  A as InputPropsContext,
-  Wo as InputSeparator,
-  _o as InputSuffix,
-  wo as InputValidationIcon,
-  k as MaskedTextBox,
-  E as MaskedTextBoxWithoutContext,
-  V as NumericTextBox,
-  W as NumericTextBoxPropsContext,
-  P as PALETTEPRESETS,
-  U as RANGE_ACTION,
-  lo as RATING_ACTION,
-  eo as RadioButton,
-  xo as RadioButtonPropsContext,
-  oo as RadioGroup,
-  to as RadioGroupPropsContext,
-  v as RangeSlider,
-  y as RangeSliderPropsContext,
-  mo as Rating,
-  Co as RatingItem,
-  fo as RatingPropsContext,
-  D as SLIDER_LABEL_ATTRIBUTE,
-  ho as Signature,
-  Ao as SignaturePropsContext,
-  _ as Slider,
-  O as SliderLabel,
-  M as SliderWithoutContext,
-  K as Switch,
-  Q as SwitchWithoutContext,
-  no as TextArea,
-  ao as TextAreaPropsContext,
-  ko as TextBox,
-  x as inputsMessages,
-  Ro as isCorrectValue,
-  Io as isHalf,
-  To as isSelected,
-  N as maskingChanged,
-  p as numericDecreaseValue,
-  n as numericIncreaseValue,
-  j as rangeReducer,
-  Po as ratingReducer,
-  F as sanitizeNumber,
-  So as toRound
+  oo as Checkbox,
+  to as CheckboxPropsContext,
+  f as ColorGradient,
+  C as ColorGradientPropsContext,
+  u as ColorGradientWithoutContext,
+  p as ColorInput,
+  d as ColorPalette,
+  P as ColorPalettePropsContext,
+  T as ColorPaletteWithoutContext,
+  S as ColorPicker,
+  g as ColorPickerPropsContext,
+  k as FlatColorPicker,
+  A as Input,
+  Wo as InputClearValue,
+  Vo as InputPrefix,
+  E as InputPropsContext,
+  _o as InputSeparator,
+  Do as InputSuffix,
+  zo as InputValidationIcon,
+  e as MaskedTextBox,
+  M as MaskedTextBoxClassComponent,
+  N as MaskedTextBoxWithoutContext,
+  b as NumericTextBox,
+  _ as NumericTextBoxPropsContext,
+  R as PALETTEPRESETS,
+  v as RANGE_ACTION,
+  co as RATING_ACTION,
+  ao as RadioButton,
+  no as RadioButtonPropsContext,
+  ro as RadioGroup,
+  xo as RadioGroupPropsContext,
+  K as RangeSlider,
+  Q as RangeSliderPropsContext,
+  Co as Rating,
+  Po as RatingItem,
+  uo as RatingPropsContext,
+  F as SLIDER_LABEL_ATTRIBUTE,
+  Ao as Signature,
+  Eo as SignaturePropsContext,
+  D as Slider,
+  H as SliderLabel,
+  O as SliderWithoutContext,
+  Y as Switch,
+  Z as SwitchWithoutContext,
+  mo as TextArea,
+  so as TextAreaPropsContext,
+  Mo as TextBox,
+  n as inputsMessages,
+  So as isCorrectValue,
+  go as isHalf,
+  Bo as isSelected,
+  L as maskingChanged,
+  i as numericDecreaseValue,
+  m as numericIncreaseValue,
+  y as rangeReducer,
+  Ro as ratingReducer,
+  j as sanitizeNumber,
+  ko as toRound
 };

package/maskedtextbox/MaskedTextBoxProps.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { CustomComponent, FormComponentProps, InputsClassStructure } from '@progress/kendo-react-common';
+import { CustomComponent, FormComponentProps, InputsClassStructure, WebMcpProps } from '@progress/kendo-react-common';
 import { MaskedTextBox } from './MaskedTextBox.js';
 /**
  * The arguments for a MaskedTextBox event.
@@ -288,4 +288,9 @@ export interface MaskedTextBoxProps extends FormComponentProps {
      * This property is related to accessibility.
      */
     inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Enables Web MCP tool registration for this component.
+     * Requires a parent `WebMcpProvider` from `@progress/kendo-react-webmcp`.
+     */
+    webMcp?: boolean | WebMcpProps;
 }

package/messages/index.d.ts

@@ -141,6 +141,50 @@ export declare const signatureMinimize = "signature.minimize";
  * @hidden
  */
 export declare const switchAriaLabel = "switch.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const sliderAriaLabel = "slider.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const rangeSliderAriaLabel = "rangeSlider.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientAriaLabel = "colorGradient.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientHSVAreaAriaLabel = "colorGradient.hsvAreaAriaLabel";
+/**
+ * @hidden
+ */
+export declare const colorPickerAriaLabel = "colorPicker.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const flatColorPickerAriaLabel = "flatColorPicker.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const colorPaletteAriaLabel = "colorPalette.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientRedChannelLabel = "colorGradient.redChannelLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientGreenChannelLabel = "colorGradient.greenChannelLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientBlueChannelLabel = "colorGradient.blueChannelLabel";
+/**
+ * @hidden
+ */
+export declare const colorGradientAlphaChannelLabel = "colorGradient.alphaChannelLabel";
 /**
  * @hidden
  */
@@ -179,4 +223,15 @@ export declare const messages: {
     "signature.maximize": string;
     "signature.minimize": string;
     "switch.ariaLabel": string;
+    "slider.ariaLabel": string;
+    "rangeSlider.ariaLabel": string;
+    "colorGradient.ariaLabel": string;
+    "colorGradient.hsvAreaAriaLabel": string;
+    "colorPicker.ariaLabel": string;
+    "flatColorPicker.ariaLabel": string;
+    "colorPalette.ariaLabel": string;
+    "colorGradient.redChannelLabel": string;
+    "colorGradient.greenChannelLabel": string;
+    "colorGradient.blueChannelLabel": string;
+    "colorGradient.alphaChannelLabel": string;
 };

package/messages/index.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 e="numerictextbox.increment",o="numerictextbox.decrement",r="slider.increment",t="slider.decrement",a="slider.dragTitle",l="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",s="colorGradient.hex",d="colorGradient.contrastRatio",u="colorGradient.colorGradientAALevel",G="colorGradient.colorGradientAAALevel",A="colorGradient.colorGradientPass",g="colorGradient.colorGradientFail",C="colorGradient.hueSliderLabel",P="colorGradient.alphaSliderLabel",p="colorGradient.toggleInputsButton",b="flatColorPicker.cancelBtn",k="flatColorPicker.applyBtn",B="flatColorPicker.colorGradientBtn",h="flatColorPicker.colorPaletteBtn",m="flatColorPicker.clearBtn",x="colorPicker.adaptiveTitle",L="checkbox.validation",f="checkbox.optionalText",v="radioButton.validation",w="switch.validation",T="colorPicker.dropdownButtonAriaLabel",V="rating.ariaLabel",D="signature.clear",y="signature.maximize",I="signature.minimize",S="switch.ariaLabel",z={[e]:"Increase value",[o]:"Decrease value",[r]:"Increase",[t]:"Decrease",[a]:"Drag",[l]:"r",[i]:"g",[n]:"b",[c]:"a",[s]:"hex",[d]:"Contrast ratio",[u]:"AA",[G]:"AAA",[A]:"Pass",[g]:"Fail",[C]:"Hue slider",[P]:"Alpha slider",[p]:"Toggle colorgradient inputs",[b]:"Cancel",[k]:"Apply",[B]:"Color Gradient view",[h]:"Color Palette view",[m]:"Clear color value",[x]:"Choose color",[L]:"Please check this box if you want to proceed!",[f]:"(Optional)",[v]:"Please select option if you want to proceed!",[w]:"Please turn on if you want to proceed!",[T]:"Select",[V]:"Rating",[D]:"Clear",[y]:"Maximize",[I]:"Minimize",[S]:"Toggle switch value"};exports.checkboxOptionalText=f;exports.checkboxValidation=L;exports.colorGradientA=c;exports.colorGradientAAALevel=G;exports.colorGradientAALevel=u;exports.colorGradientAlphaSliderLabel=P;exports.colorGradientB=n;exports.colorGradientContrastRatio=d;exports.colorGradientFail=g;exports.colorGradientG=i;exports.colorGradientHex=s;exports.colorGradientHueSliderLabel=C;exports.colorGradientPass=A;exports.colorGradientR=l;exports.colorGradientToggleInputsButton=p;exports.colorPickerAdaptiveTitle=x;exports.colorPickerDropdownButtonAriaLabel=T;exports.flatColorPickerApplyBtn=k;exports.flatColorPickerCancelBtn=b;exports.flatColorPickerClearBtn=m;exports.flatColorPickerColorGradientBtn=B;exports.flatColorPickerColorPaletteBtn=h;exports.messages=z;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.radioButtonValidation=v;exports.ratingAriaLabel=V;exports.signatureClear=D;exports.signatureMaximize=y;exports.signatureMinimize=I;exports.sliderDecreaseValue=t;exports.sliderDragTitle=a;exports.sliderIncreaseValue=r;exports.switchAriaLabel=S;exports.switchValidation=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",r="numerictextbox.decrement",o="slider.increment",a="slider.decrement",l="slider.dragTitle",t="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",d="colorGradient.hex",s="colorGradient.contrastRatio",G="colorGradient.colorGradientAALevel",b="colorGradient.colorGradientAAALevel",A="colorGradient.colorGradientPass",u="colorGradient.colorGradientFail",C="colorGradient.hueSliderLabel",L="colorGradient.alphaSliderLabel",h="colorGradient.toggleInputsButton",g="flatColorPicker.cancelBtn",P="flatColorPicker.applyBtn",p="flatColorPicker.colorGradientBtn",k="flatColorPicker.colorPaletteBtn",B="flatColorPicker.clearBtn",m="colorPicker.adaptiveTitle",f="checkbox.validation",x="checkbox.optionalText",v="radioButton.validation",w="switch.validation",V="colorPicker.dropdownButtonAriaLabel",S="rating.ariaLabel",T="signature.clear",D="signature.maximize",R="signature.minimize",y="switch.ariaLabel",I="slider.ariaLabel",z="rangeSlider.ariaLabel",H="colorGradient.ariaLabel",M="colorGradient.hsvAreaAriaLabel",F="colorPicker.ariaLabel",O="flatColorPicker.ariaLabel",j="colorPalette.ariaLabel",q="colorGradient.redChannelLabel",E="colorGradient.greenChannelLabel",J="colorGradient.blueChannelLabel",K="colorGradient.alphaChannelLabel",N={[e]:"Increase value",[r]:"Decrease value",[o]:"Increase",[a]:"Decrease",[l]:"Drag",[t]:"r",[i]:"g",[n]:"b",[c]:"a",[d]:"hex",[s]:"Contrast ratio",[G]:"AA",[b]:"AAA",[A]:"Pass",[u]:"Fail",[C]:"Hue slider",[L]:"Alpha slider",[h]:"Toggle colorgradient inputs",[g]:"Cancel",[P]:"Apply",[p]:"Color Gradient view",[k]:"Color Palette view",[B]:"Clear color value",[m]:"Choose color",[f]:"Please check this box if you want to proceed!",[x]:"(Optional)",[v]:"Please select option if you want to proceed!",[w]:"Please turn on if you want to proceed!",[V]:"Select",[S]:"Rating",[T]:"Clear",[D]:"Maximize",[R]:"Minimize",[y]:"Toggle switch value",[I]:"Slider",[z]:"Range slider",[H]:"Color gradient",[M]:"Color well with two-dimensional slider for selecting saturation and lightness",[F]:"Color picker",[O]:"Color editor",[j]:"Color palette",[q]:"Red channel",[E]:"Green channel",[J]:"Blue channel",[K]:"Alpha channel"};exports.checkboxOptionalText=x;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=b;exports.colorGradientAALevel=G;exports.colorGradientAlphaChannelLabel=K;exports.colorGradientAlphaSliderLabel=L;exports.colorGradientAriaLabel=H;exports.colorGradientB=n;exports.colorGradientBlueChannelLabel=J;exports.colorGradientContrastRatio=s;exports.colorGradientFail=u;exports.colorGradientG=i;exports.colorGradientGreenChannelLabel=E;exports.colorGradientHSVAreaAriaLabel=M;exports.colorGradientHex=d;exports.colorGradientHueSliderLabel=C;exports.colorGradientPass=A;exports.colorGradientR=t;exports.colorGradientRedChannelLabel=q;exports.colorGradientToggleInputsButton=h;exports.colorPaletteAriaLabel=j;exports.colorPickerAdaptiveTitle=m;exports.colorPickerAriaLabel=F;exports.colorPickerDropdownButtonAriaLabel=V;exports.flatColorPickerApplyBtn=P;exports.flatColorPickerAriaLabel=O;exports.flatColorPickerCancelBtn=g;exports.flatColorPickerClearBtn=B;exports.flatColorPickerColorGradientBtn=p;exports.flatColorPickerColorPaletteBtn=k;exports.messages=N;exports.numericDecreaseValue=r;exports.numericIncreaseValue=e;exports.radioButtonValidation=v;exports.rangeSliderAriaLabel=z;exports.ratingAriaLabel=S;exports.signatureClear=T;exports.signatureMaximize=D;exports.signatureMinimize=R;exports.sliderAriaLabel=I;exports.sliderDecreaseValue=a;exports.sliderDragTitle=l;exports.sliderIncreaseValue=o;exports.switchAriaLabel=y;exports.switchValidation=w;

package/messages/index.mjs

@@ -5,76 +5,98 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const o = "numerictextbox.increment", e = "numerictextbox.decrement", t = "slider.increment", r = "slider.decrement", a = "slider.dragTitle", l = "colorGradient.r", i = "colorGradient.g", n = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", u = "colorGradient.colorGradientAALevel", G = "colorGradient.colorGradientAAALevel", A = "colorGradient.colorGradientPass", g = "colorGradient.colorGradientFail", p = "colorGradient.hueSliderLabel", C = "colorGradient.alphaSliderLabel", P = "colorGradient.toggleInputsButton", b = "flatColorPicker.cancelBtn", k = "flatColorPicker.applyBtn", h = "flatColorPicker.colorGradientBtn", x = "flatColorPicker.colorPaletteBtn", m = "flatColorPicker.clearBtn", B = "colorPicker.adaptiveTitle", v = "checkbox.validation", L = "checkbox.optionalText", f = "radioButton.validation", w = "switch.validation", T = "colorPicker.dropdownButtonAriaLabel", D = "rating.ariaLabel", V = "signature.clear", y = "signature.maximize", z = "signature.minimize", I = "switch.ariaLabel", S = {
-  [o]: "Increase value",
-  [e]: "Decrease value",
-  [t]: "Increase",
-  [r]: "Decrease",
-  [a]: "Drag",
-  [l]: "r",
-  [i]: "g",
-  [n]: "b",
+const e = "numerictextbox.increment", o = "numerictextbox.decrement", r = "slider.increment", a = "slider.decrement", l = "slider.dragTitle", t = "colorGradient.r", n = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", G = "colorGradient.colorGradientAALevel", b = "colorGradient.colorGradientAAALevel", u = "colorGradient.colorGradientPass", C = "colorGradient.colorGradientFail", A = "colorGradient.hueSliderLabel", h = "colorGradient.alphaSliderLabel", L = "colorGradient.toggleInputsButton", g = "flatColorPicker.cancelBtn", p = "flatColorPicker.applyBtn", P = "flatColorPicker.colorGradientBtn", k = "flatColorPicker.colorPaletteBtn", B = "flatColorPicker.clearBtn", m = "colorPicker.adaptiveTitle", x = "checkbox.validation", f = "checkbox.optionalText", v = "radioButton.validation", w = "switch.validation", S = "colorPicker.dropdownButtonAriaLabel", T = "rating.ariaLabel", V = "signature.clear", D = "signature.maximize", R = "signature.minimize", y = "switch.ariaLabel", z = "slider.ariaLabel", I = "rangeSlider.ariaLabel", H = "colorGradient.ariaLabel", M = "colorGradient.hsvAreaAriaLabel", F = "colorPicker.ariaLabel", O = "flatColorPicker.ariaLabel", j = "colorPalette.ariaLabel", q = "colorGradient.redChannelLabel", E = "colorGradient.greenChannelLabel", J = "colorGradient.blueChannelLabel", K = "colorGradient.alphaChannelLabel", N = {
+  [e]: "Increase value",
+  [o]: "Decrease value",
+  [r]: "Increase",
+  [a]: "Decrease",
+  [l]: "Drag",
+  [t]: "r",
+  [n]: "g",
+  [i]: "b",
   [c]: "a",
   [s]: "hex",
   [d]: "Contrast ratio",
-  [u]: "AA",
-  [G]: "AAA",
-  [A]: "Pass",
-  [g]: "Fail",
-  [p]: "Hue slider",
-  [C]: "Alpha slider",
-  [P]: "Toggle colorgradient inputs",
-  [b]: "Cancel",
-  [k]: "Apply",
-  [h]: "Color Gradient view",
-  [x]: "Color Palette view",
-  [m]: "Clear color value",
-  [B]: "Choose color",
-  [v]: "Please check this box if you want to proceed!",
-  [L]: "(Optional)",
-  [f]: "Please select option if you want to proceed!",
+  [G]: "AA",
+  [b]: "AAA",
+  [u]: "Pass",
+  [C]: "Fail",
+  [A]: "Hue slider",
+  [h]: "Alpha slider",
+  [L]: "Toggle colorgradient inputs",
+  [g]: "Cancel",
+  [p]: "Apply",
+  [P]: "Color Gradient view",
+  [k]: "Color Palette view",
+  [B]: "Clear color value",
+  [m]: "Choose color",
+  [x]: "Please check this box if you want to proceed!",
+  [f]: "(Optional)",
+  [v]: "Please select option if you want to proceed!",
   [w]: "Please turn on if you want to proceed!",
-  [T]: "Select",
-  [D]: "Rating",
+  [S]: "Select",
+  [T]: "Rating",
   [V]: "Clear",
-  [y]: "Maximize",
-  [z]: "Minimize",
-  [I]: "Toggle switch value"
+  [D]: "Maximize",
+  [R]: "Minimize",
+  [y]: "Toggle switch value",
+  [z]: "Slider",
+  [I]: "Range slider",
+  [H]: "Color gradient",
+  [M]: "Color well with two-dimensional slider for selecting saturation and lightness",
+  [F]: "Color picker",
+  [O]: "Color editor",
+  [j]: "Color palette",
+  [q]: "Red channel",
+  [E]: "Green channel",
+  [J]: "Blue channel",
+  [K]: "Alpha channel"
 };
 export {
-  L as checkboxOptionalText,
-  v as checkboxValidation,
+  f as checkboxOptionalText,
+  x as checkboxValidation,
   c as colorGradientA,
-  G as colorGradientAAALevel,
-  u as colorGradientAALevel,
-  C as colorGradientAlphaSliderLabel,
-  n as colorGradientB,
+  b as colorGradientAAALevel,
+  G as colorGradientAALevel,
+  K as colorGradientAlphaChannelLabel,
+  h as colorGradientAlphaSliderLabel,
+  H as colorGradientAriaLabel,
+  i as colorGradientB,
+  J as colorGradientBlueChannelLabel,
   d as colorGradientContrastRatio,
-  g as colorGradientFail,
-  i as colorGradientG,
+  C as colorGradientFail,
+  n as colorGradientG,
+  E as colorGradientGreenChannelLabel,
+  M as colorGradientHSVAreaAriaLabel,
   s as colorGradientHex,
-  p as colorGradientHueSliderLabel,
-  A as colorGradientPass,
-  l as colorGradientR,
-  P as colorGradientToggleInputsButton,
-  B as colorPickerAdaptiveTitle,
-  T as colorPickerDropdownButtonAriaLabel,
-  k as flatColorPickerApplyBtn,
-  b as flatColorPickerCancelBtn,
-  m as flatColorPickerClearBtn,
-  h as flatColorPickerColorGradientBtn,
-  x as flatColorPickerColorPaletteBtn,
-  S as messages,
-  e as numericDecreaseValue,
-  o as numericIncreaseValue,
-  f as radioButtonValidation,
-  D as ratingAriaLabel,
+  A as colorGradientHueSliderLabel,
+  u as colorGradientPass,
+  t as colorGradientR,
+  q as colorGradientRedChannelLabel,
+  L as colorGradientToggleInputsButton,
+  j as colorPaletteAriaLabel,
+  m as colorPickerAdaptiveTitle,
+  F as colorPickerAriaLabel,
+  S as colorPickerDropdownButtonAriaLabel,
+  p as flatColorPickerApplyBtn,
+  O as flatColorPickerAriaLabel,
+  g as flatColorPickerCancelBtn,
+  B as flatColorPickerClearBtn,
+  P as flatColorPickerColorGradientBtn,
+  k as flatColorPickerColorPaletteBtn,
+  N as messages,
+  o as numericDecreaseValue,
+  e as numericIncreaseValue,
+  v as radioButtonValidation,
+  I as rangeSliderAriaLabel,
+  T as ratingAriaLabel,
   V as signatureClear,
-  y as signatureMaximize,
-  z as signatureMinimize,
-  r as sliderDecreaseValue,
-  a as sliderDragTitle,
-  t as sliderIncreaseValue,
-  I as switchAriaLabel,
+  D as signatureMaximize,
+  R as signatureMinimize,
+  z as sliderAriaLabel,
+  a as sliderDecreaseValue,
+  l as sliderDragTitle,
+  r as sliderIncreaseValue,
+  y as switchAriaLabel,
   w as switchValidation
 };

package/numerictextbox/NumericTextBox.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 $e=require("react"),t=require("prop-types"),ge=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-common"),pe=require("@progress/kendo-svg-icons"),Ue=require("@progress/kendo-react-labels"),p=require("../messages/index.js"),u=require("./utils/index.js"),ve=require("@progress/kendo-react-buttons");function We(g){const L=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const k in g)if(k!=="default"){const B=Object.getOwnPropertyDescriptor(g,k);Object.defineProperty(L,k,B.get?B:{enumerable:!0,get:()=>g[k]})}}return L.default=g,Object.freeze(L)}const n=We($e),Ye="Please enter a valid value!",Ve=i.createPropsContext(),Q=n.forwardRef((g,L)=>{const k=i.usePropsContext(Ve,g),{className:B,value:E,defaultValue:ye,format:s,width:X,tabIndex:ke,accessKey:Ce,title:Se,placeholder:Z,min:f,max:b,dir:ee,name:q,label:T,id:te,ariaDescribedBy:Ee,ariaLabelledBy:he,ariaLabel:xe,inputType:Oe,readOnly:C,validationMessage:w,children:Ie,touched:Je,visited:Qe,modified:Xe,style:ne,inputStyle:Le,valid:H,step:h=m.step,spinners:Pe=m.spinners,disabled:l=m.disabled,required:F=m.required,validityStyles:re=m.validityStyles,prefix:Ne=m.prefix,suffix:De=m.suffix,onChange:O=m.onChange,onFocus:ae=m.onFocus,onBlur:se=m.onBlur,rangeOnEnter:ue=m.rangeOnEnter,size:P=m.size,rounded:$=m.rounded,fillMode:M=m.fillMode,autoFocus:Re=m.autoFocus,inputAttributes:Be,...oe}=k,qe=i.useId(),le=te||qe,o=ge.useInternationalization(),j=ge.useLocalization(),a=n.useRef(null),z=n.useRef(void 0),[Te,I]=n.useState(!1),d=n.useRef(u.getInitialState()),A=n.useRef(!1),U=n.useRef(void 0),N=n.useRef(ye),ce=q||te,D=u.formatValue(d.current.focused&&!l?d.current.currentLooseValue:u.getStateOrPropsValue(E,N.current),s,o);U.current=D;const[Fe]=i.useCustomComponent(Ne),[Me]=i.useCustomComponent(De);n.useEffect(()=>{a.current&&a.current.setCustomValidity&&a.current.setCustomValidity(K().valid?"":w||Ye)});const ie=n.useCallback(()=>{a.current&&a.current.focus()},[]),_=n.useCallback(()=>z.current!==void 0?z.current:u.getStateOrPropsValue(E,N.current),[E]),de=n.useCallback(()=>q,[q]),G=n.useCallback(()=>F,[F]),K=n.useCallback(()=>{const r=w!==void 0,e=_(),V=H!==void 0?H:!d.current.valueIsOutOfRange&&(!G()||e!=null);return{customError:r,valid:V,valueMissing:e==null}},[w,H,_,G]),W=n.useCallback(()=>re,[re]),me=n.useCallback(()=>k,[k]),x=n.useCallback(()=>{const r={element:a.current,focus:ie};return Object.defineProperty(r,"name",{get:de}),Object.defineProperty(r,"value",{get:_}),Object.defineProperty(r,"validity",{get:K}),Object.defineProperty(r,"validityStyles",{get:W}),Object.defineProperty(r,"required",{get:G}),Object.defineProperty(r,"props",{get:me}),r},[de,_,K,W,G,ie,me]);n.useImperativeHandle(L,x);const S=n.useCallback(()=>({eventValue:u.getStateOrPropsValue(E,N.current),prevLooseValue:U.current,currentLooseValue:a.current.value,selectionStart:a.current.selectionStart,selectionEnd:a.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:A.current,focused:d.current.focused}),[E]),v=n.useCallback((r,e)=>{if(l)return;z.current=e.eventValue,N.current=e.eventValue;const V=u.formatValue(u.rangeValue(e.eventValue,f,b),s,o),c=u.rangeValue(o.parseNumber(V,s),f,b);c!==e.eventValue&&(e.valueIsOutOfRange=!0,e.eventValue=c,N.current=c),E!==e.eventValue&&i.dispatchEvent(O,r,x(),{value:e.eventValue}),z.current=void 0,d.current=e,I(R=>!R)},[E,O,l,I,x]),je=n.useCallback(r=>{const e=Number(r);if(isNaN(e))return;const V=u.rangeValue(e,f,b),c=u.formatValue(V,s,o),y={...d.current,eventValue:V,currentLooseValue:c,selectionStart:c.length,selectionEnd:c.length},R={target:a.current,currentTarget:a.current};v(R,y)},[f,b,s,o,v]);i.useKendoPaste(a,{fieldName:ce,onValueChange:je,enabled:!!ce});const ze=n.useCallback(r=>{const e=S();A.current=!1,v(r,u.sanitizeNumber(e,s,o))},[s,O,o,v,S]),Ae=n.useCallback(r=>{if(C||l)return;let e=S();const V=o.parseNumber(String(e.currentLooseValue),s);if(e.selectionEnd>e.selectionStart&&e.selectionEnd-e.selectionStart===String(e.currentLooseValue).length){const c=o.numberSymbols(),y=c&&r.key===c.minusSign,R=c&&r.key===c.decimal;A.current=!y&&!R;return}switch(r.keyCode){case 38:u.increaseValue(V,e,h,f,b,s,o);break;case 40:u.decreaseValue(V,e,h,f,b,s,o);break;case 13:{if(ue===!1)return;const c=u.formatValue(u.rangeValue(V,f,b),s,o),y=u.rangeValue(o.parseNumber(c,s),f,b);e.eventValue=y,e.currentLooseValue=u.formatValue(y,s,o),e.selectionStart=e.selectionEnd=e.currentLooseValue.length;break}case 110:{const c=a.current,y=o.numberSymbols();c&&(e.currentLooseValue=e.currentLooseValue.slice(0,e.selectionStart)+y.decimal+e.currentLooseValue.slice(e.selectionEnd),e.selectionStart=e.selectionEnd=e.selectionStart+1,e=u.sanitizeNumber(e,s,o));break}default:return}r.preventDefault(),v(r,e)},[s,f,b,h,O,ue,v,S]),_e=n.useCallback(()=>{A.current=!0},[]),Y=n.useCallback(r=>{if(C||l)return;const e=S();u.increaseValue(o.parseNumber(String(e.currentLooseValue),s),e,h,f,b,s,o),v(r,e)},[s,f,b,h,O,C,l,v,S]),J=n.useCallback(r=>{if(C||l)return;const e=S();u.decreaseValue(o.parseNumber(String(e.currentLooseValue),s),e,h,f,b,s,o),v(r,e)},[s,f,b,h,O,C,l,v,S]),Ge=n.useCallback(r=>{const e=i.getActiveElement(document);!document||e!==a.current||!a.current||C||l||(r.nativeEvent.deltaY<0&&Y(r),r.nativeEvent.deltaY>0&&J(r))},[Y,J,l,C]),Ke=n.useCallback(r=>{d.current.currentLooseValue=U.current,d.current.focused=!0,i.dispatchEvent(ae,r,x(),{}),I(e=>!e)},[ae,I,x]),we=n.useCallback(r=>{d.current=u.getInitialState(),i.dispatchEvent(se,r,x(),{}),I(e=>!e)},[se,I,x]),He=n.useCallback(r=>{if(document&&a.current){const e=i.getActiveElement(document);r.preventDefault(),e!==a.current&&a.current.focus()}},[]);i.useIsomorphicLayoutEffect(()=>{a.current&&a.current.type!=="number"&&d.current.selectionStart!==void 0&&d.current.selectionEnd!==void 0&&(a.current.selectionStart=d.current.selectionStart,a.current.selectionEnd=d.current.selectionEnd,d.current.selectionStart=void 0,d.current.selectionEnd=void 0)},[Te]);const fe=!W()||K().valid,be=n.createElement("span",{dir:ee,style:T?ne:{width:X,...ne},className:i.classNames("k-input","k-numerictextbox",{[`k-input-${i.kendoThemeMaps.sizeMap[P]||P}`]:P,[`k-input-${M}`]:M,[`k-rounded-${i.kendoThemeMaps.roundedMap[$]||$}`]:$,"k-invalid":!fe,"k-required":F,"k-disabled":l},B),"aria-disabled":l?"true":void 0,...T?{}:oe},n.createElement(Fe,null),n.createElement("input",{role:"spinbutton",value:D===null?"":D,tabIndex:i.getTabIndex(ke,l),accessKey:Ce,disabled:l,title:Se,"aria-disabled":l?"true":void 0,"aria-valuemin":f,"aria-valuemax":b,"aria-label":xe,"aria-labelledby":he,"aria-describedby":Ee,"aria-required":F,placeholder:Z,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Re,type:Oe||"tel",className:"k-input-inner",id:le,name:q,readOnly:C,style:Le,onChange:ze,onFocus:Ke,onBlur:we,onKeyDown:Ae,onPaste:_e,onWheel:Ge,ref:a,...Be}),n.createElement(Me,null),Ie,Pe&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:He},n.createElement(ve.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:pe.caretAltUpIcon,fillMode:M,size:P,className:"k-spinner-increase","aria-label":j.toLanguageString(p.numericIncreaseValue,p.messages[p.numericIncreaseValue]),title:j.toLanguageString(p.numericIncreaseValue,p.messages[p.numericIncreaseValue]),onClick:Y}),n.createElement(ve.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:pe.caretAltDownIcon,fillMode:M,size:P,className:"k-spinner-decrease","aria-label":j.toLanguageString(p.numericDecreaseValue,p.messages[p.numericDecreaseValue]),title:j.toLanguageString(p.numericDecreaseValue,p.messages[p.numericDecreaseValue]),onClick:J})));return T?n.createElement(Ue.FloatingLabel,{label:T,editorId:le,editorValue:D===null?"":D,editorValid:fe,editorDisabled:l,editorPlaceholder:Z,children:be,style:{width:X},dir:ee,...oe}):be});Q.propTypes={value:t.number,defaultValue:t.number,step:t.number,format:t.oneOfType([t.string,t.shape({style:t.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:t.string,currencyDisplay:t.oneOf(["symbol","code","name"]),useGrouping:t.bool,minimumIntegerDigits:t.number,minimumFractionDigits:t.number,maximumFractionDigits:t.number})]),width:t.oneOfType([t.string,t.number]),tabIndex:t.number,accessKey:t.string,title:t.string,placeholder:t.string,min:t.number,max:t.number,spinners:t.bool,disabled:t.bool,readOnly:t.bool,dir:t.string,name:t.string,label:t.string,validationMessage:t.string,required:t.bool,id:t.string,rangeOnEnter:t.bool,ariaLabelledBy:t.string,ariaDescribedBy:t.string,ariaLabel:t.string,onChange:t.func,onFocus:t.func,onBlur:t.func,size:t.oneOf(["small","medium","large"]),rounded:t.oneOf(["small","medium","large","full","none"]),fillMode:t.oneOf(["solid","flat","outline"]),inputAttributes:t.object};const m={prefix:g=>null,suffix:g=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,autoFocus:!1,onChange:g=>{},onFocus:g=>{},onBlur:g=>{},size:void 0,rounded:void 0,fillMode:void 0};Q.displayName="KendoNumericTextBox";exports.NumericTextBox=Q;exports.NumericTextBoxPropsContext=Ve;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ue=require("react"),t=require("prop-types"),ve=require("@progress/kendo-react-intl"),l=require("@progress/kendo-react-common"),Ve=require("@progress/kendo-svg-icons"),We=require("@progress/kendo-react-labels"),p=require("../messages/index.js"),u=require("./utils/index.js"),ye=require("@progress/kendo-react-buttons");function Ye(g){const L=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(g){for(const v in g)if(v!=="default"){const B=Object.getOwnPropertyDescriptor(g,v);Object.defineProperty(L,v,B.get?B:{enumerable:!0,get:()=>g[v]})}}return L.default=g,Object.freeze(L)}const n=Ye(Ue),Je="Please enter a valid value!",ke=l.createPropsContext(),X=n.forwardRef((g,L)=>{const v=l.usePropsContext(ke,g),{className:B,value:E,defaultValue:Ce,format:s,width:Z,tabIndex:Se,accessKey:he,title:Ee,placeholder:ee,min:f,max:b,dir:te,name:M,label:q,id:ne,ariaDescribedBy:xe,ariaLabelledBy:Ie,ariaLabel:Oe,inputType:Le,readOnly:C,validationMessage:H,children:Pe,touched:Qe,visited:Xe,modified:Ze,style:re,inputStyle:Ne,valid:K,step:x=m.step,spinners:$=m.spinners,disabled:c=m.disabled,required:T=m.required,validityStyles:ae=m.validityStyles,prefix:Re=m.prefix,suffix:De=m.suffix,onChange:I=m.onChange,onFocus:se=m.onFocus,onBlur:ue=m.onBlur,rangeOnEnter:oe=m.rangeOnEnter,size:P=m.size,rounded:U=m.rounded,fillMode:F=m.fillMode,autoFocus:Be=m.autoFocus,inputAttributes:Me,...le}=v,qe=l.useId(),ce=ne||qe,o=ve.useInternationalization(),j=ve.useLocalization(),a=n.useRef(null),z=n.useRef(void 0),[Te,O]=n.useState(!1),d=n.useRef(u.getInitialState()),_=n.useRef(!1),W=n.useRef(void 0),N=n.useRef(Ce),ie=M||ne,R=u.formatValue(d.current.focused&&!c?d.current.currentLooseValue:u.getStateOrPropsValue(E,N.current),s,o);W.current=R;const[Fe]=l.useCustomComponent(Re),[je]=l.useCustomComponent(De);n.useEffect(()=>{a.current&&a.current.setCustomValidity&&a.current.setCustomValidity(w().valid?"":H||Je)});const de=n.useCallback(()=>{a.current&&a.current.focus()},[]),G=n.useCallback(()=>z.current!==void 0?z.current:u.getStateOrPropsValue(E,N.current),[E]),me=n.useCallback(()=>M,[M]),A=n.useCallback(()=>T,[T]),w=n.useCallback(()=>{const r=H!==void 0,e=G(),y=K!==void 0?K:!d.current.valueIsOutOfRange&&(!A()||e!=null);return{customError:r,valid:y,valueMissing:e==null}},[H,K,G,A]),Y=n.useCallback(()=>ae,[ae]),fe=n.useCallback(()=>v,[v]),S=n.useCallback(()=>{const r={element:a.current,focus:de};return Object.defineProperty(r,"name",{get:me}),Object.defineProperty(r,"value",{get:G}),Object.defineProperty(r,"validity",{get:w}),Object.defineProperty(r,"validityStyles",{get:Y}),Object.defineProperty(r,"required",{get:A}),Object.defineProperty(r,"props",{get:fe}),r},[me,G,w,Y,A,de,fe]);n.useImperativeHandle(L,S);const be=n.useRef(null);n.useImperativeHandle(be,S),l.useWebMcpRegister("numerictextbox",be,v,v.webMcp);const h=n.useCallback(()=>({eventValue:u.getStateOrPropsValue(E,N.current),prevLooseValue:W.current,currentLooseValue:a.current.value,selectionStart:a.current.selectionStart,selectionEnd:a.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:_.current,focused:d.current.focused}),[E]),V=n.useCallback((r,e)=>{if(c)return;z.current=e.eventValue,N.current=e.eventValue;const y=u.formatValue(u.rangeValue(e.eventValue,f,b),s,o),i=u.rangeValue(o.parseNumber(y,s),f,b);i!==e.eventValue&&(e.valueIsOutOfRange=!0,e.eventValue=i,N.current=i),E!==e.eventValue&&l.dispatchEvent(I,r,S(),{value:e.eventValue}),z.current=void 0,d.current=e,O(D=>!D)},[E,I,c,O,S]),ze=n.useCallback(r=>{const e=Number(r);if(isNaN(e))return;const y=u.rangeValue(e,f,b),i=u.formatValue(y,s,o),k={...d.current,eventValue:y,currentLooseValue:i,selectionStart:i.length,selectionEnd:i.length},D={target:a.current,currentTarget:a.current};V(D,k)},[f,b,s,o,V]);l.useKendoPaste(a,{fieldName:ie,onValueChange:ze,enabled:!!ie});const _e=n.useCallback(r=>{const e=h();_.current=!1,V(r,u.sanitizeNumber(e,s,o))},[s,I,o,V,h]),Ge=n.useCallback(r=>{if(C||c)return;let e=h();const y=o.parseNumber(String(e.currentLooseValue),s);if(e.selectionEnd>e.selectionStart&&e.selectionEnd-e.selectionStart===String(e.currentLooseValue).length){const i=o.numberSymbols(),k=i&&r.key===i.minusSign,D=i&&r.key===i.decimal;_.current=!k&&!D;return}switch(r.keyCode){case 38:u.increaseValue(y,e,x,f,b,s,o);break;case 40:u.decreaseValue(y,e,x,f,b,s,o);break;case 13:{if(oe===!1)return;const i=u.formatValue(u.rangeValue(y,f,b),s,o),k=u.rangeValue(o.parseNumber(i,s),f,b);e.eventValue=k,e.currentLooseValue=u.formatValue(k,s,o),e.selectionStart=e.selectionEnd=e.currentLooseValue.length;break}case 110:{const i=a.current,k=o.numberSymbols();i&&(e.currentLooseValue=e.currentLooseValue.slice(0,e.selectionStart)+k.decimal+e.currentLooseValue.slice(e.selectionEnd),e.selectionStart=e.selectionEnd=e.selectionStart+1,e=u.sanitizeNumber(e,s,o));break}default:return}r.preventDefault(),V(r,e)},[s,f,b,x,I,oe,V,h]),Ae=n.useCallback(()=>{_.current=!0},[]),J=n.useCallback(r=>{if(C||c)return;const e=h();u.increaseValue(o.parseNumber(String(e.currentLooseValue),s),e,x,f,b,s,o),V(r,e)},[s,f,b,x,I,C,c,V,h]),Q=n.useCallback(r=>{if(C||c)return;const e=h();u.decreaseValue(o.parseNumber(String(e.currentLooseValue),s),e,x,f,b,s,o),V(r,e)},[s,f,b,x,I,C,c,V,h]),we=n.useCallback(r=>{const e=l.getActiveElement(document);!document||e!==a.current||!a.current||C||c||(r.nativeEvent.deltaY<0&&J(r),r.nativeEvent.deltaY>0&&Q(r))},[J,Q,c,C]),He=n.useCallback(r=>{d.current.currentLooseValue=W.current,d.current.focused=!0,l.dispatchEvent(se,r,S(),{}),O(e=>!e)},[se,O,S]),Ke=n.useCallback(r=>{d.current=u.getInitialState(),l.dispatchEvent(ue,r,S(),{}),O(e=>!e)},[ue,O,S]),$e=n.useCallback(r=>{if(document&&a.current){const e=l.getActiveElement(document);r.preventDefault(),e!==a.current&&a.current.focus()}},[]);l.useIsomorphicLayoutEffect(()=>{a.current&&a.current.type!=="number"&&d.current.selectionStart!==void 0&&d.current.selectionEnd!==void 0&&(a.current.selectionStart=d.current.selectionStart,a.current.selectionEnd=d.current.selectionEnd,d.current.selectionStart=void 0,d.current.selectionEnd=void 0)},[Te]);const ge=!Y()||w().valid,pe=n.createElement("span",{dir:te,style:q?re:{width:Z,...re},className:l.classNames("k-input","k-numerictextbox",{[`k-input-${l.kendoThemeMaps.sizeMap[P]||P}`]:P,[`k-input-${F}`]:F,[`k-rounded-${l.kendoThemeMaps.roundedMap[U]||U}`]:U,"k-invalid":!ge,"k-required":T,"k-disabled":c},B),"aria-disabled":c?"true":void 0,...q?{}:le},n.createElement(Fe,null),n.createElement("input",{role:"spinbutton",value:R===null?"":R,tabIndex:l.getTabIndex(Se,c),accessKey:he,disabled:c,title:Ee,"aria-disabled":c?"true":void 0,"aria-valuemin":$?f:void 0,"aria-valuemax":$?b:void 0,"aria-label":Oe,"aria-labelledby":Ie,"aria-describedby":xe,"aria-required":T||void 0,placeholder:ee,spellCheck:!1,autoComplete:"off",autoCorrect:"off",autoFocus:Be,type:Le||"tel",className:"k-input-inner",id:ce,name:M,readOnly:C,style:Ne,onChange:_e,onFocus:He,onBlur:Ke,onKeyDown:Ge,onPaste:Ae,onWheel:we,ref:a,...Me}),n.createElement(je,null),Pe,$&&n.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:$e},n.createElement(ye.Button,{tabIndex:-1,type:"button",icon:"chevron-up",svgIcon:Ve.chevronUpIcon,fillMode:F,size:P,className:"k-spinner-increase","aria-label":j.toLanguageString(p.numericIncreaseValue,p.messages[p.numericIncreaseValue]),title:j.toLanguageString(p.numericIncreaseValue,p.messages[p.numericIncreaseValue]),onClick:J}),n.createElement(ye.Button,{tabIndex:-1,type:"button",icon:"chevron-down",svgIcon:Ve.chevronDownIcon,fillMode:F,size:P,className:"k-spinner-decrease","aria-label":j.toLanguageString(p.numericDecreaseValue,p.messages[p.numericDecreaseValue]),title:j.toLanguageString(p.numericDecreaseValue,p.messages[p.numericDecreaseValue]),onClick:Q})));return q?n.createElement(We.FloatingLabel,{label:q,editorId:ce,editorValue:R===null?"":R,editorValid:ge,editorDisabled:c,editorPlaceholder:ee,children:pe,style:{width:Z},dir:te,...le}):pe});X.propTypes={value:t.number,defaultValue:t.number,step:t.number,format:t.oneOfType([t.string,t.shape({style:t.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:t.string,currencyDisplay:t.oneOf(["symbol","code","name"]),useGrouping:t.bool,minimumIntegerDigits:t.number,minimumFractionDigits:t.number,maximumFractionDigits:t.number})]),width:t.oneOfType([t.string,t.number]),tabIndex:t.number,accessKey:t.string,title:t.string,placeholder:t.string,min:t.number,max:t.number,spinners:t.bool,disabled:t.bool,readOnly:t.bool,dir:t.string,name:t.string,label:t.string,validationMessage:t.string,required:t.bool,id:t.string,rangeOnEnter:t.bool,ariaLabelledBy:t.string,ariaDescribedBy:t.string,ariaLabel:t.string,onChange:t.func,onFocus:t.func,onBlur:t.func,size:t.oneOf(["small","medium","large"]),rounded:t.oneOf(["small","medium","large","full","none"]),fillMode:t.oneOf(["solid","flat","outline"]),inputAttributes:t.object};const m={prefix:g=>null,suffix:g=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,autoFocus:!1,onChange:g=>{},onFocus:g=>{},onBlur:g=>{},size:void 0,rounded:void 0,fillMode:void 0};X.displayName="KendoNumericTextBox";exports.NumericTextBox=X;exports.NumericTextBoxPropsContext=ke;