igniteui-webcomponents 6.0.1 → 6.1.0

package/components/mask-input/mask-input.js

@@ -11,11 +11,22 @@ import { live } from 'lit/directives/live.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { createFormValueState, } from '../common/mixins/forms/form-value.js';
-import { isEmpty, partNameMap } from '../common/util.js';
+import { partMap } from '../common/part-map.js';
+import { isEmpty } from '../common/util.js';
 import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { IgcMaskInputBaseComponent, } from './mask-input-base.js';
 import { maskValidators } from './validators.js';
 class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._formValue = createFormValueState(this, {
+            initialValue: '',
+            transformers: {
+                setFormValue: (value) => this._isRawMode ? value || null : this.maskedValue || null,
+            },
+        });
+        this.valueMode = 'raw';
+    }
     static register() {
         registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);
     }
@@ -49,16 +60,6 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
             this.maskedValue = this.parser.apply(this._formValue.value);
         }
     }
-    constructor() {
-        super();
-        this.valueMode = 'raw';
-        this._formValue = createFormValueState(this, {
-            initialValue: '',
-            transformers: {
-                setFormValue: (value) => this._isRawMode ? value || null : this.maskedValue || null,
-            },
-        });
-    }
     promptChange() {
         this.parser.prompt = this.prompt;
         if (this.value) {
@@ -125,7 +126,7 @@ class IgcMaskInputComponent extends IgcMaskInputBaseComponent {
         return html `
       <input
         type="text"
-        part=${partNameMap(this.resolvePartNames('input'))}
+        part=${partMap(this.resolvePartNames('input'))}
         name=${ifDefined(this.name)}
         .value=${live(this.maskedValue)}
         .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}

package/components/mask-input/mask-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  type FormValue,\n  createFormValueState,\n} from '../common/mixins/forms/form-value.js';\nimport { isEmpty, partNameMap } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override _formValue: FormValue<string>;\n\n  protected get _isRawMode() {\n    return this.valueMode === 'raw';\n  }\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   * @attr\n   */\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this.maskedValue : value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n    this._validate();\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  constructor() {\n    super();\n\n    this._formValue = createFormValueState(this, {\n      initialValue: '',\n      transformers: {\n        setFormValue: (value) =>\n          this._isRawMode ? value || null : this.maskedValue || null,\n      },\n    });\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n    this._updateValidity();\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._formValue.setValueAndFormState(this.parser.parse(value));\n    this._validate();\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._formValue.value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\n    this.focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this.maskedValue = this.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    this.invalid = !this.checkValidity();\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partNameMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        @keydown=${this.handleKeydown}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}
+{"version":3,"file":"mask-input.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  type FormValueOf,\n  createFormValueState,\n} from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport { isEmpty } from '../common/util.js';\nimport type { MaskInputValueMode } from '../types.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n  IgcMaskInputBaseComponent,\n  type MaskRange,\n} from './mask-input-base.js';\nimport { maskValidators } from './validators.js';\n\n/**\n * A masked input is an input field where a developer can control user input and format the visible value,\n * based on configurable rules\n *\n * @element igc-mask-input\n *\n * @slot prefix - Renders content before the input\n * @slot suffix - Renders content after the input\n * @slot helper-text - Renders content below the input\n * @slot value-missing - Renders content when the required validation fails.\n * @slot bad-input - Renders content when a required mask pattern validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control receives user input\n * @fires igcChange - Emitted when an alteration of the control's value is committed by the user\n *\n * @csspart container - The main wrapper that holds all main input elements\n * @csspart input - The native input element\n * @csspart label - The native label element\n * @csspart prefix - The prefix wrapper\n * @csspart suffix - The suffix wrapper\n * @csspart helper-text - The helper text wrapper\n */\nexport default class IgcMaskInputComponent extends IgcMaskInputBaseComponent {\n  public static readonly tagName = 'igc-mask-input';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcMaskInputComponent, IgcValidationContainerComponent);\n  }\n\n  protected override get __validators() {\n    return maskValidators;\n  }\n\n  protected override readonly _formValue: FormValueOf<string> =\n    createFormValueState(this, {\n      initialValue: '',\n      transformers: {\n        setFormValue: (value) =>\n          this._isRawMode ? value || null : this.maskedValue || null,\n      },\n    });\n\n  protected get _isRawMode() {\n    return this.valueMode === 'raw';\n  }\n\n  /**\n   * Dictates the behavior when retrieving the value of the control:\n   *\n   * - `raw` will return the clean user input.\n   * - `withFormatting` will return the value with all literals and prompts.\n   * @attr value-mode\n   */\n  @property({ attribute: 'value-mode' })\n  public valueMode: MaskInputValueMode = 'raw';\n\n  /**\n   * The value of the input.\n   *\n   * Regardless of the currently set `value-mode`, an empty value will return an empty string.\n   * @attr\n   */\n  public get value(): string {\n    const value = this._formValue.value;\n\n    if (this._isRawMode) {\n      return value;\n    }\n    return value ? this.maskedValue : value;\n  }\n\n  /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n  @property()\n  public set value(string: string) {\n    const value = string ?? '';\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n    this._validate();\n  }\n\n  /**\n   * The mask pattern to apply on the input.\n   * @attr\n   */\n  @property()\n  public get mask(): string {\n    return this._mask;\n  }\n\n  /** The mask pattern to apply on the input. */\n  public set mask(value: string) {\n    this._mask = value;\n    this.parser.mask = value;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  @watch('prompt')\n  protected promptChange() {\n    this.parser.prompt = this.prompt;\n    if (this.value) {\n      this.maskedValue = this.parser.apply(this._formValue.value);\n    }\n  }\n\n  protected override _restoreDefaultValue(): void {\n    const value = this.defaultValue as string;\n\n    this.maskedValue = this.parser.apply(value);\n    this.updateMaskedValue();\n    this._formValue.setValueAndFormState(value);\n    this._updateValidity();\n  }\n\n  protected async updateInput(string: string, range: MaskRange) {\n    const { value, end } = this.parser.replace(\n      this.maskedValue,\n      string,\n      range.start,\n      range.end\n    );\n\n    this.maskedValue = value;\n    this._formValue.setValueAndFormState(this.parser.parse(value));\n    this._validate();\n    this.requestUpdate();\n\n    if (range.start !== this.mask.length) {\n      this.emitEvent('igcInput', { detail: this.value });\n    }\n    await this.updateComplete;\n\n    this.input.setSelectionRange(end, end);\n  }\n\n  protected handleDragEnter() {\n    if (!this.focused && !this._formValue.value) {\n      this.maskedValue = this.emptyMask;\n    }\n  }\n\n  protected handleDragLeave() {\n    if (!this.focused) {\n      this.updateMaskedValue();\n    }\n  }\n\n  protected async handleFocus() {\n    this.focused = true;\n\n    if (this.readOnly) {\n      return;\n    }\n\n    if (!this._formValue.value) {\n      // In case of empty value, select the whole mask\n      this.maskedValue = this.emptyMask;\n\n      await this.updateComplete;\n      this.select();\n    }\n  }\n\n  protected handleBlur() {\n    this.focused = false;\n    this.updateMaskedValue();\n    this.invalid = !this.checkValidity();\n  }\n\n  protected handleChange() {\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected updateMaskedValue() {\n    if (this.maskedValue === this.emptyMask) {\n      this.maskedValue = '';\n    }\n  }\n\n  protected override _updateSetRangeTextValue() {\n    this.value = this.parser.parse(this.maskedValue);\n  }\n\n  protected override renderInput() {\n    return html`\n      <input\n        type=\"text\"\n        part=${partMap(this.resolvePartNames('input'))}\n        name=${ifDefined(this.name)}\n        .value=${live(this.maskedValue)}\n        .placeholder=${live(this.placeholder ?? this.parser.escapedMask)}\n        ?readonly=${this.readOnly}\n        ?disabled=${this.disabled}\n        @dragenter=${this.handleDragEnter}\n        @dragleave=${this.handleDragLeave}\n        @dragstart=${this.handleDragStart}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @cut=${this.handleCut}\n        @change=${this.handleChange}\n        @click=${this.handleClick}\n        @compositionstart=${this.handleCompositionStart}\n        @compositionend=${this.handleCompositionEnd}\n        @input=${this.handleInput}\n        aria-describedby=${ifDefined(\n          isEmpty(this._helperText) ? nothing : 'helper-text'\n        )}\n        aria-invalid=${this.invalid ? 'true' : 'false'}\n        @keydown=${this.handleKeydown}\n      />\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-mask-input': IgcMaskInputComponent;\n  }\n}\n"]}

package/components/mask-input/mask-parser.d.ts

@@ -1,32 +1,118 @@
+/** Options for the {@link MaskParser} */
 interface MaskOptions {
+    /**
+     * The mask format string (e.g., '00/00/0000' for dates, 'AAA-000' for custom IDs).
+     *
+     * Supported flags: a, A, C, L, 0, 9, #, &, ?.
+     *
+     * Use `'\'` to escape a flag character if it should be treated as a literal.
+     * @default 'CCCCCCCCCC'
+     */
     format: string;
+    /**
+     * The character used to prompt for input in unfilled mask positions.
+     * Must be a single character.
+     * @default '_'
+     */
     promptCharacter: string;
 }
+/**
+ * Result type for the replace operation, containing the new masked value and the
+ * ideal cursor position.
+ */
+type MaskReplaceResult = {
+    value: string;
+    end: number;
+};
+/**
+ * A class for parsing and applying masks to strings, typically for input fields.
+ * It handles mask definitions, literals, character validation, and cursor positioning.
+ */
 export declare class MaskParser {
-    protected options: MaskOptions;
-    constructor(options?: MaskOptions);
-    protected literals: Map<number, string>;
+    protected readonly _options: MaskOptions;
+    /** Stores literal characters and their original positions in the mask (e.g., '(', ')', '-'). */
+    protected readonly _literals: Map<number, string>;
+    /** A Set of positions where literals occur in the `_escapedMask`. */
+    protected _literalPositions: Set<number>;
+    /** The mask format after processing escape characters */
     protected _escapedMask: string;
-    get literalPositions(): number[];
+    /**
+     * Returns a set of the all the literal positions in the mask.
+     * These positions are fixed characters that are not part of the input.
+     */
+    get literalPositions(): Set<number>;
+    /**
+     * Returns the escaped mask string.
+     * This is the mask after processing any escape sequences.
+     */
     get escapedMask(): string;
+    /**
+     * Gets the unescaped mask string (the original format string).
+     * If the mask has no escape sequences, then `mask === escapedMask`.
+     */
     get mask(): string;
+    /**
+     * Sets the mask of the parser.
+     * When the mask is set, it triggers a re-parsing of the mask literals and escaped mask.
+     */
     set mask(value: string);
+    /**
+     * Gets the prompt character used for unfilled mask positions.
+     */
     get prompt(): string;
+    /**
+     * Sets the prompt character. Only the first character of the provided string is used.
+     */
     set prompt(value: string);
-    protected parseMaskLiterals(): void;
-    protected isPromptChar(char: string): boolean;
-    protected replaceCharAt(string: string, pos: number, char: string): string;
-    protected validate(char: string, maskedChar: string): boolean;
-    protected getNonLiteralPositions(mask?: string): number[];
-    protected getRequiredNonLiteralPositions(mask: string): number[];
+    constructor(options?: MaskOptions);
+    /**
+     * Parses the mask format string to identify literal characters and
+     * create the escaped mask. This method is called whenever the mask format changes.
+     */
+    protected _parseMaskLiterals(): void;
+    /**
+     * Gets an array of positions in the escaped mask that correspond to
+     * required input flags (e.g., '0', 'L') and are not literal characters.
+     *
+     * These positions must be filled for the masked string to be valid.
+     */
+    protected _getRequiredNonLiteralPositions(): number[];
+    /**
+     * Finds the closest non-literal position in the mask *before* the given start position.
+     * Useful for backward navigation (e.g., backspace).
+     *
+     * @remarks
+     * If no non-literal is found before `start`, return `start`.
+     */
     getPreviousNonLiteralPosition(start: number): number;
+    /**
+     * Finds the closest non-literal position in the mask *after* the given start position.
+     * Useful for forward navigation (e.g., arrow keys, delete key or initial cursor placement).
+     *
+     * @remarks
+     * If no non-literal is found after `start`, return `start`.
+     */
     getNextNonLiteralPosition(start: number): number;
-    replace(maskString: string, value: string, start: number, end: number): {
-        value: string;
-        end: number;
-    };
+    /**
+     * Replaces a segment of the masked string with new input, simulating typing or pasting.
+     * It handles clearing the selected range and inserting new characters according to the mask.
+     */
+    replace(maskString: string, value: string, start: number, end: number): MaskReplaceResult;
+    /**
+     * Parses the masked string, extracting only the valid input characters.
+     * This effectively "unmasks" the string, removing prompts and literals.
+     */
     parse(masked?: string): string;
+    /**
+     * Checks if the masked string is valid, specifically if all required mask positions are filled
+     * with valid, non-prompt characters.
+     */
     isValidString(input?: string): boolean;
+    /**
+     * Applies the mask format to an input string. This attempts to fit the input
+     * into the mask from left to right, filling valid positions and skipping invalid
+     * input characters.
+     */
     apply(input?: string): string;
 }
 export {};

package/components/mask-input/mask-parser.js

@@ -1,17 +1,17 @@
-const FLAGS = new Set('aACL09#&?');
-const REGEX = new Map([
+const MASK_FLAGS = new Set('aACL09#&?');
+const MASK_REQUIRED_FLAGS = new Set('0#LA&');
+const MASK_PATTERNS = new Map([
     ['C', /(?!^$)/u],
     ['&', /[^\p{Separator}]/u],
-    ['a', /[\p{Letter}\d\p{Separator}]/u],
-    ['A', /[\p{Letter}\d]/u],
+    ['a', /[\p{Letter}\p{Number}\p{Separator}]/u],
+    ['A', /[\p{Letter}\p{Number}]/u],
     ['?', /[\p{Letter}\p{Separator}]/u],
     ['L', /\p{Letter}/u],
-    ['0', /\d/],
-    ['9', /[\d\p{Separator}]/u],
-    ['#', /[\d\-+]/],
+    ['0', /\p{Number}/u],
+    ['9', /[\p{Number}\p{Separator}]/u],
+    ['#', /[\p{Number}\-+]/u],
 ]);
-const REQUIRED = new Set('0#LA&');
-const replaceIMENumbers = (string) => {
+function replaceIMENumbers(string) {
     return string.replace(/[０１２３４５６７８９]/g, (num) => ({
         '１': '1',
         '２': '2',
@@ -24,171 +24,188 @@ const replaceIMENumbers = (string) => {
         '９': '9',
         '０': '0',
     })[num]);
+}
+function validate(char, flag) {
+    return MASK_PATTERNS.get(flag)?.test(char) ?? false;
+}
+const MaskDefaultOptions = {
+    format: 'CCCCCCCCCC',
+    promptCharacter: '_',
 };
 export class MaskParser {
-    constructor(options = { format: 'CCCCCCCCCC', promptCharacter: '_' }) {
-        this.literals = new Map();
-        this._escapedMask = '';
-        this.options = options;
-        this.parseMaskLiterals();
-    }
     get literalPositions() {
-        return Array.from(this.literals.keys());
+        return this._literalPositions;
     }
     get escapedMask() {
         return this._escapedMask;
     }
     get mask() {
-        return this.options.format;
+        return this._options.format;
     }
     set mask(value) {
-        this.options.format = value || this.options.format;
-        this.parseMaskLiterals();
+        this._options.format = value || this._options.format;
+        this._parseMaskLiterals();
     }
     get prompt() {
-        return this.options.promptCharacter;
+        return this._options.promptCharacter;
     }
     set prompt(value) {
-        this.options.promptCharacter = value
+        this._options.promptCharacter = value
             ? value.substring(0, 1)
-            : this.options.promptCharacter;
+            : this._options.promptCharacter;
     }
-    parseMaskLiterals() {
-        this.literals.clear();
-        this._escapedMask = this.mask;
-        for (let i = 0, j = 0; i < this.mask.length; i++, j++) {
-            const [current, next] = [this.mask.charAt(i), this.mask.charAt(i + 1)];
-            if (current === '\\' && FLAGS.has(next)) {
-                this._escapedMask = this.replaceCharAt(this._escapedMask, j, '');
-                this.literals.set(j, next);
+    constructor(options) {
+        this._literals = new Map();
+        this._literalPositions = new Set();
+        this._escapedMask = '';
+        this._options = { ...MaskDefaultOptions, ...options };
+        this._parseMaskLiterals();
+    }
+    _parseMaskLiterals() {
+        const mask = this.mask;
+        const length = mask.length;
+        const escapedMaskChars = [];
+        let currentPos = 0;
+        this._literals.clear();
+        for (let i = 0; i < length; i++) {
+            const [current, next] = [mask.charAt(i), mask.charAt(i + 1)];
+            if (current === '\\' && MASK_FLAGS.has(next)) {
+                this._literals.set(currentPos, next);
+                escapedMaskChars.push(next);
                 i++;
             }
-            else if (!FLAGS.has(current)) {
-                this.literals.set(j, current);
+            else if (MASK_FLAGS.has(current)) {
+                escapedMaskChars.push(current);
             }
-        }
-    }
-    isPromptChar(char) {
-        return char === this.prompt;
-    }
-    replaceCharAt(string, pos, char) {
-        return `${string.substring(0, pos)}${char}${string.substring(pos + 1)}`;
-    }
-    validate(char, maskedChar) {
-        const regex = REGEX.get(maskedChar);
-        return regex ? regex.test(char) : false;
-    }
-    getNonLiteralPositions(mask = '') {
-        const positions = this.literalPositions;
-        const result = [];
-        const iter = Array.from(mask).entries();
-        for (const [pos, _] of iter) {
-            if (!positions.includes(pos)) {
-                result.push(pos);
+            else {
+                this._literals.set(currentPos, current);
+                escapedMaskChars.push(current);
             }
+            currentPos++;
         }
-        return result;
+        this._escapedMask = escapedMaskChars.join('');
+        this._literalPositions = new Set(this._literals.keys());
     }
-    getRequiredNonLiteralPositions(mask) {
-        const positions = this.literalPositions;
+    _getRequiredNonLiteralPositions() {
+        const literalPositions = this.literalPositions;
+        const escapedMask = this._escapedMask;
+        const length = escapedMask.length;
         const result = [];
-        const iter = Array.from(mask).entries();
-        for (const [pos, char] of iter) {
-            if (REQUIRED.has(char) && !positions.includes(pos)) {
-                result.push(pos);
+        for (let i = 0; i < length; i++) {
+            const char = escapedMask[i];
+            if (MASK_REQUIRED_FLAGS.has(char) && !literalPositions.has(i)) {
+                result.push(i);
             }
         }
         return result;
     }
     getPreviousNonLiteralPosition(start) {
-        const positions = this.literalPositions;
+        const literalPositions = this.literalPositions;
         for (let i = start; i > 0; i--) {
-            if (!positions.includes(i))
+            if (!literalPositions.has(i)) {
                 return i;
+            }
         }
         return start;
     }
     getNextNonLiteralPosition(start) {
-        const positions = this.literalPositions;
-        for (let i = start; i < this._escapedMask.length; i++) {
-            if (!positions.includes(i))
+        const literalPositions = this.literalPositions;
+        const length = this._escapedMask.length;
+        for (let i = start; i < length; i++) {
+            if (!literalPositions.has(i)) {
                 return i;
+            }
         }
         return start;
     }
     replace(maskString, value, start, end) {
-        let masked = maskString ?? '';
-        const chars = Array.from(replaceIMENumbers(value));
-        const positions = this.literalPositions;
-        const final = Math.min(end, masked.length);
+        const literalPositions = this.literalPositions;
+        const escapedMask = this._escapedMask;
+        const length = this._escapedMask.length;
+        const prompt = this.prompt;
+        const endBoundary = Math.min(end, length);
+        const maskedChars = Array.from(maskString || this.apply(''));
+        const inputChars = Array.from(replaceIMENumbers(value));
+        const inputLength = inputChars.length;
+        for (let i = start; i < endBoundary; i++) {
+            if (!literalPositions.has(i)) {
+                maskedChars[i] = prompt;
+            }
+        }
         let cursor = start;
-        for (let i = start; i < final || (chars.length && i < masked.length); i++) {
-            if (positions.includes(i)) {
-                if (chars[0] === masked[i]) {
-                    cursor = i + 1;
-                    chars.shift();
-                }
+        let inputIndex = 0;
+        let maskPosition = start;
+        for (; maskPosition < length && inputIndex < inputLength; maskPosition++) {
+            if (literalPositions.has(maskPosition)) {
+                cursor = maskPosition + 1;
                 continue;
             }
-            if (chars[0] &&
-                !this.validate(chars[0], this._escapedMask[i]) &&
-                !this.isPromptChar(chars[0])) {
-                break;
+            const char = inputChars[inputIndex];
+            if (validate(char, escapedMask[maskPosition]) && char !== prompt) {
+                maskedChars[maskPosition] = char;
+                cursor = maskPosition + 1;
+                inputIndex++;
             }
-            let char = this.prompt;
-            if (chars.length) {
-                cursor = i + 1;
-                char = chars.shift();
+            else {
+                inputIndex++;
+                maskPosition--;
             }
-            masked = this.replaceCharAt(masked, i, char);
         }
-        return { value: masked, end: cursor };
+        while (cursor < length && literalPositions.has(cursor)) {
+            cursor++;
+        }
+        return {
+            value: maskedChars.join(''),
+            end: cursor,
+        };
     }
     parse(masked = '') {
-        const positions = this.literalPositions;
-        const result = [];
-        const iter = Array.from(masked).entries();
-        for (const [pos, char] of iter) {
-            !positions.includes(pos) && !this.isPromptChar(char)
-                ? result.push(char)
-                : result.push('');
+        const literalPositions = this.literalPositions;
+        const prompt = this.prompt;
+        const length = masked.length;
+        let result = '';
+        for (let i = 0; i < length; i++) {
+            const char = masked[i];
+            if (!literalPositions.has(i) && char !== prompt) {
+                result += char;
+            }
         }
-        return result.join('');
+        return result;
     }
     isValidString(input = '') {
-        const required = this.getRequiredNonLiteralPositions(this._escapedMask);
-        if (required.length > this.parse(input).length) {
-            return false;
-        }
-        return required.every((pos) => {
-            const char = input.charAt(pos);
-            return (this.validate(char, this._escapedMask.charAt(pos)) &&
-                !this.isPromptChar(char));
+        const prompt = this.prompt;
+        return this._getRequiredNonLiteralPositions().every((position) => {
+            const char = input.charAt(position);
+            return (validate(char, this._escapedMask.charAt(position)) && char !== prompt);
         });
     }
     apply(input = '') {
-        const output = new Array(this._escapedMask.length).fill(this.prompt);
-        for (const [pos, char] of this.literals.entries()) {
-            output[pos] = char;
+        const literals = this._literals;
+        const prompt = this.prompt;
+        const escapedMask = this._escapedMask;
+        const length = escapedMask.length;
+        const inputLength = input.length;
+        const result = new Array(escapedMask.length).fill(prompt);
+        for (const [position, literal] of literals.entries()) {
+            result[position] = literal;
         }
         if (!input) {
-            return output.join('');
+            return result.join('');
         }
-        const nonLiteralPositions = this.getNonLiteralPositions(this._escapedMask);
-        const values = nonLiteralPositions.map((pos, index) => {
-            const char = input.charAt(index);
-            return !this.validate(char, this._escapedMask.charAt(pos)) &&
-                !this.isPromptChar(char)
-                ? this.prompt
-                : char;
-        });
-        if (values.length > nonLiteralPositions.length) {
-            values.splice(nonLiteralPositions.length);
-        }
-        for (const [position, char] of values.entries()) {
-            output[nonLiteralPositions[position]] = char;
+        let inputIndex = 0;
+        for (let i = 0; i < length; i++) {
+            if (inputIndex >= inputLength) {
+                break;
+            }
+            if (literals.has(i)) {
+                continue;
+            }
+            if (validate(input.charAt(inputIndex), escapedMask.charAt(i))) {
+                result[i] = input.charAt(inputIndex);
+            }
+            inputIndex++;
         }
-        return output.join('');
+        return result.join('');
     }
 }
 //# sourceMappingURL=mask-parser.js.map