@skyux/validation 9.0.0-alpha.0 → 9.0.0-alpha.1
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 +35 -35
- package/package.json +1 -1
package/documentation.json
CHANGED
|
@@ -920,34 +920,29 @@
|
|
|
920
920
|
},
|
|
921
921
|
"codeExamples": [
|
|
922
922
|
{
|
|
923
|
-
"fileName": "
|
|
924
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
925
|
-
"rawContents": "
|
|
926
|
-
},
|
|
927
|
-
{
|
|
928
|
-
"fileName": "email-validation-demo.component.ts",
|
|
929
|
-
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.ts",
|
|
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"
|
|
923
|
+
"fileName": "url-validation-demo.module.ts",
|
|
924
|
+
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.module.ts",
|
|
925
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\nimport { SkyUrlValidationModule } from '@skyux/validation';\n\nimport { UrlValidationDemoComponent } from './url-validation-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyInputBoxModule,\n SkyStatusIndicatorModule,\n SkyUrlValidationModule,\n ],\n exports: [UrlValidationDemoComponent],\n declarations: [UrlValidationDemoComponent],\n})\nexport class UrlValidationDemoModule {}\n"
|
|
931
926
|
},
|
|
932
927
|
{
|
|
933
|
-
"fileName": "
|
|
934
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
935
|
-
"rawContents": "import {
|
|
928
|
+
"fileName": "url-validation-demo.component.ts",
|
|
929
|
+
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.component.ts",
|
|
930
|
+
"rawContents": "import { Component } from '@angular/core';\nimport { SkyUrlValidationOptions } 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 demoModel: {\n url?: string;\n } = {};\n\n public skyUrlValidationOptions: SkyUrlValidationOptions = {\n rulesetVersion: 2,\n };\n}\n"
|
|
936
931
|
},
|
|
937
932
|
{
|
|
938
|
-
"fileName": "
|
|
939
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
940
|
-
"rawContents": "<form novalidate>\n <div class=\"sky-form-group\">\n <sky-input-box labelText=\"
|
|
933
|
+
"fileName": "url-validation-demo.component.html",
|
|
934
|
+
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.component.html",
|
|
935
|
+
"rawContents": "<form novalidate>\n <div class=\"sky-form-group\">\n <sky-input-box labelText=\"URL\">\n <input\n name=\"url\"\n [skyUrlValidation]=\"skyUrlValidationOptions\"\n [(ngModel)]=\"demoModel.url\"\n />\n </sky-input-box>\n </div>\n</form>\n"
|
|
941
936
|
},
|
|
942
937
|
{
|
|
943
|
-
"fileName": "
|
|
944
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
945
|
-
"rawContents": "import {
|
|
938
|
+
"fileName": "url-validation-demo.module.ts",
|
|
939
|
+
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.module.ts",
|
|
940
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\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 SkyInputBoxModule,\n SkyStatusIndicatorModule,\n SkyUrlValidationModule,\n ],\n exports: [UrlValidationDemoComponent],\n declarations: [UrlValidationDemoComponent],\n})\nexport class UrlValidationDemoModule {}\n"
|
|
946
941
|
},
|
|
947
942
|
{
|
|
948
|
-
"fileName": "
|
|
949
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
950
|
-
"rawContents": "import {
|
|
943
|
+
"fileName": "url-validation-demo.component.ts",
|
|
944
|
+
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.component.ts",
|
|
945
|
+
"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"
|
|
951
946
|
},
|
|
952
947
|
{
|
|
953
948
|
"fileName": "url-validation-demo.component.html",
|
|
@@ -955,29 +950,34 @@
|
|
|
955
950
|
"rawContents": "<form novalidate [formGroup]=\"formGroup\">\n <div class=\"sky-form-group\">\n <sky-input-box labelText=\"URL\">\n <input formControlName=\"url\" type=\"text\" />\n </sky-input-box>\n </div>\n</form>\n"
|
|
956
951
|
},
|
|
957
952
|
{
|
|
958
|
-
"fileName": "
|
|
959
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
960
|
-
"rawContents": "import {
|
|
953
|
+
"fileName": "email-validation-demo.module.ts",
|
|
954
|
+
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.module.ts",
|
|
955
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\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 SkyInputBoxModule,\n SkyStatusIndicatorModule,\n ],\n exports: [EmailValidationDemoComponent],\n declarations: [EmailValidationDemoComponent],\n})\nexport class EmailValidationDemoModule {}\n"
|
|
961
956
|
},
|
|
962
957
|
{
|
|
963
|
-
"fileName": "
|
|
964
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
965
|
-
"rawContents": "import {
|
|
958
|
+
"fileName": "email-validation-demo.component.ts",
|
|
959
|
+
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.component.ts",
|
|
960
|
+
"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"
|
|
966
961
|
},
|
|
967
962
|
{
|
|
968
|
-
"fileName": "
|
|
969
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
970
|
-
"rawContents": "<form novalidate>\n <div class=\"sky-form-group\">\n <sky-input-box labelText=\"
|
|
963
|
+
"fileName": "email-validation-demo.component.html",
|
|
964
|
+
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.component.html",
|
|
965
|
+
"rawContents": "<form novalidate>\n <div class=\"sky-form-group\">\n <sky-input-box labelText=\"Email address\">\n <input\n class=\"sky-form-control\"\n name=\"emailAddress\"\n skyEmailValidation\n type=\"text\"\n [(ngModel)]=\"demoModel.emailAddress\"\n />\n </sky-input-box>\n </div>\n</form>\n"
|
|
971
966
|
},
|
|
972
967
|
{
|
|
973
|
-
"fileName": "
|
|
974
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
975
|
-
"rawContents": "import {
|
|
968
|
+
"fileName": "email-validation-demo.module.ts",
|
|
969
|
+
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.module.ts",
|
|
970
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\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 SkyInputBoxModule,\n SkyStatusIndicatorModule,\n ],\n exports: [EmailValidationDemoComponent],\n declarations: [EmailValidationDemoComponent],\n})\nexport class EmailValidationDemoModule {}\n"
|
|
976
971
|
},
|
|
977
972
|
{
|
|
978
|
-
"fileName": "
|
|
979
|
-
"filePath": "/projects/validation/documentation/code-examples/
|
|
980
|
-
"rawContents": "import {
|
|
973
|
+
"fileName": "email-validation-demo.component.ts",
|
|
974
|
+
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.ts",
|
|
975
|
+
"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"
|
|
976
|
+
},
|
|
977
|
+
{
|
|
978
|
+
"fileName": "email-validation-demo.component.html",
|
|
979
|
+
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.html",
|
|
980
|
+
"rawContents": "<form novalidate [formGroup]=\"formGroup\">\n <div class=\"sky-form-group\">\n <sky-input-box labelText=\"Email address\">\n <input formControlName=\"email\" type=\"text\" />\n </sky-input-box>\n </div>\n</form>\n"
|
|
981
981
|
}
|
|
982
982
|
]
|
|
983
983
|
}
|