@skyux/validation 5.0.0-beta.2 → 5.5.0-alpha.0
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 +6 -4
- package/bundles/skyux-validation.umd.js +42 -56
- package/documentation.json +57 -33
- package/esm2015/index.js +9 -0
- package/esm2015/index.js.map +1 -0
- package/esm2015/lib/modules/email-validation/email-validation.directive.js +44 -0
- package/esm2015/lib/modules/email-validation/email-validation.directive.js.map +1 -0
- package/esm2015/lib/modules/email-validation/email-validation.module.js +18 -0
- package/esm2015/lib/modules/email-validation/email-validation.module.js.map +1 -0
- package/esm2015/lib/modules/url-validation/url-validation.directive.js +44 -0
- package/esm2015/lib/modules/url-validation/url-validation.directive.js.map +1 -0
- package/esm2015/lib/modules/url-validation/url-validation.module.js +18 -0
- package/esm2015/lib/modules/url-validation/url-validation.module.js.map +1 -0
- package/esm2015/lib/modules/validation/validation.js +14 -0
- package/esm2015/lib/modules/validation/validation.js.map +1 -0
- package/esm2015/lib/modules/validators/validators.js +39 -0
- package/esm2015/lib/modules/validators/validators.js.map +1 -0
- package/esm2015/skyux-validation.js +2 -2
- package/esm2015/skyux-validation.js.map +1 -0
- package/fesm2015/skyux-validation.js +36 -48
- package/fesm2015/skyux-validation.js.map +1 -1
- package/index.d.ts +6 -0
- package/{modules → lib/modules}/email-validation/email-validation.directive.d.ts +0 -0
- package/{modules → lib/modules}/email-validation/email-validation.module.d.ts +0 -0
- package/{modules → lib/modules}/url-validation/url-validation.directive.d.ts +0 -0
- package/{modules → lib/modules}/url-validation/url-validation.module.d.ts +0 -0
- package/{modules → lib/modules}/validation/validation.d.ts +0 -0
- package/{modules → lib/modules}/validators/validators.d.ts +0 -0
- package/package.json +5 -5
- package/skyux-validation.d.ts +1 -1
- package/LICENSE +0 -21
- package/bundles/skyux-validation.umd.js.map +0 -1
- package/esm2015/modules/email-validation/email-validation.directive.js +0 -44
- package/esm2015/modules/email-validation/email-validation.module.js +0 -26
- package/esm2015/modules/url-validation/url-validation.directive.js +0 -44
- package/esm2015/modules/url-validation/url-validation.module.js +0 -26
- package/esm2015/modules/validation/validation.js +0 -14
- package/esm2015/modules/validators/validators.js +0 -35
- package/esm2015/public-api.js +0 -7
- package/public-api.d.ts +0 -6
package/README.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
#
|
|
1
|
+
# validation
|
|
2
2
|
|
|
3
|
-
[
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
4
|
+
|
|
5
|
+
## Running unit tests
|
|
6
|
+
|
|
7
|
+
Run `nx test validation` to execute the unit tests.
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/forms')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/validation', ['exports', '@angular/core', '@angular/forms'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.validation = {}), global.ng.core, global.ng.forms));
|
|
5
|
-
}(this, (function (exports, i0, forms) { 'use strict';
|
|
5
|
+
})(this, (function (exports, i0, forms) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,14 +13,12 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -47,7 +45,7 @@
|
|
|
47
45
|
var SKY_EMAIL_VALIDATION_VALIDATOR = {
|
|
48
46
|
provide: forms.NG_VALIDATORS,
|
|
49
47
|
useExisting: i0.forwardRef(function () { return SkyEmailValidationDirective; }),
|
|
50
|
-
multi: true
|
|
48
|
+
multi: true,
|
|
51
49
|
};
|
|
52
50
|
// tslint:enable
|
|
53
51
|
/**
|
|
@@ -65,9 +63,9 @@
|
|
|
65
63
|
}
|
|
66
64
|
if (!this.emailIsValid(value)) {
|
|
67
65
|
return {
|
|
68
|
-
|
|
69
|
-
invalid: control.value
|
|
70
|
-
}
|
|
66
|
+
skyEmail: {
|
|
67
|
+
invalid: control.value,
|
|
68
|
+
},
|
|
71
69
|
};
|
|
72
70
|
}
|
|
73
71
|
};
|
|
@@ -76,13 +74,13 @@
|
|
|
76
74
|
};
|
|
77
75
|
return SkyEmailValidationDirective;
|
|
78
76
|
}());
|
|
79
|
-
SkyEmailValidationDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
80
|
-
SkyEmailValidationDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
81
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
77
|
+
SkyEmailValidationDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyEmailValidationDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
78
|
+
SkyEmailValidationDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyEmailValidationDirective, selector: "[skyEmailValidation]", providers: [SKY_EMAIL_VALIDATION_VALIDATOR], ngImport: i0__namespace });
|
|
79
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyEmailValidationDirective, decorators: [{
|
|
82
80
|
type: i0.Directive,
|
|
83
81
|
args: [{
|
|
84
82
|
selector: '[skyEmailValidation]',
|
|
85
|
-
providers: [SKY_EMAIL_VALIDATION_VALIDATOR]
|
|
83
|
+
providers: [SKY_EMAIL_VALIDATION_VALIDATOR],
|
|
86
84
|
}]
|
|
87
85
|
}] });
|
|
88
86
|
|
|
@@ -91,23 +89,15 @@
|
|
|
91
89
|
}
|
|
92
90
|
return SkyEmailValidationModule;
|
|
93
91
|
}());
|
|
94
|
-
SkyEmailValidationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
95
|
-
SkyEmailValidationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
96
|
-
SkyEmailValidationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
97
|
-
|
|
98
|
-
]] });
|
|
99
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SkyEmailValidationModule, decorators: [{
|
|
92
|
+
SkyEmailValidationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyEmailValidationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
93
|
+
SkyEmailValidationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyEmailValidationModule, declarations: [SkyEmailValidationDirective], imports: [forms.FormsModule], exports: [SkyEmailValidationDirective] });
|
|
94
|
+
SkyEmailValidationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyEmailValidationModule, imports: [[forms.FormsModule]] });
|
|
95
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyEmailValidationModule, decorators: [{
|
|
100
96
|
type: i0.NgModule,
|
|
101
97
|
args: [{
|
|
102
|
-
declarations: [
|
|
103
|
-
|
|
104
|
-
],
|
|
105
|
-
imports: [
|
|
106
|
-
forms.FormsModule
|
|
107
|
-
],
|
|
108
|
-
exports: [
|
|
109
|
-
SkyEmailValidationDirective
|
|
110
|
-
]
|
|
98
|
+
declarations: [SkyEmailValidationDirective],
|
|
99
|
+
imports: [forms.FormsModule],
|
|
100
|
+
exports: [SkyEmailValidationDirective],
|
|
111
101
|
}]
|
|
112
102
|
}] });
|
|
113
103
|
|
|
@@ -115,7 +105,7 @@
|
|
|
115
105
|
var SKY_URL_VALIDATION_VALIDATOR = {
|
|
116
106
|
provide: forms.NG_VALIDATORS,
|
|
117
107
|
useExisting: i0.forwardRef(function () { return SkyUrlValidationDirective; }),
|
|
118
|
-
multi: true
|
|
108
|
+
multi: true,
|
|
119
109
|
};
|
|
120
110
|
// tslint:enable
|
|
121
111
|
/**
|
|
@@ -133,9 +123,9 @@
|
|
|
133
123
|
}
|
|
134
124
|
if (!this.urlIsValid(value)) {
|
|
135
125
|
return {
|
|
136
|
-
|
|
137
|
-
invalid: control.value
|
|
138
|
-
}
|
|
126
|
+
skyUrl: {
|
|
127
|
+
invalid: control.value,
|
|
128
|
+
},
|
|
139
129
|
};
|
|
140
130
|
}
|
|
141
131
|
};
|
|
@@ -144,13 +134,13 @@
|
|
|
144
134
|
};
|
|
145
135
|
return SkyUrlValidationDirective;
|
|
146
136
|
}());
|
|
147
|
-
SkyUrlValidationDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
148
|
-
SkyUrlValidationDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
149
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
137
|
+
SkyUrlValidationDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUrlValidationDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
138
|
+
SkyUrlValidationDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyUrlValidationDirective, selector: "[skyUrlValidation]", providers: [SKY_URL_VALIDATION_VALIDATOR], ngImport: i0__namespace });
|
|
139
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUrlValidationDirective, decorators: [{
|
|
150
140
|
type: i0.Directive,
|
|
151
141
|
args: [{
|
|
152
142
|
selector: '[skyUrlValidation]',
|
|
153
|
-
providers: [SKY_URL_VALIDATION_VALIDATOR]
|
|
143
|
+
providers: [SKY_URL_VALIDATION_VALIDATOR],
|
|
154
144
|
}]
|
|
155
145
|
}] });
|
|
156
146
|
|
|
@@ -159,23 +149,15 @@
|
|
|
159
149
|
}
|
|
160
150
|
return SkyUrlValidationModule;
|
|
161
151
|
}());
|
|
162
|
-
SkyUrlValidationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
163
|
-
SkyUrlValidationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
164
|
-
SkyUrlValidationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
165
|
-
|
|
166
|
-
]] });
|
|
167
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: SkyUrlValidationModule, decorators: [{
|
|
152
|
+
SkyUrlValidationModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUrlValidationModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
153
|
+
SkyUrlValidationModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUrlValidationModule, declarations: [SkyUrlValidationDirective], imports: [forms.FormsModule], exports: [SkyUrlValidationDirective] });
|
|
154
|
+
SkyUrlValidationModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUrlValidationModule, imports: [[forms.FormsModule]] });
|
|
155
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyUrlValidationModule, decorators: [{
|
|
168
156
|
type: i0.NgModule,
|
|
169
157
|
args: [{
|
|
170
|
-
declarations: [
|
|
171
|
-
|
|
172
|
-
],
|
|
173
|
-
imports: [
|
|
174
|
-
forms.FormsModule
|
|
175
|
-
],
|
|
176
|
-
exports: [
|
|
177
|
-
SkyUrlValidationDirective
|
|
178
|
-
]
|
|
158
|
+
declarations: [SkyUrlValidationDirective],
|
|
159
|
+
imports: [forms.FormsModule],
|
|
160
|
+
exports: [SkyUrlValidationDirective],
|
|
179
161
|
}]
|
|
180
162
|
}] });
|
|
181
163
|
|
|
@@ -197,7 +179,9 @@
|
|
|
197
179
|
if (!value) {
|
|
198
180
|
return undefined;
|
|
199
181
|
}
|
|
200
|
-
return SkyValidation.isEmail(value)
|
|
182
|
+
return SkyValidation.isEmail(value)
|
|
183
|
+
? undefined
|
|
184
|
+
: { skyEmail: { invalid: value } };
|
|
201
185
|
};
|
|
202
186
|
/**
|
|
203
187
|
* Validates URLs in reactive forms. Add this validator directly to the form control model in
|
|
@@ -211,7 +195,9 @@
|
|
|
211
195
|
if (!value) {
|
|
212
196
|
return undefined;
|
|
213
197
|
}
|
|
214
|
-
return SkyValidation.isUrl(value)
|
|
198
|
+
return SkyValidation.isUrl(value)
|
|
199
|
+
? undefined
|
|
200
|
+
: { skyUrl: { invalid: value } };
|
|
215
201
|
};
|
|
216
202
|
return SkyValidators;
|
|
217
203
|
}());
|
|
@@ -224,10 +210,10 @@
|
|
|
224
210
|
exports.SkyUrlValidationModule = SkyUrlValidationModule;
|
|
225
211
|
exports.SkyValidation = SkyValidation;
|
|
226
212
|
exports.SkyValidators = SkyValidators;
|
|
227
|
-
exports
|
|
228
|
-
exports
|
|
213
|
+
exports["λ1"] = SkyEmailValidationDirective;
|
|
214
|
+
exports["λ2"] = SkyUrlValidationDirective;
|
|
229
215
|
|
|
230
216
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
231
217
|
|
|
232
|
-
}))
|
|
218
|
+
}));
|
|
233
219
|
//# sourceMappingURL=skyux-validation.umd.js.map
|
package/documentation.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"typedoc": {
|
|
11
11
|
"id": 0,
|
|
12
12
|
"name": "@skyux/validation",
|
|
13
|
-
"kind":
|
|
13
|
+
"kind": 1,
|
|
14
14
|
"kindString": "Project",
|
|
15
15
|
"flags": {},
|
|
16
16
|
"originalName": "",
|
|
@@ -26,10 +26,12 @@
|
|
|
26
26
|
"name": "NgModule",
|
|
27
27
|
"type": {
|
|
28
28
|
"type": "reference",
|
|
29
|
+
"qualifiedName": "NgModuleDecorator",
|
|
30
|
+
"package": "@angular/core",
|
|
29
31
|
"name": "NgModule"
|
|
30
32
|
},
|
|
31
33
|
"arguments": {
|
|
32
|
-
"obj": "{\n
|
|
34
|
+
"obj": "{\n declarations: [SkyEmailValidationDirective],\n imports: [FormsModule],\n exports: [SkyEmailValidationDirective],\n}"
|
|
33
35
|
}
|
|
34
36
|
}
|
|
35
37
|
],
|
|
@@ -68,7 +70,7 @@
|
|
|
68
70
|
"sources": [
|
|
69
71
|
{
|
|
70
72
|
"fileName": "projects/validation/src/modules/email-validation/email-validation.module.ts",
|
|
71
|
-
"line":
|
|
73
|
+
"line": 11,
|
|
72
74
|
"character": 13
|
|
73
75
|
}
|
|
74
76
|
]
|
|
@@ -84,10 +86,12 @@
|
|
|
84
86
|
"name": "NgModule",
|
|
85
87
|
"type": {
|
|
86
88
|
"type": "reference",
|
|
89
|
+
"qualifiedName": "NgModuleDecorator",
|
|
90
|
+
"package": "@angular/core",
|
|
87
91
|
"name": "NgModule"
|
|
88
92
|
},
|
|
89
93
|
"arguments": {
|
|
90
|
-
"obj": "{\n declarations: [
|
|
94
|
+
"obj": "{\n declarations: [SkyUrlValidationDirective],\n imports: [FormsModule],\n exports: [SkyUrlValidationDirective],\n}"
|
|
91
95
|
}
|
|
92
96
|
}
|
|
93
97
|
],
|
|
@@ -126,7 +130,7 @@
|
|
|
126
130
|
"sources": [
|
|
127
131
|
{
|
|
128
132
|
"fileName": "projects/validation/src/modules/url-validation/url-validation.module.ts",
|
|
129
|
-
"line":
|
|
133
|
+
"line": 11,
|
|
130
134
|
"character": 13
|
|
131
135
|
}
|
|
132
136
|
]
|
|
@@ -216,7 +220,7 @@
|
|
|
216
220
|
"sources": [
|
|
217
221
|
{
|
|
218
222
|
"fileName": "projects/validation/src/modules/validation/validation.ts",
|
|
219
|
-
"line":
|
|
223
|
+
"line": 11,
|
|
220
224
|
"character": 16
|
|
221
225
|
}
|
|
222
226
|
],
|
|
@@ -313,7 +317,7 @@
|
|
|
313
317
|
"sources": [
|
|
314
318
|
{
|
|
315
319
|
"fileName": "projects/validation/src/modules/validators/validators.ts",
|
|
316
|
-
"line":
|
|
320
|
+
"line": 16,
|
|
317
321
|
"character": 16
|
|
318
322
|
}
|
|
319
323
|
],
|
|
@@ -335,16 +339,20 @@
|
|
|
335
339
|
"kindString": "Parameter",
|
|
336
340
|
"flags": {},
|
|
337
341
|
"comment": {
|
|
338
|
-
"
|
|
342
|
+
"shortText": "\n"
|
|
339
343
|
},
|
|
340
344
|
"type": {
|
|
341
345
|
"type": "reference",
|
|
346
|
+
"qualifiedName": "AbstractControl",
|
|
347
|
+
"package": "@angular/forms",
|
|
342
348
|
"name": "AbstractControl"
|
|
343
349
|
}
|
|
344
350
|
}
|
|
345
351
|
],
|
|
346
352
|
"type": {
|
|
347
353
|
"type": "reference",
|
|
354
|
+
"qualifiedName": "ValidationErrors",
|
|
355
|
+
"package": "@angular/forms",
|
|
348
356
|
"name": "ValidationErrors"
|
|
349
357
|
}
|
|
350
358
|
}
|
|
@@ -362,7 +370,7 @@
|
|
|
362
370
|
"sources": [
|
|
363
371
|
{
|
|
364
372
|
"fileName": "projects/validation/src/modules/validators/validators.ts",
|
|
365
|
-
"line":
|
|
373
|
+
"line": 35,
|
|
366
374
|
"character": 16
|
|
367
375
|
}
|
|
368
376
|
],
|
|
@@ -384,16 +392,20 @@
|
|
|
384
392
|
"kindString": "Parameter",
|
|
385
393
|
"flags": {},
|
|
386
394
|
"comment": {
|
|
387
|
-
"
|
|
395
|
+
"shortText": "\n"
|
|
388
396
|
},
|
|
389
397
|
"type": {
|
|
390
398
|
"type": "reference",
|
|
399
|
+
"qualifiedName": "AbstractControl",
|
|
400
|
+
"package": "@angular/forms",
|
|
391
401
|
"name": "AbstractControl"
|
|
392
402
|
}
|
|
393
403
|
}
|
|
394
404
|
],
|
|
395
405
|
"type": {
|
|
396
406
|
"type": "reference",
|
|
407
|
+
"qualifiedName": "ValidationErrors",
|
|
408
|
+
"package": "@angular/forms",
|
|
397
409
|
"name": "ValidationErrors"
|
|
398
410
|
}
|
|
399
411
|
}
|
|
@@ -420,7 +432,7 @@
|
|
|
420
432
|
"sources": [
|
|
421
433
|
{
|
|
422
434
|
"fileName": "projects/validation/src/modules/validators/validators.ts",
|
|
423
|
-
"line":
|
|
435
|
+
"line": 8,
|
|
424
436
|
"character": 13
|
|
425
437
|
}
|
|
426
438
|
]
|
|
@@ -439,10 +451,12 @@
|
|
|
439
451
|
"name": "Directive",
|
|
440
452
|
"type": {
|
|
441
453
|
"type": "reference",
|
|
454
|
+
"qualifiedName": "DirectiveDecorator",
|
|
455
|
+
"package": "@angular/core",
|
|
442
456
|
"name": "Directive"
|
|
443
457
|
},
|
|
444
458
|
"arguments": {
|
|
445
|
-
"obj": "{\n selector: '[skyEmailValidation]',\n providers: [SKY_EMAIL_VALIDATION_VALIDATOR]
|
|
459
|
+
"obj": "{\n selector: '[skyEmailValidation]',\n providers: [SKY_EMAIL_VALIDATION_VALIDATOR],\n}"
|
|
446
460
|
}
|
|
447
461
|
}
|
|
448
462
|
],
|
|
@@ -479,7 +493,7 @@
|
|
|
479
493
|
"sources": [
|
|
480
494
|
{
|
|
481
495
|
"fileName": "projects/validation/src/modules/email-validation/email-validation.directive.ts",
|
|
482
|
-
"line":
|
|
496
|
+
"line": 41,
|
|
483
497
|
"character": 9
|
|
484
498
|
}
|
|
485
499
|
],
|
|
@@ -521,7 +535,7 @@
|
|
|
521
535
|
"sources": [
|
|
522
536
|
{
|
|
523
537
|
"fileName": "projects/validation/src/modules/email-validation/email-validation.directive.ts",
|
|
524
|
-
"line":
|
|
538
|
+
"line": 25,
|
|
525
539
|
"character": 9
|
|
526
540
|
}
|
|
527
541
|
],
|
|
@@ -541,6 +555,8 @@
|
|
|
541
555
|
"flags": {},
|
|
542
556
|
"type": {
|
|
543
557
|
"type": "reference",
|
|
558
|
+
"qualifiedName": "AbstractControl",
|
|
559
|
+
"package": "@angular/forms",
|
|
544
560
|
"name": "AbstractControl"
|
|
545
561
|
}
|
|
546
562
|
}
|
|
@@ -610,13 +626,15 @@
|
|
|
610
626
|
"sources": [
|
|
611
627
|
{
|
|
612
628
|
"fileName": "projects/validation/src/modules/email-validation/email-validation.directive.ts",
|
|
613
|
-
"line":
|
|
629
|
+
"line": 24,
|
|
614
630
|
"character": 13
|
|
615
631
|
}
|
|
616
632
|
],
|
|
617
633
|
"implementedTypes": [
|
|
618
634
|
{
|
|
619
635
|
"type": "reference",
|
|
636
|
+
"qualifiedName": "Validator",
|
|
637
|
+
"package": "@angular/forms",
|
|
620
638
|
"name": "Validator"
|
|
621
639
|
}
|
|
622
640
|
]
|
|
@@ -635,10 +653,12 @@
|
|
|
635
653
|
"name": "Directive",
|
|
636
654
|
"type": {
|
|
637
655
|
"type": "reference",
|
|
656
|
+
"qualifiedName": "DirectiveDecorator",
|
|
657
|
+
"package": "@angular/core",
|
|
638
658
|
"name": "Directive"
|
|
639
659
|
},
|
|
640
660
|
"arguments": {
|
|
641
|
-
"obj": "{\n selector: '[skyUrlValidation]',\n providers: [SKY_URL_VALIDATION_VALIDATOR]
|
|
661
|
+
"obj": "{\n selector: '[skyUrlValidation]',\n providers: [SKY_URL_VALIDATION_VALIDATOR],\n}"
|
|
642
662
|
}
|
|
643
663
|
}
|
|
644
664
|
],
|
|
@@ -675,7 +695,7 @@
|
|
|
675
695
|
"sources": [
|
|
676
696
|
{
|
|
677
697
|
"fileName": "projects/validation/src/modules/url-validation/url-validation.directive.ts",
|
|
678
|
-
"line":
|
|
698
|
+
"line": 41,
|
|
679
699
|
"character": 9
|
|
680
700
|
}
|
|
681
701
|
],
|
|
@@ -717,7 +737,7 @@
|
|
|
717
737
|
"sources": [
|
|
718
738
|
{
|
|
719
739
|
"fileName": "projects/validation/src/modules/url-validation/url-validation.directive.ts",
|
|
720
|
-
"line":
|
|
740
|
+
"line": 25,
|
|
721
741
|
"character": 9
|
|
722
742
|
}
|
|
723
743
|
],
|
|
@@ -737,6 +757,8 @@
|
|
|
737
757
|
"flags": {},
|
|
738
758
|
"type": {
|
|
739
759
|
"type": "reference",
|
|
760
|
+
"qualifiedName": "AbstractControl",
|
|
761
|
+
"package": "@angular/forms",
|
|
740
762
|
"name": "AbstractControl"
|
|
741
763
|
}
|
|
742
764
|
}
|
|
@@ -806,13 +828,15 @@
|
|
|
806
828
|
"sources": [
|
|
807
829
|
{
|
|
808
830
|
"fileName": "projects/validation/src/modules/url-validation/url-validation.directive.ts",
|
|
809
|
-
"line":
|
|
831
|
+
"line": 24,
|
|
810
832
|
"character": 13
|
|
811
833
|
}
|
|
812
834
|
],
|
|
813
835
|
"implementedTypes": [
|
|
814
836
|
{
|
|
815
837
|
"type": "reference",
|
|
838
|
+
"qualifiedName": "Validator",
|
|
839
|
+
"package": "@angular/forms",
|
|
816
840
|
"name": "Validator"
|
|
817
841
|
}
|
|
818
842
|
]
|
|
@@ -834,7 +858,7 @@
|
|
|
834
858
|
],
|
|
835
859
|
"sources": [
|
|
836
860
|
{
|
|
837
|
-
"fileName": "
|
|
861
|
+
"fileName": "index.ts",
|
|
838
862
|
"line": 1,
|
|
839
863
|
"character": 0
|
|
840
864
|
}
|
|
@@ -844,62 +868,62 @@
|
|
|
844
868
|
{
|
|
845
869
|
"fileName": "email-validation-demo.component.html",
|
|
846
870
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.html",
|
|
847
|
-
"rawContents": "<form
|
|
871
|
+
"rawContents": "<form novalidate [formGroup]=\"formGroup\">\n <div class=\"sky-form-group\">\n <sky-input-box>\n <label class=\"sky-control-label\" [for]=\"emailInput.id\">\n Email address\n </label>\n <input\n class=\"sky-form-control\"\n formControlName=\"email\"\n skyId\n #emailInput=\"skyId\"\n />\n </sky-input-box>\n </div>\n\n <ng-container *ngIf=\"emailControl.errors && emailControl.touched\">\n <div *ngIf=\"emailControl.errors.required\" class=\"sky-error-label\">\n Email address is required.\n </div>\n\n <div\n *ngIf=\"emailControl.errors.skyEmail && emailControl.dirty\"\n class=\"sky-error-label\"\n >\n Enter a valid email in the \"joe@abc.com\" format.\n </div>\n </ng-container>\n</form>\n"
|
|
848
872
|
},
|
|
849
873
|
{
|
|
850
874
|
"fileName": "email-validation-demo.component.ts",
|
|
851
875
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.ts",
|
|
852
|
-
"rawContents": "import {
|
|
876
|
+
"rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport {\n AbstractControl,\n FormBuilder,\n FormControl,\n FormGroup,\n Validators,\n} from '@angular/forms';\n\nimport { SkyValidators } from '@skyux/validation';\n\n@Component({\n selector: 'app-email-validation-demo',\n templateUrl: './email-validation-demo.component.html',\n})\nexport class EmailValidationDemoComponent implements OnInit {\n public get emailControl(): AbstractControl {\n return this.formGroup.get('email');\n }\n\n public formGroup: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.formGroup = this.formBuilder.group({\n email: new FormControl(undefined, [\n Validators.required,\n SkyValidators.email,\n ]),\n });\n }\n}\n"
|
|
853
877
|
},
|
|
854
878
|
{
|
|
855
879
|
"fileName": "email-validation-demo.module.ts",
|
|
856
880
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.module.ts",
|
|
857
|
-
"rawContents": "import {
|
|
881
|
+
"rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyEmailValidationModule } from '@skyux/validation';\n\nimport { EmailValidationDemoComponent } from './email-validation-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyEmailValidationModule,\n SkyIdModule,\n SkyInputBoxModule,\n ],\n exports: [EmailValidationDemoComponent],\n declarations: [EmailValidationDemoComponent],\n})\nexport class EmailValidationDemoModule {}\n"
|
|
858
882
|
},
|
|
859
883
|
{
|
|
860
884
|
"fileName": "email-validation-demo.component.html",
|
|
861
885
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.component.html",
|
|
862
|
-
"rawContents": "<form
|
|
886
|
+
"rawContents": "<form novalidate>\n <div class=\"sky-form-group\">\n <sky-input-box>\n <label class=\"sky-control-label\" [for]=\"emailInput.id\">\n Email address\n </label>\n <input\n class=\"sky-form-control\"\n name=\"emailAddress\"\n skyEmailValidation\n skyId\n [(ngModel)]=\"demoModel.emailAddress\"\n #emailInput=\"skyId\"\n #emailControl=\"ngModel\"\n />\n </sky-input-box>\n </div>\n\n <div\n *ngIf=\"\n emailControl.errors?.skyEmail &&\n emailControl.dirty &&\n emailControl.touched\n \"\n class=\"sky-error-label\"\n >\n Enter a valid email in the \"joe@abc.com\" format.\n </div>\n</form>\n"
|
|
863
887
|
},
|
|
864
888
|
{
|
|
865
889
|
"fileName": "email-validation-demo.component.ts",
|
|
866
890
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.component.ts",
|
|
867
|
-
"rawContents": "import {
|
|
891
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-email-validation-demo',\n templateUrl: './email-validation-demo.component.html',\n})\nexport class EmailValidationDemoComponent {\n public demoModel: {\n emailAddress?: string;\n } = {};\n}\n"
|
|
868
892
|
},
|
|
869
893
|
{
|
|
870
894
|
"fileName": "email-validation-demo.module.ts",
|
|
871
895
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.module.ts",
|
|
872
|
-
"rawContents": "import {
|
|
896
|
+
"rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyEmailValidationModule } from '@skyux/validation';\n\nimport { EmailValidationDemoComponent } from './email-validation-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyEmailValidationModule,\n SkyIdModule,\n SkyInputBoxModule,\n ],\n exports: [EmailValidationDemoComponent],\n declarations: [EmailValidationDemoComponent],\n})\nexport class EmailValidationDemoModule {}\n"
|
|
873
897
|
},
|
|
874
898
|
{
|
|
875
899
|
"fileName": "url-validation-demo.component.html",
|
|
876
900
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.component.html",
|
|
877
|
-
"rawContents": "<form
|
|
901
|
+
"rawContents": "<form novalidate [formGroup]=\"formGroup\">\n <div class=\"sky-form-group\">\n <sky-input-box>\n <label class=\"sky-control-label\" [for]=\"urlInput.id\"> URL </label>\n <input\n class=\"sky-form-control\"\n formControlName=\"url\"\n skyId\n #urlInput=\"skyId\"\n />\n </sky-input-box>\n </div>\n\n <ng-container *ngIf=\"urlControl.errors && urlControl.touched\">\n <div *ngIf=\"urlControl.errors.required\" class=\"sky-error-label\">\n URL is required.\n </div>\n\n <div\n *ngIf=\"urlControl.errors.skyUrl && urlControl.dirty\"\n class=\"sky-error-label\"\n >\n Enter a valid URL in the \"http(s)://site.domain\" format.\n </div>\n </ng-container>\n</form>\n"
|
|
878
902
|
},
|
|
879
903
|
{
|
|
880
904
|
"fileName": "url-validation-demo.component.ts",
|
|
881
905
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.component.ts",
|
|
882
|
-
"rawContents": "import {
|
|
906
|
+
"rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport {\n AbstractControl,\n FormBuilder,\n FormControl,\n FormGroup,\n Validators,\n} from '@angular/forms';\n\nimport { SkyValidators } from '@skyux/validation';\n\n@Component({\n selector: 'app-url-validation-demo',\n templateUrl: './url-validation-demo.component.html',\n})\nexport class UrlValidationDemoComponent implements OnInit {\n public get urlControl(): AbstractControl {\n return this.formGroup.get('url');\n }\n\n public formGroup: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.formGroup = this.formBuilder.group({\n url: new FormControl(undefined, [Validators.required, SkyValidators.url]),\n });\n }\n}\n"
|
|
883
907
|
},
|
|
884
908
|
{
|
|
885
909
|
"fileName": "url-validation-demo.module.ts",
|
|
886
910
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.module.ts",
|
|
887
|
-
"rawContents": "import {
|
|
911
|
+
"rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyUrlValidationModule } from '@skyux/validation';\n\nimport { UrlValidationDemoComponent } from './url-validation-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkyUrlValidationModule,\n ],\n exports: [UrlValidationDemoComponent],\n declarations: [UrlValidationDemoComponent],\n})\nexport class UrlValidationDemoModule {}\n"
|
|
888
912
|
},
|
|
889
913
|
{
|
|
890
914
|
"fileName": "url-validation-demo.component.html",
|
|
891
915
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.component.html",
|
|
892
|
-
"rawContents": "<form
|
|
916
|
+
"rawContents": "<form novalidate>\n <div class=\"sky-form-group\">\n <sky-input-box>\n <label class=\"sky-control-label\" [for]=\"urlInput.id\"> Url </label>\n <input\n class=\"sky-form-control\"\n name=\"url\"\n skyUrlValidation\n skyId\n [(ngModel)]=\"demoModel.url\"\n #urlInput=\"skyId\"\n #urlControl=\"ngModel\"\n />\n </sky-input-box>\n </div>\n\n <div\n *ngIf=\"urlControl.errors?.skyUrl && urlControl.dirty && urlControl.touched\"\n class=\"sky-error-label\"\n >\n Enter a valid URL in the \"http(s)://site.domain\" format.\n </div>\n</form>\n"
|
|
893
917
|
},
|
|
894
918
|
{
|
|
895
919
|
"fileName": "url-validation-demo.component.ts",
|
|
896
920
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.component.ts",
|
|
897
|
-
"rawContents": "import {
|
|
921
|
+
"rawContents": "import { Component } from '@angular/core';\n\n@Component({\n selector: 'app-url-validation-demo',\n templateUrl: './url-validation-demo.component.html',\n})\nexport class UrlValidationDemoComponent {\n public demoModel: {\n url?: string;\n } = {};\n}\n"
|
|
898
922
|
},
|
|
899
923
|
{
|
|
900
924
|
"fileName": "url-validation-demo.module.ts",
|
|
901
925
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.module.ts",
|
|
902
|
-
"rawContents": "import {
|
|
926
|
+
"rawContents": "import { CommonModule } from '@angular/common';\n\nimport { NgModule } from '@angular/core';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyUrlValidationModule } from '@skyux/validation';\n\nimport { UrlValidationDemoComponent } from './url-validation-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkyUrlValidationModule,\n ],\n exports: [UrlValidationDemoComponent],\n declarations: [UrlValidationDemoComponent],\n})\nexport class UrlValidationDemoModule {}\n"
|
|
903
927
|
}
|
|
904
928
|
]
|
|
905
|
-
}
|
|
929
|
+
}
|
package/esm2015/index.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export * from './lib/modules/email-validation/email-validation.module';
|
|
2
|
+
export * from './lib/modules/url-validation/url-validation.module';
|
|
3
|
+
export * from './lib/modules/validation/validation';
|
|
4
|
+
export * from './lib/modules/validators/validators';
|
|
5
|
+
// Components and directives must be exported to support Angular's "partial" Ivy compiler.
|
|
6
|
+
// Obscure names are used to indicate types are not part of the public API.
|
|
7
|
+
export { SkyEmailValidationDirective as λ1 } from './lib/modules/email-validation/email-validation.directive';
|
|
8
|
+
export { SkyUrlValidationDirective as λ2 } from './lib/modules/url-validation/url-validation.directive';
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/validation/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wDAAwD,CAAC;AACvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AAEpD,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,2BAA2B,IAAI,EAAE,EAAE,MAAM,2DAA2D,CAAC;AAC9G,OAAO,EAAE,yBAAyB,IAAI,EAAE,EAAE,MAAM,uDAAuD,CAAC","sourcesContent":["export * from './lib/modules/email-validation/email-validation.module';\nexport * from './lib/modules/url-validation/url-validation.module';\nexport * from './lib/modules/validation/validation';\nexport * from './lib/modules/validators/validators';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyEmailValidationDirective as λ1 } from './lib/modules/email-validation/email-validation.directive';\nexport { SkyUrlValidationDirective as λ2 } from './lib/modules/url-validation/url-validation.directive';\n"]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Directive, forwardRef } from '@angular/core';
|
|
2
|
+
import { NG_VALIDATORS } from '@angular/forms';
|
|
3
|
+
import { SkyValidation } from '../validation/validation';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
// tslint:disable:no-forward-ref no-use-before-declare
|
|
6
|
+
const SKY_EMAIL_VALIDATION_VALIDATOR = {
|
|
7
|
+
provide: NG_VALIDATORS,
|
|
8
|
+
useExisting: forwardRef(() => SkyEmailValidationDirective),
|
|
9
|
+
multi: true,
|
|
10
|
+
};
|
|
11
|
+
// tslint:enable
|
|
12
|
+
/**
|
|
13
|
+
* Creates an input to validate email addresses. Place this attribute on an `input` element.
|
|
14
|
+
* If users enter values that are not valid email addresses, an error message appears.
|
|
15
|
+
* The directive uses `NgModel` to bind data.
|
|
16
|
+
*/
|
|
17
|
+
export class SkyEmailValidationDirective {
|
|
18
|
+
validate(control) {
|
|
19
|
+
let value = control.value;
|
|
20
|
+
if (!value) {
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
if (!this.emailIsValid(value)) {
|
|
24
|
+
return {
|
|
25
|
+
skyEmail: {
|
|
26
|
+
invalid: control.value,
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
emailIsValid(email) {
|
|
32
|
+
return SkyValidation.isEmail(email);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
SkyEmailValidationDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyEmailValidationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
36
|
+
SkyEmailValidationDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyEmailValidationDirective, selector: "[skyEmailValidation]", providers: [SKY_EMAIL_VALIDATION_VALIDATOR], ngImport: i0 });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyEmailValidationDirective, decorators: [{
|
|
38
|
+
type: Directive,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: '[skyEmailValidation]',
|
|
41
|
+
providers: [SKY_EMAIL_VALIDATION_VALIDATOR],
|
|
42
|
+
}]
|
|
43
|
+
}] });
|
|
44
|
+
//# sourceMappingURL=email-validation.directive.js.map
|