ngx-mask 22.0.0 → 22.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +25 -28
- package/fesm2022/ngx-mask.mjs +818 -652
- package/package.json +13 -7
- package/types/ngx-mask.d.ts +41 -22
- package/fesm2022/ngx-mask.mjs.map +0 -1
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -1,22 +1,12 @@
|
|
|
1
|
-
<h1 align="center">
|
|
1
|
+
<h1 align="center">ngx-mask</h1>
|
|
2
2
|
|
|
3
3
|
<p align="center">
|
|
4
4
|
A powerful Angular directive for input masking with customizable patterns
|
|
5
5
|
</p>
|
|
6
6
|
|
|
7
7
|
<p align="center">
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<p align="center">
|
|
12
|
-
<a href="https://jsdaddy.io">
|
|
13
|
-
<img src="http://jsdaddy.io/assets/images/shared/logo.svg" alt="JSDaddy" width="75">
|
|
14
|
-
</a>
|
|
15
|
-
</p>
|
|
16
|
-
|
|
17
|
-
<p align="center">
|
|
18
|
-
<a href="https://github.com/JsDaddy/ngx-mask/actions/workflows/quality-check.yml">
|
|
19
|
-
<img src="https://github.com/JsDaddy/ngx-mask/actions/workflows/quality-check.yml/badge.svg?branch=develop" alt="CI">
|
|
8
|
+
<a href="https://github.com/NepipenkoIgor/ngx-mask/actions/workflows/quality-check.yml">
|
|
9
|
+
<img src="https://github.com/NepipenkoIgor/ngx-mask/actions/workflows/quality-check.yml/badge.svg?branch=develop" alt="CI">
|
|
20
10
|
</a>
|
|
21
11
|
<a href="https://www.npmjs.com/package/ngx-mask">
|
|
22
12
|
<img src="https://img.shields.io/npm/v/ngx-mask.svg" alt="npm version">
|
|
@@ -27,14 +17,25 @@ A powerful Angular directive for input masking with customizable patterns
|
|
|
27
17
|
<a href="https://www.npmjs.com/package/ngx-mask">
|
|
28
18
|
<img src="https://img.shields.io/npm/dm/ngx-mask.svg" alt="npm monthly downloads">
|
|
29
19
|
</a>
|
|
30
|
-
<a href="https://
|
|
31
|
-
<img src="https://img.shields.io/
|
|
20
|
+
<a href="https://bundlephobia.com/package/ngx-mask">
|
|
21
|
+
<img src="https://img.shields.io/bundlephobia/minzip/ngx-mask.svg" alt="Bundle size">
|
|
22
|
+
</a>
|
|
23
|
+
<a href="https://www.npmjs.com/package/ngx-mask">
|
|
24
|
+
<img src="https://img.shields.io/npm/types/ngx-mask.svg" alt="TypeScript support">
|
|
32
25
|
</a>
|
|
33
|
-
<a href="https://github.com/
|
|
34
|
-
<img src="https://img.shields.io/
|
|
26
|
+
<a href="https://github.com/NepipenkoIgor/ngx-mask/blob/develop/LICENSE">
|
|
27
|
+
<img src="https://img.shields.io/npm/l/ngx-mask.svg" alt="License">
|
|
28
|
+
</a>
|
|
29
|
+
<a href="https://github.com/NepipenkoIgor/ngx-mask">
|
|
30
|
+
<img src="https://img.shields.io/github/contributors/NepipenkoIgor/ngx-mask.svg?style=flat" alt="GitHub contributors">
|
|
31
|
+
</a>
|
|
32
|
+
<a href="https://github.com/NepipenkoIgor/ngx-mask">
|
|
33
|
+
<img src="https://img.shields.io/github/stars/NepipenkoIgor/ngx-mask.svg?label=GitHub%20Stars&style=flat" alt="GitHub Stars">
|
|
35
34
|
</a>
|
|
36
35
|
</p>
|
|
37
36
|
|
|
37
|
+
`ngx-mask` is the input-masking library built for modern Angular. One standalone directive (`NgxMaskDirective`) and pipe (`NgxMaskPipe`) cover all three form models — **Reactive Forms, template-driven, and the new Signal Forms** — through a first-class `ControlValueAccessor`, and run cleanly in **zoneless** and SSR applications. You get production-ready masks out of the box: dates and times with validity checking, numbers with thousand separators and decimal precision, IP, CPF/CNPJ, secure/hidden input, plus fully custom patterns with prefixes, suffixes and multi-mask expressions. No runtime dependencies beyond Angular, ~15 KB gzipped — provide it once, bind `mask`, done.
|
|
38
|
+
|
|
38
39
|
## Table of Contents
|
|
39
40
|
|
|
40
41
|
- [Features](#features)
|
|
@@ -42,9 +43,8 @@ A powerful Angular directive for input masking with customizable patterns
|
|
|
42
43
|
- [Installation](#installation)
|
|
43
44
|
- [Version Compatibility](#version-compatibility)
|
|
44
45
|
- [Quick Start](#quick-start)
|
|
45
|
-
- [
|
|
46
|
-
- [
|
|
47
|
-
- [Related Projects](#related-projects)
|
|
46
|
+
- [Standalone Applications](#standalone-applications)
|
|
47
|
+
- [NgModule-based Applications](#ngmodule-based-applications)
|
|
48
48
|
- [Contributing](#contributing)
|
|
49
49
|
|
|
50
50
|
## Features
|
|
@@ -138,7 +138,7 @@ NGX-MASK is a feature-rich input mask directive for Angular applications that pr
|
|
|
138
138
|
|
|
139
139
|
## Demo
|
|
140
140
|
|
|
141
|
-
Check out our [live documentation and examples](https://
|
|
141
|
+
Check out our [live documentation and examples](https://nepipenkoigor.github.io/ngx-mask/)
|
|
142
142
|
|
|
143
143
|
## Installation
|
|
144
144
|
|
|
@@ -251,13 +251,10 @@ export class AppModule {}
|
|
|
251
251
|
export class AppModule {}
|
|
252
252
|
```
|
|
253
253
|
|
|
254
|
-
## Related Projects
|
|
255
|
-
|
|
256
|
-
Check out other projects by JSDaddy:
|
|
257
|
-
|
|
258
|
-
- [ngx-copypaste](https://github.com/JsDaddy/ngx-copypaste)
|
|
259
|
-
- [ngx-loader-indicator](https://github.com/JsDaddy/ngx-loader-indicator)
|
|
260
|
-
|
|
261
254
|
## Contributing
|
|
262
255
|
|
|
263
256
|
We welcome contributions! Please read our [contributing guidelines](CONTRIBUTING.md) to learn about our development process and how you can propose bugfixes and improvements.
|
|
257
|
+
|
|
258
|
+
---
|
|
259
|
+
|
|
260
|
+
<p align="center">Maintained by <a href="https://software.novines.eu">Igor Nepipenko</a></p>
|