npm - @skyux/forms - Versions diffs - 5.0.0-beta.4 → 5.0.2 - Mend

@skyux/forms 5.0.0-beta.4 → 5.0.2

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 (56) hide show

package/documentation.json CHANGED Viewed

@@ -38,7 +38,7 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/forms",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
@@ -57,7 +57,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -96,7 +96,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/character-counter/character-counter.module.ts",
-            "line": 47,
+            "line": 32,
             "character": 13
           }
         ]
@@ -143,7 +143,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox-change.ts",
-                "line": 10,
+                "line": 8,
                 "character": 9
               }
             ],
@@ -163,7 +163,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox-change.ts",
-                "line": 9,
+                "line": 7,
                 "character": 9
               }
             ],
@@ -194,7 +194,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/checkbox/checkbox-change.ts",
-            "line": 8,
+            "line": 6,
             "character": 13
           }
         ]
@@ -213,7 +213,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -252,7 +252,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/checkbox/checkbox.module.ts",
-            "line": 46,
+            "line": 28,
             "character": 13
           }
         ]
@@ -271,7 +271,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -310,7 +310,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/file-attachments.module.ts",
-            "line": 82,
+            "line": 52,
             "character": 13
           }
         ]
@@ -329,7 +329,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyInputBoxComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyInputBoxComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyInputBoxComponent],\n  imports: [CommonModule, SkyThemeModule],\n  exports: [SkyInputBoxComponent],\n}"
             }
           }
         ],
@@ -368,7 +368,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/input-box/input-box.module.ts",
-            "line": 29,
+            "line": 14,
             "character": 13
           }
         ]
@@ -387,7 +387,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "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}"
+              "obj": "{\n  declarations: [\n    SkyRadioComponent,\n    SkyRadioGroupComponent,\n    SkyRadioLabelComponent,\n  ],\n  imports: [CommonModule, FormsModule, SkyIconModule],\n  exports: [SkyRadioComponent, SkyRadioGroupComponent, SkyRadioLabelComponent],\n}"
             }
           }
         ],
@@ -426,7 +426,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/radio/radio.module.ts",
-            "line": 46,
+            "line": 24,
             "character": 13
           }
         ]
@@ -445,7 +445,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -484,7 +484,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/selection-box/selection-box.module.ts",
-            "line": 54,
+            "line": 33,
             "character": 13
           }
         ]
@@ -503,7 +503,7 @@
               "name": "NgModule"
             },
             "arguments": {
-              "obj": "{\n  declarations: [\n    SkyToggleSwitchLabelComponent,\n    SkyToggleSwitchComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule\n  ],\n  exports: [\n    SkyToggleSwitchLabelComponent,\n    SkyToggleSwitchComponent\n  ]\n}"
+              "obj": "{\n  declarations: [SkyToggleSwitchLabelComponent, SkyToggleSwitchComponent],\n  imports: [CommonModule, FormsModule],\n  exports: [SkyToggleSwitchLabelComponent, SkyToggleSwitchComponent],\n}"
             }
           }
         ],
@@ -542,7 +542,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.module.ts",
-            "line": 35,
+            "line": 16,
             "character": 13
           }
         ]
@@ -561,7 +561,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -658,7 +658,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/character-counter/character-counter-indicator.component.ts",
-                "line": 24,
+                "line": 22,
                 "character": 13
               }
             ],
@@ -713,7 +713,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/character-counter/character-counter-indicator.component.ts",
-                "line": 33,
+                "line": 31,
                 "character": 13
               }
             ],
@@ -798,7 +798,7 @@
         "kindString": "Class",
         "flags": {},
         "comment": {
-          "shortText": "Creates a wrapper for `input` and `label` elements to provide styling. To render the\ncomponent correctly, you must include the `sky-form-control` CSS class on the `input`\nelement and include the `sky-control-label` CSS class on the `label` element."
+          "shortText": "Creates a wrapper to provide styling for `input` and `label` elements. To render the\ncomponent correctly, include the `sky-form-control` CSS class on the `input` element\nand the `sky-control-label` CSS class on the `label` element. To display a help button\nbeside the label, include a help button element in the `sky-input-box` element and a\n`sky-control-help` CSS class on that element."
         },
         "decorators": [
           {
@@ -808,7 +808,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -822,7 +822,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 101,
+                "line": 95,
                 "character": 2
               }
             ],
@@ -923,7 +923,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 66,
+                "line": 58,
                 "character": 9
               }
             ],
@@ -955,7 +955,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 83,
+                "line": 75,
                 "character": 9
               }
             ],
@@ -987,7 +987,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 86,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -1007,7 +1007,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 76,
+                "line": 68,
                 "character": 9
               }
             ],
@@ -1046,7 +1046,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 56,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -1066,7 +1066,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 72,
+                "line": 64,
                 "character": 9
               }
             ],
@@ -1092,7 +1092,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 74,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -1118,7 +1118,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 70,
+                "line": 62,
                 "character": 9
               }
             ],
@@ -1144,7 +1144,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 80,
+                "line": 72,
                 "character": 9
               }
             ],
@@ -1170,7 +1170,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 78,
+                "line": 70,
                 "character": 9
               }
             ],
@@ -1196,7 +1196,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 68,
+                "line": 60,
                 "character": 9
               }
             ],
@@ -1234,7 +1234,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 89,
+                "line": 81,
                 "character": 9
               }
             ],
@@ -1254,7 +1254,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 91,
+                "line": 83,
                 "character": 13
               }
             ],
@@ -1283,7 +1283,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 112,
+                "line": 106,
                 "character": 9
               }
             ],
@@ -1312,7 +1312,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 119,
+                "line": 115,
                 "character": 9
               }
             ],
@@ -1341,7 +1341,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 108,
+                "line": 102,
                 "character": 9
               }
             ],
@@ -1378,7 +1378,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 123,
+                "line": 119,
                 "character": 9
               }
             ],
@@ -1407,7 +1407,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-                "line": 129,
+                "line": 125,
                 "character": 9
               }
             ],
@@ -1487,7 +1487,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/input-box/input-box.component.ts",
-            "line": 48,
+            "line": 41,
             "character": 13
           }
         ],
@@ -1515,7 +1515,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-radio-group',\n  templateUrl: './radio-group.component.html'\n}"
+              "obj": "{\n  selector: 'sky-radio-group',\n  templateUrl: './radio-group.component.html',\n}"
             }
           }
         ],
@@ -1529,7 +1529,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 163,
+                "line": 152,
                 "character": 2
               }
             ],
@@ -1614,7 +1614,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 68,
+                "line": 57,
                 "character": 9
               }
             ],
@@ -1647,7 +1647,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 59,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -1686,7 +1686,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 110,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -1717,7 +1717,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 75,
+                "line": 64,
                 "character": 13
               }
             ],
@@ -1794,7 +1794,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 94,
+                "line": 83,
                 "character": 13
               }
             ],
@@ -1871,7 +1871,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 140,
+                "line": 129,
                 "character": 13
               }
             ],
@@ -1942,7 +1942,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 118,
+                "line": 107,
                 "character": 13
               }
             ],
@@ -2003,7 +2003,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 172,
+                "line": 161,
                 "character": 9
               }
             ],
@@ -2040,7 +2040,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 196,
+                "line": 181,
                 "character": 9
               }
             ],
@@ -2077,7 +2077,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 227,
+                "line": 207,
                 "character": 9
               }
             ],
@@ -2114,7 +2114,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 244,
+                "line": 224,
                 "character": 9
               }
             ],
@@ -2188,7 +2188,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 248,
+                "line": 228,
                 "character": 9
               }
             ],
@@ -2230,7 +2230,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 206,
+                "line": 192,
                 "character": 9
               }
             ],
@@ -2259,7 +2259,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-                "line": 232,
+                "line": 212,
                 "character": 9
               }
             ],
@@ -2335,7 +2335,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/radio/radio-group.component.ts",
-            "line": 50,
+            "line": 38,
             "character": 13
           }
         ],
@@ -2371,7 +2371,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-radio-label',\n  templateUrl: './radio-label.component.html'\n}"
+              "obj": "{\n  selector: 'sky-radio-label',\n  templateUrl: './radio-label.component.html',\n}"
             }
           }
         ],
@@ -2421,7 +2421,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio-label.component.ts",
-                "line": 18,
+                "line": 15,
                 "character": 9
               }
             ],
@@ -2472,7 +2472,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/radio/radio-label.component.ts",
-            "line": 13,
+            "line": 10,
             "character": 13
           }
         ]
@@ -2494,7 +2494,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -2508,7 +2508,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 275,
+                "line": 264,
                 "character": 2
               }
             ],
@@ -2554,7 +2554,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 68,
+                "line": 54,
                 "character": 9
               }
             ],
@@ -2594,7 +2594,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 207,
+                "line": 195,
                 "character": 9
               }
             ],
@@ -2633,7 +2633,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 117,
+                "line": 103,
                 "character": 9
               }
             ],
@@ -2667,7 +2667,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 126,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -2700,7 +2700,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 135,
+                "line": 121,
                 "character": 9
               }
             ],
@@ -2717,9 +2717,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Fires when users select a radio button."
-            },
             "decorators": [
               {
                 "name": "Output",
@@ -2733,7 +2730,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 231,
+                "line": 220,
                 "character": 13
               }
             ],
@@ -2782,7 +2779,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 75,
+                "line": 61,
                 "character": 13
               }
             ],
@@ -2846,9 +2843,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Fires when the selected value changes."
-            },
             "decorators": [
               {
                 "name": "Output",
@@ -2862,7 +2856,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 239,
+                "line": 228,
                 "character": 13
               }
             ],
@@ -2910,7 +2904,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 99,
+                "line": 85,
                 "character": 13
               }
             ],
@@ -2974,9 +2968,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Fires when the selected value changes."
-            },
             "decorators": [
               {
                 "name": "Output",
@@ -2990,8 +2981,8 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 247,
-                "character": 14
+                "line": 236,
+                "character": 13
               }
             ],
             "getSignature": [
@@ -3028,7 +3019,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 170,
+                "line": 158,
                 "character": 13
               }
             ],
@@ -3070,7 +3061,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 251,
+                "line": 240,
                 "character": 13
               }
             ],
@@ -3109,7 +3100,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 144,
+                "line": 130,
                 "character": 13
               }
             ],
@@ -3186,7 +3177,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 218,
+                "line": 206,
                 "character": 13
               }
             ],
@@ -3253,7 +3244,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 255,
+                "line": 244,
                 "character": 13
               }
             ],
@@ -3318,7 +3309,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 160,
+                "line": 146,
                 "character": 13
               }
             ],
@@ -3395,7 +3386,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 182,
+                "line": 170,
                 "character": 13
               }
             ],
@@ -3462,7 +3453,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 279,
+                "line": 266,
                 "character": 9
               }
             ],
@@ -3499,7 +3490,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 310,
+                "line": 297,
                 "character": 9
               }
             ],
@@ -3541,7 +3532,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 325,
+                "line": 312,
                 "character": 9
               }
             ],
@@ -3583,7 +3574,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 302,
+                "line": 289,
                 "character": 9
               }
             ],
@@ -3633,7 +3624,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 306,
+                "line": 293,
                 "character": 9
               }
             ],
@@ -3683,7 +3674,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-                "line": 283,
+                "line": 270,
                 "character": 9
               }
             ],
@@ -3776,7 +3767,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/radio/radio.component.ts",
-            "line": 63,
+            "line": 50,
             "character": 13
           }
         ],
@@ -3808,7 +3799,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-selection-box-description',\n  templateUrl: './selection-box-description.component.html'\n}"
+              "obj": "{\n  selector: 'sky-selection-box-description',\n  templateUrl: './selection-box-description.component.html',\n}"
             }
           }
         ],
@@ -3847,7 +3838,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/selection-box/selection-box-description.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -3869,7 +3860,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -3883,7 +3874,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
-                "line": 104,
+                "line": 91,
                 "character": 2
               }
             ],
@@ -3993,14 +3984,14 @@
                 },
                 "arguments": {
                   "selector": "SkySelectionBoxComponent",
-                  "opts": "{\n    read: SkySelectionBoxComponent\n  }"
+                  "opts": "{\n    read: SkySelectionBoxComponent,\n  }"
                 }
               }
             ],
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
-                "line": 80,
+                "line": 67,
                 "character": 9
               }
             ],
@@ -4027,7 +4018,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
-                "line": 127,
+                "line": 112,
                 "character": 9
               }
             ],
@@ -4064,7 +4055,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
-                "line": 133,
+                "line": 118,
                 "character": 9
               }
             ],
@@ -4101,7 +4092,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
-                "line": 113,
+                "line": 100,
                 "character": 9
               }
             ],
@@ -4150,7 +4141,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
-                "line": 141,
+                "line": 126,
                 "character": 9
               }
             ],
@@ -4198,7 +4189,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/selection-box/selection-box-grid.component.ts",
-            "line": 61,
+            "line": 47,
             "character": 13
           }
         ],
@@ -4234,7 +4225,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-selection-box-header',\n  templateUrl: './selection-box-header.component.html'\n}"
+              "obj": "{\n  selector: 'sky-selection-box-header',\n  templateUrl: './selection-box-header.component.html',\n}"
             }
           }
         ],
@@ -4273,7 +4264,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/selection-box/selection-box-header.component.ts",
-            "line": 12,
+            "line": 10,
             "character": 13
           }
         ]
@@ -4295,7 +4286,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -4309,7 +4300,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 89,
+                "line": 81,
                 "character": 2
               }
             ],
@@ -4382,7 +4373,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 50,
+                "line": 39,
                 "character": 9
               }
             ],
@@ -4413,7 +4404,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 52,
+                "line": 41,
                 "character": 13
               }
             ],
@@ -4468,7 +4459,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 61,
+                "line": 50,
                 "character": 13
               }
             ],
@@ -4523,7 +4514,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 94,
+                "line": 86,
                 "character": 9
               }
             ],
@@ -4560,7 +4551,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 103,
+                "line": 98,
                 "character": 9
               }
             ],
@@ -4597,7 +4588,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 112,
+                "line": 107,
                 "character": 9
               }
             ],
@@ -4642,7 +4633,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-                "line": 120,
+                "line": 117,
                 "character": 9
               }
             ],
@@ -4711,7 +4702,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/selection-box/selection-box.component.ts",
-            "line": 43,
+            "line": 33,
             "character": 13
           }
         ],
@@ -4743,7 +4734,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-toggle-switch-label',\n  templateUrl: './toggle-switch-label.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n}"
+              "obj": "{\n  selector: 'sky-toggle-switch-label',\n  templateUrl: './toggle-switch-label.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n}"
             }
           }
         ],
@@ -4782,7 +4773,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch-label.component.ts",
-            "line": 14,
+            "line": 11,
             "character": 13
           }
         ]
@@ -4801,7 +4792,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -4815,7 +4806,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 137,
+                "line": 130,
                 "character": 2
               }
             ],
@@ -4871,7 +4862,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 73,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -4904,7 +4895,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 102,
+                "line": 95,
                 "character": 9
               }
             ],
@@ -4925,7 +4916,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 121,
+                "line": 114,
                 "character": 9
               }
             ],
@@ -4959,7 +4950,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 109,
+                "line": 102,
                 "character": 9
               }
             ],
@@ -4993,7 +4984,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 115,
+                "line": 108,
                 "character": 9
               }
             ],
@@ -5031,7 +5022,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 80,
+                "line": 73,
                 "character": 13
               }
             ],
@@ -5098,7 +5089,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 117,
+                "line": 110,
                 "character": 13
               }
             ],
@@ -5127,7 +5118,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 123,
+                "line": 116,
                 "character": 13
               }
             ],
@@ -5156,7 +5147,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 141,
+                "line": 132,
                 "character": 9
               }
             ],
@@ -5193,7 +5184,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 159,
+                "line": 148,
                 "character": 9
               }
             ],
@@ -5230,7 +5221,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 196,
+                "line": 185,
                 "character": 9
               }
             ],
@@ -5259,7 +5250,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 190,
+                "line": 179,
                 "character": 9
               }
             ],
@@ -5301,7 +5292,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 177,
+                "line": 166,
                 "character": 9
               }
             ],
@@ -5383,7 +5374,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 181,
+                "line": 170,
                 "character": 9
               }
             ],
@@ -5433,7 +5424,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 185,
+                "line": 174,
                 "character": 9
               }
             ],
@@ -5483,7 +5474,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 169,
+                "line": 158,
                 "character": 9
               }
             ],
@@ -5533,7 +5524,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-                "line": 164,
+                "line": 153,
                 "character": 9
               }
             ],
@@ -5620,7 +5611,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/toggle-switch/toggle-switch.component.ts",
-            "line": 65,
+            "line": 57,
             "character": 13
           }
         ],
@@ -5666,7 +5657,7 @@
               "name": "Directive"
             },
             "arguments": {
-              "obj": "{\n  selector: '[skyCharacterCounter]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SkyCharacterCounterInputDirective,\n      multi: true\n    }\n  ]\n}"
+              "obj": "{\n  selector: '[skyCharacterCounter]',\n  providers: [\n    {\n      provide: NG_VALIDATORS,\n      useExisting: SkyCharacterCounterInputDirective,\n      multi: true,\n    },\n  ],\n}"
             }
           }
         ],
@@ -5716,7 +5707,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
-                "line": 40,
+                "line": 35,
                 "character": 9
               }
             ],
@@ -5747,7 +5738,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
-                "line": 48,
+                "line": 43,
                 "character": 13
               }
             ],
@@ -5814,7 +5805,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
-                "line": 81,
+                "line": 76,
                 "character": 9
               }
             ],
@@ -5883,7 +5874,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
-                "line": 60,
+                "line": 55,
                 "character": 9
               }
             ],
@@ -5957,7 +5948,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/character-counter/character-counter.directive.ts",
-            "line": 33,
+            "line": 28,
             "character": 13
           }
         ],
@@ -5985,7 +5976,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-checkbox',\n  templateUrl: './checkbox.component.html',\n  styleUrls: ['./checkbox.component.scss'],\n}"
             }
           }
         ],
@@ -5999,7 +5990,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 215,
+                "line": 204,
                 "character": 2
               }
             ],
@@ -6073,7 +6064,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 109,
+                "line": 98,
                 "character": 9
               }
             ],
@@ -6114,7 +6105,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 117,
+                "line": 106,
                 "character": 9
               }
             ],
@@ -6153,7 +6144,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 69,
+                "line": 57,
                 "character": 9
               }
             ],
@@ -6187,7 +6178,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 53,
+                "line": 41,
                 "character": 9
               }
             ],
@@ -6220,7 +6211,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 62,
+                "line": 50,
                 "character": 9
               }
             ],
@@ -6259,7 +6250,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 103,
+                "line": 91,
                 "character": 9
               }
             ],
@@ -6277,13 +6268,10 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor."
-            },
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 280,
+                "line": 268,
                 "character": 9
               }
             ],
@@ -6339,7 +6327,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 96,
+                "line": 84,
                 "character": 9
               }
             ],
@@ -6370,7 +6358,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 128,
+                "line": 117,
                 "character": 13
               }
             ],
@@ -6434,15 +6422,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Indicates whether the checkbox is selected.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "false\n"
-                }
-              ]
-            },
             "decorators": [
               {
                 "name": "Input",
@@ -6456,7 +6435,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 147,
+                "line": 136,
                 "character": 13
               }
             ],
@@ -6520,9 +6499,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Fires when users select or deselect the checkbox."
-            },
             "decorators": [
               {
                 "name": "Output",
@@ -6536,7 +6512,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 189,
+                "line": 178,
                 "character": 13
               }
             ],
@@ -6571,15 +6547,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Indicates whether to disable the checkbox.",
-              "tags": [
-                {
-                  "tag": "default",
-                  "text": "false\n"
-                }
-              ]
-            },
             "decorators": [
               {
                 "name": "Input",
@@ -6593,8 +6560,8 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 76,
-                "character": 14
+                "line": 64,
+                "character": 13
               }
             ],
             "getSignature": [
@@ -6657,9 +6624,6 @@
             "flags": {
               "isPublic": true
             },
-            "comment": {
-              "shortText": "Fires when the selected value changes."
-            },
             "decorators": [
               {
                 "name": "Output",
@@ -6673,8 +6637,8 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 197,
-                "character": 14
+                "line": 186,
+                "character": 13
               }
             ],
             "getSignature": [
@@ -6711,7 +6675,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 138,
+                "line": 127,
                 "character": 13
               }
             ],
@@ -6748,7 +6712,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 177,
+                "line": 166,
                 "character": 6
               }
             ],
@@ -6815,7 +6779,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 223,
+                "line": 210,
                 "character": 9
               }
             ],
@@ -6852,7 +6816,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 274,
+                "line": 262,
                 "character": 9
               }
             ],
@@ -6881,7 +6845,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 262,
+                "line": 250,
                 "character": 9
               }
             ],
@@ -6926,7 +6890,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 240,
+                "line": 228,
                 "character": 9
               }
             ],
@@ -7011,7 +6975,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 247,
+                "line": 235,
                 "character": 9
               }
             ],
@@ -7064,7 +7028,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 254,
+                "line": 242,
                 "character": 9
               }
             ],
@@ -7117,7 +7081,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-                "line": 233,
+                "line": 221,
                 "character": 9
               }
             ],
@@ -7212,7 +7176,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/checkbox/checkbox.component.ts",
-            "line": 44,
+            "line": 33,
             "character": 13
           }
         ],
@@ -7244,7 +7208,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-checkbox-label',\n  templateUrl: './checkbox-label.component.html'\n}"
+              "obj": "{\n  selector: 'sky-checkbox-label',\n  templateUrl: './checkbox-label.component.html',\n}"
             }
           }
         ],
@@ -7305,7 +7269,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -7344,7 +7308,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/file-attachment-label.component.ts",
-            "line": 17,
+            "line": 12,
             "character": 13
           }
         ]
@@ -7366,7 +7330,7 @@
               "name": "Component"
             },
             "arguments": {
-              "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}"
+              "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}"
             }
           }
         ],
@@ -7380,7 +7344,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 195,
+                "line": 172,
                 "character": 2
               }
             ],
@@ -7485,7 +7449,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 136,
+                "line": 113,
                 "character": 9
               }
             ],
@@ -7525,7 +7489,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 86,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -7545,7 +7509,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 175,
+                "line": 152,
                 "character": 9
               }
             ],
@@ -7578,7 +7542,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 127,
+                "line": 104,
                 "character": 9
               }
             ],
@@ -7619,7 +7583,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 134,
+                "line": 111,
                 "character": 9
               }
             ],
@@ -7647,7 +7611,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 142,
+                "line": 119,
                 "character": 9
               }
             ],
@@ -7667,7 +7631,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 144,
+                "line": 121,
                 "character": 9
               }
             ],
@@ -7700,7 +7664,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 108,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -7734,7 +7698,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 114,
+                "line": 91,
                 "character": 9
               }
             ],
@@ -7755,7 +7719,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 146,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -7789,7 +7753,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 155,
+                "line": 132,
                 "character": 9
               }
             ],
@@ -7810,7 +7774,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 177,
+                "line": 154,
                 "character": 9
               }
             ],
@@ -7856,7 +7820,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 121,
+                "line": 98,
                 "character": 9
               }
             ],
@@ -7886,7 +7850,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 93,
+                "line": 70,
                 "character": 13
               }
             ],
@@ -7953,7 +7917,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 138,
+                "line": 115,
                 "character": 13
               }
             ],
@@ -7982,7 +7946,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 157,
+                "line": 134,
                 "character": 13
               }
             ],
@@ -8039,7 +8003,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 334,
+                "line": 315,
                 "character": 9
               }
             ],
@@ -8068,7 +8032,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 379,
+                "line": 367,
                 "character": 9
               }
             ],
@@ -8097,7 +8061,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 260,
+                "line": 234,
                 "character": 9
               }
             ],
@@ -8139,7 +8103,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 264,
+                "line": 238,
                 "character": 9
               }
             ],
@@ -8181,7 +8145,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 327,
+                "line": 308,
                 "character": 9
               }
             ],
@@ -8223,7 +8187,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 271,
+                "line": 245,
                 "character": 9
               }
             ],
@@ -8265,7 +8229,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 306,
+                "line": 285,
                 "character": 9
               }
             ],
@@ -8307,7 +8271,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 340,
+                "line": 321,
                 "character": 9
               }
             ],
@@ -8350,7 +8314,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 251,
+                "line": 225,
                 "character": 9
               }
             ],
@@ -8379,7 +8343,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 240,
+                "line": 216,
                 "character": 9
               }
             ],
@@ -8416,7 +8380,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 220,
+                "line": 195,
                 "character": 9
               }
             ],
@@ -8453,7 +8417,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 355,
+                "line": 339,
                 "character": 9
               }
             ],
@@ -8490,7 +8454,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 209,
+                "line": 186,
                 "character": 9
               }
             ],
@@ -8527,7 +8491,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 255,
+                "line": 229,
                 "character": 9
               }
             ],
@@ -8556,7 +8520,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 361,
+                "line": 345,
                 "character": 9
               }
             ],
@@ -8630,7 +8594,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 362,
+                "line": 348,
                 "character": 9
               }
             ],
@@ -8691,7 +8655,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-                "line": 364,
+                "line": 352,
                 "character": 9
               }
             ],
@@ -8787,7 +8751,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/file-attachment.component.ts",
-            "line": 78,
+            "line": 54,
             "character": 13
           }
         ],
@@ -8827,7 +8791,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-file-drop',\n  templateUrl: './file-drop.component.html',\n  styleUrls: ['./file-drop.component.scss'],\n  providers: [\n    SkyFileAttachmentService\n  ]\n}"
+              "obj": "{\n  selector: 'sky-file-drop',\n  templateUrl: './file-drop.component.html',\n  styleUrls: ['./file-drop.component.scss'],\n  providers: [SkyFileAttachmentService],\n}"
             }
           }
         ],
@@ -8841,7 +8805,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 132,
+                "line": 122,
                 "character": 2
               }
             ],
@@ -8884,7 +8848,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 127,
+                "line": 117,
                 "character": 9
               }
             ],
@@ -8924,7 +8888,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 109,
+                "line": 99,
                 "character": 9
               }
             ],
@@ -8957,7 +8921,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 121,
+                "line": 111,
                 "character": 9
               }
             ],
@@ -8991,7 +8955,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 69,
+                "line": 59,
                 "character": 9
               }
             ],
@@ -9024,7 +8988,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 50,
+                "line": 40,
                 "character": 9
               }
             ],
@@ -9064,7 +9028,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 124,
+                "line": 114,
                 "character": 9
               }
             ],
@@ -9103,7 +9067,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 62,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -9144,7 +9108,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 56,
+                "line": 46,
                 "character": 9
               }
             ],
@@ -9184,7 +9148,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 76,
+                "line": 66,
                 "character": 9
               }
             ],
@@ -9204,7 +9168,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 128,
+                "line": 118,
                 "character": 9
               }
             ],
@@ -9237,7 +9201,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 88,
+                "line": 78,
                 "character": 9
               }
             ],
@@ -9271,7 +9235,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 82,
+                "line": 72,
                 "character": 9
               }
             ],
@@ -9305,7 +9269,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 94,
+                "line": 84,
                 "character": 9
               }
             ],
@@ -9339,7 +9303,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 115,
+                "line": 105,
                 "character": 9
               }
             ],
@@ -9360,7 +9324,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 126,
+                "line": 116,
                 "character": 9
               }
             ],
@@ -9394,7 +9358,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 101,
+                "line": 91,
                 "character": 9
               }
             ],
@@ -9414,7 +9378,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 227,
+                "line": 223,
                 "character": 9
               }
             ],
@@ -9456,7 +9420,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 221,
+                "line": 217,
                 "character": 9
               }
             ],
@@ -9498,7 +9462,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 142,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -9527,7 +9491,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 148,
+                "line": 136,
                 "character": 9
               }
             ],
@@ -9569,7 +9533,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 152,
+                "line": 140,
                 "character": 9
               }
             ],
@@ -9611,7 +9575,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 214,
+                "line": 210,
                 "character": 9
               }
             ],
@@ -9653,7 +9617,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 159,
+                "line": 147,
                 "character": 9
               }
             ],
@@ -9695,7 +9659,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 194,
+                "line": 187,
                 "character": 9
               }
             ],
@@ -9737,7 +9701,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 136,
+                "line": 124,
                 "character": 9
               }
             ],
@@ -9774,7 +9738,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-                "line": 233,
+                "line": 229,
                 "character": 9
               }
             ],
@@ -9843,7 +9807,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/file-drop.component.ts",
-            "line": 45,
+            "line": 35,
             "character": 13
           }
         ],
@@ -9868,7 +9832,7 @@
               "name": "Component"
             },
             "arguments": {
-              "obj": "{\n  selector: 'sky-file-item',\n  templateUrl: './file-item.component.html',\n  styleUrls: ['./file-item.component.scss']\n}"
+              "obj": "{\n  selector: 'sky-file-item',\n  templateUrl: './file-item.component.html',\n  styleUrls: ['./file-item.component.scss'],\n}"
             }
           }
         ],
@@ -9884,7 +9848,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 63,
+                "line": 56,
                 "character": 2
               }
             ],
@@ -9951,7 +9915,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 45,
+                "line": 38,
                 "character": 9
               }
             ],
@@ -10008,7 +9972,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 38,
+                "line": 31,
                 "character": 9
               }
             ],
@@ -10039,7 +10003,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 59,
+                "line": 52,
                 "character": 9
               }
             ],
@@ -10059,7 +10023,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 47,
+                "line": 40,
                 "character": 13
               }
             ],
@@ -10088,7 +10052,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 51,
+                "line": 44,
                 "character": 13
               }
             ],
@@ -10117,7 +10081,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 55,
+                "line": 48,
                 "character": 13
               }
             ],
@@ -10146,7 +10110,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 142,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -10175,7 +10139,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 146,
+                "line": 143,
                 "character": 9
               }
             ],
@@ -10204,7 +10168,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 138,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -10233,7 +10197,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-                "line": 70,
+                "line": 63,
                 "character": 9
               }
             ],
@@ -10300,7 +10264,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/file-item.component.ts",
-            "line": 28,
+            "line": 22,
             "character": 13
           }
         ],
@@ -10330,7 +10294,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-change.ts",
-                "line": 9,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -10353,7 +10317,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-change.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -10377,7 +10341,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-click.ts",
-                "line": 9,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -10400,7 +10364,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/types/file-attachment-click.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -10424,7 +10388,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/types/file-drop-change.ts",
-                "line": 9,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -10449,7 +10413,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/types/file-drop-change.ts",
-                "line": 13,
+                "line": 11,
                 "character": 2
               }
             ],
@@ -10476,7 +10440,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/types/file-drop-change.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -10500,7 +10464,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
-                "line": 22,
+                "line": 20,
                 "character": 2
               }
             ],
@@ -10521,7 +10485,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
-                "line": 18,
+                "line": 16,
                 "character": 2
               }
             ],
@@ -10543,7 +10507,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
-                "line": 9,
+                "line": 7,
                 "character": 2
               }
             ],
@@ -10564,7 +10528,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
-                "line": 14,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -10589,7 +10553,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/file-attachment/file-item.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -10659,7 +10623,7 @@
             "sources": [
               {
                 "fileName": "projects/forms/src/modules/radio/types/radio-change.ts",
-                "line": 14,
+                "line": 12,
                 "character": 2
               }
             ],
@@ -10681,7 +10645,7 @@
         "sources": [
           {
             "fileName": "projects/forms/src/modules/radio/types/radio-change.ts",
-            "line": 5,
+            "line": 3,
             "character": 17
           }
         ]
@@ -10834,170 +10798,175 @@
     ]
   },
   "codeExamples": [
+    {
+      "fileName": ".eslintrc.json",
+      "filePath": "/projects/forms/documentation/code-examples/.eslintrc.json",
+      "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"
+    },
     {
       "fileName": "character-count-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/character-count/character-count-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "character-count-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/character-count/character-count-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "character-count-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/character-count/character-count-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "checkbox-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/checkbox/basic/checkbox-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "checkbox-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/checkbox/basic/checkbox-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "checkbox-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/checkbox/basic/checkbox-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "checkbox-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/checkbox/icon-group/checkbox-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "checkbox-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/checkbox/icon-group/checkbox-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "checkbox-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/checkbox/icon-group/checkbox-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "file-attachment-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/file-attachment/basic/file-attachment-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "file-attachment-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/file-attachment/basic/file-attachment-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "file-attachment-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/file-attachment/basic/file-attachment-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "input-box-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/input-box/basic/input-box-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "input-box-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/input-box/basic/input-box-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "input-box-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/input-box/basic/input-box-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "radio-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/radio/icon/radio-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "radio-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/radio/icon/radio-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "radio-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/radio/icon/radio-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "radio-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/radio/standard/radio-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "radio-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/radio/standard/radio-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "radio-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/radio/standard/radio-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "selection-box-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/selection-box/checkbox/selection-box-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "selection-box-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/selection-box/checkbox/selection-box-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "selection-box-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/selection-box/checkbox/selection-box-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "selection-box-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/selection-box/radio/selection-box-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "selection-box-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/selection-box/radio/selection-box-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "selection-box-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/selection-box/radio/selection-box-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "single-file-attachment-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/single-file-attachment/basic/single-file-attachment-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "single-file-attachment-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/single-file-attachment/basic/single-file-attachment-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "single-file-attachment-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/single-file-attachment/basic/single-file-attachment-demo.module.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "toggle-switch-demo.component.html",
       "filePath": "/projects/forms/documentation/code-examples/toggle-switch/basic/toggle-switch-demo.component.html",
-      "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"
+      "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"
     },
     {
       "fileName": "toggle-switch-demo.component.ts",
       "filePath": "/projects/forms/documentation/code-examples/toggle-switch/basic/toggle-switch-demo.component.ts",
-      "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"
+      "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"
     },
     {
       "fileName": "toggle-switch-demo.module.ts",
       "filePath": "/projects/forms/documentation/code-examples/toggle-switch/basic/toggle-switch-demo.module.ts",
-      "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"
+      "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"
     }
   ]
 }