@skyux/forms 5.0.0 → 5.0.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.
Files changed (55) hide show
  1. package/README.md +0 -1
  2. package/bundles/skyux-forms-testing.umd.js +7 -4
  3. package/bundles/skyux-forms-testing.umd.js.map +1 -1
  4. package/bundles/skyux-forms.umd.js +337 -361
  5. package/bundles/skyux-forms.umd.js.map +1 -1
  6. package/documentation.json +299 -294
  7. package/esm2015/modules/character-counter/character-counter-indicator.component.js +6 -6
  8. package/esm2015/modules/character-counter/character-counter.directive.js +17 -15
  9. package/esm2015/modules/character-counter/character-counter.module.js +10 -10
  10. package/esm2015/modules/checkbox/checkbox-change.js +1 -1
  11. package/esm2015/modules/checkbox/checkbox-label.component.js +5 -5
  12. package/esm2015/modules/checkbox/checkbox-required-validator.directive.js +7 -6
  13. package/esm2015/modules/checkbox/checkbox.component.js +8 -7
  14. package/esm2015/modules/checkbox/checkbox.module.js +10 -20
  15. package/esm2015/modules/file-attachment/file-attachment-label.component.js +6 -8
  16. package/esm2015/modules/file-attachment/file-attachment.component.js +23 -19
  17. package/esm2015/modules/file-attachment/file-attachment.service.js +8 -6
  18. package/esm2015/modules/file-attachment/file-attachments.module.js +10 -16
  19. package/esm2015/modules/file-attachment/file-drop.component.js +10 -13
  20. package/esm2015/modules/file-attachment/file-item-error-type.js +1 -1
  21. package/esm2015/modules/file-attachment/file-item.component.js +6 -6
  22. package/esm2015/modules/file-attachment/file-item.js +1 -1
  23. package/esm2015/modules/file-attachment/file-item.service.js +9 -6
  24. package/esm2015/modules/file-attachment/file-size.pipe.js +7 -6
  25. package/esm2015/modules/file-attachment/types/file-attachment-change.js +1 -1
  26. package/esm2015/modules/file-attachment/types/file-attachment-click.js +1 -1
  27. package/esm2015/modules/file-attachment/types/file-drop-change.js +1 -1
  28. package/esm2015/modules/input-box/input-box-adapter.service.js +5 -5
  29. package/esm2015/modules/input-box/input-box-host.service.js +4 -4
  30. package/esm2015/modules/input-box/input-box-populate-args.js +1 -1
  31. package/esm2015/modules/input-box/input-box.component.js +10 -16
  32. package/esm2015/modules/input-box/input-box.module.js +8 -19
  33. package/esm2015/modules/radio/radio-group.component.js +14 -17
  34. package/esm2015/modules/radio/radio-label.component.js +5 -5
  35. package/esm2015/modules/radio/radio.component.js +9 -13
  36. package/esm2015/modules/radio/radio.module.js +9 -25
  37. package/esm2015/modules/radio/types/radio-change.js +1 -1
  38. package/esm2015/modules/selection-box/selection-box-adapter.service.js +10 -8
  39. package/esm2015/modules/selection-box/selection-box-description.component.js +5 -5
  40. package/esm2015/modules/selection-box/selection-box-grid.component.js +12 -13
  41. package/esm2015/modules/selection-box/selection-box-header.component.js +5 -5
  42. package/esm2015/modules/selection-box/selection-box.component.js +12 -10
  43. package/esm2015/modules/selection-box/selection-box.module.js +10 -21
  44. package/esm2015/modules/selection-box/types/selection-box-grid-align-items.js +1 -1
  45. package/esm2015/modules/shared/forms-utility.js +1 -1
  46. package/esm2015/modules/shared/sky-forms-resources.module.js +60 -12
  47. package/esm2015/modules/toggle-switch/toggle-switch-label.component.js +5 -5
  48. package/esm2015/modules/toggle-switch/toggle-switch.component.js +13 -13
  49. package/esm2015/modules/toggle-switch/toggle-switch.module.js +8 -23
  50. package/esm2015/testing/checkbox-fixture.js +6 -3
  51. package/fesm2015/skyux-forms-testing.js +5 -2
  52. package/fesm2015/skyux-forms-testing.js.map +1 -1
  53. package/fesm2015/skyux-forms.js +297 -319
  54. package/fesm2015/skyux-forms.js.map +1 -1
  55. package/package.json +7 -7
package/documentation.json CHANGED
@@ -57,7 +57,7 @@
57
57
  "name": "NgModule"
58
58
  },
59
59
  "arguments": {
60
- "obj": "{\n declarations: [\n SkyCharacterCounterInputDirective,\n SkyCharacterCounterIndicatorComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyFormsResourcesModule,\n SkyI18nModule\n ],\n exports: [\n SkyCharacterCounterInputDirective,\n SkyCharacterCounterIndicatorComponent\n ]\n}"
60
+ "obj": "{\n declarations: [\n SkyCharacterCounterInputDirective,\n SkyCharacterCounterIndicatorComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyFormsResourcesModule,\n SkyI18nModule,\n ],\n exports: [\n SkyCharacterCounterInputDirective,\n SkyCharacterCounterIndicatorComponent,\n ],\n}"
61
61
  }
62
62
  }
63
63
  ],
@@ -96,7 +96,7 @@
96
96
  "sources": [
97
97
  {
98
98
  "fileName": "projects/forms/src/modules/character-counter/character-counter.module.ts",
99
- "line": 47,
99
+ "line": 32,
100
100
  "character": 13
101
101
  }
102
102
  ]
@@ -143,7 +143,7 @@
143
143
  "sources": [
144
144
  {
145
145
  "fileName": "projects/forms/src/modules/checkbox/checkbox-change.ts",
146
- "line": 10,
146
+ "line": 8,
147
147
  "character": 9
148
148
  }
149
149
  ],
@@ -163,7 +163,7 @@
163
163
  "sources": [
164
164
  {
165
165
  "fileName": "projects/forms/src/modules/checkbox/checkbox-change.ts",
166
- "line": 9,
166
+ "line": 7,
167
167
  "character": 9
168
168
  }
169
169
  ],
@@ -194,7 +194,7 @@
194
194
  "sources": [
195
195
  {
196
196
  "fileName": "projects/forms/src/modules/checkbox/checkbox-change.ts",
197
- "line": 8,
197
+ "line": 6,
198
198
  "character": 13
199
199
  }
200
200
  ]
@@ -213,7 +213,7 @@
213
213
  "name": "NgModule"
214
214
  },
215
215
  "arguments": {
216
- "obj": "{\n declarations: [\n SkyCheckboxComponent,\n SkyCheckboxLabelComponent,\n SkyCheckboxRequiredValidatorDirective\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyIconModule\n ],\n exports: [\n SkyCheckboxComponent,\n SkyCheckboxLabelComponent,\n SkyCheckboxRequiredValidatorDirective\n ]\n}"
216
+ "obj": "{\n declarations: [\n SkyCheckboxComponent,\n SkyCheckboxLabelComponent,\n SkyCheckboxRequiredValidatorDirective,\n ],\n imports: [CommonModule, FormsModule, SkyIconModule],\n exports: [\n SkyCheckboxComponent,\n SkyCheckboxLabelComponent,\n SkyCheckboxRequiredValidatorDirective,\n ],\n}"
217
217
  }
218
218
  }
219
219
  ],
@@ -252,7 +252,7 @@
252
252
  "sources": [
253
253
  {
254
254
  "fileName": "projects/forms/src/modules/checkbox/checkbox.module.ts",
255
- "line": 46,
255
+ "line": 28,
256
256
  "character": 13
257
257
  }
258
258
  ]
@@ -271,7 +271,7 @@
271
271
  "name": "NgModule"
272
272
  },
273
273
  "arguments": {
274
- "obj": "{\n declarations: [\n SkyFileAttachmentComponent,\n SkyFileAttachmentLabelComponent,\n SkyFileDropComponent,\n SkyFileItemComponent,\n SkyFileSizePipe\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyFormsResourcesModule,\n SkyI18nModule,\n SkyIconModule,\n SkyThemeModule\n ],\n exports: [\n SkyFileAttachmentComponent,\n SkyFileAttachmentLabelComponent,\n SkyFileDropComponent,\n SkyFileItemComponent,\n SkyFileSizePipe\n ],\n providers: [\n DecimalPipe,\n SkyFileItemService\n ]\n}"
274
+ "obj": "{\n declarations: [\n SkyFileAttachmentComponent,\n SkyFileAttachmentLabelComponent,\n SkyFileDropComponent,\n SkyFileItemComponent,\n SkyFileSizePipe,\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyFormsResourcesModule,\n SkyI18nModule,\n SkyIconModule,\n SkyThemeModule,\n ],\n exports: [\n SkyFileAttachmentComponent,\n SkyFileAttachmentLabelComponent,\n SkyFileDropComponent,\n SkyFileItemComponent,\n SkyFileSizePipe,\n ],\n providers: [DecimalPipe, SkyFileItemService],\n}"
275
275
  }
276
276
  }
277
277
  ],
@@ -310,7 +310,7 @@
310
310
  "sources": [
311
311
  {
312
312
  "fileName": "projects/forms/src/modules/file-attachment/file-attachments.module.ts",
313
- "line": 82,
313
+ "line": 52,
314
314
  "character": 13
315
315
  }
316
316
  ]
@@ -329,7 +329,7 @@
329
329
  "name": "NgModule"
330
330
  },
331
331
  "arguments": {
332
- "obj": "{\n declarations: [\n SkyInputBoxComponent\n ],\n imports: [\n CommonModule,\n SkyThemeModule\n ],\n exports: [\n SkyInputBoxComponent\n ]\n}"
332
+ "obj": "{\n declarations: [SkyInputBoxComponent],\n imports: [CommonModule, SkyThemeModule],\n exports: [SkyInputBoxComponent],\n}"
333
333
  }
334
334
  }
335
335
  ],
@@ -368,7 +368,7 @@
368
368
  "sources": [
369
369
  {
370
370
  "fileName": "projects/forms/src/modules/input-box/input-box.module.ts",
371
- "line": 29,
371
+ "line": 14,
372
372
  "character": 13
373
373
  }
374
374
  ]
@@ -387,7 +387,7 @@
387
387
  "name": "NgModule"
388
388
  },
389
389
  "arguments": {
390
- "obj": "{\n declarations: [\n SkyRadioComponent,\n SkyRadioGroupComponent,\n SkyRadioLabelComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n SkyIconModule\n ],\n exports: [\n SkyRadioComponent,\n SkyRadioGroupComponent,\n SkyRadioLabelComponent\n ]\n}"
390
+ "obj": "{\n declarations: [\n SkyRadioComponent,\n SkyRadioGroupComponent,\n SkyRadioLabelComponent,\n ],\n imports: [CommonModule, FormsModule, SkyIconModule],\n exports: [SkyRadioComponent, SkyRadioGroupComponent, SkyRadioLabelComponent],\n}"
391
391
  }
392
392
  }
393
393
  ],
@@ -426,7 +426,7 @@
426
426
  "sources": [
427
427
  {
428
428
  "fileName": "projects/forms/src/modules/radio/radio.module.ts",
429
- "line": 46,
429
+ "line": 24,
430
430
  "character": 13
431
431
  }
432
432
  ]
@@ -445,7 +445,7 @@
445
445
  "name": "NgModule"
446
446
  },
447
447
  "arguments": {
448
- "obj": "{\n declarations: [\n SkySelectionBoxGridComponent,\n SkySelectionBoxComponent,\n SkySelectionBoxDescriptionComponent,\n SkySelectionBoxHeaderComponent\n ],\n imports: [\n CommonModule,\n SkyThemeModule\n ],\n exports: [\n SkySelectionBoxGridComponent,\n SkySelectionBoxComponent,\n SkySelectionBoxDescriptionComponent,\n SkySelectionBoxHeaderComponent\n ],\n providers: [\n SkySelectionBoxAdapterService\n ]\n}"
448
+ "obj": "{\n declarations: [\n SkySelectionBoxGridComponent,\n SkySelectionBoxComponent,\n SkySelectionBoxDescriptionComponent,\n SkySelectionBoxHeaderComponent,\n ],\n imports: [CommonModule, SkyThemeModule],\n exports: [\n SkySelectionBoxGridComponent,\n SkySelectionBoxComponent,\n SkySelectionBoxDescriptionComponent,\n SkySelectionBoxHeaderComponent,\n ],\n providers: [SkySelectionBoxAdapterService],\n}"
449
449
  }
450
450
  }
451
451
  ],
@@ -484,7 +484,7 @@
484
484
  "sources": [
485
485
  {
486
486
  "fileName": "projects/forms/src/modules/selection-box/selection-box.module.ts",
487
- "line": 54,
487
+ "line": 33,
488
488
  "character": 13
489
489
  }
490
490
  ]
@@ -503,7 +503,7 @@
503
503
  "name": "NgModule"
504
504
  },
505
505
  "arguments": {
506
- "obj": "{\n declarations: [\n SkyToggleSwitchLabelComponent,\n SkyToggleSwitchComponent\n ],\n imports: [\n CommonModule,\n FormsModule\n ],\n exports: [\n SkyToggleSwitchLabelComponent,\n SkyToggleSwitchComponent\n ]\n}"
506
+ "obj": "{\n declarations: [SkyToggleSwitchLabelComponent, SkyToggleSwitchComponent],\n imports: [CommonModule, FormsModule],\n exports: [SkyToggleSwitchLabelComponent, SkyToggleSwitchComponent],\n}"
507
507
  }
508
508
  }
509
509
  ],
@@ -542,7 +542,7 @@
542
542
  "sources": [
543
543
  {
544
544
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.module.ts",
545
- "line": 35,
545
+ "line": 16,
546
546
  "character": 13
547
547
  }
548
548
  ]
@@ -561,7 +561,7 @@
561
561
  "name": "Component"
562
562
  },
563
563
  "arguments": {
564
- "obj": "{\n selector: 'sky-character-counter-indicator',\n templateUrl: './character-counter-indicator.component.html',\n styleUrls: ['./character-counter-indicator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
564
+ "obj": "{\n selector: 'sky-character-counter-indicator',\n templateUrl: './character-counter-indicator.component.html',\n styleUrls: ['./character-counter-indicator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
565
565
  }
566
566
  }
567
567
  ],
@@ -658,7 +658,7 @@
658
658
  "sources": [
659
659
  {
660
660
  "fileName": "projects/forms/src/modules/character-counter/character-counter-indicator.component.ts",
661
- "line": 24,
661
+ "line": 22,
662
662
  "character": 13
663
663
  }
664
664
  ],
@@ -713,7 +713,7 @@
713
713
  "sources": [
714
714
  {
715
715
  "fileName": "projects/forms/src/modules/character-counter/character-counter-indicator.component.ts",
716
- "line": 33,
716
+ "line": 31,
717
717
  "character": 13
718
718
  }
719
719
  ],
@@ -808,7 +808,7 @@
808
808
  "name": "Component"
809
809
  },
810
810
  "arguments": {
811
- "obj": "{\n selector: 'sky-input-box',\n templateUrl: './input-box.component.html',\n styleUrls: ['./input-box.component.scss'],\n providers: [\n SkyInputBoxAdapterService,\n SkyInputBoxHostService\n ],\n // Note that change detection is not set to OnPush; default change detection allows the\n // invalid CSS class to be added when the content control's invalid/dirty state changes.\n encapsulation: ViewEncapsulation.None\n}"
811
+ "obj": "{\n selector: 'sky-input-box',\n templateUrl: './input-box.component.html',\n styleUrls: ['./input-box.component.scss'],\n providers: [SkyInputBoxAdapterService, SkyInputBoxHostService],\n // Note that change detection is not set to OnPush; default change detection allows the\n // invalid CSS class to be added when the content control's invalid/dirty state changes.\n encapsulation: ViewEncapsulation.None,\n}"
812
812
  }
813
813
  }
814
814
  ],
@@ -822,7 +822,7 @@
822
822
  "sources": [
823
823
  {
824
824
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
825
- "line": 103,
825
+ "line": 95,
826
826
  "character": 2
827
827
  }
828
828
  ],
@@ -923,7 +923,7 @@
923
923
  "sources": [
924
924
  {
925
925
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
926
- "line": 68,
926
+ "line": 58,
927
927
  "character": 9
928
928
  }
929
929
  ],
@@ -955,7 +955,7 @@
955
955
  "sources": [
956
956
  {
957
957
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
958
- "line": 85,
958
+ "line": 75,
959
959
  "character": 9
960
960
  }
961
961
  ],
@@ -987,7 +987,7 @@
987
987
  "sources": [
988
988
  {
989
989
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
990
- "line": 88,
990
+ "line": 78,
991
991
  "character": 9
992
992
  }
993
993
  ],
@@ -1007,7 +1007,7 @@
1007
1007
  "sources": [
1008
1008
  {
1009
1009
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1010
- "line": 78,
1010
+ "line": 68,
1011
1011
  "character": 9
1012
1012
  }
1013
1013
  ],
@@ -1046,7 +1046,7 @@
1046
1046
  "sources": [
1047
1047
  {
1048
1048
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1049
- "line": 58,
1049
+ "line": 48,
1050
1050
  "character": 9
1051
1051
  }
1052
1052
  ],
@@ -1066,7 +1066,7 @@
1066
1066
  "sources": [
1067
1067
  {
1068
1068
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1069
- "line": 74,
1069
+ "line": 64,
1070
1070
  "character": 9
1071
1071
  }
1072
1072
  ],
@@ -1092,7 +1092,7 @@
1092
1092
  "sources": [
1093
1093
  {
1094
1094
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1095
- "line": 76,
1095
+ "line": 66,
1096
1096
  "character": 9
1097
1097
  }
1098
1098
  ],
@@ -1118,7 +1118,7 @@
1118
1118
  "sources": [
1119
1119
  {
1120
1120
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1121
- "line": 72,
1121
+ "line": 62,
1122
1122
  "character": 9
1123
1123
  }
1124
1124
  ],
@@ -1144,7 +1144,7 @@
1144
1144
  "sources": [
1145
1145
  {
1146
1146
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1147
- "line": 82,
1147
+ "line": 72,
1148
1148
  "character": 9
1149
1149
  }
1150
1150
  ],
@@ -1170,7 +1170,7 @@
1170
1170
  "sources": [
1171
1171
  {
1172
1172
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1173
- "line": 80,
1173
+ "line": 70,
1174
1174
  "character": 9
1175
1175
  }
1176
1176
  ],
@@ -1196,7 +1196,7 @@
1196
1196
  "sources": [
1197
1197
  {
1198
1198
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1199
- "line": 70,
1199
+ "line": 60,
1200
1200
  "character": 9
1201
1201
  }
1202
1202
  ],
@@ -1234,7 +1234,7 @@
1234
1234
  "sources": [
1235
1235
  {
1236
1236
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1237
- "line": 91,
1237
+ "line": 81,
1238
1238
  "character": 9
1239
1239
  }
1240
1240
  ],
@@ -1254,7 +1254,7 @@
1254
1254
  "sources": [
1255
1255
  {
1256
1256
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1257
- "line": 93,
1257
+ "line": 83,
1258
1258
  "character": 13
1259
1259
  }
1260
1260
  ],
@@ -1283,7 +1283,7 @@
1283
1283
  "sources": [
1284
1284
  {
1285
1285
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1286
- "line": 114,
1286
+ "line": 106,
1287
1287
  "character": 9
1288
1288
  }
1289
1289
  ],
@@ -1312,7 +1312,7 @@
1312
1312
  "sources": [
1313
1313
  {
1314
1314
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1315
- "line": 121,
1315
+ "line": 115,
1316
1316
  "character": 9
1317
1317
  }
1318
1318
  ],
@@ -1341,7 +1341,7 @@
1341
1341
  "sources": [
1342
1342
  {
1343
1343
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1344
- "line": 110,
1344
+ "line": 102,
1345
1345
  "character": 9
1346
1346
  }
1347
1347
  ],
@@ -1378,7 +1378,7 @@
1378
1378
  "sources": [
1379
1379
  {
1380
1380
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1381
- "line": 125,
1381
+ "line": 119,
1382
1382
  "character": 9
1383
1383
  }
1384
1384
  ],
@@ -1407,7 +1407,7 @@
1407
1407
  "sources": [
1408
1408
  {
1409
1409
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1410
- "line": 131,
1410
+ "line": 125,
1411
1411
  "character": 9
1412
1412
  }
1413
1413
  ],
@@ -1487,7 +1487,7 @@
1487
1487
  "sources": [
1488
1488
  {
1489
1489
  "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
1490
- "line": 50,
1490
+ "line": 41,
1491
1491
  "character": 13
1492
1492
  }
1493
1493
  ],
@@ -1515,7 +1515,7 @@
1515
1515
  "name": "Component"
1516
1516
  },
1517
1517
  "arguments": {
1518
- "obj": "{\n selector: 'sky-radio-group',\n templateUrl: './radio-group.component.html'\n}"
1518
+ "obj": "{\n selector: 'sky-radio-group',\n templateUrl: './radio-group.component.html',\n}"
1519
1519
  }
1520
1520
  }
1521
1521
  ],
@@ -1529,7 +1529,7 @@
1529
1529
  "sources": [
1530
1530
  {
1531
1531
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1532
- "line": 163,
1532
+ "line": 152,
1533
1533
  "character": 2
1534
1534
  }
1535
1535
  ],
@@ -1614,7 +1614,7 @@
1614
1614
  "sources": [
1615
1615
  {
1616
1616
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1617
- "line": 68,
1617
+ "line": 57,
1618
1618
  "character": 9
1619
1619
  }
1620
1620
  ],
@@ -1647,7 +1647,7 @@
1647
1647
  "sources": [
1648
1648
  {
1649
1649
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1650
- "line": 59,
1650
+ "line": 48,
1651
1651
  "character": 9
1652
1652
  }
1653
1653
  ],
@@ -1686,7 +1686,7 @@
1686
1686
  "sources": [
1687
1687
  {
1688
1688
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1689
- "line": 110,
1689
+ "line": 99,
1690
1690
  "character": 9
1691
1691
  }
1692
1692
  ],
@@ -1717,7 +1717,7 @@
1717
1717
  "sources": [
1718
1718
  {
1719
1719
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1720
- "line": 75,
1720
+ "line": 64,
1721
1721
  "character": 13
1722
1722
  }
1723
1723
  ],
@@ -1794,7 +1794,7 @@
1794
1794
  "sources": [
1795
1795
  {
1796
1796
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1797
- "line": 94,
1797
+ "line": 83,
1798
1798
  "character": 13
1799
1799
  }
1800
1800
  ],
@@ -1871,7 +1871,7 @@
1871
1871
  "sources": [
1872
1872
  {
1873
1873
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1874
- "line": 140,
1874
+ "line": 129,
1875
1875
  "character": 13
1876
1876
  }
1877
1877
  ],
@@ -1942,7 +1942,7 @@
1942
1942
  "sources": [
1943
1943
  {
1944
1944
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
1945
- "line": 118,
1945
+ "line": 107,
1946
1946
  "character": 13
1947
1947
  }
1948
1948
  ],
@@ -2003,7 +2003,7 @@
2003
2003
  "sources": [
2004
2004
  {
2005
2005
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2006
- "line": 172,
2006
+ "line": 161,
2007
2007
  "character": 9
2008
2008
  }
2009
2009
  ],
@@ -2040,7 +2040,7 @@
2040
2040
  "sources": [
2041
2041
  {
2042
2042
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2043
- "line": 196,
2043
+ "line": 181,
2044
2044
  "character": 9
2045
2045
  }
2046
2046
  ],
@@ -2077,7 +2077,7 @@
2077
2077
  "sources": [
2078
2078
  {
2079
2079
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2080
- "line": 227,
2080
+ "line": 207,
2081
2081
  "character": 9
2082
2082
  }
2083
2083
  ],
@@ -2114,7 +2114,7 @@
2114
2114
  "sources": [
2115
2115
  {
2116
2116
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2117
- "line": 244,
2117
+ "line": 224,
2118
2118
  "character": 9
2119
2119
  }
2120
2120
  ],
@@ -2188,7 +2188,7 @@
2188
2188
  "sources": [
2189
2189
  {
2190
2190
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2191
- "line": 248,
2191
+ "line": 228,
2192
2192
  "character": 9
2193
2193
  }
2194
2194
  ],
@@ -2230,7 +2230,7 @@
2230
2230
  "sources": [
2231
2231
  {
2232
2232
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2233
- "line": 206,
2233
+ "line": 192,
2234
2234
  "character": 9
2235
2235
  }
2236
2236
  ],
@@ -2259,7 +2259,7 @@
2259
2259
  "sources": [
2260
2260
  {
2261
2261
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2262
- "line": 232,
2262
+ "line": 212,
2263
2263
  "character": 9
2264
2264
  }
2265
2265
  ],
@@ -2335,7 +2335,7 @@
2335
2335
  "sources": [
2336
2336
  {
2337
2337
  "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
2338
- "line": 50,
2338
+ "line": 38,
2339
2339
  "character": 13
2340
2340
  }
2341
2341
  ],
@@ -2371,7 +2371,7 @@
2371
2371
  "name": "Component"
2372
2372
  },
2373
2373
  "arguments": {
2374
- "obj": "{\n selector: 'sky-radio-label',\n templateUrl: './radio-label.component.html'\n}"
2374
+ "obj": "{\n selector: 'sky-radio-label',\n templateUrl: './radio-label.component.html',\n}"
2375
2375
  }
2376
2376
  }
2377
2377
  ],
@@ -2421,7 +2421,7 @@
2421
2421
  "sources": [
2422
2422
  {
2423
2423
  "fileName": "projects/forms/src/modules/radio/radio-label.component.ts",
2424
- "line": 18,
2424
+ "line": 15,
2425
2425
  "character": 9
2426
2426
  }
2427
2427
  ],
@@ -2472,7 +2472,7 @@
2472
2472
  "sources": [
2473
2473
  {
2474
2474
  "fileName": "projects/forms/src/modules/radio/radio-label.component.ts",
2475
- "line": 13,
2475
+ "line": 10,
2476
2476
  "character": 13
2477
2477
  }
2478
2478
  ]
@@ -2494,7 +2494,7 @@
2494
2494
  "name": "Component"
2495
2495
  },
2496
2496
  "arguments": {
2497
- "obj": "{\n selector: 'sky-radio',\n templateUrl: './radio.component.html',\n styleUrls: ['./radio.component.scss'],\n providers: [\n SKY_RADIO_CONTROL_VALUE_ACCESSOR\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
2497
+ "obj": "{\n selector: 'sky-radio',\n templateUrl: './radio.component.html',\n styleUrls: ['./radio.component.scss'],\n providers: [SKY_RADIO_CONTROL_VALUE_ACCESSOR],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
2498
2498
  }
2499
2499
  }
2500
2500
  ],
@@ -2508,7 +2508,7 @@
2508
2508
  "sources": [
2509
2509
  {
2510
2510
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2511
- "line": 275,
2511
+ "line": 264,
2512
2512
  "character": 2
2513
2513
  }
2514
2514
  ],
@@ -2554,7 +2554,7 @@
2554
2554
  "sources": [
2555
2555
  {
2556
2556
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2557
- "line": 68,
2557
+ "line": 54,
2558
2558
  "character": 9
2559
2559
  }
2560
2560
  ],
@@ -2594,7 +2594,7 @@
2594
2594
  "sources": [
2595
2595
  {
2596
2596
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2597
- "line": 207,
2597
+ "line": 195,
2598
2598
  "character": 9
2599
2599
  }
2600
2600
  ],
@@ -2633,7 +2633,7 @@
2633
2633
  "sources": [
2634
2634
  {
2635
2635
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2636
- "line": 117,
2636
+ "line": 103,
2637
2637
  "character": 9
2638
2638
  }
2639
2639
  ],
@@ -2667,7 +2667,7 @@
2667
2667
  "sources": [
2668
2668
  {
2669
2669
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2670
- "line": 126,
2670
+ "line": 112,
2671
2671
  "character": 9
2672
2672
  }
2673
2673
  ],
@@ -2700,7 +2700,7 @@
2700
2700
  "sources": [
2701
2701
  {
2702
2702
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2703
- "line": 135,
2703
+ "line": 121,
2704
2704
  "character": 9
2705
2705
  }
2706
2706
  ],
@@ -2730,7 +2730,7 @@
2730
2730
  "sources": [
2731
2731
  {
2732
2732
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2733
- "line": 231,
2733
+ "line": 220,
2734
2734
  "character": 13
2735
2735
  }
2736
2736
  ],
@@ -2779,7 +2779,7 @@
2779
2779
  "sources": [
2780
2780
  {
2781
2781
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2782
- "line": 75,
2782
+ "line": 61,
2783
2783
  "character": 13
2784
2784
  }
2785
2785
  ],
@@ -2856,7 +2856,7 @@
2856
2856
  "sources": [
2857
2857
  {
2858
2858
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2859
- "line": 239,
2859
+ "line": 228,
2860
2860
  "character": 13
2861
2861
  }
2862
2862
  ],
@@ -2904,7 +2904,7 @@
2904
2904
  "sources": [
2905
2905
  {
2906
2906
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2907
- "line": 99,
2907
+ "line": 85,
2908
2908
  "character": 13
2909
2909
  }
2910
2910
  ],
@@ -2981,8 +2981,8 @@
2981
2981
  "sources": [
2982
2982
  {
2983
2983
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
2984
- "line": 247,
2985
- "character": 14
2984
+ "line": 236,
2985
+ "character": 13
2986
2986
  }
2987
2987
  ],
2988
2988
  "getSignature": [
@@ -3019,7 +3019,7 @@
3019
3019
  "sources": [
3020
3020
  {
3021
3021
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3022
- "line": 170,
3022
+ "line": 158,
3023
3023
  "character": 13
3024
3024
  }
3025
3025
  ],
@@ -3061,7 +3061,7 @@
3061
3061
  "sources": [
3062
3062
  {
3063
3063
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3064
- "line": 251,
3064
+ "line": 240,
3065
3065
  "character": 13
3066
3066
  }
3067
3067
  ],
@@ -3100,7 +3100,7 @@
3100
3100
  "sources": [
3101
3101
  {
3102
3102
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3103
- "line": 144,
3103
+ "line": 130,
3104
3104
  "character": 13
3105
3105
  }
3106
3106
  ],
@@ -3177,7 +3177,7 @@
3177
3177
  "sources": [
3178
3178
  {
3179
3179
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3180
- "line": 218,
3180
+ "line": 206,
3181
3181
  "character": 13
3182
3182
  }
3183
3183
  ],
@@ -3244,7 +3244,7 @@
3244
3244
  "sources": [
3245
3245
  {
3246
3246
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3247
- "line": 255,
3247
+ "line": 244,
3248
3248
  "character": 13
3249
3249
  }
3250
3250
  ],
@@ -3309,7 +3309,7 @@
3309
3309
  "sources": [
3310
3310
  {
3311
3311
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3312
- "line": 160,
3312
+ "line": 146,
3313
3313
  "character": 13
3314
3314
  }
3315
3315
  ],
@@ -3386,7 +3386,7 @@
3386
3386
  "sources": [
3387
3387
  {
3388
3388
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3389
- "line": 182,
3389
+ "line": 170,
3390
3390
  "character": 13
3391
3391
  }
3392
3392
  ],
@@ -3453,7 +3453,7 @@
3453
3453
  "sources": [
3454
3454
  {
3455
3455
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3456
- "line": 279,
3456
+ "line": 266,
3457
3457
  "character": 9
3458
3458
  }
3459
3459
  ],
@@ -3490,7 +3490,7 @@
3490
3490
  "sources": [
3491
3491
  {
3492
3492
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3493
- "line": 310,
3493
+ "line": 297,
3494
3494
  "character": 9
3495
3495
  }
3496
3496
  ],
@@ -3532,7 +3532,7 @@
3532
3532
  "sources": [
3533
3533
  {
3534
3534
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3535
- "line": 325,
3535
+ "line": 312,
3536
3536
  "character": 9
3537
3537
  }
3538
3538
  ],
@@ -3574,7 +3574,7 @@
3574
3574
  "sources": [
3575
3575
  {
3576
3576
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3577
- "line": 302,
3577
+ "line": 289,
3578
3578
  "character": 9
3579
3579
  }
3580
3580
  ],
@@ -3624,7 +3624,7 @@
3624
3624
  "sources": [
3625
3625
  {
3626
3626
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3627
- "line": 306,
3627
+ "line": 293,
3628
3628
  "character": 9
3629
3629
  }
3630
3630
  ],
@@ -3674,7 +3674,7 @@
3674
3674
  "sources": [
3675
3675
  {
3676
3676
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3677
- "line": 283,
3677
+ "line": 270,
3678
3678
  "character": 9
3679
3679
  }
3680
3680
  ],
@@ -3767,7 +3767,7 @@
3767
3767
  "sources": [
3768
3768
  {
3769
3769
  "fileName": "projects/forms/src/modules/radio/radio.component.ts",
3770
- "line": 63,
3770
+ "line": 50,
3771
3771
  "character": 13
3772
3772
  }
3773
3773
  ],
@@ -3799,7 +3799,7 @@
3799
3799
  "name": "Component"
3800
3800
  },
3801
3801
  "arguments": {
3802
- "obj": "{\n selector: 'sky-selection-box-description',\n templateUrl: './selection-box-description.component.html'\n}"
3802
+ "obj": "{\n selector: 'sky-selection-box-description',\n templateUrl: './selection-box-description.component.html',\n}"
3803
3803
  }
3804
3804
  }
3805
3805
  ],
@@ -3838,7 +3838,7 @@
3838
3838
  "sources": [
3839
3839
  {
3840
3840
  "fileName": "projects/forms/src/modules/selection-box/selection-box-description.component.ts",
3841
- "line": 12,
3841
+ "line": 10,
3842
3842
  "character": 13
3843
3843
  }
3844
3844
  ]
@@ -3860,7 +3860,7 @@
3860
3860
  "name": "Component"
3861
3861
  },
3862
3862
  "arguments": {
3863
- "obj": "{\n selector: 'sky-selection-box-grid',\n templateUrl: './selection-box-grid.component.html',\n styleUrls: [\n './selection-box-grid.component.scss'\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n}"
3863
+ "obj": "{\n selector: 'sky-selection-box-grid',\n templateUrl: './selection-box-grid.component.html',\n styleUrls: ['./selection-box-grid.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n}"
3864
3864
  }
3865
3865
  }
3866
3866
  ],
@@ -3874,7 +3874,7 @@
3874
3874
  "sources": [
3875
3875
  {
3876
3876
  "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
3877
- "line": 104,
3877
+ "line": 91,
3878
3878
  "character": 2
3879
3879
  }
3880
3880
  ],
@@ -3984,14 +3984,14 @@
3984
3984
  },
3985
3985
  "arguments": {
3986
3986
  "selector": "SkySelectionBoxComponent",
3987
- "opts": "{\n read: SkySelectionBoxComponent\n }"
3987
+ "opts": "{\n read: SkySelectionBoxComponent,\n }"
3988
3988
  }
3989
3989
  }
3990
3990
  ],
3991
3991
  "sources": [
3992
3992
  {
3993
3993
  "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
3994
- "line": 80,
3994
+ "line": 67,
3995
3995
  "character": 9
3996
3996
  }
3997
3997
  ],
@@ -4018,7 +4018,7 @@
4018
4018
  "sources": [
4019
4019
  {
4020
4020
  "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
4021
- "line": 127,
4021
+ "line": 112,
4022
4022
  "character": 9
4023
4023
  }
4024
4024
  ],
@@ -4055,7 +4055,7 @@
4055
4055
  "sources": [
4056
4056
  {
4057
4057
  "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
4058
- "line": 133,
4058
+ "line": 118,
4059
4059
  "character": 9
4060
4060
  }
4061
4061
  ],
@@ -4092,7 +4092,7 @@
4092
4092
  "sources": [
4093
4093
  {
4094
4094
  "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
4095
- "line": 113,
4095
+ "line": 100,
4096
4096
  "character": 9
4097
4097
  }
4098
4098
  ],
@@ -4141,7 +4141,7 @@
4141
4141
  "sources": [
4142
4142
  {
4143
4143
  "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
4144
- "line": 141,
4144
+ "line": 126,
4145
4145
  "character": 9
4146
4146
  }
4147
4147
  ],
@@ -4189,7 +4189,7 @@
4189
4189
  "sources": [
4190
4190
  {
4191
4191
  "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
4192
- "line": 61,
4192
+ "line": 47,
4193
4193
  "character": 13
4194
4194
  }
4195
4195
  ],
@@ -4225,7 +4225,7 @@
4225
4225
  "name": "Component"
4226
4226
  },
4227
4227
  "arguments": {
4228
- "obj": "{\n selector: 'sky-selection-box-header',\n templateUrl: './selection-box-header.component.html'\n}"
4228
+ "obj": "{\n selector: 'sky-selection-box-header',\n templateUrl: './selection-box-header.component.html',\n}"
4229
4229
  }
4230
4230
  }
4231
4231
  ],
@@ -4264,7 +4264,7 @@
4264
4264
  "sources": [
4265
4265
  {
4266
4266
  "fileName": "projects/forms/src/modules/selection-box/selection-box-header.component.ts",
4267
- "line": 12,
4267
+ "line": 10,
4268
4268
  "character": 13
4269
4269
  }
4270
4270
  ]
@@ -4286,7 +4286,7 @@
4286
4286
  "name": "Component"
4287
4287
  },
4288
4288
  "arguments": {
4289
- "obj": "{\n selector: 'sky-selection-box',\n styleUrls: ['./selection-box.component.scss'],\n templateUrl: './selection-box.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None\n}"
4289
+ "obj": "{\n selector: 'sky-selection-box',\n styleUrls: ['./selection-box.component.scss'],\n templateUrl: './selection-box.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n}"
4290
4290
  }
4291
4291
  }
4292
4292
  ],
@@ -4300,7 +4300,7 @@
4300
4300
  "sources": [
4301
4301
  {
4302
4302
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4303
- "line": 89,
4303
+ "line": 81,
4304
4304
  "character": 2
4305
4305
  }
4306
4306
  ],
@@ -4373,7 +4373,7 @@
4373
4373
  "sources": [
4374
4374
  {
4375
4375
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4376
- "line": 50,
4376
+ "line": 39,
4377
4377
  "character": 9
4378
4378
  }
4379
4379
  ],
@@ -4404,7 +4404,7 @@
4404
4404
  "sources": [
4405
4405
  {
4406
4406
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4407
- "line": 52,
4407
+ "line": 41,
4408
4408
  "character": 13
4409
4409
  }
4410
4410
  ],
@@ -4459,7 +4459,7 @@
4459
4459
  "sources": [
4460
4460
  {
4461
4461
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4462
- "line": 61,
4462
+ "line": 50,
4463
4463
  "character": 13
4464
4464
  }
4465
4465
  ],
@@ -4514,7 +4514,7 @@
4514
4514
  "sources": [
4515
4515
  {
4516
4516
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4517
- "line": 94,
4517
+ "line": 86,
4518
4518
  "character": 9
4519
4519
  }
4520
4520
  ],
@@ -4551,7 +4551,7 @@
4551
4551
  "sources": [
4552
4552
  {
4553
4553
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4554
- "line": 103,
4554
+ "line": 98,
4555
4555
  "character": 9
4556
4556
  }
4557
4557
  ],
@@ -4588,7 +4588,7 @@
4588
4588
  "sources": [
4589
4589
  {
4590
4590
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4591
- "line": 112,
4591
+ "line": 107,
4592
4592
  "character": 9
4593
4593
  }
4594
4594
  ],
@@ -4633,7 +4633,7 @@
4633
4633
  "sources": [
4634
4634
  {
4635
4635
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4636
- "line": 120,
4636
+ "line": 117,
4637
4637
  "character": 9
4638
4638
  }
4639
4639
  ],
@@ -4702,7 +4702,7 @@
4702
4702
  "sources": [
4703
4703
  {
4704
4704
  "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
4705
- "line": 43,
4705
+ "line": 33,
4706
4706
  "character": 13
4707
4707
  }
4708
4708
  ],
@@ -4734,7 +4734,7 @@
4734
4734
  "name": "Component"
4735
4735
  },
4736
4736
  "arguments": {
4737
- "obj": "{\n selector: 'sky-toggle-switch-label',\n templateUrl: './toggle-switch-label.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
4737
+ "obj": "{\n selector: 'sky-toggle-switch-label',\n templateUrl: './toggle-switch-label.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
4738
4738
  }
4739
4739
  }
4740
4740
  ],
@@ -4773,7 +4773,7 @@
4773
4773
  "sources": [
4774
4774
  {
4775
4775
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch-label.component.ts",
4776
- "line": 14,
4776
+ "line": 11,
4777
4777
  "character": 13
4778
4778
  }
4779
4779
  ]
@@ -4792,7 +4792,7 @@
4792
4792
  "name": "Component"
4793
4793
  },
4794
4794
  "arguments": {
4795
- "obj": "{\n selector: 'sky-toggle-switch',\n templateUrl: './toggle-switch.component.html',\n styleUrls: ['./toggle-switch.component.scss'],\n providers: [\n SKY_TOGGLE_SWITCH_CONTROL_VALUE_ACCESSOR,\n SKY_TOGGLE_SWITCH_VALIDATOR\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
4795
+ "obj": "{\n selector: 'sky-toggle-switch',\n templateUrl: './toggle-switch.component.html',\n styleUrls: ['./toggle-switch.component.scss'],\n providers: [\n SKY_TOGGLE_SWITCH_CONTROL_VALUE_ACCESSOR,\n SKY_TOGGLE_SWITCH_VALIDATOR,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
4796
4796
  }
4797
4797
  }
4798
4798
  ],
@@ -4806,7 +4806,7 @@
4806
4806
  "sources": [
4807
4807
  {
4808
4808
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
4809
- "line": 137,
4809
+ "line": 130,
4810
4810
  "character": 2
4811
4811
  }
4812
4812
  ],
@@ -4862,7 +4862,7 @@
4862
4862
  "sources": [
4863
4863
  {
4864
4864
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
4865
- "line": 73,
4865
+ "line": 66,
4866
4866
  "character": 9
4867
4867
  }
4868
4868
  ],
@@ -4895,7 +4895,7 @@
4895
4895
  "sources": [
4896
4896
  {
4897
4897
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
4898
- "line": 102,
4898
+ "line": 95,
4899
4899
  "character": 9
4900
4900
  }
4901
4901
  ],
@@ -4916,7 +4916,7 @@
4916
4916
  "sources": [
4917
4917
  {
4918
4918
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
4919
- "line": 121,
4919
+ "line": 114,
4920
4920
  "character": 9
4921
4921
  }
4922
4922
  ],
@@ -4950,7 +4950,7 @@
4950
4950
  "sources": [
4951
4951
  {
4952
4952
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
4953
- "line": 109,
4953
+ "line": 102,
4954
4954
  "character": 9
4955
4955
  }
4956
4956
  ],
@@ -4984,7 +4984,7 @@
4984
4984
  "sources": [
4985
4985
  {
4986
4986
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
4987
- "line": 115,
4987
+ "line": 108,
4988
4988
  "character": 9
4989
4989
  }
4990
4990
  ],
@@ -5022,7 +5022,7 @@
5022
5022
  "sources": [
5023
5023
  {
5024
5024
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5025
- "line": 80,
5025
+ "line": 73,
5026
5026
  "character": 13
5027
5027
  }
5028
5028
  ],
@@ -5089,7 +5089,7 @@
5089
5089
  "sources": [
5090
5090
  {
5091
5091
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5092
- "line": 117,
5092
+ "line": 110,
5093
5093
  "character": 13
5094
5094
  }
5095
5095
  ],
@@ -5118,7 +5118,7 @@
5118
5118
  "sources": [
5119
5119
  {
5120
5120
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5121
- "line": 123,
5121
+ "line": 116,
5122
5122
  "character": 13
5123
5123
  }
5124
5124
  ],
@@ -5147,7 +5147,7 @@
5147
5147
  "sources": [
5148
5148
  {
5149
5149
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5150
- "line": 141,
5150
+ "line": 132,
5151
5151
  "character": 9
5152
5152
  }
5153
5153
  ],
@@ -5184,7 +5184,7 @@
5184
5184
  "sources": [
5185
5185
  {
5186
5186
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5187
- "line": 159,
5187
+ "line": 148,
5188
5188
  "character": 9
5189
5189
  }
5190
5190
  ],
@@ -5221,7 +5221,7 @@
5221
5221
  "sources": [
5222
5222
  {
5223
5223
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5224
- "line": 196,
5224
+ "line": 185,
5225
5225
  "character": 9
5226
5226
  }
5227
5227
  ],
@@ -5250,7 +5250,7 @@
5250
5250
  "sources": [
5251
5251
  {
5252
5252
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5253
- "line": 190,
5253
+ "line": 179,
5254
5254
  "character": 9
5255
5255
  }
5256
5256
  ],
@@ -5292,7 +5292,7 @@
5292
5292
  "sources": [
5293
5293
  {
5294
5294
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5295
- "line": 177,
5295
+ "line": 166,
5296
5296
  "character": 9
5297
5297
  }
5298
5298
  ],
@@ -5374,7 +5374,7 @@
5374
5374
  "sources": [
5375
5375
  {
5376
5376
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5377
- "line": 181,
5377
+ "line": 170,
5378
5378
  "character": 9
5379
5379
  }
5380
5380
  ],
@@ -5424,7 +5424,7 @@
5424
5424
  "sources": [
5425
5425
  {
5426
5426
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5427
- "line": 185,
5427
+ "line": 174,
5428
5428
  "character": 9
5429
5429
  }
5430
5430
  ],
@@ -5474,7 +5474,7 @@
5474
5474
  "sources": [
5475
5475
  {
5476
5476
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5477
- "line": 169,
5477
+ "line": 158,
5478
5478
  "character": 9
5479
5479
  }
5480
5480
  ],
@@ -5524,7 +5524,7 @@
5524
5524
  "sources": [
5525
5525
  {
5526
5526
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5527
- "line": 164,
5527
+ "line": 153,
5528
5528
  "character": 9
5529
5529
  }
5530
5530
  ],
@@ -5611,7 +5611,7 @@
5611
5611
  "sources": [
5612
5612
  {
5613
5613
  "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
5614
- "line": 65,
5614
+ "line": 57,
5615
5615
  "character": 13
5616
5616
  }
5617
5617
  ],
@@ -5657,7 +5657,7 @@
5657
5657
  "name": "Directive"
5658
5658
  },
5659
5659
  "arguments": {
5660
- "obj": "{\n selector: '[skyCharacterCounter]',\n providers: [\n {\n provide: NG_VALIDATORS,\n useExisting: SkyCharacterCounterInputDirective,\n multi: true\n }\n ]\n}"
5660
+ "obj": "{\n selector: '[skyCharacterCounter]',\n providers: [\n {\n provide: NG_VALIDATORS,\n useExisting: SkyCharacterCounterInputDirective,\n multi: true,\n },\n ],\n}"
5661
5661
  }
5662
5662
  }
5663
5663
  ],
@@ -5707,7 +5707,7 @@
5707
5707
  "sources": [
5708
5708
  {
5709
5709
  "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
5710
- "line": 40,
5710
+ "line": 35,
5711
5711
  "character": 9
5712
5712
  }
5713
5713
  ],
@@ -5738,7 +5738,7 @@
5738
5738
  "sources": [
5739
5739
  {
5740
5740
  "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
5741
- "line": 48,
5741
+ "line": 43,
5742
5742
  "character": 13
5743
5743
  }
5744
5744
  ],
@@ -5805,7 +5805,7 @@
5805
5805
  "sources": [
5806
5806
  {
5807
5807
  "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
5808
- "line": 81,
5808
+ "line": 76,
5809
5809
  "character": 9
5810
5810
  }
5811
5811
  ],
@@ -5874,7 +5874,7 @@
5874
5874
  "sources": [
5875
5875
  {
5876
5876
  "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
5877
- "line": 60,
5877
+ "line": 55,
5878
5878
  "character": 9
5879
5879
  }
5880
5880
  ],
@@ -5948,7 +5948,7 @@
5948
5948
  "sources": [
5949
5949
  {
5950
5950
  "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
5951
- "line": 33,
5951
+ "line": 28,
5952
5952
  "character": 13
5953
5953
  }
5954
5954
  ],
@@ -5976,7 +5976,7 @@
5976
5976
  "name": "Component"
5977
5977
  },
5978
5978
  "arguments": {
5979
- "obj": "{\n selector: 'sky-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss']\n}"
5979
+ "obj": "{\n selector: 'sky-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss'],\n}"
5980
5980
  }
5981
5981
  }
5982
5982
  ],
@@ -5990,7 +5990,7 @@
5990
5990
  "sources": [
5991
5991
  {
5992
5992
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
5993
- "line": 215,
5993
+ "line": 204,
5994
5994
  "character": 2
5995
5995
  }
5996
5996
  ],
@@ -6064,7 +6064,7 @@
6064
6064
  "sources": [
6065
6065
  {
6066
6066
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6067
- "line": 109,
6067
+ "line": 98,
6068
6068
  "character": 9
6069
6069
  }
6070
6070
  ],
@@ -6105,7 +6105,7 @@
6105
6105
  "sources": [
6106
6106
  {
6107
6107
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6108
- "line": 117,
6108
+ "line": 106,
6109
6109
  "character": 9
6110
6110
  }
6111
6111
  ],
@@ -6144,7 +6144,7 @@
6144
6144
  "sources": [
6145
6145
  {
6146
6146
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6147
- "line": 69,
6147
+ "line": 57,
6148
6148
  "character": 9
6149
6149
  }
6150
6150
  ],
@@ -6178,7 +6178,7 @@
6178
6178
  "sources": [
6179
6179
  {
6180
6180
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6181
- "line": 53,
6181
+ "line": 41,
6182
6182
  "character": 9
6183
6183
  }
6184
6184
  ],
@@ -6211,7 +6211,7 @@
6211
6211
  "sources": [
6212
6212
  {
6213
6213
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6214
- "line": 62,
6214
+ "line": 50,
6215
6215
  "character": 9
6216
6216
  }
6217
6217
  ],
@@ -6250,7 +6250,7 @@
6250
6250
  "sources": [
6251
6251
  {
6252
6252
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6253
- "line": 103,
6253
+ "line": 91,
6254
6254
  "character": 9
6255
6255
  }
6256
6256
  ],
@@ -6271,7 +6271,7 @@
6271
6271
  "sources": [
6272
6272
  {
6273
6273
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6274
- "line": 280,
6274
+ "line": 268,
6275
6275
  "character": 9
6276
6276
  }
6277
6277
  ],
@@ -6327,7 +6327,7 @@
6327
6327
  "sources": [
6328
6328
  {
6329
6329
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6330
- "line": 96,
6330
+ "line": 84,
6331
6331
  "character": 9
6332
6332
  }
6333
6333
  ],
@@ -6358,7 +6358,7 @@
6358
6358
  "sources": [
6359
6359
  {
6360
6360
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6361
- "line": 128,
6361
+ "line": 117,
6362
6362
  "character": 13
6363
6363
  }
6364
6364
  ],
@@ -6435,7 +6435,7 @@
6435
6435
  "sources": [
6436
6436
  {
6437
6437
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6438
- "line": 147,
6438
+ "line": 136,
6439
6439
  "character": 13
6440
6440
  }
6441
6441
  ],
@@ -6512,7 +6512,7 @@
6512
6512
  "sources": [
6513
6513
  {
6514
6514
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6515
- "line": 189,
6515
+ "line": 178,
6516
6516
  "character": 13
6517
6517
  }
6518
6518
  ],
@@ -6560,8 +6560,8 @@
6560
6560
  "sources": [
6561
6561
  {
6562
6562
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6563
- "line": 76,
6564
- "character": 14
6563
+ "line": 64,
6564
+ "character": 13
6565
6565
  }
6566
6566
  ],
6567
6567
  "getSignature": [
@@ -6637,8 +6637,8 @@
6637
6637
  "sources": [
6638
6638
  {
6639
6639
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6640
- "line": 197,
6641
- "character": 14
6640
+ "line": 186,
6641
+ "character": 13
6642
6642
  }
6643
6643
  ],
6644
6644
  "getSignature": [
@@ -6675,7 +6675,7 @@
6675
6675
  "sources": [
6676
6676
  {
6677
6677
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6678
- "line": 138,
6678
+ "line": 127,
6679
6679
  "character": 13
6680
6680
  }
6681
6681
  ],
@@ -6712,7 +6712,7 @@
6712
6712
  "sources": [
6713
6713
  {
6714
6714
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6715
- "line": 177,
6715
+ "line": 166,
6716
6716
  "character": 6
6717
6717
  }
6718
6718
  ],
@@ -6779,7 +6779,7 @@
6779
6779
  "sources": [
6780
6780
  {
6781
6781
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6782
- "line": 223,
6782
+ "line": 210,
6783
6783
  "character": 9
6784
6784
  }
6785
6785
  ],
@@ -6816,7 +6816,7 @@
6816
6816
  "sources": [
6817
6817
  {
6818
6818
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6819
- "line": 274,
6819
+ "line": 262,
6820
6820
  "character": 9
6821
6821
  }
6822
6822
  ],
@@ -6845,7 +6845,7 @@
6845
6845
  "sources": [
6846
6846
  {
6847
6847
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6848
- "line": 262,
6848
+ "line": 250,
6849
6849
  "character": 9
6850
6850
  }
6851
6851
  ],
@@ -6890,7 +6890,7 @@
6890
6890
  "sources": [
6891
6891
  {
6892
6892
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6893
- "line": 240,
6893
+ "line": 228,
6894
6894
  "character": 9
6895
6895
  }
6896
6896
  ],
@@ -6975,7 +6975,7 @@
6975
6975
  "sources": [
6976
6976
  {
6977
6977
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
6978
- "line": 247,
6978
+ "line": 235,
6979
6979
  "character": 9
6980
6980
  }
6981
6981
  ],
@@ -7028,7 +7028,7 @@
7028
7028
  "sources": [
7029
7029
  {
7030
7030
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
7031
- "line": 254,
7031
+ "line": 242,
7032
7032
  "character": 9
7033
7033
  }
7034
7034
  ],
@@ -7081,7 +7081,7 @@
7081
7081
  "sources": [
7082
7082
  {
7083
7083
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
7084
- "line": 233,
7084
+ "line": 221,
7085
7085
  "character": 9
7086
7086
  }
7087
7087
  ],
@@ -7176,7 +7176,7 @@
7176
7176
  "sources": [
7177
7177
  {
7178
7178
  "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
7179
- "line": 44,
7179
+ "line": 33,
7180
7180
  "character": 13
7181
7181
  }
7182
7182
  ],
@@ -7208,7 +7208,7 @@
7208
7208
  "name": "Component"
7209
7209
  },
7210
7210
  "arguments": {
7211
- "obj": "{\n selector: 'sky-checkbox-label',\n templateUrl: './checkbox-label.component.html'\n}"
7211
+ "obj": "{\n selector: 'sky-checkbox-label',\n templateUrl: './checkbox-label.component.html',\n}"
7212
7212
  }
7213
7213
  }
7214
7214
  ],
@@ -7269,7 +7269,7 @@
7269
7269
  "name": "Component"
7270
7270
  },
7271
7271
  "arguments": {
7272
- "obj": "{\n selector: 'sky-file-attachment-label',\n templateUrl: './file-attachment-label.component.html',\n styleUrls: [\n 'file-attachment-label.component.scss'\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
7272
+ "obj": "{\n selector: 'sky-file-attachment-label',\n templateUrl: './file-attachment-label.component.html',\n styleUrls: ['file-attachment-label.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
7273
7273
  }
7274
7274
  }
7275
7275
  ],
@@ -7308,7 +7308,7 @@
7308
7308
  "sources": [
7309
7309
  {
7310
7310
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment-label.component.ts",
7311
- "line": 17,
7311
+ "line": 12,
7312
7312
  "character": 13
7313
7313
  }
7314
7314
  ]
@@ -7330,7 +7330,7 @@
7330
7330
  "name": "Component"
7331
7331
  },
7332
7332
  "arguments": {
7333
- "obj": "{\n selector: 'sky-file-attachment',\n templateUrl: './file-attachment.component.html',\n styleUrls: ['./file-attachment.component.scss'],\n providers: [\n SkyFileAttachmentService\n ],\n changeDetection: ChangeDetectionStrategy.OnPush\n}"
7333
+ "obj": "{\n selector: 'sky-file-attachment',\n templateUrl: './file-attachment.component.html',\n styleUrls: ['./file-attachment.component.scss'],\n providers: [SkyFileAttachmentService],\n changeDetection: ChangeDetectionStrategy.OnPush,\n}"
7334
7334
  }
7335
7335
  }
7336
7336
  ],
@@ -7344,7 +7344,7 @@
7344
7344
  "sources": [
7345
7345
  {
7346
7346
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7347
- "line": 195,
7347
+ "line": 172,
7348
7348
  "character": 2
7349
7349
  }
7350
7350
  ],
@@ -7449,7 +7449,7 @@
7449
7449
  "sources": [
7450
7450
  {
7451
7451
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7452
- "line": 136,
7452
+ "line": 113,
7453
7453
  "character": 9
7454
7454
  }
7455
7455
  ],
@@ -7489,7 +7489,7 @@
7489
7489
  "sources": [
7490
7490
  {
7491
7491
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7492
- "line": 86,
7492
+ "line": 63,
7493
7493
  "character": 9
7494
7494
  }
7495
7495
  ],
@@ -7509,7 +7509,7 @@
7509
7509
  "sources": [
7510
7510
  {
7511
7511
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7512
- "line": 175,
7512
+ "line": 152,
7513
7513
  "character": 9
7514
7514
  }
7515
7515
  ],
@@ -7542,7 +7542,7 @@
7542
7542
  "sources": [
7543
7543
  {
7544
7544
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7545
- "line": 127,
7545
+ "line": 104,
7546
7546
  "character": 9
7547
7547
  }
7548
7548
  ],
@@ -7583,7 +7583,7 @@
7583
7583
  "sources": [
7584
7584
  {
7585
7585
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7586
- "line": 134,
7586
+ "line": 111,
7587
7587
  "character": 9
7588
7588
  }
7589
7589
  ],
@@ -7611,7 +7611,7 @@
7611
7611
  "sources": [
7612
7612
  {
7613
7613
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7614
- "line": 142,
7614
+ "line": 119,
7615
7615
  "character": 9
7616
7616
  }
7617
7617
  ],
@@ -7631,7 +7631,7 @@
7631
7631
  "sources": [
7632
7632
  {
7633
7633
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7634
- "line": 144,
7634
+ "line": 121,
7635
7635
  "character": 9
7636
7636
  }
7637
7637
  ],
@@ -7664,7 +7664,7 @@
7664
7664
  "sources": [
7665
7665
  {
7666
7666
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7667
- "line": 108,
7667
+ "line": 85,
7668
7668
  "character": 9
7669
7669
  }
7670
7670
  ],
@@ -7698,7 +7698,7 @@
7698
7698
  "sources": [
7699
7699
  {
7700
7700
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7701
- "line": 114,
7701
+ "line": 91,
7702
7702
  "character": 9
7703
7703
  }
7704
7704
  ],
@@ -7719,7 +7719,7 @@
7719
7719
  "sources": [
7720
7720
  {
7721
7721
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7722
- "line": 146,
7722
+ "line": 123,
7723
7723
  "character": 9
7724
7724
  }
7725
7725
  ],
@@ -7753,7 +7753,7 @@
7753
7753
  "sources": [
7754
7754
  {
7755
7755
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7756
- "line": 155,
7756
+ "line": 132,
7757
7757
  "character": 9
7758
7758
  }
7759
7759
  ],
@@ -7774,7 +7774,7 @@
7774
7774
  "sources": [
7775
7775
  {
7776
7776
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7777
- "line": 177,
7777
+ "line": 154,
7778
7778
  "character": 9
7779
7779
  }
7780
7780
  ],
@@ -7820,7 +7820,7 @@
7820
7820
  "sources": [
7821
7821
  {
7822
7822
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7823
- "line": 121,
7823
+ "line": 98,
7824
7824
  "character": 9
7825
7825
  }
7826
7826
  ],
@@ -7850,7 +7850,7 @@
7850
7850
  "sources": [
7851
7851
  {
7852
7852
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7853
- "line": 93,
7853
+ "line": 70,
7854
7854
  "character": 13
7855
7855
  }
7856
7856
  ],
@@ -7917,7 +7917,7 @@
7917
7917
  "sources": [
7918
7918
  {
7919
7919
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7920
- "line": 138,
7920
+ "line": 115,
7921
7921
  "character": 13
7922
7922
  }
7923
7923
  ],
@@ -7946,7 +7946,7 @@
7946
7946
  "sources": [
7947
7947
  {
7948
7948
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
7949
- "line": 157,
7949
+ "line": 134,
7950
7950
  "character": 13
7951
7951
  }
7952
7952
  ],
@@ -8003,7 +8003,7 @@
8003
8003
  "sources": [
8004
8004
  {
8005
8005
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8006
- "line": 334,
8006
+ "line": 315,
8007
8007
  "character": 9
8008
8008
  }
8009
8009
  ],
@@ -8032,7 +8032,7 @@
8032
8032
  "sources": [
8033
8033
  {
8034
8034
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8035
- "line": 379,
8035
+ "line": 367,
8036
8036
  "character": 9
8037
8037
  }
8038
8038
  ],
@@ -8061,7 +8061,7 @@
8061
8061
  "sources": [
8062
8062
  {
8063
8063
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8064
- "line": 260,
8064
+ "line": 234,
8065
8065
  "character": 9
8066
8066
  }
8067
8067
  ],
@@ -8103,7 +8103,7 @@
8103
8103
  "sources": [
8104
8104
  {
8105
8105
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8106
- "line": 264,
8106
+ "line": 238,
8107
8107
  "character": 9
8108
8108
  }
8109
8109
  ],
@@ -8145,7 +8145,7 @@
8145
8145
  "sources": [
8146
8146
  {
8147
8147
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8148
- "line": 327,
8148
+ "line": 308,
8149
8149
  "character": 9
8150
8150
  }
8151
8151
  ],
@@ -8187,7 +8187,7 @@
8187
8187
  "sources": [
8188
8188
  {
8189
8189
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8190
- "line": 271,
8190
+ "line": 245,
8191
8191
  "character": 9
8192
8192
  }
8193
8193
  ],
@@ -8229,7 +8229,7 @@
8229
8229
  "sources": [
8230
8230
  {
8231
8231
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8232
- "line": 306,
8232
+ "line": 285,
8233
8233
  "character": 9
8234
8234
  }
8235
8235
  ],
@@ -8271,7 +8271,7 @@
8271
8271
  "sources": [
8272
8272
  {
8273
8273
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8274
- "line": 340,
8274
+ "line": 321,
8275
8275
  "character": 9
8276
8276
  }
8277
8277
  ],
@@ -8314,7 +8314,7 @@
8314
8314
  "sources": [
8315
8315
  {
8316
8316
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8317
- "line": 251,
8317
+ "line": 225,
8318
8318
  "character": 9
8319
8319
  }
8320
8320
  ],
@@ -8343,7 +8343,7 @@
8343
8343
  "sources": [
8344
8344
  {
8345
8345
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8346
- "line": 240,
8346
+ "line": 216,
8347
8347
  "character": 9
8348
8348
  }
8349
8349
  ],
@@ -8380,7 +8380,7 @@
8380
8380
  "sources": [
8381
8381
  {
8382
8382
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8383
- "line": 220,
8383
+ "line": 195,
8384
8384
  "character": 9
8385
8385
  }
8386
8386
  ],
@@ -8417,7 +8417,7 @@
8417
8417
  "sources": [
8418
8418
  {
8419
8419
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8420
- "line": 355,
8420
+ "line": 339,
8421
8421
  "character": 9
8422
8422
  }
8423
8423
  ],
@@ -8454,7 +8454,7 @@
8454
8454
  "sources": [
8455
8455
  {
8456
8456
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8457
- "line": 209,
8457
+ "line": 186,
8458
8458
  "character": 9
8459
8459
  }
8460
8460
  ],
@@ -8491,7 +8491,7 @@
8491
8491
  "sources": [
8492
8492
  {
8493
8493
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8494
- "line": 255,
8494
+ "line": 229,
8495
8495
  "character": 9
8496
8496
  }
8497
8497
  ],
@@ -8520,7 +8520,7 @@
8520
8520
  "sources": [
8521
8521
  {
8522
8522
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8523
- "line": 361,
8523
+ "line": 345,
8524
8524
  "character": 9
8525
8525
  }
8526
8526
  ],
@@ -8594,7 +8594,7 @@
8594
8594
  "sources": [
8595
8595
  {
8596
8596
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8597
- "line": 362,
8597
+ "line": 348,
8598
8598
  "character": 9
8599
8599
  }
8600
8600
  ],
@@ -8655,7 +8655,7 @@
8655
8655
  "sources": [
8656
8656
  {
8657
8657
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8658
- "line": 364,
8658
+ "line": 352,
8659
8659
  "character": 9
8660
8660
  }
8661
8661
  ],
@@ -8751,7 +8751,7 @@
8751
8751
  "sources": [
8752
8752
  {
8753
8753
  "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
8754
- "line": 78,
8754
+ "line": 54,
8755
8755
  "character": 13
8756
8756
  }
8757
8757
  ],
@@ -8791,7 +8791,7 @@
8791
8791
  "name": "Component"
8792
8792
  },
8793
8793
  "arguments": {
8794
- "obj": "{\n selector: 'sky-file-drop',\n templateUrl: './file-drop.component.html',\n styleUrls: ['./file-drop.component.scss'],\n providers: [\n SkyFileAttachmentService\n ]\n}"
8794
+ "obj": "{\n selector: 'sky-file-drop',\n templateUrl: './file-drop.component.html',\n styleUrls: ['./file-drop.component.scss'],\n providers: [SkyFileAttachmentService],\n}"
8795
8795
  }
8796
8796
  }
8797
8797
  ],
@@ -8805,7 +8805,7 @@
8805
8805
  "sources": [
8806
8806
  {
8807
8807
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
8808
- "line": 132,
8808
+ "line": 122,
8809
8809
  "character": 2
8810
8810
  }
8811
8811
  ],
@@ -8848,7 +8848,7 @@
8848
8848
  "sources": [
8849
8849
  {
8850
8850
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
8851
- "line": 127,
8851
+ "line": 117,
8852
8852
  "character": 9
8853
8853
  }
8854
8854
  ],
@@ -8888,7 +8888,7 @@
8888
8888
  "sources": [
8889
8889
  {
8890
8890
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
8891
- "line": 109,
8891
+ "line": 99,
8892
8892
  "character": 9
8893
8893
  }
8894
8894
  ],
@@ -8921,7 +8921,7 @@
8921
8921
  "sources": [
8922
8922
  {
8923
8923
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
8924
- "line": 121,
8924
+ "line": 111,
8925
8925
  "character": 9
8926
8926
  }
8927
8927
  ],
@@ -8955,7 +8955,7 @@
8955
8955
  "sources": [
8956
8956
  {
8957
8957
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
8958
- "line": 69,
8958
+ "line": 59,
8959
8959
  "character": 9
8960
8960
  }
8961
8961
  ],
@@ -8988,7 +8988,7 @@
8988
8988
  "sources": [
8989
8989
  {
8990
8990
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
8991
- "line": 50,
8991
+ "line": 40,
8992
8992
  "character": 9
8993
8993
  }
8994
8994
  ],
@@ -9028,7 +9028,7 @@
9028
9028
  "sources": [
9029
9029
  {
9030
9030
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9031
- "line": 124,
9031
+ "line": 114,
9032
9032
  "character": 9
9033
9033
  }
9034
9034
  ],
@@ -9067,7 +9067,7 @@
9067
9067
  "sources": [
9068
9068
  {
9069
9069
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9070
- "line": 62,
9070
+ "line": 52,
9071
9071
  "character": 9
9072
9072
  }
9073
9073
  ],
@@ -9108,7 +9108,7 @@
9108
9108
  "sources": [
9109
9109
  {
9110
9110
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9111
- "line": 56,
9111
+ "line": 46,
9112
9112
  "character": 9
9113
9113
  }
9114
9114
  ],
@@ -9148,7 +9148,7 @@
9148
9148
  "sources": [
9149
9149
  {
9150
9150
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9151
- "line": 76,
9151
+ "line": 66,
9152
9152
  "character": 9
9153
9153
  }
9154
9154
  ],
@@ -9168,7 +9168,7 @@
9168
9168
  "sources": [
9169
9169
  {
9170
9170
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9171
- "line": 128,
9171
+ "line": 118,
9172
9172
  "character": 9
9173
9173
  }
9174
9174
  ],
@@ -9201,7 +9201,7 @@
9201
9201
  "sources": [
9202
9202
  {
9203
9203
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9204
- "line": 88,
9204
+ "line": 78,
9205
9205
  "character": 9
9206
9206
  }
9207
9207
  ],
@@ -9235,7 +9235,7 @@
9235
9235
  "sources": [
9236
9236
  {
9237
9237
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9238
- "line": 82,
9238
+ "line": 72,
9239
9239
  "character": 9
9240
9240
  }
9241
9241
  ],
@@ -9269,7 +9269,7 @@
9269
9269
  "sources": [
9270
9270
  {
9271
9271
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9272
- "line": 94,
9272
+ "line": 84,
9273
9273
  "character": 9
9274
9274
  }
9275
9275
  ],
@@ -9303,7 +9303,7 @@
9303
9303
  "sources": [
9304
9304
  {
9305
9305
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9306
- "line": 115,
9306
+ "line": 105,
9307
9307
  "character": 9
9308
9308
  }
9309
9309
  ],
@@ -9324,7 +9324,7 @@
9324
9324
  "sources": [
9325
9325
  {
9326
9326
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9327
- "line": 126,
9327
+ "line": 116,
9328
9328
  "character": 9
9329
9329
  }
9330
9330
  ],
@@ -9358,7 +9358,7 @@
9358
9358
  "sources": [
9359
9359
  {
9360
9360
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9361
- "line": 101,
9361
+ "line": 91,
9362
9362
  "character": 9
9363
9363
  }
9364
9364
  ],
@@ -9378,7 +9378,7 @@
9378
9378
  "sources": [
9379
9379
  {
9380
9380
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9381
- "line": 227,
9381
+ "line": 223,
9382
9382
  "character": 9
9383
9383
  }
9384
9384
  ],
@@ -9420,7 +9420,7 @@
9420
9420
  "sources": [
9421
9421
  {
9422
9422
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9423
- "line": 221,
9423
+ "line": 217,
9424
9424
  "character": 9
9425
9425
  }
9426
9426
  ],
@@ -9462,7 +9462,7 @@
9462
9462
  "sources": [
9463
9463
  {
9464
9464
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9465
- "line": 142,
9465
+ "line": 130,
9466
9466
  "character": 9
9467
9467
  }
9468
9468
  ],
@@ -9491,7 +9491,7 @@
9491
9491
  "sources": [
9492
9492
  {
9493
9493
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9494
- "line": 148,
9494
+ "line": 136,
9495
9495
  "character": 9
9496
9496
  }
9497
9497
  ],
@@ -9533,7 +9533,7 @@
9533
9533
  "sources": [
9534
9534
  {
9535
9535
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9536
- "line": 152,
9536
+ "line": 140,
9537
9537
  "character": 9
9538
9538
  }
9539
9539
  ],
@@ -9575,7 +9575,7 @@
9575
9575
  "sources": [
9576
9576
  {
9577
9577
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9578
- "line": 214,
9578
+ "line": 210,
9579
9579
  "character": 9
9580
9580
  }
9581
9581
  ],
@@ -9617,7 +9617,7 @@
9617
9617
  "sources": [
9618
9618
  {
9619
9619
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9620
- "line": 159,
9620
+ "line": 147,
9621
9621
  "character": 9
9622
9622
  }
9623
9623
  ],
@@ -9659,7 +9659,7 @@
9659
9659
  "sources": [
9660
9660
  {
9661
9661
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9662
- "line": 194,
9662
+ "line": 187,
9663
9663
  "character": 9
9664
9664
  }
9665
9665
  ],
@@ -9701,7 +9701,7 @@
9701
9701
  "sources": [
9702
9702
  {
9703
9703
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9704
- "line": 136,
9704
+ "line": 124,
9705
9705
  "character": 9
9706
9706
  }
9707
9707
  ],
@@ -9738,7 +9738,7 @@
9738
9738
  "sources": [
9739
9739
  {
9740
9740
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9741
- "line": 233,
9741
+ "line": 229,
9742
9742
  "character": 9
9743
9743
  }
9744
9744
  ],
@@ -9807,7 +9807,7 @@
9807
9807
  "sources": [
9808
9808
  {
9809
9809
  "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
9810
- "line": 45,
9810
+ "line": 35,
9811
9811
  "character": 13
9812
9812
  }
9813
9813
  ],
@@ -9832,7 +9832,7 @@
9832
9832
  "name": "Component"
9833
9833
  },
9834
9834
  "arguments": {
9835
- "obj": "{\n selector: 'sky-file-item',\n templateUrl: './file-item.component.html',\n styleUrls: ['./file-item.component.scss']\n}"
9835
+ "obj": "{\n selector: 'sky-file-item',\n templateUrl: './file-item.component.html',\n styleUrls: ['./file-item.component.scss'],\n}"
9836
9836
  }
9837
9837
  }
9838
9838
  ],
@@ -9848,7 +9848,7 @@
9848
9848
  "sources": [
9849
9849
  {
9850
9850
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
9851
- "line": 63,
9851
+ "line": 56,
9852
9852
  "character": 2
9853
9853
  }
9854
9854
  ],
@@ -9915,7 +9915,7 @@
9915
9915
  "sources": [
9916
9916
  {
9917
9917
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
9918
- "line": 45,
9918
+ "line": 38,
9919
9919
  "character": 9
9920
9920
  }
9921
9921
  ],
@@ -9972,7 +9972,7 @@
9972
9972
  "sources": [
9973
9973
  {
9974
9974
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
9975
- "line": 38,
9975
+ "line": 31,
9976
9976
  "character": 9
9977
9977
  }
9978
9978
  ],
@@ -10003,7 +10003,7 @@
10003
10003
  "sources": [
10004
10004
  {
10005
10005
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10006
- "line": 59,
10006
+ "line": 52,
10007
10007
  "character": 9
10008
10008
  }
10009
10009
  ],
@@ -10023,7 +10023,7 @@
10023
10023
  "sources": [
10024
10024
  {
10025
10025
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10026
- "line": 47,
10026
+ "line": 40,
10027
10027
  "character": 13
10028
10028
  }
10029
10029
  ],
@@ -10052,7 +10052,7 @@
10052
10052
  "sources": [
10053
10053
  {
10054
10054
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10055
- "line": 51,
10055
+ "line": 44,
10056
10056
  "character": 13
10057
10057
  }
10058
10058
  ],
@@ -10081,7 +10081,7 @@
10081
10081
  "sources": [
10082
10082
  {
10083
10083
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10084
- "line": 55,
10084
+ "line": 48,
10085
10085
  "character": 13
10086
10086
  }
10087
10087
  ],
@@ -10110,7 +10110,7 @@
10110
10110
  "sources": [
10111
10111
  {
10112
10112
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10113
- "line": 142,
10113
+ "line": 139,
10114
10114
  "character": 9
10115
10115
  }
10116
10116
  ],
@@ -10139,7 +10139,7 @@
10139
10139
  "sources": [
10140
10140
  {
10141
10141
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10142
- "line": 146,
10142
+ "line": 143,
10143
10143
  "character": 9
10144
10144
  }
10145
10145
  ],
@@ -10168,7 +10168,7 @@
10168
10168
  "sources": [
10169
10169
  {
10170
10170
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10171
- "line": 138,
10171
+ "line": 135,
10172
10172
  "character": 9
10173
10173
  }
10174
10174
  ],
@@ -10197,7 +10197,7 @@
10197
10197
  "sources": [
10198
10198
  {
10199
10199
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10200
- "line": 70,
10200
+ "line": 63,
10201
10201
  "character": 9
10202
10202
  }
10203
10203
  ],
@@ -10264,7 +10264,7 @@
10264
10264
  "sources": [
10265
10265
  {
10266
10266
  "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
10267
- "line": 28,
10267
+ "line": 22,
10268
10268
  "character": 13
10269
10269
  }
10270
10270
  ],
@@ -10294,7 +10294,7 @@
10294
10294
  "sources": [
10295
10295
  {
10296
10296
  "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-change.ts",
10297
- "line": 9,
10297
+ "line": 7,
10298
10298
  "character": 2
10299
10299
  }
10300
10300
  ],
@@ -10317,7 +10317,7 @@
10317
10317
  "sources": [
10318
10318
  {
10319
10319
  "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-change.ts",
10320
- "line": 5,
10320
+ "line": 3,
10321
10321
  "character": 17
10322
10322
  }
10323
10323
  ]
@@ -10341,7 +10341,7 @@
10341
10341
  "sources": [
10342
10342
  {
10343
10343
  "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-click.ts",
10344
- "line": 9,
10344
+ "line": 7,
10345
10345
  "character": 2
10346
10346
  }
10347
10347
  ],
@@ -10364,7 +10364,7 @@
10364
10364
  "sources": [
10365
10365
  {
10366
10366
  "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-click.ts",
10367
- "line": 5,
10367
+ "line": 3,
10368
10368
  "character": 17
10369
10369
  }
10370
10370
  ]
@@ -10388,7 +10388,7 @@
10388
10388
  "sources": [
10389
10389
  {
10390
10390
  "fileName": "projects/forms/src/modules/file-attachment/types/file-drop-change.ts",
10391
- "line": 9,
10391
+ "line": 7,
10392
10392
  "character": 2
10393
10393
  }
10394
10394
  ],
@@ -10413,7 +10413,7 @@
10413
10413
  "sources": [
10414
10414
  {
10415
10415
  "fileName": "projects/forms/src/modules/file-attachment/types/file-drop-change.ts",
10416
- "line": 13,
10416
+ "line": 11,
10417
10417
  "character": 2
10418
10418
  }
10419
10419
  ],
@@ -10440,7 +10440,7 @@
10440
10440
  "sources": [
10441
10441
  {
10442
10442
  "fileName": "projects/forms/src/modules/file-attachment/types/file-drop-change.ts",
10443
- "line": 5,
10443
+ "line": 3,
10444
10444
  "character": 17
10445
10445
  }
10446
10446
  ]
@@ -10464,7 +10464,7 @@
10464
10464
  "sources": [
10465
10465
  {
10466
10466
  "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
10467
- "line": 22,
10467
+ "line": 20,
10468
10468
  "character": 2
10469
10469
  }
10470
10470
  ],
@@ -10485,7 +10485,7 @@
10485
10485
  "sources": [
10486
10486
  {
10487
10487
  "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
10488
- "line": 18,
10488
+ "line": 16,
10489
10489
  "character": 2
10490
10490
  }
10491
10491
  ],
@@ -10507,7 +10507,7 @@
10507
10507
  "sources": [
10508
10508
  {
10509
10509
  "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
10510
- "line": 9,
10510
+ "line": 7,
10511
10511
  "character": 2
10512
10512
  }
10513
10513
  ],
@@ -10528,7 +10528,7 @@
10528
10528
  "sources": [
10529
10529
  {
10530
10530
  "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
10531
- "line": 14,
10531
+ "line": 12,
10532
10532
  "character": 2
10533
10533
  }
10534
10534
  ],
@@ -10553,7 +10553,7 @@
10553
10553
  "sources": [
10554
10554
  {
10555
10555
  "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
10556
- "line": 5,
10556
+ "line": 3,
10557
10557
  "character": 17
10558
10558
  }
10559
10559
  ]
@@ -10623,7 +10623,7 @@
10623
10623
  "sources": [
10624
10624
  {
10625
10625
  "fileName": "projects/forms/src/modules/radio/types/radio-change.ts",
10626
- "line": 14,
10626
+ "line": 12,
10627
10627
  "character": 2
10628
10628
  }
10629
10629
  ],
@@ -10645,7 +10645,7 @@
10645
10645
  "sources": [
10646
10646
  {
10647
10647
  "fileName": "projects/forms/src/modules/radio/types/radio-change.ts",
10648
- "line": 5,
10648
+ "line": 3,
10649
10649
  "character": 17
10650
10650
  }
10651
10651
  ]
@@ -10798,170 +10798,175 @@
10798
10798
  ]
10799
10799
  },
10800
10800
  "codeExamples": [
10801
+ {
10802
+ "fileName": ".eslintrc.json",
10803
+ "filePath": "/projects/forms/documentation/code-examples/.eslintrc.json",
10804
+ "rawContents": "{\n \"extends\": [\"../../.eslintrc.json\"],\n \"overrides\": [\n {\n \"files\": [\"*.ts\"],\n \"rules\": {\n \"@angular-eslint/directive-selector\": [\n \"error\",\n {\n \"type\": \"attribute\",\n \"prefix\": \"app\",\n \"style\": \"camelCase\"\n }\n ],\n \"@angular-eslint/component-selector\": [\n \"error\",\n {\n \"type\": \"element\",\n \"prefix\": \"app\",\n \"style\": \"kebab-case\"\n }\n ]\n }\n }\n ]\n}\n"
10805
+ },
10801
10806
  {
10802
10807
  "fileName": "character-count-demo.component.html",
10803
10808
  "filePath": "/projects/forms/documentation/code-examples/character-count/character-count-demo.component.html",
10804
- "rawContents": "<div\n style=\"width: 50%;\"\n>\n <form\n novalidate\n [formGroup]=\"characterCountForm\"\n >\n <div\n class=\"sky-form-group\"\n >\n <sky-input-box>\n <label\n class=\"sky-control-label\"\n [for]=\"descriptionInput.id\"\n >\n Transaction description\n </label>\n\n <sky-character-counter-indicator\n #descriptionIndicator\n ></sky-character-counter-indicator>\n\n <input\n class=\"sky-form-control\"\n formControlName=\"description\"\n type=\"text\"\n skyCharacterCounter\n skyId\n [skyCharacterCounterIndicator]=\"descriptionIndicator\"\n [skyCharacterCounterLimit]=\"maxDescriptionCharacterCount\"\n #descriptionInput=\"skyId\"\n >\n\n <div *ngIf=\"description.errors?.skyCharacterCounter\"\n class=\"sky-error-label\"\n >\n Limit Transaction description to {{ maxDescriptionCharacterCount }} characters.\n </div>\n </sky-input-box>\n </div>\n </form>\n</div>\n"
10809
+ "rawContents": "<div style=\"width: 50%\">\n <form novalidate [formGroup]=\"characterCountForm\">\n <div class=\"sky-form-group\">\n <sky-input-box>\n <label class=\"sky-control-label\" [for]=\"descriptionInput.id\">\n Transaction description\n </label>\n\n <sky-character-counter-indicator\n #descriptionIndicator\n ></sky-character-counter-indicator>\n\n <input\n class=\"sky-form-control\"\n formControlName=\"description\"\n type=\"text\"\n skyCharacterCounter\n skyId\n [skyCharacterCounterIndicator]=\"descriptionIndicator\"\n [skyCharacterCounterLimit]=\"maxDescriptionCharacterCount\"\n #descriptionInput=\"skyId\"\n />\n\n <div\n *ngIf=\"description.errors?.skyCharacterCounter\"\n class=\"sky-error-label\"\n >\n Limit Transaction description to\n {{ maxDescriptionCharacterCount }} characters.\n </div>\n </sky-input-box>\n </div>\n </form>\n</div>\n"
10805
10810
  },
10806
10811
  {
10807
10812
  "fileName": "character-count-demo.component.ts",
10808
10813
  "filePath": "/projects/forms/documentation/code-examples/character-count/character-count-demo.component.ts",
10809
- "rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormControl,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-character-count-demo',\n templateUrl: './character-count-demo.component.html'\n})\nexport class CharacterCountDemoComponent implements OnInit {\n\n public characterCountForm: FormGroup;\n\n public description: FormControl;\n\n public maxDescriptionCharacterCount = 50;\n\n constructor(\n private formBuilder: FormBuilder\n ) { }\n\n public ngOnInit(): void {\n this.description = this.formBuilder.control('Boys and Girls Club of South Carolina donation');\n\n this.characterCountForm = this.formBuilder.group({\n description: this.description\n });\n }\n\n}\n"
10814
+ "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-character-count-demo',\n templateUrl: './character-count-demo.component.html',\n})\nexport class CharacterCountDemoComponent implements OnInit {\n public characterCountForm: FormGroup;\n\n public description: FormControl;\n\n public maxDescriptionCharacterCount = 50;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.description = this.formBuilder.control(\n 'Boys and Girls Club of South Carolina donation'\n );\n\n this.characterCountForm = this.formBuilder.group({\n description: this.description,\n });\n }\n}\n"
10810
10815
  },
10811
10816
  {
10812
10817
  "fileName": "character-count-demo.module.ts",
10813
10818
  "filePath": "/projects/forms/documentation/code-examples/character-count/character-count-demo.module.ts",
10814
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n FormsModule,\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyIdModule\n} from '@skyux/core';\n\nimport {\n SkyCharacterCounterModule,\n SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n CharacterCountDemoComponent\n} from './character-count-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyCharacterCounterModule,\n SkyIdModule,\n SkyInputBoxModule\n ],\n declarations: [\n CharacterCountDemoComponent\n ],\n exports: [\n CharacterCountDemoComponent\n ]\n})\n\nexport class SkyCharacterCountDemoModule { }\n"
10819
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport {\n SkyCharacterCounterModule,\n SkyInputBoxModule,\n} from '@skyux/forms';\n\nimport { CharacterCountDemoComponent } from './character-count-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyCharacterCounterModule,\n SkyIdModule,\n SkyInputBoxModule,\n ],\n declarations: [CharacterCountDemoComponent],\n exports: [CharacterCountDemoComponent],\n})\nexport class SkyCharacterCountDemoModule {}\n"
10815
10820
  },
10816
10821
  {
10817
10822
  "fileName": "checkbox-demo.component.html",
10818
10823
  "filePath": "/projects/forms/documentation/code-examples/checkbox/basic/checkbox-demo.component.html",
10819
- "rawContents": "<form\n [formGroup]=\"myForm\"\n (ngSubmit)=\"onSubmit()\"\n>\n <ul\n class=\"sky-list-unstyled\"\n >\n <li>\n <sky-checkbox\n formControlName=\"email\"\n >\n <sky-checkbox-label>\n Email\n </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox\n formControlName=\"phone\"\n >\n <sky-checkbox-label>\n Phone\n </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox\n formControlName=\"text\"\n >\n <sky-checkbox-label>\n Text\n </sky-checkbox-label>\n </sky-checkbox>\n </li>\n </ul>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"submit\"\n >\n Submit\n </button>\n</form>\n"
10824
+ "rawContents": "<form [formGroup]=\"myForm\" (ngSubmit)=\"onSubmit()\">\n <ul class=\"sky-list-unstyled\">\n <li>\n <sky-checkbox formControlName=\"email\">\n <sky-checkbox-label> Email </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox formControlName=\"phone\">\n <sky-checkbox-label> Phone </sky-checkbox-label>\n </sky-checkbox>\n </li>\n <li>\n <sky-checkbox formControlName=\"text\">\n <sky-checkbox-label> Text </sky-checkbox-label>\n </sky-checkbox>\n </li>\n </ul>\n <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Submit</button>\n</form>\n"
10820
10825
  },
10821
10826
  {
10822
10827
  "fileName": "checkbox-demo.component.ts",
10823
10828
  "filePath": "/projects/forms/documentation/code-examples/checkbox/basic/checkbox-demo.component.ts",
10824
- "rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormControl,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-checkbox-demo',\n templateUrl: './checkbox-demo.component.html'\n})\nexport class CheckboxDemoComponent implements OnInit {\n\n public myForm: FormGroup;\n\n constructor(\n private formBuilder: FormBuilder\n ) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n email: new FormControl(false),\n phone: new FormControl(false),\n text: new FormControl(false)\n });\n }\n\n public onSubmit(): void {\n console.log(this.myForm.value);\n }\n}\n"
10829
+ "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-checkbox-demo',\n templateUrl: './checkbox-demo.component.html',\n})\nexport class CheckboxDemoComponent implements OnInit {\n public myForm: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n email: new FormControl(false),\n phone: new FormControl(false),\n text: new FormControl(false),\n });\n }\n\n public onSubmit(): void {\n console.log(this.myForm.value);\n }\n}\n"
10825
10830
  },
10826
10831
  {
10827
10832
  "fileName": "checkbox-demo.module.ts",
10828
10833
  "filePath": "/projects/forms/documentation/code-examples/checkbox/basic/checkbox-demo.module.ts",
10829
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n FormsModule,\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n CheckboxDemoComponent\n} from './checkbox-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyCheckboxModule\n ],\n declarations: [\n CheckboxDemoComponent\n ],\n exports: [\n CheckboxDemoComponent\n ]\n})\n\nexport class SkyCheckboxDemoModule {\n}\n"
10834
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { CheckboxDemoComponent } from './checkbox-demo.component';\n\n@NgModule({\n imports: [CommonModule, FormsModule, ReactiveFormsModule, SkyCheckboxModule],\n declarations: [CheckboxDemoComponent],\n exports: [CheckboxDemoComponent],\n})\nexport class SkyCheckboxDemoModule {}\n"
10830
10835
  },
10831
10836
  {
10832
10837
  "fileName": "checkbox-demo.component.html",
10833
10838
  "filePath": "/projects/forms/documentation/code-examples/checkbox/icon-group/checkbox-demo.component.html",
10834
- "rawContents": "<form\n [formGroup]=\"myForm\"\n (ngSubmit)=\"onSubmit()\"\n>\n <div\n class=\"sky-switch-icon-group sky-margin-stacked-default\"\n >\n <sky-checkbox\n formControlName=\"bold\"\n icon=\"bold\"\n label=\"Bold\"\n >\n </sky-checkbox>\n <sky-checkbox\n formControlName=\"italic\"\n icon=\"italic\"\n label=\"Italic\"\n >\n </sky-checkbox>\n <sky-checkbox\n formControlName=\"underline\"\n icon=\"underline\"\n label=\"Underline\"\n >\n </sky-checkbox>\n </div>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"submit\"\n >\n Submit\n </button>\n</form>\n"
10839
+ "rawContents": "<form [formGroup]=\"myForm\" (ngSubmit)=\"onSubmit()\">\n <div class=\"sky-switch-icon-group sky-margin-stacked-default\">\n <sky-checkbox formControlName=\"bold\" icon=\"bold\" label=\"Bold\">\n </sky-checkbox>\n <sky-checkbox formControlName=\"italic\" icon=\"italic\" label=\"Italic\">\n </sky-checkbox>\n <sky-checkbox\n formControlName=\"underline\"\n icon=\"underline\"\n label=\"Underline\"\n >\n </sky-checkbox>\n </div>\n <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Submit</button>\n</form>\n"
10835
10840
  },
10836
10841
  {
10837
10842
  "fileName": "checkbox-demo.component.ts",
10838
10843
  "filePath": "/projects/forms/documentation/code-examples/checkbox/icon-group/checkbox-demo.component.ts",
10839
- "rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormControl,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-checkbox-demo',\n templateUrl: './checkbox-demo.component.html'\n})\nexport class CheckboxDemoComponent implements OnInit {\n\n public myForm: FormGroup;\n\n constructor(\n private formBuilder: FormBuilder\n ) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n bold: new FormControl(false),\n italic: new FormControl(false),\n underline: new FormControl(false)\n });\n }\n\n public onSubmit(): void {\n console.log(this.myForm.value);\n }\n}\n"
10844
+ "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-checkbox-demo',\n templateUrl: './checkbox-demo.component.html',\n})\nexport class CheckboxDemoComponent implements OnInit {\n public myForm: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n bold: new FormControl(false),\n italic: new FormControl(false),\n underline: new FormControl(false),\n });\n }\n\n public onSubmit(): void {\n console.log(this.myForm.value);\n }\n}\n"
10840
10845
  },
10841
10846
  {
10842
10847
  "fileName": "checkbox-demo.module.ts",
10843
10848
  "filePath": "/projects/forms/documentation/code-examples/checkbox/icon-group/checkbox-demo.module.ts",
10844
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n FormsModule,\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyCheckboxModule\n} from '@skyux/forms';\n\nimport {\n CheckboxDemoComponent\n} from './checkbox-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyCheckboxModule\n ],\n declarations: [\n CheckboxDemoComponent\n ],\n exports: [\n CheckboxDemoComponent\n ]\n})\n\nexport class SkyCheckboxDemoModule {\n}\n"
10849
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyCheckboxModule } from '@skyux/forms';\n\nimport { CheckboxDemoComponent } from './checkbox-demo.component';\n\n@NgModule({\n imports: [CommonModule, FormsModule, ReactiveFormsModule, SkyCheckboxModule],\n declarations: [CheckboxDemoComponent],\n exports: [CheckboxDemoComponent],\n})\nexport class SkyCheckboxDemoModule {}\n"
10845
10850
  },
10846
10851
  {
10847
10852
  "fileName": "file-attachment-demo.component.html",
10848
10853
  "filePath": "/projects/forms/documentation/code-examples/file-attachment/basic/file-attachment-demo.component.html",
10849
- "rawContents": "<div\n style=\"width: 60%;\"\n>\n <sky-file-drop\n [acceptedTypes]=\"acceptedTypes\"\n [allowLinks]=\"true\"\n [maxFileSize]=\"maxFileSize\"\n [validateFn]=\"validateFile\"\n (filesChanged)=\"filesUpdated($event)\"\n (linkChanged)=\"linkAdded($event)\"\n >\n </sky-file-drop>\n\n <sky-status-indicator *ngIf=\"rejectedFiles.length > 0\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n >\n The file <strong>{{rejectedFiles[rejectedFiles.length - 1].file.name}}</strong> is invalid.\n Reason: {{rejectedFiles[rejectedFiles.length - 1].errorType}} violation.\n Error param: {{rejectedFiles[rejectedFiles.length - 1].errorParam}}\n </sky-status-indicator>\n\n <div *ngFor=\"let file of allItems\">\n <sky-file-item\n [fileItem]=\"file\"\n (deleteFile)=\"deleteFile($event)\"\n >\n </sky-file-item>\n </div>\n</div>\n"
10854
+ "rawContents": "<div style=\"width: 60%\">\n <sky-file-drop\n [acceptedTypes]=\"acceptedTypes\"\n [allowLinks]=\"true\"\n [maxFileSize]=\"maxFileSize\"\n [validateFn]=\"validateFile\"\n (filesChanged)=\"filesUpdated($event)\"\n (linkChanged)=\"linkAdded($event)\"\n >\n </sky-file-drop>\n\n <sky-status-indicator\n *ngIf=\"rejectedFiles.length > 0\"\n descriptionType=\"error\"\n indicatorType=\"danger\"\n >\n The file\n <strong>{{ rejectedFiles[rejectedFiles.length - 1].file.name }}</strong> is\n invalid. Reason:\n {{ rejectedFiles[rejectedFiles.length - 1].errorType }} violation. Error\n param: {{ rejectedFiles[rejectedFiles.length - 1].errorParam }}\n </sky-status-indicator>\n\n <div *ngFor=\"let file of allItems\">\n <sky-file-item [fileItem]=\"file\" (deleteFile)=\"deleteFile($event)\">\n </sky-file-item>\n </div>\n</div>\n"
10850
10855
  },
10851
10856
  {
10852
10857
  "fileName": "file-attachment-demo.component.ts",
10853
10858
  "filePath": "/projects/forms/documentation/code-examples/file-attachment/basic/file-attachment-demo.component.ts",
10854
- "rawContents": "import {\n Component\n} from '@angular/core';\n\nimport {\n SkyFileDropChange,\n SkyFileItem,\n SkyFileLink\n} from '@skyux/forms';\n\n@Component({\n selector: 'app-file-attachment-demo',\n templateUrl: './file-attachment-demo.component.html'\n})\nexport class FileAttachmentDemoComponent {\n\n public acceptedTypes: string = 'image/png,image/jpeg';\n\n public allItems: (SkyFileItem | SkyFileLink)[];\n\n public filesToUpload: SkyFileItem[];\n\n public linksToUpload: SkyFileLink[];\n\n public maxFileSize: number = 4000000;\n\n public rejectedFiles: SkyFileItem[];\n\n constructor() {\n this.filesToUpload = [];\n this.rejectedFiles = [];\n this.allItems = [];\n this.linksToUpload = [];\n }\n\n public deleteFile(file: SkyFileItem | SkyFileLink): void {\n this.removeFromArray(this.allItems, file);\n this.removeFromArray(this.filesToUpload, file);\n this.removeFromArray(this.linksToUpload, file);\n }\n\n public filesUpdated(result: SkyFileDropChange): void {\n this.filesToUpload = this.filesToUpload.concat(result.files);\n this.rejectedFiles = result.rejectedFiles;\n this.allItems = this.allItems.concat(result.files);\n }\n\n public linkAdded(result: SkyFileLink): void {\n this.linksToUpload = this.linksToUpload.concat(result);\n this.allItems = this.allItems.concat(result);\n }\n\n public validateFile(file: SkyFileItem): string {\n if (file.file.name.indexOf('a') === 0) {\n return 'You may not upload a file that begins with the letter \"a.\"';\n }\n }\n\n private removeFromArray(items: any[], obj: SkyFileItem | SkyFileLink): void {\n if (items) {\n const index = items.indexOf(obj);\n\n if (index !== -1) {\n items.splice(index, 1);\n }\n }\n }\n\n}\n"
10859
+ "rawContents": "import { Component } from '@angular/core';\n\nimport {\n SkyFileDropChange,\n SkyFileItem,\n SkyFileLink,\n} from '@skyux/forms';\n\n@Component({\n selector: 'app-file-attachment-demo',\n templateUrl: './file-attachment-demo.component.html',\n})\nexport class FileAttachmentDemoComponent {\n public acceptedTypes: string = 'image/png,image/jpeg';\n\n public allItems: (SkyFileItem | SkyFileLink)[];\n\n public filesToUpload: SkyFileItem[];\n\n public linksToUpload: SkyFileLink[];\n\n public maxFileSize: number = 4000000;\n\n public rejectedFiles: SkyFileItem[];\n\n constructor() {\n this.filesToUpload = [];\n this.rejectedFiles = [];\n this.allItems = [];\n this.linksToUpload = [];\n }\n\n public deleteFile(file: SkyFileItem | SkyFileLink): void {\n this.removeFromArray(this.allItems, file);\n this.removeFromArray(this.filesToUpload, file);\n this.removeFromArray(this.linksToUpload, file);\n }\n\n public filesUpdated(result: SkyFileDropChange): void {\n this.filesToUpload = this.filesToUpload.concat(result.files);\n this.rejectedFiles = result.rejectedFiles;\n this.allItems = this.allItems.concat(result.files);\n }\n\n public linkAdded(result: SkyFileLink): void {\n this.linksToUpload = this.linksToUpload.concat(result);\n this.allItems = this.allItems.concat(result);\n }\n\n public validateFile(file: SkyFileItem): string {\n if (file.file.name.indexOf('a') === 0) {\n return 'You may not upload a file that begins with the letter \"a.\"';\n }\n }\n\n private removeFromArray(items: any[], obj: SkyFileItem | SkyFileLink): void {\n if (items) {\n const index = items.indexOf(obj);\n\n if (index !== -1) {\n items.splice(index, 1);\n }\n }\n }\n}\n"
10855
10860
  },
10856
10861
  {
10857
10862
  "fileName": "file-attachment-demo.module.ts",
10858
10863
  "filePath": "/projects/forms/documentation/code-examples/file-attachment/basic/file-attachment-demo.module.ts",
10859
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n FormsModule\n} from '@angular/forms';\n\nimport {\n SkyFileAttachmentsModule\n} from '@skyux/forms';\n\nimport {\n SkyStatusIndicatorModule\n} from '@skyux/indicators';\n\nimport {\n FileAttachmentDemoComponent\n} from './file-attachment-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyFileAttachmentsModule,\n SkyStatusIndicatorModule\n ],\n declarations: [\n FileAttachmentDemoComponent\n ],\n exports: [\n FileAttachmentDemoComponent\n ]\n})\n\nexport class SkyFileAttachmentDemoModule {\n}\n"
10864
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyFileAttachmentsModule } from '@skyux/forms';\n\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\n\nimport { FileAttachmentDemoComponent } from './file-attachment-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n SkyFileAttachmentsModule,\n SkyStatusIndicatorModule,\n ],\n declarations: [FileAttachmentDemoComponent],\n exports: [FileAttachmentDemoComponent],\n})\nexport class SkyFileAttachmentDemoModule {}\n"
10860
10865
  },
10861
10866
  {
10862
10867
  "fileName": "input-box-demo.component.html",
10863
10868
  "filePath": "/projects/forms/documentation/code-examples/input-box/basic/input-box-demo.component.html",
10864
- "rawContents": "<div\n [skyTheme]=\"modernLightTheme\"\n>\n\n <h3>With basic HTML elements</h3>\n <sky-input-box>\n <label\n class=\"sky-control-label\"\n for=\"myInput\"\n >\n HTML &lt;input&gt;\n </label>\n <input\n class=\"sky-form-control\"\n id=\"myInput\"\n type=\"text\"\n >\n </sky-input-box>\n <sky-input-box>\n <label\n class=\"sky-control-label\"\n for=\"myTextarea\"\n >\n HTML &lt;textarea&gt;\n </label>\n <textarea\n class=\"sky-form-control\"\n id=\"myTextarea\"\n ></textarea>\n </sky-input-box>\n\n <h3>With SKY UX components</h3>\n <sky-input-box>\n <label\n class=\"sky-control-label\"\n for=\"myDatepicker\"\n >\n Datepicker\n </label>\n <sky-datepicker>\n <input\n id=\"myDatepicker\"\n skyDatepickerInput\n >\n </sky-datepicker>\n </sky-input-box>\n\n</div>\n"
10869
+ "rawContents": "<div [skyTheme]=\"modernLightTheme\">\n <h3>With basic HTML elements</h3>\n <sky-input-box>\n <label class=\"sky-control-label\" for=\"myInput\"> HTML &lt;input&gt; </label>\n <input class=\"sky-form-control\" id=\"myInput\" type=\"text\" />\n </sky-input-box>\n <sky-input-box>\n <label class=\"sky-control-label\" for=\"myTextarea\">\n HTML &lt;textarea&gt;\n </label>\n <textarea class=\"sky-form-control\" id=\"myTextarea\"></textarea>\n </sky-input-box>\n\n <h3>With SKY UX components</h3>\n <sky-input-box>\n <label class=\"sky-control-label\" for=\"myDatepicker\"> Datepicker </label>\n <sky-datepicker>\n <input id=\"myDatepicker\" skyDatepickerInput />\n </sky-datepicker>\n </sky-input-box>\n</div>\n"
10865
10870
  },
10866
10871
  {
10867
10872
  "fileName": "input-box-demo.component.ts",
10868
10873
  "filePath": "/projects/forms/documentation/code-examples/input-box/basic/input-box-demo.component.ts",
10869
- "rawContents": "import {\n Component\n} from '@angular/core';\n\nimport {\n SkyTheme,\n SkyThemeMode,\n SkyThemeSettings\n} from '@skyux/theme';\n\n@Component({\n selector: 'app-input-box-demo',\n templateUrl: './input-box-demo.component.html'\n})\nexport class InputBoxDemoComponent {\n\n /**\n * The input box component is designed for the modern theme.\n * This is purely for demonstration purposes.\n */\n public modernLightTheme = new SkyThemeSettings(\n SkyTheme.presets.modern,\n SkyThemeMode.presets.light\n );\n\n}\n"
10874
+ "rawContents": "import { Component } from '@angular/core';\n\nimport { SkyTheme, SkyThemeMode, SkyThemeSettings } from '@skyux/theme';\n\n@Component({\n selector: 'app-input-box-demo',\n templateUrl: './input-box-demo.component.html',\n})\nexport class InputBoxDemoComponent {\n /**\n * The input box component is designed for the modern theme.\n * This is purely for demonstration purposes.\n */\n public modernLightTheme = new SkyThemeSettings(\n SkyTheme.presets.modern,\n SkyThemeMode.presets.light\n );\n}\n"
10870
10875
  },
10871
10876
  {
10872
10877
  "fileName": "input-box-demo.module.ts",
10873
10878
  "filePath": "/projects/forms/documentation/code-examples/input-box/basic/input-box-demo.module.ts",
10874
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyDatepickerModule\n} from '@skyux/datetime';\n\nimport {\n SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n SkyThemeModule,\n SkyThemeService\n} from '@skyux/theme';\n\nimport {\n InputBoxDemoComponent\n} from './input-box-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyDatepickerModule,\n SkyInputBoxModule,\n SkyThemeModule\n ],\n declarations: [\n InputBoxDemoComponent\n ],\n exports: [\n InputBoxDemoComponent\n ],\n providers: [\n SkyThemeService\n ]\n})\n\nexport class SkyInputBoxDemoModule {}\n"
10879
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyDatepickerModule } from '@skyux/datetime';\n\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { SkyThemeModule, SkyThemeService } from '@skyux/theme';\n\nimport { InputBoxDemoComponent } from './input-box-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyDatepickerModule,\n SkyInputBoxModule,\n SkyThemeModule,\n ],\n declarations: [InputBoxDemoComponent],\n exports: [InputBoxDemoComponent],\n providers: [SkyThemeService],\n})\nexport class SkyInputBoxDemoModule {}\n"
10875
10880
  },
10876
10881
  {
10877
10882
  "fileName": "radio-demo.component.html",
10878
10883
  "filePath": "/projects/forms/documentation/code-examples/radio/icon/radio-demo.component.html",
10879
- "rawContents": "<form\n novalidate\n [formGroup]=\"myForm\"\n>\n<sky-radio-group\n ariaLabel=\"Demo view\"\n formControlName=\"myView\"\n>\n <div\n class=\"sky-switch-icon-group\"\n >\n <sky-radio *ngFor=\"let view of views\"\n [icon]=\"view.icon\"\n [label]=\"view.label\"\n [value]=\"view.name\"\n >\n </sky-radio>\n </div>\n</sky-radio-group>\n</form>\n\n<p>\n {{ myForm.value.myView }} is selected\n</p>\n"
10884
+ "rawContents": "<form novalidate [formGroup]=\"myForm\">\n <sky-radio-group ariaLabel=\"Demo view\" formControlName=\"myView\">\n <div class=\"sky-switch-icon-group\">\n <sky-radio\n *ngFor=\"let view of views\"\n [icon]=\"view.icon\"\n [label]=\"view.label\"\n [value]=\"view.name\"\n >\n </sky-radio>\n </div>\n </sky-radio-group>\n</form>\n\n<p>{{ myForm.value.myView }} is selected</p>\n"
10880
10885
  },
10881
10886
  {
10882
10887
  "fileName": "radio-demo.component.ts",
10883
10888
  "filePath": "/projects/forms/documentation/code-examples/radio/icon/radio-demo.component.ts",
10884
- "rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-radio-demo',\n templateUrl: './radio-demo.component.html'\n})\nexport class RadioDemoComponent implements OnInit {\n\n public myForm: FormGroup;\n\n public views: any[] = [\n { icon: 'table', label: 'Table', name: 'table' },\n { icon: 'list', label: 'List', name: 'list' },\n { icon: 'map-marker', label: 'Map', name: 'map' }\n ];\n\n constructor(\n private formBuilder: FormBuilder\n ) { }\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myView: this.views[0].name\n });\n }\n}\n"
10889
+ "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-radio-demo',\n templateUrl: './radio-demo.component.html',\n})\nexport class RadioDemoComponent implements OnInit {\n public myForm: FormGroup;\n\n public views: any[] = [\n { icon: 'table', label: 'Table', name: 'table' },\n { icon: 'list', label: 'List', name: 'list' },\n { icon: 'map-marker', label: 'Map', name: 'map' },\n ];\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myView: this.views[0].name,\n });\n }\n}\n"
10885
10890
  },
10886
10891
  {
10887
10892
  "fileName": "radio-demo.module.ts",
10888
10893
  "filePath": "/projects/forms/documentation/code-examples/radio/icon/radio-demo.module.ts",
10889
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyRadioModule\n} from '@skyux/forms';\n\nimport {\n RadioDemoComponent\n} from './radio-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyRadioModule\n ],\n declarations: [\n RadioDemoComponent\n ],\n exports: [\n RadioDemoComponent\n ]\n})\n\nexport class SkyRadioDemoModule {\n}\n"
10894
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyRadioModule } from '@skyux/forms';\n\nimport { RadioDemoComponent } from './radio-demo.component';\n\n@NgModule({\n imports: [CommonModule, ReactiveFormsModule, SkyRadioModule],\n declarations: [RadioDemoComponent],\n exports: [RadioDemoComponent],\n})\nexport class SkyRadioDemoModule {}\n"
10890
10895
  },
10891
10896
  {
10892
10897
  "fileName": "radio-demo.component.html",
10893
10898
  "filePath": "/projects/forms/documentation/code-examples/radio/standard/radio-demo.component.html",
10894
- "rawContents": "<form\n novalidate\n [formGroup]=\"myForm\"\n>\n<sky-radio-group\n ariaLabel=\"Demo options\"\n formControlName=\"myOption\"\n>\n <ul\n class=\"sky-list-unstyled\"\n >\n <li *ngFor=\"let option of options\">\n <sky-radio\n [disabled]=\"option.disabled\"\n [value]=\"option.name\"\n >\n <sky-radio-label>\n {{ option.name }}\n </sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n</sky-radio-group>\n</form>\n\n<p>\n {{ myForm.value.myOption }} is selected\n</p>\n"
10899
+ "rawContents": "<form novalidate [formGroup]=\"myForm\">\n <sky-radio-group ariaLabel=\"Demo options\" formControlName=\"myOption\">\n <ul class=\"sky-list-unstyled\">\n <li *ngFor=\"let option of options\">\n <sky-radio [disabled]=\"option.disabled\" [value]=\"option.name\">\n <sky-radio-label>\n {{ option.name }}\n </sky-radio-label>\n </sky-radio>\n </li>\n </ul>\n </sky-radio-group>\n</form>\n\n<p>{{ myForm.value.myOption }} is selected</p>\n"
10895
10900
  },
10896
10901
  {
10897
10902
  "fileName": "radio-demo.component.ts",
10898
10903
  "filePath": "/projects/forms/documentation/code-examples/radio/standard/radio-demo.component.ts",
10899
- "rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-radio-demo',\n templateUrl: './radio-demo.component.html'\n})\nexport class RadioDemoComponent implements OnInit {\n\n public myForm: FormGroup;\n\n public options: any[] = [\n { name: 'Option 1', value: '1', disabled: false },\n { name: 'Option 2', value: '2', disabled: false },\n { name: 'Option 3 is disabled', value: '3', disabled: true }\n ];\n\n constructor(\n private formBuilder: FormBuilder\n ) { }\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myOption: this.options[0].name\n });\n }\n}\n"
10904
+ "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-radio-demo',\n templateUrl: './radio-demo.component.html',\n})\nexport class RadioDemoComponent implements OnInit {\n public myForm: FormGroup;\n\n public options: any[] = [\n { name: 'Option 1', value: '1', disabled: false },\n { name: 'Option 2', value: '2', disabled: false },\n { name: 'Option 3 is disabled', value: '3', disabled: true },\n ];\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myOption: this.options[0].name,\n });\n }\n}\n"
10900
10905
  },
10901
10906
  {
10902
10907
  "fileName": "radio-demo.module.ts",
10903
10908
  "filePath": "/projects/forms/documentation/code-examples/radio/standard/radio-demo.module.ts",
10904
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyRadioModule\n} from '@skyux/forms';\n\nimport {\n RadioDemoComponent\n} from './radio-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyRadioModule\n ],\n declarations: [\n RadioDemoComponent\n ],\n exports: [\n RadioDemoComponent\n ]\n})\n\nexport class SkyRadioDemoModule {\n}\n"
10909
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyRadioModule } from '@skyux/forms';\n\nimport { RadioDemoComponent } from './radio-demo.component';\n\n@NgModule({\n imports: [CommonModule, ReactiveFormsModule, SkyRadioModule],\n declarations: [RadioDemoComponent],\n exports: [RadioDemoComponent],\n})\nexport class SkyRadioDemoModule {}\n"
10905
10910
  },
10906
10911
  {
10907
10912
  "fileName": "selection-box-demo.component.html",
10908
10913
  "filePath": "/projects/forms/documentation/code-examples/selection-box/checkbox/selection-box-demo.component.html",
10909
- "rawContents": "<form\n [formGroup]=\"myForm\"\n>\n <sky-selection-box-grid>\n <sky-selection-box *ngFor=\"let control of checkboxArray.controls; let i = index\"\n [control]=\"checkbox\"\n >\n <sky-icon\n iconType=\"skyux\"\n [icon]=\"selectionBoxes[i].icon\"\n ></sky-icon>\n <sky-selection-box-header\n skyId\n #checkboxHeaderId=\"skyId\"\n >\n {{ selectionBoxes[i].name }}\n </sky-selection-box-header>\n <sky-selection-box-description>\n {{ selectionBoxes[i].description }}\n </sky-selection-box-description>\n <sky-checkbox\n [formControl]=\"control\"\n [labelledBy]=\"checkboxHeaderId.id\"\n #checkbox\n >\n </sky-checkbox>\n </sky-selection-box>\n </sky-selection-box-grid>\n</form>\n"
10914
+ "rawContents": "<form [formGroup]=\"myForm\">\n <sky-selection-box-grid>\n <sky-selection-box\n *ngFor=\"let control of checkboxArray.controls; let i = index\"\n [control]=\"checkbox\"\n >\n <sky-icon iconType=\"skyux\" [icon]=\"selectionBoxes[i].icon\"></sky-icon>\n <sky-selection-box-header skyId #checkboxHeaderId=\"skyId\">\n {{ selectionBoxes[i].name }}\n </sky-selection-box-header>\n <sky-selection-box-description>\n {{ selectionBoxes[i].description }}\n </sky-selection-box-description>\n <sky-checkbox\n [formControl]=\"control\"\n [labelledBy]=\"checkboxHeaderId.id\"\n #checkbox\n >\n </sky-checkbox>\n </sky-selection-box>\n </sky-selection-box-grid>\n</form>\n"
10910
10915
  },
10911
10916
  {
10912
10917
  "fileName": "selection-box-demo.component.ts",
10913
10918
  "filePath": "/projects/forms/documentation/code-examples/selection-box/checkbox/selection-box-demo.component.ts",
10914
- "rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormArray,\n FormBuilder,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-selection-box-demo',\n templateUrl: './selection-box-demo.component.html'\n})\nexport class SelectionBoxDemoComponent implements OnInit {\n\n public get checkboxArray(): FormArray {\n return this.myForm.get('checkboxes') as FormArray;\n }\n\n public selectionBoxes: any[] = [\n {\n name: 'Save time and effort',\n icon: 'clock',\n description:\n 'Automate mundane tasks and spend more time on the things that matter.'\n },\n {\n name: 'Boost engagement',\n icon: 'user',\n description: 'Encourage supporters to interact with your organization.'\n },\n {\n name: 'Build relationships',\n icon: 'users',\n description:\n 'Connect to supporters on a personal level and maintain accurate data.'\n }\n ];\n\n public myForm: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n checkboxes: this.buildCheckboxes()\n });\n\n this.myForm.valueChanges.subscribe(value => console.log(value));\n }\n\n private buildCheckboxes(): FormArray {\n const checkboxArray = this.selectionBoxes.map(checkbox => {\n return this.formBuilder.control(checkbox.selected);\n });\n return this.formBuilder.array(checkboxArray);\n }\n}\n"
10919
+ "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormArray, FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-selection-box-demo',\n templateUrl: './selection-box-demo.component.html',\n})\nexport class SelectionBoxDemoComponent implements OnInit {\n public get checkboxArray(): FormArray {\n return this.myForm.get('checkboxes') as FormArray;\n }\n\n public selectionBoxes: any[] = [\n {\n name: 'Save time and effort',\n icon: 'clock',\n description:\n 'Automate mundane tasks and spend more time on the things that matter.',\n },\n {\n name: 'Boost engagement',\n icon: 'user',\n description: 'Encourage supporters to interact with your organization.',\n },\n {\n name: 'Build relationships',\n icon: 'users',\n description:\n 'Connect to supporters on a personal level and maintain accurate data.',\n },\n ];\n\n public myForm: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n checkboxes: this.buildCheckboxes(),\n });\n\n this.myForm.valueChanges.subscribe((value) => console.log(value));\n }\n\n private buildCheckboxes(): FormArray {\n const checkboxArray = this.selectionBoxes.map((checkbox) => {\n return this.formBuilder.control(checkbox.selected);\n });\n return this.formBuilder.array(checkboxArray);\n }\n}\n"
10915
10920
  },
10916
10921
  {
10917
10922
  "fileName": "selection-box-demo.module.ts",
10918
10923
  "filePath": "/projects/forms/documentation/code-examples/selection-box/checkbox/selection-box-demo.module.ts",
10919
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n FormsModule,\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyIdModule\n} from '@skyux/core';\n\nimport {\n SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n SkyCheckboxModule,\n SkySelectionBoxModule\n} from '@skyux/forms';\n\nimport {\n SelectionBoxDemoComponent\n} from './selection-box-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyCheckboxModule,\n SkyIconModule,\n SkyIdModule,\n SkySelectionBoxModule\n ],\n declarations: [\n SelectionBoxDemoComponent\n ],\n exports: [\n SelectionBoxDemoComponent\n ]\n})\n\nexport class SkySelectionBoxDemoModule {\n}\n"
10924
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport {\n SkyCheckboxModule,\n SkySelectionBoxModule,\n} from '@skyux/forms';\n\nimport { SelectionBoxDemoComponent } from './selection-box-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyCheckboxModule,\n SkyIconModule,\n SkyIdModule,\n SkySelectionBoxModule,\n ],\n declarations: [SelectionBoxDemoComponent],\n exports: [SelectionBoxDemoComponent],\n})\nexport class SkySelectionBoxDemoModule {}\n"
10920
10925
  },
10921
10926
  {
10922
10927
  "fileName": "selection-box-demo.component.html",
10923
10928
  "filePath": "/projects/forms/documentation/code-examples/selection-box/radio/selection-box-demo.component.html",
10924
- "rawContents": "<form\n novalidate\n [formGroup]=\"myForm\"\n>\n <sky-radio-group\n ariaLabel=\"Demo options\"\n formControlName=\"myOption\"\n >\n <sky-selection-box-grid>\n <sky-selection-box *ngFor=\"let item of items\"\n [control]=\"radio\"\n >\n <sky-icon\n iconType=\"skyux\"\n [icon]=\"item.icon\"\n ></sky-icon>\n <sky-selection-box-header\n skyId\n #radioHeaderId=\"skyId\"\n >\n {{ item.name }}\n </sky-selection-box-header>\n <sky-selection-box-description>\n {{ item.description }}\n </sky-selection-box-description>\n <sky-radio\n [labelledBy]=\"radioHeaderId.id\"\n [value]=\"item.value\"\n #radio\n >\n </sky-radio>\n </sky-selection-box>\n </sky-selection-box-grid>\n </sky-radio-group>\n</form>\n"
10929
+ "rawContents": "<form novalidate [formGroup]=\"myForm\">\n <sky-radio-group ariaLabel=\"Demo options\" formControlName=\"myOption\">\n <sky-selection-box-grid>\n <sky-selection-box *ngFor=\"let item of items\" [control]=\"radio\">\n <sky-icon iconType=\"skyux\" [icon]=\"item.icon\"></sky-icon>\n <sky-selection-box-header skyId #radioHeaderId=\"skyId\">\n {{ item.name }}\n </sky-selection-box-header>\n <sky-selection-box-description>\n {{ item.description }}\n </sky-selection-box-description>\n <sky-radio [labelledBy]=\"radioHeaderId.id\" [value]=\"item.value\" #radio>\n </sky-radio>\n </sky-selection-box>\n </sky-selection-box-grid>\n </sky-radio-group>\n</form>\n"
10925
10930
  },
10926
10931
  {
10927
10932
  "fileName": "selection-box-demo.component.ts",
10928
10933
  "filePath": "/projects/forms/documentation/code-examples/selection-box/radio/selection-box-demo.component.ts",
10929
- "rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-selection-box-demo',\n templateUrl: './selection-box-demo.component.html'\n})\nexport class SelectionBoxDemoComponent implements OnInit {\n\n public items: any[] = [\n {\n name: 'Save time and effort',\n icon: 'clock',\n description: 'Automate mundane tasks and spend more time on the things that matter.',\n value: 'clock'\n },\n {\n name: 'Boost engagement',\n icon: 'user',\n description: 'Encourage supporters to interact with your organization.',\n value: 'engagement'\n },\n {\n name: 'Build relationships',\n icon: 'users',\n description: 'Connect to supporters on a personal level and maintain accurate data.',\n value: 'relationships'\n }\n ];\n\n public myForm: FormGroup;\n\n constructor(\n private formBuilder: FormBuilder\n ) { }\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myOption: this.items[2].value\n });\n this.myForm.valueChanges.subscribe(value => console.log(value));\n }\n}\n"
10934
+ "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-selection-box-demo',\n templateUrl: './selection-box-demo.component.html',\n})\nexport class SelectionBoxDemoComponent implements OnInit {\n public items: any[] = [\n {\n name: 'Save time and effort',\n icon: 'clock',\n description:\n 'Automate mundane tasks and spend more time on the things that matter.',\n value: 'clock',\n },\n {\n name: 'Boost engagement',\n icon: 'user',\n description: 'Encourage supporters to interact with your organization.',\n value: 'engagement',\n },\n {\n name: 'Build relationships',\n icon: 'users',\n description:\n 'Connect to supporters on a personal level and maintain accurate data.',\n value: 'relationships',\n },\n ];\n\n public myForm: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n myOption: this.items[2].value,\n });\n this.myForm.valueChanges.subscribe((value) => console.log(value));\n }\n}\n"
10930
10935
  },
10931
10936
  {
10932
10937
  "fileName": "selection-box-demo.module.ts",
10933
10938
  "filePath": "/projects/forms/documentation/code-examples/selection-box/radio/selection-box-demo.module.ts",
10934
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n FormsModule,\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyIdModule\n} from '@skyux/core';\n\nimport {\n SkyRadioModule,\n SkySelectionBoxModule\n} from '@skyux/forms';\n\nimport {\n SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n SelectionBoxDemoComponent\n} from './selection-box-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyIconModule,\n SkyIdModule,\n SkyRadioModule,\n SkySelectionBoxModule\n ],\n declarations: [\n SelectionBoxDemoComponent\n ],\n exports: [\n SelectionBoxDemoComponent\n ]\n})\n\nexport class SkySelectionBoxDemoModule {\n}\n"
10939
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport {\n SkyRadioModule,\n SkySelectionBoxModule,\n} from '@skyux/forms';\n\nimport { SkyIconModule } from '@skyux/indicators';\n\nimport { SelectionBoxDemoComponent } from './selection-box-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyIconModule,\n SkyIdModule,\n SkyRadioModule,\n SkySelectionBoxModule,\n ],\n declarations: [SelectionBoxDemoComponent],\n exports: [SelectionBoxDemoComponent],\n})\nexport class SkySelectionBoxDemoModule {}\n"
10935
10940
  },
10936
10941
  {
10937
10942
  "fileName": "single-file-attachment-demo.component.html",
10938
10943
  "filePath": "/projects/forms/documentation/code-examples/single-file-attachment/basic/single-file-attachment-demo.component.html",
10939
- "rawContents": "<form\n novalidate\n [formGroup]=\"fileForm\"\n>\n <div\n style=\"margin-bottom:50px;\"\n >\n <sky-file-attachment\n formControlName=\"attachment\"\n [maxFileSize]=\"maxFileSize\"\n [validateFn]=\"validateFile\"\n (fileChange)=\"reactiveFileUpdated($event)\"\n (fileClick)=\"fileClick($event)\"\n >\n <sky-file-attachment-label>\n Attach any file\n </sky-file-attachment-label>\n </sky-file-attachment>\n\n <div *ngIf=\"attachment?.invalid && attachment?.dirty\"\n class=\"sky-error-label\"\n >\n Attach a file.\n </div>\n <div *ngIf=\"reactiveUploadError\"\n class=\"sky-error-label\"\n >\n {{reactiveUploadError}}\n </div>\n </div>\n</form>\n"
10944
+ "rawContents": "<form novalidate [formGroup]=\"fileForm\">\n <div style=\"margin-bottom: 50px\">\n <sky-file-attachment\n formControlName=\"attachment\"\n [maxFileSize]=\"maxFileSize\"\n [validateFn]=\"validateFile\"\n (fileChange)=\"reactiveFileUpdated($event)\"\n (fileClick)=\"fileClick($event)\"\n >\n <sky-file-attachment-label> Attach any file </sky-file-attachment-label>\n </sky-file-attachment>\n\n <div\n *ngIf=\"attachment?.invalid && attachment?.dirty\"\n class=\"sky-error-label\"\n >\n Attach a file.\n </div>\n <div *ngIf=\"reactiveUploadError\" class=\"sky-error-label\">\n {{ reactiveUploadError }}\n </div>\n </div>\n</form>\n"
10940
10945
  },
10941
10946
  {
10942
10947
  "fileName": "single-file-attachment-demo.component.ts",
10943
10948
  "filePath": "/projects/forms/documentation/code-examples/single-file-attachment/basic/single-file-attachment-demo.component.ts",
10944
- "rawContents": "import {\n AbstractControl,\n FormBuilder,\n FormControl,\n FormGroup,\n Validators\n} from '@angular/forms';\n\nimport {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n SkyFileAttachmentChange,\n SkyFileAttachmentClick,\n SkyFileItem\n} from '@skyux/forms';\n\n@Component({\n selector: 'app-single-file-attachment-demo',\n templateUrl: './single-file-attachment-demo.component.html'\n})\nexport class SingleFileAttachmentDemoComponent implements OnInit {\n\n public attachment: FormControl;\n\n public fileForm: FormGroup;\n\n public maxFileSize: number = 4000000;\n\n public get reactiveFile(): AbstractControl {\n return this.fileForm.get('attachment');\n }\n\n public reactiveUploadError: string;\n\n constructor(\n private formBuilder: FormBuilder\n ) {}\n\n public fileClick($event: SkyFileAttachmentClick): void {\n const link = document.createElement('a');\n link.download = $event.file.file.name;\n link.href = $event.file.url;\n link.click();\n }\n\n public ngOnInit(): void {\n this.attachment = new FormControl(undefined, Validators.required);\n this.fileForm = this.formBuilder.group({\n attachment: this.attachment\n });\n }\n\n public reactiveFileUpdated(result: SkyFileAttachmentChange): void {\n const file = result.file;\n\n if (file && file.errorType) {\n this.reactiveFile.setValue(undefined);\n this.reactiveUploadError = this.getErrorMessage(file.errorType, file.errorParam);\n\n } else {\n this.reactiveFile.setValue(file);\n this.reactiveUploadError = undefined;\n }\n }\n\n public validateFile(file: SkyFileItem): string {\n if (file.file.name.indexOf('a') === 0) {\n return 'You may not upload a file that begins with the letter \"a.\"';\n } else {\n return '';\n }\n }\n\n private getErrorMessage(errorType: string, errorParam: string): string {\n if (errorType === 'fileType') {\n return `Please upload a file of type ${errorParam}.`;\n } else if (errorType === 'maxFileSize') {\n return `Please upload a file smaller than ${errorParam} KB.`;\n } else {\n return errorParam;\n }\n }\n}\n"
10949
+ "rawContents": "import {\n AbstractControl,\n FormBuilder,\n FormControl,\n FormGroup,\n Validators,\n} from '@angular/forms';\n\nimport { Component, OnInit } from '@angular/core';\n\nimport {\n SkyFileAttachmentChange,\n SkyFileAttachmentClick,\n SkyFileItem,\n} from '@skyux/forms';\n\n@Component({\n selector: 'app-single-file-attachment-demo',\n templateUrl: './single-file-attachment-demo.component.html',\n})\nexport class SingleFileAttachmentDemoComponent implements OnInit {\n public attachment: FormControl;\n\n public fileForm: FormGroup;\n\n public maxFileSize: number = 4000000;\n\n public get reactiveFile(): AbstractControl {\n return this.fileForm.get('attachment');\n }\n\n public reactiveUploadError: string;\n\n constructor(private formBuilder: FormBuilder) {}\n\n public fileClick($event: SkyFileAttachmentClick): void {\n const link = document.createElement('a');\n link.download = $event.file.file.name;\n link.href = $event.file.url;\n link.click();\n }\n\n public ngOnInit(): void {\n this.attachment = new FormControl(undefined, Validators.required);\n this.fileForm = this.formBuilder.group({\n attachment: this.attachment,\n });\n }\n\n public reactiveFileUpdated(result: SkyFileAttachmentChange): void {\n const file = result.file;\n\n if (file && file.errorType) {\n this.reactiveFile.setValue(undefined);\n this.reactiveUploadError = this.getErrorMessage(\n file.errorType,\n file.errorParam\n );\n } else {\n this.reactiveFile.setValue(file);\n this.reactiveUploadError = undefined;\n }\n }\n\n public validateFile(file: SkyFileItem): string {\n if (file.file.name.indexOf('a') === 0) {\n return 'You may not upload a file that begins with the letter \"a.\"';\n } else {\n return '';\n }\n }\n\n private getErrorMessage(errorType: string, errorParam: string): string {\n if (errorType === 'fileType') {\n return `Please upload a file of type ${errorParam}.`;\n } else if (errorType === 'maxFileSize') {\n return `Please upload a file smaller than ${errorParam} KB.`;\n } else {\n return errorParam;\n }\n }\n}\n"
10945
10950
  },
10946
10951
  {
10947
10952
  "fileName": "single-file-attachment-demo.module.ts",
10948
10953
  "filePath": "/projects/forms/documentation/code-examples/single-file-attachment/basic/single-file-attachment-demo.module.ts",
10949
- "rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n FormsModule,\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyFileAttachmentsModule\n} from '@skyux/forms';\n\nimport {\n SingleFileAttachmentDemoComponent\n} from './single-file-attachment-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyFileAttachmentsModule\n ],\n declarations: [\n SingleFileAttachmentDemoComponent\n ],\n exports: [\n SingleFileAttachmentDemoComponent\n ]\n})\n\nexport class SkySingleFileAttachmentDemoModule {\n}\n"
10954
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyFileAttachmentsModule } from '@skyux/forms';\n\nimport { SingleFileAttachmentDemoComponent } from './single-file-attachment-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SkyFileAttachmentsModule,\n ],\n declarations: [SingleFileAttachmentDemoComponent],\n exports: [SingleFileAttachmentDemoComponent],\n})\nexport class SkySingleFileAttachmentDemoModule {}\n"
10950
10955
  },
10951
10956
  {
10952
10957
  "fileName": "toggle-switch-demo.component.html",
10953
10958
  "filePath": "/projects/forms/documentation/code-examples/toggle-switch/basic/toggle-switch-demo.component.html",
10954
- "rawContents": "<p>\n <sky-toggle-switch formControlName=\"controlToggle\" (toggleChange)=\"toggleDisabled()\">\n <sky-toggle-switch-label>\n Enable the bottom toggle switch\n </sky-toggle-switch-label>\n </sky-toggle-switch>\n</p>\n\n<p>\n <sky-toggle-switch [disabled]=\"disabled\" formControlName=\"dynamicToggle\">\n <sky-toggle-switch-label>\n This switch can be enabled and disabled dynamically\n </sky-toggle-switch-label>\n </sky-toggle-switch>\n</p>\n"
10959
+ "rawContents": "<p>\n <sky-toggle-switch\n formControlName=\"controlToggle\"\n (toggleChange)=\"toggleDisabled()\"\n >\n <sky-toggle-switch-label>\n Enable the bottom toggle switch\n </sky-toggle-switch-label>\n </sky-toggle-switch>\n</p>\n\n<p>\n <sky-toggle-switch [disabled]=\"disabled\" formControlName=\"dynamicToggle\">\n <sky-toggle-switch-label>\n This switch can be enabled and disabled dynamically\n </sky-toggle-switch-label>\n </sky-toggle-switch>\n</p>\n"
10955
10960
  },
10956
10961
  {
10957
10962
  "fileName": "toggle-switch-demo.component.ts",
10958
10963
  "filePath": "/projects/forms/documentation/code-examples/toggle-switch/basic/toggle-switch-demo.component.ts",
10959
- "rawContents": "import {\n Component\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormControl,\n FormGroup\n} from '@angular/forms';\n\n@Component({\n selector: 'app-toggle-switch-demo',\n templateUrl: './toggle-switch-demo.component.html'\n})\nexport class ToggleSwitchDemoComponent {\n public checked: boolean = false;\n public disabled: boolean = true;\n\n public formGroup: FormGroup;\n\n constructor(\n private formBuilder: FormBuilder\n ) {\n this.formGroup = this.formBuilder.group({\n dynamicToggle: new FormControl(true)\n });\n }\n\n public toggleDisabled(): void {\n this.disabled = !this.disabled;\n\n const control = this.formGroup.get('dynamicToggle');\n\n if (control.disabled) {\n control.enable();\n } else {\n control.disable();\n }\n }\n}\n"
10964
+ "rawContents": "import { Component } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n selector: 'app-toggle-switch-demo',\n templateUrl: './toggle-switch-demo.component.html',\n})\nexport class ToggleSwitchDemoComponent {\n public checked: boolean = false;\n public disabled: boolean = true;\n\n public formGroup: FormGroup;\n\n constructor(private formBuilder: FormBuilder) {\n this.formGroup = this.formBuilder.group({\n dynamicToggle: new FormControl(true),\n });\n }\n\n public toggleDisabled(): void {\n this.disabled = !this.disabled;\n\n const control = this.formGroup.get('dynamicToggle');\n\n if (control.disabled) {\n control.enable();\n } else {\n control.disable();\n }\n }\n}\n"
10960
10965
  },
10961
10966
  {
10962
10967
  "fileName": "toggle-switch-demo.module.ts",
10963
10968
  "filePath": "/projects/forms/documentation/code-examples/toggle-switch/basic/toggle-switch-demo.module.ts",
10964
- "rawContents": "\nimport {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n SkyToggleSwitchModule\n} from '@skyux/forms';\n\nimport {\n ToggleSwitchDemoComponent\n} from './toggle-switch-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyToggleSwitchModule\n ],\n declarations: [\n ToggleSwitchDemoComponent\n ],\n exports: [\n ToggleSwitchDemoComponent\n ]\n})\n\nexport class SkyToggleSwitchDemoModule {\n}\n"
10969
+ "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyToggleSwitchModule } from '@skyux/forms';\n\nimport { ToggleSwitchDemoComponent } from './toggle-switch-demo.component';\n\n@NgModule({\n imports: [CommonModule, SkyToggleSwitchModule],\n declarations: [ToggleSwitchDemoComponent],\n exports: [ToggleSwitchDemoComponent],\n})\nexport class SkyToggleSwitchDemoModule {}\n"
10965
10970
  }
10966
10971
  ]
10967
10972
  }