@formio/vanilla-text-mask/src/vanillaTextMask.js

JavaScript function that makes input HTML element accept mask pattern

import createTextMaskInputElement from '../../core/src/createTextMaskInputElement'

export function maskInput(textMaskConfig) {
  const {inputElement, afterUpdate} = textMaskConfig
  const textMaskInputElement = createTextMaskInputElement(textMaskConfig)
  const inputHandler = ({target: {value}}) => {
    textMaskInputElement.update(value)
    if (typeof afterUpdate === 'function') {
      afterUpdate(value)
    }
  }

  inputElement.addEventListener('input', inputHandler)

  textMaskInputElement.update(inputElement.value)

  return {
    textMaskInputElement,

    destroy() {
      inputElement.removeEventListener('input', inputHandler)
    }
  }
}

export default maskInput
export {default as conformToMask} from '../../core/src/conformToMask.js'