@skyux/validation 6.24.0 → 6.25.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 +8 -8
- package/package.json +1 -1
package/documentation.json
CHANGED
|
@@ -882,7 +882,7 @@
|
|
|
882
882
|
{
|
|
883
883
|
"fileName": "email-validation-demo.component.html",
|
|
884
884
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.component.html",
|
|
885
|
-
"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
|
|
885
|
+
"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"
|
|
886
886
|
},
|
|
887
887
|
{
|
|
888
888
|
"fileName": "email-validation-demo.component.ts",
|
|
@@ -892,12 +892,12 @@
|
|
|
892
892
|
{
|
|
893
893
|
"fileName": "email-validation-demo.module.ts",
|
|
894
894
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/control-validator/email-validation-demo.module.ts",
|
|
895
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\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"
|
|
895
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\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 SkyIdModule,\n SkyInputBoxModule,\n SkyStatusIndicatorModule,\n ],\n exports: [EmailValidationDemoComponent],\n declarations: [EmailValidationDemoComponent],\n})\nexport class EmailValidationDemoModule {}\n"
|
|
896
896
|
},
|
|
897
897
|
{
|
|
898
898
|
"fileName": "email-validation-demo.component.html",
|
|
899
899
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.component.html",
|
|
900
|
-
"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
|
|
900
|
+
"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 [attr.aria-describedby]=\"emailError.id\"\n skyEmailValidation\n skyId\n [(ngModel)]=\"demoModel.emailAddress\"\n #emailInput=\"skyId\"\n #emailControl=\"ngModel\"\n />\n <span class=\"sky-error-indicator\" skyId #emailError=\"skyId\">\n <sky-status-indicator\n *ngIf=\"\n emailControl.errors?.skyEmail &&\n emailControl.dirty &&\n emailControl.touched\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"
|
|
901
901
|
},
|
|
902
902
|
{
|
|
903
903
|
"fileName": "email-validation-demo.component.ts",
|
|
@@ -907,12 +907,12 @@
|
|
|
907
907
|
{
|
|
908
908
|
"fileName": "email-validation-demo.module.ts",
|
|
909
909
|
"filePath": "/projects/validation/documentation/code-examples/email-validation/directive/email-validation-demo.module.ts",
|
|
910
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\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"
|
|
910
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\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 SkyIdModule,\n SkyInputBoxModule,\n SkyStatusIndicatorModule,\n ],\n exports: [EmailValidationDemoComponent],\n declarations: [EmailValidationDemoComponent],\n})\nexport class EmailValidationDemoModule {}\n"
|
|
911
911
|
},
|
|
912
912
|
{
|
|
913
913
|
"fileName": "url-validation-demo.component.html",
|
|
914
914
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.component.html",
|
|
915
|
-
"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
|
|
915
|
+
"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"
|
|
916
916
|
},
|
|
917
917
|
{
|
|
918
918
|
"fileName": "url-validation-demo.component.ts",
|
|
@@ -922,12 +922,12 @@
|
|
|
922
922
|
{
|
|
923
923
|
"fileName": "url-validation-demo.module.ts",
|
|
924
924
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/control-validator/url-validation-demo.module.ts",
|
|
925
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\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"
|
|
925
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\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 SkyIdModule,\n SkyInputBoxModule,\n SkyStatusIndicatorModule,\n SkyUrlValidationModule,\n ],\n exports: [UrlValidationDemoComponent],\n declarations: [UrlValidationDemoComponent],\n})\nexport class UrlValidationDemoModule {}\n"
|
|
926
926
|
},
|
|
927
927
|
{
|
|
928
928
|
"fileName": "url-validation-demo.component.html",
|
|
929
929
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.component.html",
|
|
930
|
-
"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]=\"skyUrlValidationOptions\"\n skyId\n [(ngModel)]=\"demoModel.url\"\n #urlInput=\"skyId\"\n #urlControl=\"ngModel\"\n />\n
|
|
930
|
+
"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]=\"skyUrlValidationOptions\"\n [attr.aria-describedby]=\"urlError.id\"\n skyId\n [(ngModel)]=\"demoModel.url\"\n #urlInput=\"skyId\"\n #urlControl=\"ngModel\"\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.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"
|
|
931
931
|
},
|
|
932
932
|
{
|
|
933
933
|
"fileName": "url-validation-demo.component.ts",
|
|
@@ -937,7 +937,7 @@
|
|
|
937
937
|
{
|
|
938
938
|
"fileName": "url-validation-demo.module.ts",
|
|
939
939
|
"filePath": "/projects/validation/documentation/code-examples/url-validation/directive/url-validation-demo.module.ts",
|
|
940
|
-
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyInputBoxModule } from '@skyux/forms';\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"
|
|
940
|
+
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\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 SkyIdModule,\n SkyInputBoxModule,\n SkyStatusIndicatorModule,\n SkyUrlValidationModule,\n ],\n exports: [UrlValidationDemoComponent],\n declarations: [UrlValidationDemoComponent],\n})\nexport class UrlValidationDemoModule {}\n"
|
|
941
941
|
}
|
|
942
942
|
]
|
|
943
943
|
}
|