@skyux/autonumeric 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 +32 -32
- package/package.json +1 -1
package/documentation.json
CHANGED
|
@@ -872,40 +872,30 @@
|
|
|
872
872
|
]
|
|
873
873
|
},
|
|
874
874
|
"codeExamples": [
|
|
875
|
-
{
|
|
876
|
-
"fileName": "autonumeric-demo.component.html",
|
|
877
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/currency/autonumeric-demo.component.html",
|
|
878
|
-
"rawContents": "<form [formGroup]=\"formGroup\" novalidate>\n <sky-input-box labelText=\"Donation amount\">\n <input\n formControlName=\"donationAmount\"\n type=\"text\"\n [skyAutonumeric]=\"autonumericOptions\"\n />\n </sky-input-box>\n</form>\n"
|
|
879
|
-
},
|
|
880
|
-
{
|
|
881
|
-
"fileName": "autonumeric-demo.component.ts",
|
|
882
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/currency/autonumeric-demo.component.ts",
|
|
883
|
-
"rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n UntypedFormBuilder,\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport { SkyAutonumericOptions } from '@skyux/autonumeric';\n\n@Component({\n selector: 'app-autonumeric-demo',\n templateUrl: './autonumeric-demo.component.html',\n})\nexport class AutonumericDemoComponent implements OnInit {\n public autonumericOptions: SkyAutonumericOptions | undefined;\n\n public formGroup: UntypedFormGroup;\n\n constructor(formBuilder: UntypedFormBuilder) {\n this.formGroup = formBuilder.group({\n donationAmount: new UntypedFormControl(1234.5678, [Validators.required]),\n });\n }\n\n public ngOnInit(): void {\n this.autonumericOptions = {\n currencySymbol: ' €',\n currencySymbolPlacement: 's',\n decimalPlaces: 2,\n decimalCharacter: ',',\n digitGroupSeparator: '',\n };\n }\n}\n"
|
|
884
|
-
},
|
|
885
875
|
{
|
|
886
876
|
"fileName": "autonumeric-demo.module.ts",
|
|
887
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
877
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/preset/autonumeric-demo.module.ts",
|
|
888
878
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyAutonumericModule } from '@skyux/autonumeric';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { AutonumericDemoComponent } from './autonumeric-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAutonumericModule,\n SkyInputBoxModule,\n ],\n declarations: [AutonumericDemoComponent],\n exports: [AutonumericDemoComponent],\n})\nexport class AutonumericDemoModule {}\n"
|
|
889
879
|
},
|
|
890
880
|
{
|
|
891
|
-
"fileName": "autonumeric-demo.component.
|
|
892
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
893
|
-
"rawContents": "
|
|
881
|
+
"fileName": "autonumeric-demo.component.ts",
|
|
882
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/preset/autonumeric-demo.component.ts",
|
|
883
|
+
"rawContents": "import { Component } from '@angular/core';\nimport {\n UntypedFormBuilder,\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport { SkyAutonumericOptions } from '@skyux/autonumeric';\n\n@Component({\n selector: 'app-autonumeric-demo',\n templateUrl: './autonumeric-demo.component.html',\n})\nexport class AutonumericDemoComponent {\n public autonumericOptions: SkyAutonumericOptions = 'Chinese';\n\n public formGroup: UntypedFormGroup;\n\n constructor(formBuilder: UntypedFormBuilder) {\n this.formGroup = formBuilder.group({\n donationAmount: new UntypedFormControl(1234.5678, [Validators.required]),\n });\n }\n}\n"
|
|
894
884
|
},
|
|
895
885
|
{
|
|
896
|
-
"fileName": "autonumeric-demo.component.
|
|
897
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
898
|
-
"rawContents": "
|
|
886
|
+
"fileName": "autonumeric-demo.component.html",
|
|
887
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/preset/autonumeric-demo.component.html",
|
|
888
|
+
"rawContents": "<form [formGroup]=\"formGroup\" novalidate>\n <sky-input-box labelText=\"Donation amount\">\n <input\n formControlName=\"donationAmount\"\n type=\"text\"\n [skyAutonumeric]=\"autonumericOptions\"\n />\n </sky-input-box>\n</form>\n"
|
|
899
889
|
},
|
|
900
890
|
{
|
|
901
891
|
"fileName": "autonumeric-demo.module.ts",
|
|
902
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
892
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/options-provider/autonumeric-demo.module.ts",
|
|
903
893
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyAutonumericModule } from '@skyux/autonumeric';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { AutonumericDemoComponent } from './autonumeric-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAutonumericModule,\n SkyInputBoxModule,\n ],\n declarations: [AutonumericDemoComponent],\n exports: [AutonumericDemoComponent],\n})\nexport class AutonumericDemoModule {}\n"
|
|
904
894
|
},
|
|
905
895
|
{
|
|
906
|
-
"fileName": "autonumeric-demo
|
|
907
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/options-provider/autonumeric-demo
|
|
908
|
-
"rawContents": "import { SkyAutonumericOptions } from '@skyux/autonumeric';\nimport { SkyAutonumericOptionsProvider } from '@skyux/autonumeric';\n\
|
|
896
|
+
"fileName": "autonumeric-demo.component.ts",
|
|
897
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/options-provider/autonumeric-demo.component.ts",
|
|
898
|
+
"rawContents": "import { Component } from '@angular/core';\nimport {\n UntypedFormBuilder,\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport { SkyAutonumericOptions } from '@skyux/autonumeric';\nimport { SkyAutonumericOptionsProvider } from '@skyux/autonumeric';\n\nimport { AutonumericDemoOptionsProvider } from './autonumeric-demo-options-provider';\n\n@Component({\n selector: 'app-autonumeric-demo',\n templateUrl: './autonumeric-demo.component.html',\n providers: [\n {\n provide: SkyAutonumericOptionsProvider,\n useClass: AutonumericDemoOptionsProvider,\n },\n ],\n})\nexport class AutonumericDemoComponent {\n public donationOptions: SkyAutonumericOptions = {};\n\n public formGroup: UntypedFormGroup;\n\n public pledgeOptions: SkyAutonumericOptions = {\n decimalPlaces: 0,\n };\n\n constructor(formBuilder: UntypedFormBuilder) {\n this.formGroup = formBuilder.group({\n donationAmount: new UntypedFormControl(1234.5678, [Validators.required]),\n pledgeAmount: new UntypedFormControl(2345.6789, [Validators.required]),\n });\n }\n}\n"
|
|
909
899
|
},
|
|
910
900
|
{
|
|
911
901
|
"fileName": "autonumeric-demo.component.html",
|
|
@@ -913,29 +903,39 @@
|
|
|
913
903
|
"rawContents": "<form [formGroup]=\"formGroup\" novalidate>\n <sky-input-box labelText=\"Donation amount\" stacked=\"true\">\n <input\n formControlName=\"donationAmount\"\n type=\"text\"\n [skyAutonumeric]=\"donationOptions\"\n />\n </sky-input-box>\n <sky-input-box labelText=\"Pledge amount\">\n <input\n formControlName=\"pledgeAmount\"\n type=\"text\"\n [skyAutonumeric]=\"pledgeOptions\"\n />\n </sky-input-box>\n</form>\n"
|
|
914
904
|
},
|
|
915
905
|
{
|
|
916
|
-
"fileName": "autonumeric-demo.
|
|
917
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/options-provider/autonumeric-demo.
|
|
918
|
-
"rawContents": "import {
|
|
906
|
+
"fileName": "autonumeric-demo-options-provider.ts",
|
|
907
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/options-provider/autonumeric-demo-options-provider.ts",
|
|
908
|
+
"rawContents": "import { SkyAutonumericOptions } from '@skyux/autonumeric';\nimport { SkyAutonumericOptionsProvider } from '@skyux/autonumeric';\n\nexport class AutonumericDemoOptionsProvider extends SkyAutonumericOptionsProvider {\n constructor() {\n super();\n }\n\n public override getConfig(): SkyAutonumericOptions {\n return {\n currencySymbol: ' €',\n currencySymbolPlacement: 's',\n decimalPlaces: 2,\n decimalCharacter: ',',\n digitGroupSeparator: '',\n };\n }\n}\n"
|
|
919
909
|
},
|
|
920
910
|
{
|
|
921
911
|
"fileName": "autonumeric-demo.module.ts",
|
|
922
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
912
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/international-formatting/autonumeric-demo.module.ts",
|
|
923
913
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyAutonumericModule } from '@skyux/autonumeric';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { AutonumericDemoComponent } from './autonumeric-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAutonumericModule,\n SkyInputBoxModule,\n ],\n declarations: [AutonumericDemoComponent],\n exports: [AutonumericDemoComponent],\n})\nexport class AutonumericDemoModule {}\n"
|
|
924
914
|
},
|
|
925
915
|
{
|
|
926
|
-
"fileName": "autonumeric-demo.component.
|
|
927
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
928
|
-
"rawContents": "
|
|
916
|
+
"fileName": "autonumeric-demo.component.ts",
|
|
917
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/international-formatting/autonumeric-demo.component.ts",
|
|
918
|
+
"rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n UntypedFormBuilder,\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport { SkyAutonumericOptions } from '@skyux/autonumeric';\n\n@Component({\n selector: 'app-autonumeric-demo',\n templateUrl: './autonumeric-demo.component.html',\n})\nexport class AutonumericDemoComponent implements OnInit {\n public autonumericOptions: SkyAutonumericOptions | undefined;\n\n public formGroup: UntypedFormGroup;\n\n constructor(formBuilder: UntypedFormBuilder) {\n this.formGroup = formBuilder.group({\n donationAmount: new UntypedFormControl(1234.5678, [Validators.required]),\n });\n }\n\n public ngOnInit(): void {\n this.autonumericOptions = {\n decimalCharacter: ',',\n decimalPlaces: 4,\n digitGroupSeparator: '',\n };\n }\n}\n"
|
|
929
919
|
},
|
|
930
920
|
{
|
|
931
|
-
"fileName": "autonumeric-demo.component.
|
|
932
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
933
|
-
"rawContents": "
|
|
921
|
+
"fileName": "autonumeric-demo.component.html",
|
|
922
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/international-formatting/autonumeric-demo.component.html",
|
|
923
|
+
"rawContents": "<form [formGroup]=\"formGroup\" novalidate>\n <sky-input-box labelText=\"Autonumeric value\">\n <input\n formControlName=\"donationAmount\"\n type=\"text\"\n [skyAutonumeric]=\"autonumericOptions\"\n />\n </sky-input-box>\n</form>\n"
|
|
934
924
|
},
|
|
935
925
|
{
|
|
936
926
|
"fileName": "autonumeric-demo.module.ts",
|
|
937
|
-
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/
|
|
927
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/currency/autonumeric-demo.module.ts",
|
|
938
928
|
"rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyAutonumericModule } from '@skyux/autonumeric';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { AutonumericDemoComponent } from './autonumeric-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyAutonumericModule,\n SkyInputBoxModule,\n ],\n declarations: [AutonumericDemoComponent],\n exports: [AutonumericDemoComponent],\n})\nexport class AutonumericDemoModule {}\n"
|
|
929
|
+
},
|
|
930
|
+
{
|
|
931
|
+
"fileName": "autonumeric-demo.component.ts",
|
|
932
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/currency/autonumeric-demo.component.ts",
|
|
933
|
+
"rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n UntypedFormBuilder,\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from '@angular/forms';\nimport { SkyAutonumericOptions } from '@skyux/autonumeric';\n\n@Component({\n selector: 'app-autonumeric-demo',\n templateUrl: './autonumeric-demo.component.html',\n})\nexport class AutonumericDemoComponent implements OnInit {\n public autonumericOptions: SkyAutonumericOptions | undefined;\n\n public formGroup: UntypedFormGroup;\n\n constructor(formBuilder: UntypedFormBuilder) {\n this.formGroup = formBuilder.group({\n donationAmount: new UntypedFormControl(1234.5678, [Validators.required]),\n });\n }\n\n public ngOnInit(): void {\n this.autonumericOptions = {\n currencySymbol: ' €',\n currencySymbolPlacement: 's',\n decimalPlaces: 2,\n decimalCharacter: ',',\n digitGroupSeparator: '',\n };\n }\n}\n"
|
|
934
|
+
},
|
|
935
|
+
{
|
|
936
|
+
"fileName": "autonumeric-demo.component.html",
|
|
937
|
+
"filePath": "/projects/autonumeric/documentation/code-examples/autonumeric/currency/autonumeric-demo.component.html",
|
|
938
|
+
"rawContents": "<form [formGroup]=\"formGroup\" novalidate>\n <sky-input-box labelText=\"Donation amount\">\n <input\n formControlName=\"donationAmount\"\n type=\"text\"\n [skyAutonumeric]=\"autonumericOptions\"\n />\n </sky-input-box>\n</form>\n"
|
|
939
939
|
}
|
|
940
940
|
]
|
|
941
941
|
}
|