@progress/kendo-react-inputs 9.4.0-develop.18 → 9.4.0-develop.2

package/input/InputClearValue.mjs

@@ -5,16 +5,17 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { useUnstyled as c, classNames as m, uInput as o } from "@progress/kendo-react-common";
-const p = e.forwardRef((t, s) => {
-  const a = e.useRef(null), l = e.useRef(null), n = c(), u = n && n.uInput, r = m(
+const p = e.forwardRef((t, a) => {
+  const n = e.useRef(null), l = e.useRef(null), s = c(), u = s && s.uInput, r = m(
     o.clearButton({
       c: u
     }),
     t.className
   );
-  return e.useImperativeHandle(a, () => ({ element: l.current })), e.useImperativeHandle(s, () => a.current), /* @__PURE__ */ e.createElement("span", { ...t, className: r });
+  return e.useImperativeHandle(n, () => ({ element: l.current })), e.useImperativeHandle(a, () => n.current), /* @__PURE__ */ e.createElement("span", { ...t, className: r });
 });
 p.displayName = "KendoReactInputClearValue";
 export {

package/input/InputPrefix.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"),r=require("@progress/kendo-react-common");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const n=f(i),o=n.forwardRef(({orientation:e="horizontal",...t},s)=>{const a=n.useRef(null),u=n.useRef(null),c=r.useUnstyled(),l=c&&c.uTextBox;n.useImperativeHandle(a,()=>({element:u.current})),n.useImperativeHandle(s,()=>a.current);const m=n.useMemo(()=>r.classNames(r.uTextBox.prefix({c:l,orientation:e}),t.className),[t.className,l,e]);return n.createElement("span",{...t,className:m})});o.displayName="KendoReactInputPrefix";exports.InputPrefix=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),r=require("@progress/kendo-react-common");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const n=f(m),u=n.forwardRef(({orientation:e="horizontal",...t},s)=>{const a=n.useRef(null),o=n.useRef(null),c=r.useUnstyled(),l=c&&c.uTextBox;n.useImperativeHandle(a,()=>({element:o.current})),n.useImperativeHandle(s,()=>a.current);const i=n.useMemo(()=>r.classNames(r.uTextBox.prefix({c:l,orientation:e}),t.className),[t.className,l,e]);return n.createElement("span",{...t,className:i})});u.displayName="KendoReactInputPrefix";exports.InputPrefix=u;

package/input/InputPrefix.mjs

@@ -5,13 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { useUnstyled as u, classNames as o, uTextBox as x } from "@progress/kendo-react-common";
 const f = e.forwardRef(
   ({ orientation: t = "horizontal", ...s }, r) => {
-    const a = e.useRef(null), m = e.useRef(null), n = u(), l = n && n.uTextBox;
-    e.useImperativeHandle(a, () => ({ element: m.current })), e.useImperativeHandle(r, () => a.current);
-    const c = e.useMemo(
+    const a = e.useRef(null), c = e.useRef(null), n = u(), l = n && n.uTextBox;
+    e.useImperativeHandle(a, () => ({ element: c.current })), e.useImperativeHandle(r, () => a.current);
+    const m = e.useMemo(
       () => o(
         x.prefix({
           c: l,
@@ -21,7 +22,7 @@ const f = e.forwardRef(
       ),
       [s.className, l, t]
     );
-    return /* @__PURE__ */ e.createElement("span", { ...s, className: c });
+    return /* @__PURE__ */ e.createElement("span", { ...s, className: m });
   }
 );
 f.displayName = "KendoReactInputPrefix";

package/input/InputSeparator.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 u=require("react"),s=require("@progress/kendo-react-common");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=l(u),c=a.forwardRef(({orientation:e="vertical",...t},r)=>{const n=a.useRef(null),o=a.useRef(null);return a.useImperativeHandle(n,()=>({element:o.current})),a.useImperativeHandle(r,()=>n.current),a.createElement("span",{...t,className:s.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})});c.displayName="KendoReactInputSeparator";exports.InputSeparator=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("@progress/kendo-react-common");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=l(u),c=a.forwardRef(({orientation:e="vertical",...t},r)=>{const n=a.useRef(null),o=a.useRef(null);return a.useImperativeHandle(n,()=>({element:o.current})),a.useImperativeHandle(r,()=>n.current),a.createElement("span",{...t,className:s.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})});c.displayName="KendoReactInputSeparator";exports.InputSeparator=c;

package/input/InputSeparator.mjs

@@ -5,21 +5,22 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { classNames as l } from "@progress/kendo-react-common";
-const m = e.forwardRef(
-  ({ orientation: r = "vertical", ...a }, n) => {
-    const t = e.useRef(null), s = e.useRef(null);
-    return e.useImperativeHandle(t, () => ({ element: s.current })), e.useImperativeHandle(n, () => t.current), /* @__PURE__ */ e.createElement(
+const u = e.forwardRef(
+  ({ orientation: r = "vertical", ...t }, n) => {
+    const a = e.useRef(null), s = e.useRef(null);
+    return e.useImperativeHandle(a, () => ({ element: s.current })), e.useImperativeHandle(n, () => a.current), /* @__PURE__ */ e.createElement(
       "span",
       {
-        ...a,
-        className: l("k-input-separator", a.className, `k-input-separator-${r}`)
+        ...t,
+        className: l("k-input-separator", t.className, `k-input-separator-${r}`)
       }
     );
   }
 );
-m.displayName = "KendoReactInputSeparator";
+u.displayName = "KendoReactInputSeparator";
 export {
-  m as InputSeparator
+  u as InputSeparator
 };

package/input/InputSuffix.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 m=require("react"),u=require("@progress/kendo-react-common");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const n=i(m),l=n.forwardRef(({orientation:e="horizontal",...t},s)=>{const a=n.useRef(null),o=n.useRef(null),c=u.useUnstyled(),r=c&&c.uTextBox;n.useImperativeHandle(a,()=>({element:o.current})),n.useImperativeHandle(s,()=>a.current);const f=n.useMemo(()=>u.classNames(u.uTextBox.suffix({c:r,orientation:e}),t.className),[t.className,r,e]);return n.createElement("span",{...t,className:f})});l.displayName="KendoReactInputSuffix";exports.InputSuffix=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),u=require("@progress/kendo-react-common");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const n=m(i),r=n.forwardRef(({orientation:e="horizontal",...t},s)=>{const a=n.useRef(null),o=n.useRef(null),c=u.useUnstyled(),l=c&&c.uTextBox;n.useImperativeHandle(a,()=>({element:o.current})),n.useImperativeHandle(s,()=>a.current);const f=n.useMemo(()=>u.classNames(u.uTextBox.suffix({c:l,orientation:e}),t.className),[t.className,l,e]);return n.createElement("span",{...t,className:f})});r.displayName="KendoReactInputSuffix";exports.InputSuffix=r;

package/input/InputSuffix.mjs

@@ -5,13 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as e from "react";
 import { useUnstyled as o, classNames as r, uTextBox as f } from "@progress/kendo-react-common";
 const x = e.forwardRef(
   ({ orientation: t = "horizontal", ...s }, u) => {
-    const a = e.useRef(null), m = e.useRef(null), n = o(), l = n && n.uTextBox;
-    e.useImperativeHandle(a, () => ({ element: m.current })), e.useImperativeHandle(u, () => a.current);
-    const c = e.useMemo(
+    const a = e.useRef(null), c = e.useRef(null), n = o(), l = n && n.uTextBox;
+    e.useImperativeHandle(a, () => ({ element: c.current })), e.useImperativeHandle(u, () => a.current);
+    const m = e.useMemo(
       () => r(
         f.suffix({
           c: l,
@@ -21,7 +22,7 @@ const x = e.forwardRef(
       ),
       [s.className, l, t]
     );
-    return /* @__PURE__ */ e.createElement("span", { ...s, className: c });
+    return /* @__PURE__ */ e.createElement("span", { ...s, className: m });
   }
 );
 x.displayName = "KendoReactInputSuffix";

package/input/InputValidationIcon.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 o=require("@progress/kendo-react-common"),i=require("react");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=l(i),r=c.forwardRef((e,t)=>c.createElement(o.IconWrap,{ref:t,...e,className:o.classNames("k-input-validation-icon",e.className)}));r.displayName="KendoReactInputValidationIcon";exports.InputValidationIcon=r;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@progress/kendo-react-common"),i=require("react");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=l(i),r=c.forwardRef((e,t)=>c.createElement(o.IconWrap,{ref:t,...e,className:o.classNames("k-input-validation-icon",e.className)}));r.displayName="KendoReactInputValidationIcon";exports.InputValidationIcon=r;

package/input/InputValidationIcon.mjs

@@ -5,10 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { IconWrap as n, classNames as o } from "@progress/kendo-react-common";
-import * as t from "react";
-const c = t.forwardRef(
-  (a, e) => /* @__PURE__ */ t.createElement(n, { ref: e, ...a, className: o("k-input-validation-icon", a.className) })
+import * as e from "react";
+const c = e.forwardRef(
+  (a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, className: o("k-input-validation-icon", a.className) })
 );
 c.displayName = "KendoReactInputValidationIcon";
 export {

package/maskedtextbox/MaskedTextBox.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 O=require("react"),e=require("prop-types"),M=require("./masking.service.js"),h=require("./utils.js"),n=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-labels"),V=require("../package-metadata.js");function q(p){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const t in p)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(p,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>p[t]})}}return s.default=p,Object.freeze(s)}const u=q(O),l=class l extends u.Component{constructor(s){super(s),this.state={},this._inputId=`k_${this.props.id}`,this._service=new M.MaskingService,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:i,selectionEnd:a}=t.target;a!==i&&(this._isPasted=!0,this._selection=[i||0,a||0])},this.onChangeHandler=t=>{const i=t.currentTarget,a=i.value,o=this._selection[0]||0,r=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(a,t);return}const c=this.value;let d;if(this._isPasted){this._isPasted=!1;const g=c.length-r,f=a.length-g;d=this._service.maskInRange(a.slice(o,f),c,o,r)}else d=this._service.maskInput(a,c,i.selectionStart||0);this._selection=[d.selection,d.selection],this.triggerOnChange(d.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},n.validatePackage(V.packageMetadata)}get element(){return this._input}get value(){return this._valueDuringOnChange!==void 0?this._valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value!==void 0?this.state.value:this.props.defaultValue!==void 0?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const s=this.value,t=this._service.validationValue(s),i=this.props.validationMessage!==void 0,a=this.props.valid!==void 0?this.props.valid:(!this.required||!!t)&&(!this.props.maskValidation||!this.props.prompt||s.indexOf(this.props.prompt)===-1);return{customError:i,valid:a,valueMissing:!t}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:l.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}get name(){return this.props.name}componentDidUpdate(s,t){if(this.element&&this.state.focused&&t.focused){let[i,a]=this._selection;const o=s.selection,r=this.props.selection;(!o&&r||o&&r&&(o.start!==r.start||o.end!==r.end))&&(i=r.start,a=r.end),i!==null&&a!==null&&this.element.setSelectionRange(i,a)}h.maskingChanged(s,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:s=l.defaultProps.size,fillMode:t=l.defaultProps.fillMode,rounded:i=l.defaultProps.rounded,autoFocus:a=l.defaultProps.autoFocus,prefix:o=l.defaultProps.prefix,suffix:r=l.defaultProps.suffix,inputAttributes:c,unstyled:d,className:g}=this.props,f=this.props.id||this._inputId,m=!this.validityStyles||this.validity.valid,b=this.props.style||{},y=d&&d.uMaskedTextBox,[_]=n.useCustomComponent(o),[k]=n.useCustomComponent(r),x=u.createElement("span",{dir:this.props.dir,className:n.classNames(n.uMaskedTextBox.wrapper({c:y,invalid:!m,disabled:this.props.disabled,size:s,fillMode:t,rounded:i}),g),style:this.props.label?b:{width:this.props.width,...b}},u.createElement(_,null),u.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:a,spellCheck:!1,className:n.classNames(n.uMaskedTextBox.inputInner({c:y})),value:this.value,id:f,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,name:this.props.name,tabIndex:n.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:S=>this._input=S,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:h.returnFalse,onDrop:h.returnFalse,...c}),u.createElement(k,null));return this.props.label?u.createElement(E.FloatingLabel,{label:this.props.label,editorId:f,editorValue:this.value,editorValid:m,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:x,style:{width:this.props.width},dir:this.props.dir}):x}triggerOnChange(s,t){if(this.setState({value:s}),this.props.onChange){this._valueDuringOnChange=s;const i={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,i),this._valueDuringOnChange=void 0}}updateService(s){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},s);this._service.update(t)}get rules(){return Object.assign({},h.defaultRules,this.props.rules)}};l.displayName="MaskedTextBox",l.propTypes={value:e.string,defaultValue:e.string,placeholder:e.string,title:e.string,dir:e.string,id:e.string,style:e.object,className:e.string,prefix:e.any,suffix:e.any,ariaLabelledBy:e.string,ariaDescribedBy:e.string,width:e.oneOfType([e.string,e.number]),tabIndex:e.number,accessKey:e.string,disabled:e.bool,readonly:e.bool,prompt:e.string,promptPlaceholder:e.string,includeLiterals:e.bool,maskValidation:e.bool,mask:e.string,rules:function(s,t,i){const a=s.rules;return a!==void 0&&!Object.entries(a).some(r=>typeof r!="string"||!(a[r]instanceof RegExp))?new Error("Invalid prop `"+t+"` supplied to `"+i+"`. Validation failed."):null},selection:e.shape({start:e.number.isRequired,end:e.number.isRequired}),name:e.string,label:e.string,validationMessage:e.string,required:e.bool,valid:e.bool,validityStyles:e.bool,onChange:e.func,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),autoFocus:e.bool,inputAttributes:e.object},l.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:h.defaultRules,validityStyles:!0,prefix:s=>null,suffix:s=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};let v=l;const C=n.createPropsContext(),P=n.withIdHOC(n.withPropsContext(C,n.withUnstyledHOC(v)));P.displayName="KendoReactMaskedTextBox";exports.MaskedTextBox=P;exports.MaskedTextBoxPropsContext=C;exports.MaskedTextBoxWithoutContext=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),e=require("prop-types"),M=require("./masking.service.js"),h=require("./utils.js"),n=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-labels"),V=require("../package-metadata.js");function q(p){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const t in p)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(p,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>p[t]})}}return s.default=p,Object.freeze(s)}const u=q(O),l=class l extends u.Component{constructor(s){super(s),this.state={},this._inputId=`k_${this.props.id}`,this._service=new M.MaskingService,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:i,selectionEnd:a}=t.target;a!==i&&(this._isPasted=!0,this._selection=[i||0,a||0])},this.onChangeHandler=t=>{const i=t.currentTarget,a=i.value,o=this._selection[0]||0,r=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(a,t);return}const c=this.value;let d;if(this._isPasted){this._isPasted=!1;const g=c.length-r,f=a.length-g;d=this._service.maskInRange(a.slice(o,f),c,o,r)}else d=this._service.maskInput(a,c,i.selectionStart||0);this._selection=[d.selection,d.selection],this.triggerOnChange(d.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},n.validatePackage(V.packageMetadata)}get element(){return this._input}get value(){return this._valueDuringOnChange!==void 0?this._valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value!==void 0?this.state.value:this.props.defaultValue!==void 0?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const s=this.value,t=this._service.validationValue(s),i=this.props.validationMessage!==void 0,a=this.props.valid!==void 0?this.props.valid:(!this.required||!!t)&&(!this.props.maskValidation||!this.props.prompt||s.indexOf(this.props.prompt)===-1);return{customError:i,valid:a,valueMissing:!t}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:l.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}get name(){return this.props.name}componentDidUpdate(s,t){if(this.element&&this.state.focused&&t.focused){let[i,a]=this._selection;const o=s.selection,r=this.props.selection;(!o&&r||o&&r&&(o.start!==r.start||o.end!==r.end))&&(i=r.start,a=r.end),i!==null&&a!==null&&this.element.setSelectionRange(i,a)}h.maskingChanged(s,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:s=l.defaultProps.size,fillMode:t=l.defaultProps.fillMode,rounded:i=l.defaultProps.rounded,autoFocus:a=l.defaultProps.autoFocus,prefix:o=l.defaultProps.prefix,suffix:r=l.defaultProps.suffix,inputAttributes:c,unstyled:d,className:g}=this.props,f=this.props.id||this._inputId,m=!this.validityStyles||this.validity.valid,b=this.props.style||{},y=d&&d.uMaskedTextBox,[_]=n.useCustomComponent(o),[k]=n.useCustomComponent(r),x=u.createElement("span",{dir:this.props.dir,className:n.classNames(n.uMaskedTextBox.wrapper({c:y,invalid:!m,disabled:this.props.disabled,size:s,fillMode:t,rounded:i}),g),style:this.props.label?b:{width:this.props.width,...b}},u.createElement(_,null),u.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",autoFocus:a,spellCheck:!1,className:n.classNames(n.uMaskedTextBox.inputInner({c:y})),value:this.value,id:f,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,"aria-required":this.props.required,name:this.props.name,tabIndex:n.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:S=>this._input=S,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:h.returnFalse,onDrop:h.returnFalse,...c}),u.createElement(k,null));return this.props.label?u.createElement(E.FloatingLabel,{label:this.props.label,editorId:f,editorValue:this.value,editorValid:m,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:x,style:{width:this.props.width},dir:this.props.dir}):x}triggerOnChange(s,t){if(this.setState({value:s}),this.props.onChange){this._valueDuringOnChange=s;const i={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,i),this._valueDuringOnChange=void 0}}updateService(s){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},s);this._service.update(t)}get rules(){return Object.assign({},h.defaultRules,this.props.rules)}};l.displayName="MaskedTextBox",l.propTypes={value:e.string,defaultValue:e.string,placeholder:e.string,title:e.string,dir:e.string,id:e.string,style:e.object,className:e.string,prefix:e.any,suffix:e.any,ariaLabelledBy:e.string,ariaDescribedBy:e.string,width:e.oneOfType([e.string,e.number]),tabIndex:e.number,accessKey:e.string,disabled:e.bool,readonly:e.bool,prompt:e.string,promptPlaceholder:e.string,includeLiterals:e.bool,maskValidation:e.bool,mask:e.string,rules:function(s,t,i){const a=s.rules;return a!==void 0&&!Object.entries(a).some(r=>typeof r!="string"||!(a[r]instanceof RegExp))?new Error("Invalid prop `"+t+"` supplied to `"+i+"`. Validation failed."):null},selection:e.shape({start:e.number.isRequired,end:e.number.isRequired}),name:e.string,label:e.string,validationMessage:e.string,required:e.bool,valid:e.bool,validityStyles:e.bool,onChange:e.func,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),autoFocus:e.bool,inputAttributes:e.object},l.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:h.defaultRules,validityStyles:!0,prefix:s=>null,suffix:s=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};let v=l;const C=n.createPropsContext(),P=n.withIdHOC(n.withPropsContext(C,n.withUnstyledHOC(v)));P.displayName="KendoReactMaskedTextBox";exports.MaskedTextBox=P;exports.MaskedTextBoxPropsContext=C;exports.MaskedTextBoxWithoutContext=v;

package/maskedtextbox/MaskedTextBox.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import * as p from "react";
 import e from "prop-types";
 import { MaskingService as E } from "./masking.service.mjs";

package/maskedtextbox/masking.service.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("./parsing/combinators.js"),a=require("./parsing/parsers.js");class u{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:s="",promptPlaceholder:t=" ",rules:r={},includeLiterals:n=!1}){this.mask=e,this.prompt=s,this.promptPlaceholder=t,this.rules=r,this.includeLiterals=n,this.tokenize()}validationValue(e=""){let s=e;return i.sequence(this.validationTokens).run(e).fold(t=>{s=t.join("")}),s}rawValue(e=""){let s=e;return this.rawTokens.length&&i.sequence(this.rawTokens).run(e).fold(t=>{s=t.join("")}),s}maskRaw(e=""){let s=e;return this.maskTokens.length&&i.sequence(this.maskTokens).run(e).fold(t=>{s=t.join("")}),s}maskInput(e,s,t){return e.length<s.length?this.maskRemoved(e,s,t):this.maskInserted(e,s,t)}maskInRange(e,s,t,r){let n="";const l=r,o=s.split("").slice(0,t),h=s.split("").slice(r);return i.sequence(this.maskTokens.slice(t,r)).run(e).fold(k=>{n=o.concat(k).concat(h).join("")}),{selection:l,value:n}}maskRemoved(e,s,t){let r="",n=t;const l=e.split("").slice(t),o=e.split("").slice(0,t).join(""),h=this.maskTokens.length-(e.length-t);return i.sequence(this.maskTokens.slice(0,h)).run(o,s).fold(k=>{n=this.adjustPosition(k,n),r=k.concat(l).join("")}),{selection:n,value:r}}adjustPosition(e,s){const t=e[s];return!this.maskTokens[s].isLiteral(t)&&t!==this.prompt?s+1:s}maskInserted(e,s,t){let r="",n=t;const l=e.slice(0,t);return i.sequence(this.unmaskTokens).run(l,s).chain(o=>{n=o.join("").length;const h=s.slice(n);return i.sequence(this.maskTokens).run(o.join("")+h,s)}).fold(o=>{r=o.join("")}),{selection:n,value:r}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:s}=this;return{literal:t=>a.literal(t),mask:t=>a.mask({prompt:e,promptPlaceholder:s})(t)}}get unmaskTokenCreator(){return{literal:e=>a.unliteral(e),mask:e=>a.unmask(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:s,includeLiterals:t}=this;return{literal:r=>a.rawLiteral(t),mask:r=>a.rawMask({prompt:e,promptPlaceholder:s})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:s=>a.rawLiteral(!1),mask:s=>a.rawMask({prompt:e,promptPlaceholder:""})}}tokenize(){i.greedy(a.token(this.rules,this.maskTokenCreator)).run(this.mask).fold((e,s)=>{this.maskTokens=e}),i.greedy(a.token(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((e,s)=>{this.unmaskTokens=e}),i.greedy(a.token(this.rules,this.rawTokenCreator)).run(this.mask).fold((e,s)=>{this.rawTokens=e}),i.greedy(a.token(this.rules,this.validationTokenCreator)).run(this.mask).fold((e,s)=>{this.validationTokens=e})}}exports.MaskingService=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./parsing/combinators.js"),a=require("./parsing/parsers.js");class u{constructor(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}update({mask:e="",prompt:s="",promptPlaceholder:t=" ",rules:r={},includeLiterals:n=!1}){this.mask=e,this.prompt=s,this.promptPlaceholder=t,this.rules=r,this.includeLiterals=n,this.tokenize()}validationValue(e=""){let s=e;return i.sequence(this.validationTokens).run(e).fold(t=>{s=t.join("")}),s}rawValue(e=""){let s=e;return this.rawTokens.length&&i.sequence(this.rawTokens).run(e).fold(t=>{s=t.join("")}),s}maskRaw(e=""){let s=e;return this.maskTokens.length&&i.sequence(this.maskTokens).run(e).fold(t=>{s=t.join("")}),s}maskInput(e,s,t){return e.length<s.length?this.maskRemoved(e,s,t):this.maskInserted(e,s,t)}maskInRange(e,s,t,r){let n="";const l=r,o=s.split("").slice(0,t),h=s.split("").slice(r);return i.sequence(this.maskTokens.slice(t,r)).run(e).fold(k=>{n=o.concat(k).concat(h).join("")}),{selection:l,value:n}}maskRemoved(e,s,t){let r="",n=t;const l=e.split("").slice(t),o=e.split("").slice(0,t).join(""),h=this.maskTokens.length-(e.length-t);return i.sequence(this.maskTokens.slice(0,h)).run(o,s).fold(k=>{n=this.adjustPosition(k,n),r=k.concat(l).join("")}),{selection:n,value:r}}adjustPosition(e,s){const t=e[s];return!this.maskTokens[s].isLiteral(t)&&t!==this.prompt?s+1:s}maskInserted(e,s,t){let r="",n=t;const l=e.slice(0,t);return i.sequence(this.unmaskTokens).run(l,s).chain(o=>{n=o.join("").length;const h=s.slice(n);return i.sequence(this.maskTokens).run(o.join("")+h,s)}).fold(o=>{r=o.join("")}),{selection:n,value:r}}get maskTokenCreator(){const{prompt:e,promptPlaceholder:s}=this;return{literal:t=>a.literal(t),mask:t=>a.mask({prompt:e,promptPlaceholder:s})(t)}}get unmaskTokenCreator(){return{literal:e=>a.unliteral(e),mask:e=>a.unmask(this.prompt)(e)}}get rawTokenCreator(){const{prompt:e,promptPlaceholder:s,includeLiterals:t}=this;return{literal:r=>a.rawLiteral(t),mask:r=>a.rawMask({prompt:e,promptPlaceholder:s})}}get validationTokenCreator(){const{prompt:e}=this;return{literal:s=>a.rawLiteral(!1),mask:s=>a.rawMask({prompt:e,promptPlaceholder:""})}}tokenize(){i.greedy(a.token(this.rules,this.maskTokenCreator)).run(this.mask).fold((e,s)=>{this.maskTokens=e}),i.greedy(a.token(this.rules,this.unmaskTokenCreator)).run(this.mask).fold((e,s)=>{this.unmaskTokens=e}),i.greedy(a.token(this.rules,this.rawTokenCreator)).run(this.mask).fold((e,s)=>{this.rawTokens=e}),i.greedy(a.token(this.rules,this.validationTokenCreator)).run(this.mask).fold((e,s)=>{this.validationTokens=e})}}exports.MaskingService=u;

package/maskedtextbox/masking.service.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { sequence as i, greedy as k } from "./parsing/combinators.mjs";
 import { literal as d, mask as T, unliteral as p, unmask as f, rawLiteral as m, rawMask as c, token as u } from "./parsing/parsers.mjs";
 class C {

package/maskedtextbox/parsing/combinators.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 t=require("./parsers.js"),s=require("./result.js"),u=n=>new t.Parser(e=>new s.Result(n,e)),o=(n,e)=>n.chain(r=>e.map(c=>r.concat([c]))),a=n=>n.reduce((e,r)=>o(e,r),u([])),l=n=>new t.Parser(e=>{let r=new s.Result([],e);for(;!e.eof();)r=r.concat(n.run(e));return r});exports.greedy=l;exports.sequence=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./parsers.js"),s=require("./result.js"),u=n=>new t.Parser(e=>new s.Result(n,e)),o=(n,e)=>n.chain(r=>e.map(c=>r.concat([c]))),l=n=>n.reduce((e,r)=>o(e,r),u([])),a=n=>new t.Parser(e=>{let r=new s.Result([],e);for(;!e.eof();)r=r.concat(n.run(e));return r});exports.greedy=a;exports.sequence=l;

package/maskedtextbox/parsing/combinators.mjs

@@ -5,15 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { Parser as c } from "./parsers.mjs";
-import { Result as r } from "./result.mjs";
-const s = (n) => new c((e) => new r(n, e)), a = (n, e) => n.chain((o) => e.map((t) => o.concat([t]))), w = (n) => n.reduce((e, o) => a(e, o), s([])), l = (n) => new c((e) => {
-  let o = new r([], e);
+"use client";
+import { Parser as o } from "./parsers.mjs";
+import { Result as t } from "./result.mjs";
+const s = (n) => new o((e) => new t(n, e)), u = (n, e) => n.chain((c) => e.map((r) => c.concat([r]))), p = (n) => n.reduce((e, c) => u(e, c), s([])), w = (n) => new o((e) => {
+  let c = new t([], e);
   for (; !e.eof(); )
-    o = o.concat(n.run(e));
-  return o;
+    c = c.concat(n.run(e));
+  return c;
 });
 export {
-  l as greedy,
-  w as sequence
+  w as greedy,
+  p as sequence
 };

package/maskedtextbox/parsing/parsers.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("./result.js"),o=require("./stream.js"),w=r=>(r||"").split(""),a="\\";class s{constructor(t){this.parse=t}run(t,e=""){return t instanceof o.Stream?this.parse(t):this.parse(new o.Stream(w(t),w(e)))}map(t){return new s(e=>this.parse(e).map(t))}chain(t){return new s(e=>this.parse(e).chain((u,l)=>t(u).run(l)))}isLiteral(t){return this.run(t).type===n.ResultType.Literal}}const p=r=>t=>new s(e=>{const{prompt:u,promptPlaceholder:l}=r;for(;!e.eof();){const{char:i,control:c}=e.peek();if(i===c&&c===u)return e.eat(),new n.Result(u,e,n.ResultType.Mask);if(t.test(i))return e.eat(),new n.Result(i,e,n.ResultType.Mask);if(i===l)return e.eat(),new n.Result(u,e,n.ResultType.Mask);e.eat_input()}return e.eat(),new n.Result(u,e,n.ResultType.Mask)}),R=r=>new s(t=>t.peek().char===r?(t.eat(),new n.Result(r,t,n.ResultType.Literal)):new n.Result(r,t,n.ResultType.Literal)),h=r=>t=>new s(e=>{for(;!e.eof();){const{char:u,control:l}=e.peek();if(u===r&&l===r)return e.eat(),new n.Result(u,e);if(t.test(u))return e.eat(),new n.Result(u,e);e.eat_input()}return e.eat(),new n.Result("",e)}),f=r=>new s(t=>{if(t.eof())return new n.Result("",t);const{char:e}=t.peek();return e===r&&t.eat(),new n.Result(r,t)}),k=(r,t)=>new s(e=>{let{char:u}=e.next();const l=r[u];return u===a?(u=e.next().char,new n.Result(t.literal(u),e)):l?new n.Result(t.mask(l),e):new n.Result(t.literal(u),e)}),y=r=>new s(t=>{const{prompt:e,promptPlaceholder:u}=r,{char:l}=t.next();return l===e?new n.Result(u,t):new n.Result(l,t)}),T=r=>new s(t=>{const{char:e}=t.next();return r?new n.Result(e,t):new n.Result("",t)});exports.Parser=s;exports.literal=R;exports.mask=p;exports.rawLiteral=T;exports.rawMask=y;exports.token=k;exports.unliteral=f;exports.unmask=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./result.js"),o=require("./stream.js"),w=r=>(r||"").split(""),a="\\";class s{constructor(t){this.parse=t}run(t,e=""){return t instanceof o.Stream?this.parse(t):this.parse(new o.Stream(w(t),w(e)))}map(t){return new s(e=>this.parse(e).map(t))}chain(t){return new s(e=>this.parse(e).chain((u,l)=>t(u).run(l)))}isLiteral(t){return this.run(t).type===n.ResultType.Literal}}const p=r=>t=>new s(e=>{const{prompt:u,promptPlaceholder:l}=r;for(;!e.eof();){const{char:i,control:c}=e.peek();if(i===c&&c===u)return e.eat(),new n.Result(u,e,n.ResultType.Mask);if(t.test(i))return e.eat(),new n.Result(i,e,n.ResultType.Mask);if(i===l)return e.eat(),new n.Result(u,e,n.ResultType.Mask);e.eat_input()}return e.eat(),new n.Result(u,e,n.ResultType.Mask)}),R=r=>new s(t=>t.peek().char===r?(t.eat(),new n.Result(r,t,n.ResultType.Literal)):new n.Result(r,t,n.ResultType.Literal)),h=r=>t=>new s(e=>{for(;!e.eof();){const{char:u,control:l}=e.peek();if(u===r&&l===r)return e.eat(),new n.Result(u,e);if(t.test(u))return e.eat(),new n.Result(u,e);e.eat_input()}return e.eat(),new n.Result("",e)}),f=r=>new s(t=>{if(t.eof())return new n.Result("",t);const{char:e}=t.peek();return e===r&&t.eat(),new n.Result(r,t)}),k=(r,t)=>new s(e=>{let{char:u}=e.next();const l=r[u];return u===a?(u=e.next().char,new n.Result(t.literal(u),e)):l?new n.Result(t.mask(l),e):new n.Result(t.literal(u),e)}),y=r=>new s(t=>{const{prompt:e,promptPlaceholder:u}=r,{char:l}=t.next();return l===e?new n.Result(u,t):new n.Result(l,t)}),T=r=>new s(t=>{const{char:e}=t.next();return r?new n.Result(e,t):new n.Result("",t)});exports.Parser=s;exports.literal=R;exports.mask=p;exports.rawLiteral=T;exports.rawMask=y;exports.token=k;exports.unliteral=f;exports.unmask=h;

package/maskedtextbox/parsing/parsers.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 import { Result as i, ResultType as u } from "./result.mjs";
 import { Stream as p } from "./stream.mjs";
 const h = (t) => (t || "").split(""), a = "\\";

package/maskedtextbox/parsing/result.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"});var a=(r=>(r[r.Literal=0]="Literal",r[r.Mask=1]="Mask",r[r.Undefined=2]="Undefined",r))(a||{});class s{constructor(t,e,i=2){this.value=t,this.rest=e,this.type=i}map(t){return new s(t(this.value),this.rest)}chain(t){return t(this.value,this.rest)}fold(t,e){return t(this.value,this.rest)}concat(t){return this.map((e,i)=>t.chain((n,h)=>e.concat([n])))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}}exports.Result=s;exports.ResultType=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a=(e=>(e[e.Literal=0]="Literal",e[e.Mask=1]="Mask",e[e.Undefined=2]="Undefined",e))(a||{});class s{constructor(t,r,i=2){this.value=t,this.rest=r,this.type=i}map(t){return new s(t(this.value),this.rest)}chain(t){return t(this.value,this.rest)}fold(t,r){return t(this.value,this.rest)}concat(t){return this.map((r,i)=>t.chain((n,u)=>r.concat([n])))}toString(){return`Result({ value: '${this.value}', rest: ${this.rest} })`}}exports.Result=s;exports.ResultType=a;

package/maskedtextbox/parsing/result.mjs

@@ -5,30 +5,31 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 var n = /* @__PURE__ */ ((r) => (r[r.Literal = 0] = "Literal", r[r.Mask = 1] = "Mask", r[r.Undefined = 2] = "Undefined", r))(n || {});
-class a {
-  constructor(t, i, s = 2) {
-    this.value = t, this.rest = i, this.type = s;
+class s {
+  constructor(t, e, i = 2) {
+    this.value = t, this.rest = e, this.type = i;
   }
   // map :: Functor f => f a ~> (a -> b) -> f b
   map(t) {
-    return new a(t(this.value), this.rest);
+    return new s(t(this.value), this.rest);
   }
   // chain :: Chain m => m a ~> (a -> m b) -> m b
   chain(t) {
     return t(this.value, this.rest);
   }
-  fold(t, i) {
+  fold(t, e) {
     return t(this.value, this.rest);
   }
   concat(t) {
-    return this.map((i, s) => t.chain((e, h) => i.concat([e])));
+    return this.map((e, i) => t.chain((a, h) => e.concat([a])));
   }
   toString() {
     return `Result({ value: '${this.value}', rest: ${this.rest} })`;
   }
 }
 export {
-  a as Result,
+  s as Result,
   n as ResultType
 };

package/maskedtextbox/parsing/stream.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"});class o{constructor(t=[],r=[]){this.input=t,this.control=r,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}}exports.Stream=o;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o{constructor(t=[],r=[]){this.input=t,this.control=r,this.inputCursor=0,this.controlCursor=0}eof(){return this.inputCursor>=this.input.length}next(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}}peek(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}}eat_input(){this.inputCursor++}eat_control(){this.controlCursor++}eat(){this.inputCursor++,this.controlCursor++}}exports.Stream=o;

package/maskedtextbox/parsing/stream.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 class s {
   constructor(t = [], r = []) {
     this.input = t, this.control = r, this.inputCursor = 0, this.controlCursor = 0;

package/maskedtextbox/utils.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 r={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},n=()=>!1,o=(a,e)=>a.includeLiterals!==e.includeLiterals||a.mask!==e.mask||a.prompt!==e.prompt||a.promptPlaceholder!==e.promptPlaceholder||!i(a.rules,e.rules),i=(a,e)=>{if(!!a!=!!e)return!1;if(a===e||!a||!e)return!0;let t=!0;for(const s in a)if(a[s]!==e[s]){t=!1;break}if(t){for(const s in e)if(!a.hasOwnProperty(s)){t=!1;break}}return t};exports.defaultRules=r;exports.maskingChanged=o;exports.returnFalse=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},n=()=>!1,o=(e,a)=>e.includeLiterals!==a.includeLiterals||e.mask!==a.mask||e.prompt!==a.prompt||e.promptPlaceholder!==a.promptPlaceholder||!i(e.rules,a.rules),i=(e,a)=>{if(!!e!=!!a)return!1;if(e===a||!e||!a)return!0;let t=!0;for(const s in e)if(e[s]!==a[s]){t=!1;break}if(t){for(const s in a)if(!e.hasOwnProperty(s)){t=!1;break}}return t};exports.defaultRules=r;exports.maskingChanged=o;exports.returnFalse=n;

package/maskedtextbox/utils.mjs

@@ -5,6 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+"use client";
 const r = {
   "#": /[\d\s\+\-]/,
   "&": /[\S]/,
@@ -15,28 +16,28 @@ const r = {
   C: /./,
   L: /[a-zA-Z]/,
   a: /[a-zA-Z0-9\s]/
-}, n = () => !1, f = (a, t) => a.includeLiterals !== t.includeLiterals || a.mask !== t.mask || a.prompt !== t.prompt || a.promptPlaceholder !== t.promptPlaceholder || !o(a.rules, t.rules), o = (a, t) => {
-  if (!!a != !!t)
+}, n = () => !1, i = (a, e) => a.includeLiterals !== e.includeLiterals || a.mask !== e.mask || a.prompt !== e.prompt || a.promptPlaceholder !== e.promptPlaceholder || !o(a.rules, e.rules), o = (a, e) => {
+  if (!!a != !!e)
     return !1;
-  if (a === t || !a || !t)
+  if (a === e || !a || !e)
     return !0;
-  let e = !0;
+  let t = !0;
   for (const s in a)
-    if (a[s] !== t[s]) {
-      e = !1;
+    if (a[s] !== e[s]) {
+      t = !1;
       break;
     }
-  if (e) {
-    for (const s in t)
+  if (t) {
+    for (const s in e)
       if (!a.hasOwnProperty(s)) {
-        e = !1;
+        t = !1;
         break;
       }
   }
-  return e;
+  return t;
 };
 export {
   r as defaultRules,
-  f as maskingChanged,
+  i as maskingChanged,
   n as returnFalse
 };

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",C="colorGradient.colorGradientFail",P="colorGradient.hueSliderLabel",g="colorGradient.alphaSliderLabel",p="colorGradient.toggleInputsButton",k="flatColorPicker.cancelBtn",B="flatColorPicker.applyBtn",b="flatColorPicker.colorGradientBtn",m="flatColorPicker.colorPaletteBtn",x="flatColorPicker.clearBtn",f="colorPicker.adaptiveTitle",h="checkbox.validation",v="checkbox.optionalText",L="radioButton.validation",V="switch.validation",T="colorPicker.dropdownButtonAriaLabel",w="rating.ariaLabel",D="signature.clear",y="signature.maximize",I="signature.minimize",S={[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",[C]:"Fail",[P]:"Hue slider",[g]:"Alpha slider",[p]:"Toggle colorgradient inputs",[k]:"Cancel",[B]:"Apply",[b]:"Color Gradient view",[m]:"Color Palette view",[x]:"Clear color value",[f]:"Choose color",[h]:"Please check this box if you want to proceed!",[v]:"(Optional)",[L]:"Please select option if you want to proceed!",[V]:"Please turn on if you want to proceed!",[T]:"Select",[w]:"Rating",[D]:"Clear",[y]:"Maximize",[I]:"Minimize"};exports.checkboxOptionalText=v;exports.checkboxValidation=h;exports.colorGradientA=c;exports.colorGradientAAALevel=G;exports.colorGradientAALevel=u;exports.colorGradientAlphaSliderLabel=g;exports.colorGradientB=n;exports.colorGradientContrastRatio=d;exports.colorGradientFail=C;exports.colorGradientG=i;exports.colorGradientHex=s;exports.colorGradientHueSliderLabel=P;exports.colorGradientPass=A;exports.colorGradientR=l;exports.colorGradientToggleInputsButton=p;exports.colorPickerAdaptiveTitle=f;exports.colorPickerDropdownButtonAriaLabel=T;exports.flatColorPickerApplyBtn=B;exports.flatColorPickerCancelBtn=k;exports.flatColorPickerClearBtn=x;exports.flatColorPickerColorGradientBtn=b;exports.flatColorPickerColorPaletteBtn=m;exports.messages=S;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.radioButtonValidation=L;exports.ratingAriaLabel=w;exports.signatureClear=D;exports.signatureMaximize=y;exports.signatureMinimize=I;exports.sliderDecreaseValue=t;exports.sliderDragTitle=a;exports.sliderIncreaseValue=r;exports.switchValidation=V;
+"use client";"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",C="colorGradient.colorGradientFail",g="colorGradient.hueSliderLabel",P="colorGradient.alphaSliderLabel",p="colorGradient.toggleInputsButton",B="flatColorPicker.cancelBtn",b="flatColorPicker.applyBtn",k="flatColorPicker.colorGradientBtn",m="flatColorPicker.colorPaletteBtn",x="flatColorPicker.clearBtn",f="checkbox.validation",h="checkbox.optionalText",L="radioButton.validation",v="switch.validation",V="colorPicker.dropdownButtonAriaLabel",w="rating.ariaLabel",D="signature.clear",T="signature.maximize",y="signature.minimize",I={[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",[C]:"Fail",[g]:"Hue slider",[P]:"Alpha slider",[p]:"Toggle colorgradient inputs",[B]:"Cancel",[b]:"Apply",[k]:"Color Gradient view",[m]:"Color Palette view",[x]:"Clear color value",[f]:"Please check this box if you want to proceed!",[h]:"(Optional)",[L]:"Please select option if you want to proceed!",[v]:"Please turn on if you want to proceed!",[V]:"Select",[w]:"Rating",[D]:"Clear",[T]:"Maximize",[y]:"Minimize"};exports.checkboxOptionalText=h;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=G;exports.colorGradientAALevel=u;exports.colorGradientAlphaSliderLabel=P;exports.colorGradientB=n;exports.colorGradientContrastRatio=d;exports.colorGradientFail=C;exports.colorGradientG=i;exports.colorGradientHex=s;exports.colorGradientHueSliderLabel=g;exports.colorGradientPass=A;exports.colorGradientR=l;exports.colorGradientToggleInputsButton=p;exports.colorPickerDropdownButtonAriaLabel=V;exports.flatColorPickerApplyBtn=b;exports.flatColorPickerCancelBtn=B;exports.flatColorPickerClearBtn=x;exports.flatColorPickerColorGradientBtn=k;exports.flatColorPickerColorPaletteBtn=m;exports.messages=I;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.radioButtonValidation=L;exports.ratingAriaLabel=w;exports.signatureClear=D;exports.signatureMaximize=T;exports.signatureMinimize=y;exports.sliderDecreaseValue=t;exports.sliderDragTitle=a;exports.sliderIncreaseValue=r;exports.switchValidation=v;

package/messages/index.mjs

@@ -5,36 +5,36 @@
  * 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", n = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", G = "colorGradient.colorGradientAALevel", u = "colorGradient.colorGradientAAALevel", p = "colorGradient.colorGradientPass", A = "colorGradient.colorGradientFail", C = "colorGradient.hueSliderLabel", P = "colorGradient.alphaSliderLabel", g = "colorGradient.toggleInputsButton", k = "flatColorPicker.cancelBtn", x = "flatColorPicker.applyBtn", b = "flatColorPicker.colorGradientBtn", m = "flatColorPicker.colorPaletteBtn", B = "flatColorPicker.clearBtn", h = "colorPicker.adaptiveTitle", v = "checkbox.validation", f = "checkbox.optionalText", L = "radioButton.validation", w = "switch.validation", T = "colorPicker.dropdownButtonAriaLabel", D = "rating.ariaLabel", V = "signature.clear", y = "signature.maximize", z = "signature.minimize", I = {
-  [o]: "Increase value",
-  [e]: "Decrease value",
+"use client";
+const e = "numerictextbox.increment", o = "numerictextbox.decrement", t = "slider.increment", r = "slider.decrement", a = "slider.dragTitle", n = "colorGradient.r", l = "colorGradient.g", i = "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", x = "flatColorPicker.cancelBtn", b = "flatColorPicker.applyBtn", k = "flatColorPicker.colorGradientBtn", m = "flatColorPicker.colorPaletteBtn", B = "flatColorPicker.clearBtn", h = "checkbox.validation", f = "checkbox.optionalText", v = "radioButton.validation", L = "switch.validation", w = "colorPicker.dropdownButtonAriaLabel", D = "rating.ariaLabel", V = "signature.clear", y = "signature.maximize", z = "signature.minimize", I = {
+  [e]: "Increase value",
+  [o]: "Decrease value",
   [t]: "Increase",
   [r]: "Decrease",
   [a]: "Drag",
-  [l]: "r",
-  [n]: "g",
+  [n]: "r",
+  [l]: "g",
   [i]: "b",
   [c]: "a",
   [s]: "hex",
   [d]: "Contrast ratio",
-  [G]: "AA",
-  [u]: "AAA",
-  [p]: "Pass",
-  [A]: "Fail",
-  [C]: "Hue slider",
-  [P]: "Alpha slider",
-  [g]: "Toggle colorgradient inputs",
-  [k]: "Cancel",
-  [x]: "Apply",
-  [b]: "Color Gradient view",
+  [u]: "AA",
+  [G]: "AAA",
+  [A]: "Pass",
+  [g]: "Fail",
+  [p]: "Hue slider",
+  [C]: "Alpha slider",
+  [P]: "Toggle colorgradient inputs",
+  [x]: "Cancel",
+  [b]: "Apply",
+  [k]: "Color Gradient view",
   [m]: "Color Palette view",
   [B]: "Clear color value",
-  [h]: "Choose color",
-  [v]: "Please check this box if you want to proceed!",
+  [h]: "Please check this box if you want to proceed!",
   [f]: "(Optional)",
-  [L]: "Please select option if you want to proceed!",
-  [w]: "Please turn on if you want to proceed!",
-  [T]: "Select",
+  [v]: "Please select option if you want to proceed!",
+  [L]: "Please turn on if you want to proceed!",
+  [w]: "Select",
   [D]: "Rating",
   [V]: "Clear",
   [y]: "Maximize",
@@ -42,31 +42,30 @@ const o = "numerictextbox.increment", e = "numerictextbox.decrement", t = "slide
 };
 export {
   f as checkboxOptionalText,
-  v as checkboxValidation,
+  h as checkboxValidation,
   c as colorGradientA,
-  u as colorGradientAAALevel,
-  G as colorGradientAALevel,
-  P as colorGradientAlphaSliderLabel,
+  G as colorGradientAAALevel,
+  u as colorGradientAALevel,
+  C as colorGradientAlphaSliderLabel,
   i as colorGradientB,
   d as colorGradientContrastRatio,
-  A as colorGradientFail,
-  n as colorGradientG,
+  g as colorGradientFail,
+  l as colorGradientG,
   s as colorGradientHex,
-  C as colorGradientHueSliderLabel,
-  p as colorGradientPass,
-  l as colorGradientR,
-  g as colorGradientToggleInputsButton,
-  h as colorPickerAdaptiveTitle,
-  T as colorPickerDropdownButtonAriaLabel,
-  x as flatColorPickerApplyBtn,
-  k as flatColorPickerCancelBtn,
+  p as colorGradientHueSliderLabel,
+  A as colorGradientPass,
+  n as colorGradientR,
+  P as colorGradientToggleInputsButton,
+  w as colorPickerDropdownButtonAriaLabel,
+  b as flatColorPickerApplyBtn,
+  x as flatColorPickerCancelBtn,
   B as flatColorPickerClearBtn,
-  b as flatColorPickerColorGradientBtn,
+  k as flatColorPickerColorGradientBtn,
   m as flatColorPickerColorPaletteBtn,
   I as messages,
-  e as numericDecreaseValue,
-  o as numericIncreaseValue,
-  L as radioButtonValidation,
+  o as numericDecreaseValue,
+  e as numericIncreaseValue,
+  v as radioButtonValidation,
   D as ratingAriaLabel,
   V as signatureClear,
   y as signatureMaximize,
@@ -74,5 +73,5 @@ export {
   r as sliderDecreaseValue,
   a as sliderDragTitle,
   t as sliderIncreaseValue,
-  w as switchValidation
+  L as switchValidation
 };