API компонента Маска ввода

Импорт

import-mask.ts

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

Маска на нативном текстовом поле.

NuiMask: Свойства
Имя	Тип	По умолчанию	Описание
`nuiMask`Input	`string \| ((raw: string) => string)`		Маска или функция, которая выбирает её по введённым данным.
`tokens`Input	`Record<string, NuiMaskToken>`		Символы маски, которые нужно добавить или заменить.
`unmask`Input	`boolean`	`false`	Значение содержит только данные, без литералов.
`value`Двусторонний	`string`	`''`	Значение: то, что видно в поле, или данные при `unmask`.
`raw`Свойство	`Signal<string>`		Введённые данные без литералов.
`complete`Свойство	`Signal<boolean>`		Заполнены ли все позиции маски.

Функции для форматирования, проверки и построения масок.

Helpers: Свойства
Имя	Тип	Описание
`nuiMaskFormat, nuiUnmask`Метод	`(value, mask) => string`	Форматируют значение по маске или извлекают из него данные.
`nuiCardMask`Метод	`(raw: string) => string`	Маска для номеров карт: цифры сгруппированы так, как их печатает платёжная система.
`nuiCardBrand`Метод	`(number: string) => NuiCardBrand \| null`	Платёжная система карты по первым цифрам номера.
`nuiCardValid, nuiLuhn`Метод	`(number: string) => boolean`	Соответствует ли длина номера карты его платёжной системе и проходит ли номер проверку по алгоритму Луна.
`nuiIbanMask`Метод	`(raw: string) => string`	Маска для IBAN той длины, что принята в стране.
`nuiIbanValid`Метод	`(iban: string) => boolean`	Соответствует ли длина IBAN его стране и верны ли контрольные цифры.