npm - @skyux/colorpicker - Versions diffs - 5.5.0 → 5.6.0 - Mend

@skyux/colorpicker 5.5.0 → 5.6.0

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

package/documentation.json CHANGED Viewed

@@ -178,7 +178,7 @@
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.module.ts",
-            "line": 45,
+            "line": 36,
             "character": 13
           }
         ]
@@ -216,7 +216,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 236,
+                "line": 223,
                 "character": 2
               }
             ],
@@ -330,7 +330,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 141,
+                "line": 128,
                 "character": 9
               }
             ],
@@ -350,7 +350,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 140,
+                "line": 127,
                 "character": 9
               }
             ],
@@ -370,7 +370,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 142,
+                "line": 129,
                 "character": 9
               }
             ],
@@ -390,7 +390,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 143,
+                "line": 130,
                 "character": 9
               }
             ],
@@ -410,7 +410,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 171,
+                "line": 158,
                 "character": 9
               }
             ],
@@ -430,7 +430,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 144,
+                "line": 131,
                 "character": 9
               }
             ],
@@ -450,7 +450,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 145,
+                "line": 132,
                 "character": 9
               }
             ],
@@ -470,7 +470,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 146,
+                "line": 133,
                 "character": 9
               }
             ],
@@ -491,7 +491,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 147,
+                "line": 134,
                 "character": 9
               }
             ],
@@ -511,7 +511,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 154,
+                "line": 141,
                 "character": 9
               }
             ],
@@ -531,7 +531,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 134,
+                "line": 121,
                 "character": 9
               }
             ],
@@ -551,7 +551,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 155,
+                "line": 142,
                 "character": 9
               }
             ],
@@ -571,7 +571,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 173,
+                "line": 160,
                 "character": 9
               }
             ],
@@ -592,7 +592,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 157,
+                "line": 144,
                 "character": 9
               }
             ],
@@ -612,7 +612,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 175,
+                "line": 162,
                 "character": 9
               }
             ],
@@ -654,7 +654,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 89,
+                "line": 76,
                 "character": 9
               }
             ],
@@ -689,7 +689,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 98,
+                "line": 85,
                 "character": 9
               }
             ],
@@ -709,7 +709,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 156,
+                "line": 143,
                 "character": 9
               }
             ],
@@ -744,7 +744,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 117,
+                "line": 104,
                 "character": 9
               }
             ],
@@ -774,7 +774,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 148,
+                "line": 135,
                 "character": 9
               }
             ],
@@ -794,7 +794,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 149,
+                "line": 136,
                 "character": 9
               }
             ],
@@ -817,7 +817,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 150,
+                "line": 137,
                 "character": 9
               }
             ],
@@ -837,7 +837,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 151,
+                "line": 138,
                 "character": 9
               }
             ],
@@ -858,7 +858,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 152,
+                "line": 139,
                 "character": 9
               }
             ],
@@ -894,7 +894,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 110,
+                "line": 97,
                 "character": 9
               }
             ],
@@ -939,7 +939,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 104,
+                "line": 91,
                 "character": 9
               }
             ],
@@ -984,7 +984,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 123,
+                "line": 110,
                 "character": 9
               }
             ],
@@ -1005,7 +1005,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 139,
+                "line": 126,
                 "character": 9
               }
             ],
@@ -1025,7 +1025,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 138,
+                "line": 125,
                 "character": 9
               }
             ],
@@ -1045,7 +1045,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 137,
+                "line": 124,
                 "character": 9
               }
             ],
@@ -1065,7 +1065,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 135,
+                "line": 122,
                 "character": 9
               }
             ],
@@ -1085,7 +1085,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 136,
+                "line": 123,
                 "character": 9
               }
             ],
@@ -1105,7 +1105,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 153,
+                "line": 140,
                 "character": 9
               }
             ],
@@ -1125,7 +1125,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 177,
+                "line": 164,
                 "character": 9
               }
             ],
@@ -1145,7 +1145,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 389,
+                "line": 376,
                 "character": 13
               }
             ],
@@ -1187,7 +1187,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 394,
+                "line": 381,
                 "character": 13
               }
             ],
@@ -1229,7 +1229,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 159,
+                "line": 146,
                 "character": 13
               }
             ],
@@ -1284,7 +1284,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 382,
+                "line": 369,
                 "character": 13
               }
             ],
@@ -1326,7 +1326,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 125,
+                "line": 112,
                 "character": 13
               }
             ],
@@ -1381,7 +1381,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 375,
+                "line": 362,
                 "character": 13
               }
             ],
@@ -1423,7 +1423,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 399,
+                "line": 386,
                 "character": 13
               }
             ],
@@ -1465,7 +1465,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 363,
+                "line": 350,
                 "character": 13
               }
             ],
@@ -1507,7 +1507,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 368,
+                "line": 355,
                 "character": 13
               }
             ],
@@ -1549,7 +1549,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 403,
+                "line": 390,
                 "character": 13
               }
             ],
@@ -1591,7 +1591,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 324,
+                "line": 311,
                 "character": 9
               }
             ],
@@ -1620,7 +1620,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 312,
+                "line": 299,
                 "character": 9
               }
             ],
@@ -1657,7 +1657,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 281,
+                "line": 268,
                 "character": 9
               }
             ],
@@ -1694,7 +1694,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 332,
+                "line": 319,
                 "character": 9
               }
             ],
@@ -1723,7 +1723,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 341,
+                "line": 328,
                 "character": 9
               }
             ],
@@ -1752,7 +1752,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 347,
+                "line": 334,
                 "character": 9
               }
             ],
@@ -1794,7 +1794,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 351,
+                "line": 338,
                 "character": 9
               }
             ],
@@ -1823,7 +1823,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 320,
+                "line": 307,
                 "character": 9
               }
             ],
@@ -1852,7 +1852,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 257,
+                "line": 244,
                 "character": 9
               }
             ],
@@ -1971,7 +1971,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 409,
+                "line": 396,
                 "character": 9
               }
             ],
@@ -2000,7 +2000,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 355,
+                "line": 342,
                 "character": 9
               }
             ],
@@ -2117,7 +2117,7 @@
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-            "line": 67,
+            "line": 54,
             "character": 13
           }
         ],
@@ -2169,7 +2169,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 136,
+                "line": 131,
                 "character": 2
               }
             ],
@@ -2283,7 +2283,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 130,
+                "line": 125,
                 "character": 9
               }
             ],
@@ -2325,7 +2325,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 123,
+                "line": 118,
                 "character": 9
               }
             ],
@@ -2367,7 +2367,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 109,
+                "line": 104,
                 "character": 9
               }
             ],
@@ -2388,7 +2388,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 61,
+                "line": 56,
                 "character": 9
               }
             ],
@@ -2425,7 +2425,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 116,
+                "line": 111,
                 "character": 9
               }
             ],
@@ -2474,7 +2474,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 99,
+                "line": 94,
                 "character": 9
               }
             ],
@@ -2516,7 +2516,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 70,
+                "line": 65,
                 "character": 9
               }
             ],
@@ -2549,7 +2549,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 80,
+                "line": 75,
                 "character": 13
               }
             ],
@@ -2637,7 +2637,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 145,
+                "line": 140,
                 "character": 9
               }
             ],
@@ -2679,7 +2679,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 230,
+                "line": 225,
                 "character": 9
               }
             ],
@@ -2716,7 +2716,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 214,
+                "line": 209,
                 "character": 9
               }
             ],
@@ -2753,7 +2753,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 167,
+                "line": 162,
                 "character": 9
               }
             ],
@@ -2804,7 +2804,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 162,
+                "line": 157,
                 "character": 9
               }
             ],
@@ -2848,7 +2848,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 152,
+                "line": 147,
                 "character": 9
               }
             ],
@@ -2890,7 +2890,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 236,
+                "line": 231,
                 "character": 9
               }
             ],
@@ -2972,7 +2972,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 239,
+                "line": 234,
                 "character": 9
               }
             ],
@@ -3041,7 +3041,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 242,
+                "line": 237,
                 "character": 9
               }
             ],
@@ -3110,7 +3110,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 218,
+                "line": 213,
                 "character": 9
               }
             ],
@@ -3139,7 +3139,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 279,
+                "line": 274,
                 "character": 9
               }
             ],
@@ -3192,7 +3192,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 268,
+                "line": 263,
                 "character": 9
               }
             ],
@@ -3273,7 +3273,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 246,
+                "line": 241,
                 "character": 9
               }
             ],
@@ -3364,7 +3364,7 @@
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-            "line": 58,
+            "line": 53,
             "character": 13
           }
         ],
@@ -4027,7 +4027,7 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-result.ts",
-                "line": 9,
+                "line": 10,
                 "character": 2
               }
             ],
@@ -4050,7 +4050,7 @@
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-result.ts",
-            "line": 5,
+            "line": 6,
             "character": 17
           }
         ]
@@ -4219,12 +4219,12 @@
     {
       "fileName": "colorpicker-demo.component.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/basic/colorpicker-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\n\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\nimport { SkyColorpickerOutput } from '@skyux/colorpicker';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent implements OnInit {\n  public reactiveForm: FormGroup;\n\n  public swatches: string[] = [\n    '#BD4040',\n    '#617FC2',\n    '#60AC68',\n    '#3486BA',\n    '#E87134',\n    '#DA9C9C',\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public onSelectedColorChanged(args: SkyColorpickerOutput): void {\n    console.log('Reactive form color changed:', args);\n  }\n\n  public submit(): void {\n    const controlValue = this.reactiveForm.get('favoriteColor').value;\n    const favoriteColor: string = controlValue.hex || controlValue;\n    alert('Your favorite color is: \\n' + favoriteColor);\n  }\n\n  private createForm(): void {\n    this.reactiveForm = this.formBuilder.group({\n      favoriteColor: new FormControl('#f00'),\n    });\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport { SkyColorpickerOutput } from '@skyux/colorpicker';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent implements OnInit {\n  public reactiveForm: FormGroup;\n\n  public swatches: string[] = [\n    '#BD4040',\n    '#617FC2',\n    '#60AC68',\n    '#3486BA',\n    '#E87134',\n    '#DA9C9C',\n  ];\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public onSelectedColorChanged(args: SkyColorpickerOutput): void {\n    console.log('Reactive form color changed:', args);\n  }\n\n  public submit(): void {\n    const controlValue = this.reactiveForm.get('favoriteColor').value;\n    const favoriteColor: string = controlValue.hex || controlValue;\n    alert('Your favorite color is: \\n' + favoriteColor);\n  }\n\n  private createForm(): void {\n    this.reactiveForm = this.formBuilder.group({\n      favoriteColor: new FormControl('#f00'),\n    });\n  }\n}\n"
     },
     {
       "fileName": "colorpicker-demo.module.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/basic/colorpicker-demo.module.ts",
-      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { SkyColorpickerModule } from '@skyux/colorpicker';\n\nimport { SkyIdModule } from '@skyux/core';\n\nimport { ColorpickerDemoComponent } from './colorpicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyColorpickerModule,\n    SkyIdModule,\n  ],\n  declarations: [ColorpickerDemoComponent],\n  exports: [ColorpickerDemoComponent],\n})\nexport class ColorpickerDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyColorpickerModule } from '@skyux/colorpicker';\nimport { SkyIdModule } from '@skyux/core';\n\nimport { ColorpickerDemoComponent } from './colorpicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyColorpickerModule,\n    SkyIdModule,\n  ],\n  declarations: [ColorpickerDemoComponent],\n  exports: [ColorpickerDemoComponent],\n})\nexport class ColorpickerDemoModule {}\n"
     },
     {
       "fileName": "colorpicker-demo.component.html",
@@ -4234,12 +4234,12 @@
     {
       "fileName": "colorpicker-demo.component.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/programmatic/colorpicker-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\nimport {\n  SkyColorpickerMessage,\n  SkyColorpickerMessageType,\n} from '@skyux/colorpicker';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent {\n  public colorpickerController: Subject<SkyColorpickerMessage> =\n    new Subject<SkyColorpickerMessage>();\n\n  public model: any;\n\n  public showResetButton = false;\n\n  public openColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Open);\n  }\n\n  public resetColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Reset);\n  }\n\n  public toggleResetButton(): void {\n    this.sendMessage(SkyColorpickerMessageType.ToggleResetButton);\n  }\n\n  private sendMessage(type: SkyColorpickerMessageType): void {\n    const message: SkyColorpickerMessage = { type };\n    this.colorpickerController.next(message);\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  SkyColorpickerMessage,\n  SkyColorpickerMessageType,\n} from '@skyux/colorpicker';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent {\n  public colorpickerController: Subject<SkyColorpickerMessage> =\n    new Subject<SkyColorpickerMessage>();\n\n  public model: any;\n\n  public showResetButton = false;\n\n  public openColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Open);\n  }\n\n  public resetColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Reset);\n  }\n\n  public toggleResetButton(): void {\n    this.sendMessage(SkyColorpickerMessageType.ToggleResetButton);\n  }\n\n  private sendMessage(type: SkyColorpickerMessageType): void {\n    const message: SkyColorpickerMessage = { type };\n    this.colorpickerController.next(message);\n  }\n}\n"
     },
     {
       "fileName": "colorpicker-demo.module.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/programmatic/colorpicker-demo.module.ts",
-      "rawContents": "import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { FormsModule } from '@angular/forms';\n\nimport { SkyColorpickerModule } from '@skyux/colorpicker';\n\nimport { ColorpickerDemoComponent } from './colorpicker-demo.component';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, SkyColorpickerModule],\n  declarations: [ColorpickerDemoComponent],\n  exports: [ColorpickerDemoComponent],\n})\nexport class ColorpickerDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { SkyColorpickerModule } from '@skyux/colorpicker';\n\nimport { ColorpickerDemoComponent } from './colorpicker-demo.component';\n\n@NgModule({\n  imports: [CommonModule, FormsModule, SkyColorpickerModule],\n  declarations: [ColorpickerDemoComponent],\n  exports: [ColorpickerDemoComponent],\n})\nexport class ColorpickerDemoModule {}\n"
     }
   ]
 }