Importação

import-mask.ts
import { nuiCardMask, nuiIbanMask, NuiMask } from '@needless-ui/angular/mask';

NuiMask

Uma máscara sobre um campo de texto nativo.

Seletor
input[nuiMask]
Exportado como
nuiMask
NuiMask: Propriedades
NomeTipoPadrãoDescrição
nuiMaskInputstring | ((raw: string) => string)A máscara, ou uma função que escolhe uma conforme os dados digitados.
tokensInputRecord<string, NuiMaskToken>Caracteres de máscara para adicionar ou substituir.
unmaskInputbooleanfalseO valor contém só os dados, sem os literais.
valueBidirecionalstring''O valor: o que aparece na tela, ou os dados com unmask.
rawPropriedadeSignal<string>Os dados digitados, sem os literais.
completePropriedadeSignal<boolean>Todas as posições da máscara estão preenchidas.

Helpers

Funções para formatar, verificar e montar máscaras.

Helpers: Propriedades
NomeTipoPadrãoDescrição
nuiMaskFormat, nuiUnmaskMétodo(value, mask) => stringFormatam um valor com uma máscara, ou extraem os dados de um valor formatado.
nuiCardMaskMétodo(raw: string) => stringUma máscara para números de cartão, agrupados como a bandeira os imprime.
nuiCardBrandMétodo(number: string) => NuiCardBrand | nullA bandeira de um número de cartão, pelos primeiros dígitos.
nuiCardValid, nuiLuhnMétodo(number: string) => booleanSe um número de cartão tem o comprimento da bandeira e passa na verificação de Luhn.
nuiIbanMaskMétodo(raw: string) => stringUma máscara para IBANs, com o comprimento do IBAN do país.
nuiIbanValidMétodo(iban: string) => booleanSe um IBAN tem o comprimento do país e os dígitos verificadores corretos.