@progress/kendo-react-inputs 9.0.0-develop.2 → 9.0.0-develop.20

package/input/Input.mjs

@@ -6,192 +6,157 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as o from "react";
-import i from "prop-types";
-import { validatePackage as C, classNames as M, uInput as S, createPropsContext as I, withIdHOC as L, withPropsContext as V, withUnstyledHOC as N } from "@progress/kendo-react-common";
-import { FloatingLabel as P } from "@progress/kendo-react-labels";
-import { packageMetadata as D } from "../package-metadata.mjs";
-const s = class s extends o.Component {
-  constructor(e) {
-    super(e), this._input = null, this.focus = () => {
-      this._input && this._input.focus();
-    }, this.isInvalid = (t) => {
-      let a = !1;
-      for (let l in t)
-        t.hasOwnProperty(l) && (a = a || !!t[l]);
-      return a;
-    }, this.setValidity = () => {
-      this._input && this._input.setCustomValidity && (this.validity.valid || !this.validityStyles ? this._input.classList.remove("k-invalid") : this._input.classList.add("k-invalid"), this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || ""
-      ));
-    }, this.handleChange = (t) => {
-      this.setState({
-        value: t.target.value
-      }), this.valueDuringOnChange = t.target.value, this.props.onChange && this.props.onChange.call(void 0, {
-        syntheticEvent: t,
-        nativeEvent: t.nativeEvent,
-        value: t.target.value,
-        target: this
-      }), this.valueDuringOnChange = void 0;
-    }, this.handleAutoFill = (t) => {
-      if (t.animationName === "autoFillStart") {
-        let a = t.target.parentNode;
-        a && a.classList.contains("k-empty") && a.classList.remove("k-empty");
-      }
-    }, C(D), this.state = {
-      value: this.props.defaultValue || s.defaultProps.defaultValue
-    };
-  }
-  get _inputId() {
-    return this.props.id;
-  }
-  /**
-   * Gets the native input element of the Input component.
-   */
-  get element() {
-    return this._input;
-  }
-  /**
-   * Gets the value of the Input.
-   */
-  get value() {
-    return this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
-  }
-  /**
-   * Gets the `name` property of the Input.
-   */
-  get name() {
-    return this.props.name;
-  }
-  /**
-   * Represents the validity state into which the Input is set.
-   */
-  get validity() {
-    const e = {
-      badInput: this._input ? this._input.validity.badInput : !1,
-      patternMismatch: this._input ? this._input.validity.patternMismatch : !1,
-      rangeOverflow: this._input ? this._input.validity.rangeOverflow : !1,
-      rangeUnderflow: this._input ? this._input.validity.rangeUnderflow : !1,
-      stepMismatch: this._input ? this._input.validity.stepMismatch : !1,
-      tooLong: this._input ? this._input.validity.tooLong : !1,
-      typeMismatch: this._input ? this._input.validity.typeMismatch : !1,
-      valueMissing: this._input ? this._input.validity.valueMissing : !1
+import * as r from "react";
+import a from "prop-types";
+import { validatePackage as J, applyDefaultProps as Q, useUnstyled as W, useId as X, classNames as Y, uInput as Z, createPropsContext as _ } from "@progress/kendo-react-common";
+import { FloatingLabel as $ } from "@progress/kendo-react-labels";
+import { packageMetadata as ee } from "../package-metadata.mjs";
+const I = r.forwardRef((L, M) => {
+  const P = r.useContext(te).call(void 0, L);
+  J(ee);
+  const [, x] = r.useReducer((t) => t, !0), i = Q(P, ae), {
+    className: E,
+    label: o,
+    labelClassName: N,
+    id: k,
+    validationMessage: v,
+    defaultValue: R,
+    valid: p,
+    unstyled: f,
+    // Removed to support direct use in Form Field component
+    visited: ie,
+    touched: ne,
+    modified: se,
+    autoFocus: V,
+    ariaLabelledBy: w,
+    ariaDescribedBy: F,
+    validityStyles: m,
+    style: y,
+    ariaLabel: U,
+    ...B
+  } = i, D = W(), g = f || D, O = g && g.uInput, S = X(), [T, q] = r.useState({
+    value: R
+  }), b = k || S, e = r.useRef(null), s = r.useRef(void 0), u = r.useRef(null), A = () => {
+    e.current && e.current.focus();
+  }, c = () => s.current !== void 0 ? s.current : i.value !== void 0 ? i.value : T.value, l = () => {
+    const t = {
+      badInput: e.current ? e.current.validity.badInput : !1,
+      patternMismatch: e.current ? e.current.validity.patternMismatch : !1,
+      rangeOverflow: e.current ? e.current.validity.rangeOverflow : !1,
+      rangeUnderflow: e.current ? e.current.validity.rangeUnderflow : !1,
+      stepMismatch: e.current ? e.current.validity.stepMismatch : !1,
+      tooLong: e.current ? e.current.validity.tooLong : !1,
+      typeMismatch: e.current ? e.current.validity.typeMismatch : !1,
+      valueMissing: e.current ? e.current.validity.valueMissing : !1
     };
     return {
-      ...e,
-      customError: this.props.validationMessage !== void 0,
-      valid: this.props.valid !== void 0 ? this.props.valid : this._input ? !this.isInvalid(e) : !0
+      ...t,
+      customError: v !== void 0,
+      valid: p !== void 0 ? p : e.current ? !G(t) : !0
     };
-  }
-  /**
-   * @hidden
-   */
-  get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : s.defaultProps.validityStyles;
-  }
-  /**
-   * @hidden
-   */
-  componentDidMount() {
-    this.forceUpdate();
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate() {
-    this.setValidity();
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const {
-      className: e,
-      label: t,
-      labelClassName: a,
-      id: l,
-      validationMessage: F,
-      defaultValue: k,
-      valid: E,
-      unstyled: r,
-      // Removed to support direct use in Form Field component
-      visited: B,
-      touched: U,
-      modified: x,
-      autoFocus: c,
-      ariaLabelledBy: y,
-      ariaDescribedBy: g,
-      validityStyles: A,
-      style: u,
-      ariaLabel: m,
-      ...n
-    } = this.props, h = l || this._inputId, d = !this.validityStyles || this.validity.valid, f = r && r.uInput, b = M(e, S.input(
-      {
-        c: f,
-        invalid: !d,
-        disabled: this.props.disabled
-      }
-    )), v = /* @__PURE__ */ o.createElement(
-      "input",
-      {
-        "aria-labelledby": y,
-        "aria-describedby": g,
-        "aria-disabled": this.props.disabled || void 0,
-        "aria-invalid": !d || void 0,
-        "aria-label": m || void 0,
-        ...n,
-        style: t ? void 0 : u,
-        value: this.value,
-        id: h,
-        autoFocus: c,
-        className: b,
-        onChange: this.handleChange,
-        onAnimationStart: this.handleAutoFill,
-        ref: (_) => {
-          this._input = _;
-        }
-      }
-    );
-    return t ? /* @__PURE__ */ o.createElement(
-      P,
-      {
-        label: t,
-        labelClassName: a,
-        editorId: h,
-        editorValue: String(this.value),
-        editorValid: d,
-        editorDisabled: n.disabled,
-        editorPlaceholder: n.placeholder,
-        children: v,
-        style: u,
-        dir: n.dir,
-        unstyled: r
-      }
-    ) : v;
-  }
-};
-s.displayName = "Input", s.propTypes = {
-  label: i.string,
-  labelClassName: i.string,
-  validationMessage: i.string,
-  required: i.bool,
-  validate: i.bool,
-  id: i.string,
-  ariaLabelledBy: i.string,
-  ariaDescribedBy: i.string,
-  ariaLabel: i.string,
-  autoFocus: i.bool
-}, s.defaultProps = {
+  };
+  r.useImperativeHandle(u, () => ({
+    element: e.current,
+    props: i,
+    get value() {
+      return c();
+    },
+    name: i.name,
+    get validity() {
+      return l();
+    },
+    focus: A
+  })), r.useImperativeHandle(M, () => u.current);
+  const G = (t) => {
+    let n = !1;
+    for (const C in t)
+      t.hasOwnProperty(C) && (n = n || !!t[C]);
+    return n;
+  }, d = !m || l().valid, H = Y(
+    E,
+    Z.input({
+      c: O,
+      invalid: !d,
+      disabled: i.disabled
+    })
+  ), K = () => {
+    e.current && e.current.setCustomValidity && (l().valid || !m ? e.current.classList.remove("k-invalid") : e.current.classList.add("k-invalid"), e.current.setCustomValidity(l().valid ? "" : v || ""));
+  }, j = (t) => {
+    q({
+      value: t.target.value
+    }), s.current = t.target.value, i.onChange && i.onChange.call(void 0, {
+      syntheticEvent: t,
+      nativeEvent: t.nativeEvent,
+      value: t.target.value,
+      target: u.current
+    }), s.current = void 0;
+  }, z = (t) => {
+    if (t.animationName === "autoFillStart") {
+      const n = t.target.parentNode;
+      n && n.classList.contains("k-empty") && n.classList.remove("k-empty");
+    }
+  };
+  r.useEffect(() => {
+    x();
+  }, []), r.useEffect(() => {
+    K();
+  });
+  const h = /* @__PURE__ */ r.createElement(
+    "input",
+    {
+      "aria-labelledby": w,
+      "aria-describedby": F,
+      "aria-disabled": i.disabled || void 0,
+      "aria-invalid": !d || void 0,
+      "aria-label": U || void 0,
+      ...B,
+      style: o ? void 0 : y,
+      value: c(),
+      id: b,
+      autoFocus: V,
+      className: H,
+      onChange: j,
+      onAnimationStart: z,
+      ref: e
+    }
+  );
+  return o ? /* @__PURE__ */ r.createElement(
+    $,
+    {
+      label: o,
+      labelClassName: N,
+      editorId: b,
+      editorValue: String(c()),
+      editorValid: d,
+      editorDisabled: i.disabled,
+      editorPlaceholder: i.placeholder,
+      children: h,
+      style: y,
+      dir: i.dir,
+      unstyled: f
+    }
+  ) : h;
+}), te = _(), ae = {
   defaultValue: "",
   required: !1,
   validityStyles: !0,
   autoFocus: !1
 };
-let p = s;
-const O = I(), w = L(V(O, N(p)));
-w.displayName = "KendoReactInput";
+I.displayName = "KendoReactInput";
+I.propTypes = {
+  label: a.string,
+  labelClassName: a.string,
+  validationMessage: a.string,
+  required: a.bool,
+  validate: a.bool,
+  id: a.string,
+  ariaLabelledBy: a.string,
+  ariaDescribedBy: a.string,
+  ariaLabel: a.string,
+  autoFocus: a.bool,
+  value: a.oneOfType([a.string, a.number, a.array])
+};
 export {
-  w as Input,
-  O as InputPropsContext,
-  p as InputWithoutContext
+  I as Input,
+  te as InputPropsContext
 };

package/input/InputClearValue.mjs

@@ -9,18 +9,13 @@
 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, a) => {
-  const n = e.useRef(null), l = e.useRef(null), s = c(), u = s && s.uInput, r = m(o.clearButton(
-    {
+  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(
-    n,
-    () => ({ element: l.current })
-  ), e.useImperativeHandle(
-    a,
-    () => n.current
-  ), /* @__PURE__ */ e.createElement("span", { ...t, className: r });
+    }),
+    t.className
+  );
+  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.mjs

@@ -8,24 +8,23 @@
 "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), 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,
-      orientation: t
-    }), s.className),
-    [s.className, l, t]
-  );
-  return /* @__PURE__ */ e.createElement("span", { ...s, className: m });
-});
+const f = e.forwardRef(
+  ({ orientation: t = "horizontal", ...s }, r) => {
+    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,
+          orientation: t
+        }),
+        s.className
+      ),
+      [s.className, l, t]
+    );
+    return /* @__PURE__ */ e.createElement("span", { ...s, className: m });
+  }
+);
 f.displayName = "KendoReactInputPrefix";
 export {
   f as InputPrefix

package/input/InputSeparator.mjs

@@ -8,16 +8,18 @@
 "use client";
 import * as e from "react";
 import { classNames as l } from "@progress/kendo-react-common";
-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", { ...t, className: l("k-input-separator", t.className, `k-input-separator-${r}`) });
-});
+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",
+      {
+        ...t,
+        className: l("k-input-separator", t.className, `k-input-separator-${r}`)
+      }
+    );
+  }
+);
 u.displayName = "KendoReactInputSeparator";
 export {
   u as InputSeparator

package/input/InputSuffix.mjs

@@ -8,24 +8,23 @@
 "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), 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,
-      orientation: t
-    }), s.className),
-    [s.className, l, t]
-  );
-  return /* @__PURE__ */ e.createElement("span", { ...s, className: m });
-});
+const x = e.forwardRef(
+  ({ orientation: t = "horizontal", ...s }, u) => {
+    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,
+          orientation: t
+        }),
+        s.className
+      ),
+      [s.className, l, t]
+    );
+    return /* @__PURE__ */ e.createElement("span", { ...s, className: m });
+  }
+);
 x.displayName = "KendoReactInputSuffix";
 export {
   x as InputSuffix

package/input/InputValidationIcon.mjs

@@ -8,7 +8,9 @@
 "use client";
 import { IconWrap as n, classNames as o } from "@progress/kendo-react-common";
 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) }));
+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 {
   c as InputValidationIcon

package/maskedtextbox/masking.service.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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="",l=r;const 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

@@ -40,8 +40,8 @@ class C {
     return e.length < s.length ? this.maskRemoved(e, s, t) : this.maskInserted(e, s, t);
   }
   maskInRange(e, s, t, r) {
-    let n = "", o = r;
-    const a = s.split("").slice(0, t), l = s.split("").slice(r);
+    let n = "";
+    const o = r, a = s.split("").slice(0, t), l = s.split("").slice(r);
     return i(this.maskTokens.slice(t, r)).run(e).fold((h) => {
       n = a.concat(h).concat(l).join("");
     }), {

package/maskedtextbox/parsing/parsers.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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((l,u)=>t(l).run(u)))}isLiteral(t){return this.run(t).type===n.ResultType.Literal}}const p=r=>t=>new s(e=>{const{prompt:l,promptPlaceholder:u}=r;for(;!e.eof();){const{char:i,control:c}=e.peek();if(i===c&&c===l)return e.eat(),new n.Result(l,e,n.ResultType.Mask);if(t.test(i))return e.eat(),new n.Result(i,e,n.ResultType.Mask);if(i===u)return e.eat(),new n.Result(l,e,n.ResultType.Mask);e.eat_input()}return e.eat(),new n.Result(l,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:l,control:u}=e.peek();if(l===r&&u===r)return e.eat(),new n.Result(l,e);if(t.test(l))return e.eat(),new n.Result(l,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:l}=e.next();const u=r[l];return l===a?(l=e.next().char,new n.Result(t.literal(l),e)):u?new n.Result(t.mask(u),e):new n.Result(t.literal(l),e)}),y=r=>new s(t=>{const{prompt:e,promptPlaceholder:l}=r;let{char:u}=t.next();return u===e?new n.Result(l,t):new n.Result(u,t)}),T=r=>new s(t=>{let{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

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { Result as i, ResultType as l } from "./result.mjs";
+import { Result as i, ResultType as u } from "./result.mjs";
 import { Stream as p } from "./stream.mjs";
 const h = (t) => (t || "").split(""), a = "\\";
-class u {
+class o {
   constructor(e) {
     this.parse = e;
   }
@@ -18,30 +18,30 @@ class u {
   }
   // map :: Functor f => f a ~> (a -> b) -> f b
   map(e) {
-    return new u((n) => this.parse(n).map(e));
+    return new o((n) => this.parse(n).map(e));
   }
   // chain :: Chain m => m a ~> (a -> m b) -> m b
   chain(e) {
-    return new u((n) => this.parse(n).chain((r, c) => e(r).run(c)));
+    return new o((n) => this.parse(n).chain((r, c) => e(r).run(c)));
   }
   isLiteral(e) {
-    return this.run(e).type === l.Literal;
+    return this.run(e).type === u.Literal;
   }
 }
-const k = (t) => (e) => new u((n) => {
+const k = (t) => (e) => new o((n) => {
   const { prompt: r, promptPlaceholder: c } = t;
   for (; !n.eof(); ) {
-    const { char: o, control: w } = n.peek();
-    if (o === w && w === r)
-      return n.eat(), new i(r, n, l.Mask);
-    if (e.test(o))
-      return n.eat(), new i(o, n, l.Mask);
-    if (o === c)
-      return n.eat(), new i(r, n, l.Mask);
+    const { char: w, control: l } = n.peek();
+    if (w === l && l === r)
+      return n.eat(), new i(r, n, u.Mask);
+    if (e.test(w))
+      return n.eat(), new i(w, n, u.Mask);
+    if (w === c)
+      return n.eat(), new i(r, n, u.Mask);
     n.eat_input();
   }
-  return n.eat(), new i(r, n, l.Mask);
-}), x = (t) => new u((e) => e.peek().char === t ? (e.eat(), new i(t, e, l.Literal)) : new i(t, e, l.Literal)), L = (t) => (e) => new u((n) => {
+  return n.eat(), new i(r, n, u.Mask);
+}), x = (t) => new o((e) => e.peek().char === t ? (e.eat(), new i(t, e, u.Literal)) : new i(t, e, u.Literal)), L = (t) => (e) => new o((n) => {
   for (; !n.eof(); ) {
     const { char: r, control: c } = n.peek();
     if (r === t && c === t)
@@ -51,25 +51,24 @@ const k = (t) => (e) => new u((n) => {
     n.eat_input();
   }
   return n.eat(), new i("", n);
-}), M = (t) => new u((e) => {
+}), M = (t) => new o((e) => {
   if (e.eof())
     return new i("", e);
   const { char: n } = e.peek();
   return n === t && e.eat(), new i(t, e);
-}), A = (t, e) => new u((n) => {
+}), A = (t, e) => new o((n) => {
   let { char: r } = n.next();
   const c = t[r];
   return r === a ? (r = n.next().char, new i(e.literal(r), n)) : c ? new i(e.mask(c), n) : new i(e.literal(r), n);
-}), R = (t) => new u((e) => {
-  const { prompt: n, promptPlaceholder: r } = t;
-  let { char: c } = e.next();
+}), R = (t) => new o((e) => {
+  const { prompt: n, promptPlaceholder: r } = t, { char: c } = e.next();
   return c === n ? new i(r, e) : new i(c, e);
-}), y = (t) => new u((e) => {
-  let { char: n } = e.next();
+}), y = (t) => new o((e) => {
+  const { char: n } = e.next();
   return t ? new i(n, e) : new i("", e);
 });
 export {
-  u as Parser,
+  o as Parser,
   x as literal,
   k as mask,
   y as rawLiteral,