imask/esm/controls/input.d.ts

vanilla javascript input mask

import { type Selection } from '../core/utils';
import { type UpdateOpts, type FactoryArg, type FactoryReturnMasked } from '../masked/factory';
import MaskElement from './mask-element';
import { type InputElement } from './html-input-mask-element';
import InputHistory, { type InputHistoryState } from './input-history';
export type InputMaskElement = MaskElement | InputElement | HTMLElement;
export type InputMaskEventListener = (e?: InputEvent) => void;
/** Listens to element events and controls changes between element and {@link Masked} */
export default class InputMask<Opts extends FactoryArg = Record<string, unknown>> {
    /**
      View element
    */
    el: MaskElement;
    /** Internal {@link Masked} model */
    masked: FactoryReturnMasked<Opts>;
    _listeners: Record<string, Array<InputMaskEventListener>>;
    _value: string;
    _changingCursorPos: number;
    _unmaskedValue: string;
    _rawInputValue: string;
    _selection: Selection;
    _cursorChanging?: ReturnType<typeof setTimeout>;
    _historyChanging?: boolean;
    _inputEvent?: InputEvent;
    history: InputHistory;
    constructor(el: InputMaskElement, opts: Opts);
    maskEquals(mask: any): boolean;
    /** Masked */
    get mask(): FactoryReturnMasked<Opts>['mask'];
    set mask(mask: any);
    /** Raw value */
    get value(): string;
    set value(str: string);
    /** Unmasked value */
    get unmaskedValue(): string;
    set unmaskedValue(str: string);
    /** Raw input value */
    get rawInputValue(): string;
    set rawInputValue(str: string);
    /** Typed unmasked value */
    get typedValue(): FactoryReturnMasked<Opts>['typedValue'];
    set typedValue(val: FactoryReturnMasked<Opts>['typedValue']);
    /** Display value */
    get displayValue(): string;
    /** Starts listening to element events */
    _bindEvents(): void;
    /** Stops listening to element events */
    _unbindEvents(): void;
    /** Fires custom event */
    _fireEvent(ev: string, e?: InputEvent): void;
    /** Current selection start */
    get selectionStart(): number;
    /** Current cursor position */
    get cursorPos(): number;
    set cursorPos(pos: number);
    /** Stores current selection */
    _saveSelection(): void;
    /** Syncronizes model value from view */
    updateValue(): void;
    /** Syncronizes view from model value, fires change events */
    updateControl(cursorPos?: number | 'auto'): void;
    /** Updates options with deep equal check, recreates {@link Masked} model if mask type changes */
    updateOptions(opts: UpdateOpts<Opts>): void;
    /** Updates cursor */
    updateCursor(cursorPos: number): void;
    /** Delays cursor update to support mobile browsers */
    _delayUpdateCursor(cursorPos: number): void;
    /** Fires custom events */
    _fireChangeEvents(): void;
    /** Aborts delayed cursor update */
    _abortUpdateCursor(): void;
    /** Aligns cursor to nearest available position */
    alignCursor(): void;
    /** Aligns cursor only if selection is empty */
    alignCursorFriendly(): void;
    /** Adds listener on custom event */
    on(ev: string, handler: InputMaskEventListener): this;
    /** Removes custom event listener */
    off(ev: string, handler: InputMaskEventListener): this;
    /** Handles view input event */
    _onInput(e: InputEvent): void;
    /** Handles view change event and commits model value */
    _onChange(): void;
    /** Handles view drop event, prevents by default */
    _onDrop(ev: Event): void;
    /** Restore last selection on focus */
    _onFocus(ev: Event): void;
    /** Restore last selection on focus */
    _onClick(ev: Event): void;
    _onUndo(): void;
    _onRedo(): void;
    _applyHistoryState(state: InputHistoryState | undefined): void;
    /** Unbind view events and removes element reference */
    destroy(): void;
}
//# sourceMappingURL=input.d.ts.map