ngx-mask 18.0.0 → 18.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/README.md +19 -14
- package/esm2022/lib/custom-keyboard-event.mjs +2 -1
- package/esm2022/lib/ngx-mask-applier.service.mjs +183 -154
- package/esm2022/lib/ngx-mask.config.mjs +2 -2
- package/esm2022/lib/ngx-mask.directive.mjs +71 -64
- package/esm2022/lib/ngx-mask.pipe.mjs +23 -24
- package/esm2022/lib/ngx-mask.providers.mjs +2 -2
- package/esm2022/lib/ngx-mask.service.mjs +36 -32
- package/fesm2022/ngx-mask.mjs +310 -271
- package/fesm2022/ngx-mask.mjs.map +1 -1
- package/lib/ngx-mask-applier.service.d.ts +26 -26
- package/lib/ngx-mask.config.d.ts +8 -8
- package/lib/ngx-mask.directive.d.ts +29 -29
- package/lib/ngx-mask.pipe.d.ts +3 -3
- package/lib/ngx-mask.providers.d.ts +4 -4
- package/lib/ngx-mask.service.d.ts +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -21,25 +21,34 @@ You can also try our NGX COPYPASTE [check](https://www.npmjs.com/package/ngx-cop
|
|
|
21
21
|
|
|
22
22
|
### You can try live [documentation](https://jsdaddy.github.io/ngx-mask/) with examples
|
|
23
23
|
|
|
24
|
-
|
|
25
24
|
## Installing
|
|
25
|
+
|
|
26
26
|
Angular version 17.x.x
|
|
27
|
+
|
|
27
28
|
```bash
|
|
28
29
|
$ npm install --save ngx-mask
|
|
29
30
|
```
|
|
31
|
+
|
|
30
32
|
Angular version 16.x.x
|
|
33
|
+
|
|
31
34
|
```bash
|
|
32
35
|
$ npm install --save ngx-mask@16.4.2
|
|
33
36
|
```
|
|
37
|
+
|
|
34
38
|
Angular version 15.x.x
|
|
39
|
+
|
|
35
40
|
```bash
|
|
36
41
|
$ npm install --save ngx-mask@15.2.3
|
|
37
42
|
```
|
|
43
|
+
|
|
38
44
|
Angular version 14.x.x
|
|
45
|
+
|
|
39
46
|
```bash
|
|
40
47
|
$ npm install --save ngx-mask@14.3.3
|
|
41
48
|
```
|
|
49
|
+
|
|
42
50
|
Angular version 13.x.x or 12.x.x
|
|
51
|
+
|
|
43
52
|
```bash
|
|
44
53
|
$ npm install --save ngx-mask@13.2.2
|
|
45
54
|
```
|
|
@@ -63,9 +72,9 @@ bootstrapApplication(AppComponent, {
|
|
|
63
72
|
### Passing your own mask config options
|
|
64
73
|
|
|
65
74
|
```typescript
|
|
66
|
-
import {
|
|
75
|
+
import { NgxMaskConfig } from 'ngx-mask'
|
|
67
76
|
|
|
68
|
-
const maskConfig: Partial<
|
|
77
|
+
const maskConfig: Partial<NgxMaskConfig> = {
|
|
69
78
|
validation: false,
|
|
70
79
|
};
|
|
71
80
|
|
|
@@ -81,7 +90,7 @@ bootstrapApplication(AppComponent, {
|
|
|
81
90
|
### Using a function to configure:
|
|
82
91
|
|
|
83
92
|
```typescript
|
|
84
|
-
const maskConfigFunction: () => Partial<
|
|
93
|
+
const maskConfigFunction: () => Partial<NgxMaskConfig> = () => {
|
|
85
94
|
return {
|
|
86
95
|
validation: false,
|
|
87
96
|
};
|
|
@@ -135,9 +144,9 @@ Import **ngx-mask** module in Angular app.
|
|
|
135
144
|
### With default mask config options
|
|
136
145
|
|
|
137
146
|
```typescript
|
|
138
|
-
import { NgxMaskModule,
|
|
147
|
+
import { NgxMaskModule, NgxMaskConfig } from 'ngx-mask'
|
|
139
148
|
|
|
140
|
-
export const options: Partial<null|
|
|
149
|
+
export const options: Partial<null | NgxMaskConfig> | (() => Partial<NgxMaskConfig>) = null;
|
|
141
150
|
|
|
142
151
|
@NgModule({
|
|
143
152
|
imports: [
|
|
@@ -149,9 +158,9 @@ export const options: Partial<null|IConfig> | (() => Partial<IConfig>) = null;
|
|
|
149
158
|
### Passing in your own mask config options
|
|
150
159
|
|
|
151
160
|
```typescript
|
|
152
|
-
import { NgxMaskModule,
|
|
161
|
+
import { NgxMaskModule, NgxMaskConfig } from 'ngx-mask'
|
|
153
162
|
|
|
154
|
-
const maskConfig: Partial<
|
|
163
|
+
const maskConfig: Partial<NgxMaskConfig> = {
|
|
155
164
|
validation: false,
|
|
156
165
|
};
|
|
157
166
|
|
|
@@ -165,7 +174,7 @@ const maskConfig: Partial<IConfig> = {
|
|
|
165
174
|
Or using a function to get the config:
|
|
166
175
|
|
|
167
176
|
```typescript
|
|
168
|
-
const maskConfigFunction: () => Partial<
|
|
177
|
+
const maskConfigFunction: () => Partial<NgxMaskConfig> = () => {
|
|
169
178
|
return {
|
|
170
179
|
validation: false,
|
|
171
180
|
};
|
|
@@ -184,10 +193,6 @@ Then, just define masks in inputs.
|
|
|
184
193
|
|
|
185
194
|
Text [documentation](https://github.com/JsDaddy/ngx-mask/blob/develop/USAGE.md)
|
|
186
195
|
|
|
187
|
-
## Setup hooks
|
|
188
|
-
```bash
|
|
189
|
-
$ npm run init:hooks
|
|
190
|
-
```
|
|
191
|
-
|
|
192
196
|
## Contributing
|
|
197
|
+
|
|
193
198
|
We would love some contributions! Check out this [document](https://github.com/JsDaddy/ngx-mask/blob/develop/CONTRIBUTING.md) to get started.
|
|
@@ -9,8 +9,9 @@ const commonjsGlobal = typeof globalThis !== 'undefined'
|
|
|
9
9
|
: {};
|
|
10
10
|
(function () {
|
|
11
11
|
if (!commonjsGlobal.KeyboardEvent) {
|
|
12
|
+
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
12
13
|
commonjsGlobal.KeyboardEvent = function (_eventType, _init) { };
|
|
13
14
|
}
|
|
14
15
|
})();
|
|
15
16
|
export {};
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWtleWJvYXJkLWV2ZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1hc2stbGliL3NyYy9saWIvY3VzdG9tLWtleWJvYXJkLWV2ZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sY0FBYyxHQUNoQixPQUFPLFVBQVUsS0FBSyxXQUFXO0lBQzdCLENBQUMsQ0FBQyxVQUFVO0lBQ1osQ0FBQyxDQUFDLE9BQU8sTUFBTSxLQUFLLFdBQVc7UUFDN0IsQ0FBQyxDQUFDLE1BQU07UUFDUixDQUFDLENBQUMsT0FBTyxNQUFNLEtBQUssV0FBVztZQUM3QixDQUFDLENBQUMsTUFBTTtZQUNSLENBQUMsQ0FBQyxPQUFPLElBQUksS0FBSyxXQUFXO2dCQUMzQixDQUFDLENBQUMsSUFBSTtnQkFDTixDQUFDLENBQUMsRUFBRSxDQUFDO0FBRW5CLENBQUM7SUFDRyxJQUFJLENBQUMsY0FBYyxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ2hDLGdFQUFnRTtRQUNoRSxjQUFjLENBQUMsYUFBYSxHQUFHLFVBQVUsVUFBZSxFQUFFLEtBQVUsSUFBRyxDQUFDLENBQUM7SUFDN0UsQ0FBQztBQUNMLENBQUMsQ0FBQyxFQUFFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJkZWNsYXJlIGxldCBnbG9iYWw6IGFueTtcblxuY29uc3QgY29tbW9uanNHbG9iYWwgPVxuICAgIHR5cGVvZiBnbG9iYWxUaGlzICE9PSAndW5kZWZpbmVkJ1xuICAgICAgICA/IGdsb2JhbFRoaXNcbiAgICAgICAgOiB0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJ1xuICAgICAgICAgID8gd2luZG93XG4gICAgICAgICAgOiB0eXBlb2YgZ2xvYmFsICE9PSAndW5kZWZpbmVkJ1xuICAgICAgICAgICAgPyBnbG9iYWxcbiAgICAgICAgICAgIDogdHlwZW9mIHNlbGYgIT09ICd1bmRlZmluZWQnXG4gICAgICAgICAgICAgID8gc2VsZlxuICAgICAgICAgICAgICA6IHt9O1xuXG4oZnVuY3Rpb24gKCkge1xuICAgIGlmICghY29tbW9uanNHbG9iYWwuS2V5Ym9hcmRFdmVudCkge1xuICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWVtcHR5LWZ1bmN0aW9uXG4gICAgICAgIGNvbW1vbmpzR2xvYmFsLktleWJvYXJkRXZlbnQgPSBmdW5jdGlvbiAoX2V2ZW50VHlwZTogYW55LCBfaW5pdDogYW55KSB7fTtcbiAgICB9XG59KSgpO1xuXG5leHBvcnQgdHlwZSBDdXN0b21LZXlib2FyZEV2ZW50ID0gS2V5Ym9hcmRFdmVudDtcbiJdfQ==
|