@skyux/validation 7.0.0 → 7.1.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/documentation.json +4 -4
- package/package.json +1 -1
package/documentation.json
CHANGED
|
@@ -922,12 +922,12 @@
|
|
|
922
922
|
{
|
|
923
923
|
"fileName": "email-validation-demo.component.html",
|
|
924
924
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.html",
|
|
925
|
-
"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 [attr.aria-describedby]=\"emailError.id\"\n skyId\n #emailInput=\"skyId\"\n />\n <span class=\"sky-error-indicator\" skyId #emailError=\"skyId\">\n <sky-status-indicator\n *ngIf=\"\n emailControl
|
|
925
|
+
"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 [attr.aria-describedby]=\"emailError.id\"\n skyId\n #emailInput=\"skyId\"\n />\n <span class=\"sky-error-indicator\" skyId #emailError=\"skyId\">\n <sky-status-indicator\n *ngIf=\"\n emailControl?.errors &&\n emailControl?.touched &&\n emailControl?.errors?.required\n \"\n indicatorType=\"danger\"\n descriptionType=\"error\"\n >\n Email address is required.\n </sky-status-indicator>\n <sky-status-indicator\n *ngIf=\"\n emailControl?.errors &&\n emailControl?.touched &&\n emailControl?.errors?.skyEmail &&\n emailControl?.dirty\n \"\n indicatorType=\"danger\"\n descriptionType=\"error\"\n >\n Enter a valid email in the \"joe@abc.com\" format.\n </sky-status-indicator>\n </span>\n </sky-input-box>\n </div>\n</form>\n"
|
|
926
926
|
},
|
|
927
927
|
{
|
|
928
928
|
"fileName": "email-validation-demo.component.ts",
|
|
929
929
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.ts",
|
|
930
|
-
"rawContents": "import { Component
|
|
930
|
+
"rawContents": "import { Component } from '@angular/core';\nimport {\n AbstractControl,\n UntypedFormBuilder,\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\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 {\n public get emailControl(): AbstractControl | null {\n return this.formGroup.get('email');\n }\n\n public formGroup: UntypedFormGroup;\n\n constructor(formBuilder: UntypedFormBuilder) {\n this.formGroup = formBuilder.group({\n email: new UntypedFormControl(undefined, [\n Validators.required,\n SkyValidators.email,\n ]),\n });\n }\n}\n"
|
|
931
931
|
},
|
|
932
932
|
{
|
|
933
933
|
"fileName": "email-validation-demo.module.ts",
|
|
@@ -952,12 +952,12 @@
|
|
|
952
952
|
{
|
|
953
953
|
"fileName": "url-validation-demo.component.html",
|
|
954
954
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.component.html",
|
|
955
|
-
"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 [attr.aria-describedby]=\"urlError.id\"\n skyId\n #urlInput=\"skyId\"\n />\n <span class=\"sky-error-indicator\" skyId #urlError=\"skyId\">\n <sky-status-indicator\n *ngIf=\"\n urlControl
|
|
955
|
+
"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 [attr.aria-describedby]=\"urlError.id\"\n skyId\n #urlInput=\"skyId\"\n />\n <span class=\"sky-error-indicator\" skyId #urlError=\"skyId\">\n <sky-status-indicator\n *ngIf=\"\n urlControl?.errors &&\n urlControl?.touched &&\n urlControl?.errors?.required\n \"\n indicatorType=\"danger\"\n descriptionType=\"error\"\n >\n URL is required.\n </sky-status-indicator>\n <sky-status-indicator\n *ngIf=\"\n urlControl?.errors &&\n urlControl?.touched &&\n urlControl?.errors?.skyUrl &&\n urlControl?.dirty\n \"\n indicatorType=\"danger\"\n descriptionType=\"error\"\n >\n Enter a valid URL in the \"http(s)://site.domain\" format.\n </sky-status-indicator>\n </span>\n </sky-input-box>\n </div>\n</form>\n"
|
|
956
956
|
},
|
|
957
957
|
{
|
|
958
958
|
"fileName": "url-validation-demo.component.ts",
|
|
959
959
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.component.ts",
|
|
960
|
-
"rawContents": "import { Component
|
|
960
|
+
"rawContents": "import { Component } from '@angular/core';\nimport {\n AbstractControl,\n UntypedFormBuilder,\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\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 {\n public get urlControl(): AbstractControl | null {\n return this.formGroup.get('url');\n }\n\n public formGroup: UntypedFormGroup;\n\n constructor(formBuilder: UntypedFormBuilder) {\n this.formGroup = formBuilder.group({\n url: new UntypedFormControl(undefined, [\n Validators.required,\n SkyValidators.url({\n rulesetVersion: 2,\n }),\n ]),\n });\n }\n}\n"
|
|
961
961
|
},
|
|
962
962
|
{
|
|
963
963
|
"fileName": "url-validation-demo.module.ts",
|