npm - @skyux/colorpicker - Versions diffs - 9.21.3 → 9.23.0 - Mend

@skyux/colorpicker 9.21.3 → 9.23.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 (10) hide show

package/documentation.json CHANGED Viewed

@@ -53,7 +53,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message-type.ts",
                 "line": 20,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L20"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L20"
               }
             ],
             "type": {
@@ -80,7 +80,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message-type.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L8"
               }
             ],
             "type": {
@@ -107,7 +107,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message-type.ts",
                 "line": 12,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L12"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L12"
               }
             ],
             "type": {
@@ -134,7 +134,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message-type.ts",
                 "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L16"
               }
             ],
             "type": {
@@ -159,7 +159,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message-type.ts",
             "line": 4,
             "character": 12,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L4"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L4"
           }
         ]
       },
@@ -183,7 +183,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.module.ts",
             "line": 32,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.module.ts#L32"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.module.ts#L32"
           }
         ],
         "decorators": [
@@ -196,7 +196,7 @@
         ]
       },
       {
-        "id": 120,
+        "id": 129,
         "name": "SkyColorpickerComponent",
         "variant": "declaration",
         "kind": 128,
@@ -243,7 +243,7 @@
         },
         "children": [
           {
-            "id": 121,
+            "id": 130,
             "name": "constructor",
             "variant": "declaration",
             "kind": 512,
@@ -251,14 +251,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 309,
+                "line": 330,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L309"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L330"
               }
             ],
             "signatures": [
               {
-                "id": 122,
+                "id": 131,
                 "name": "SkyColorpickerComponent",
                 "variant": "signature",
                 "kind": 16384,
@@ -266,14 +266,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 309,
+                    "line": 330,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L309"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L330"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 123,
+                    "id": 132,
                     "name": "affixSvc",
                     "variant": "param",
                     "kind": 32768,
@@ -289,7 +289,7 @@
                     }
                   },
                   {
-                    "id": 124,
+                    "id": 133,
                     "name": "changeDetector",
                     "variant": "param",
                     "kind": 32768,
@@ -305,7 +305,7 @@
                     }
                   },
                   {
-                    "id": 125,
+                    "id": 134,
                     "name": "coreAdapter",
                     "variant": "param",
                     "kind": 32768,
@@ -321,7 +321,7 @@
                     }
                   },
                   {
-                    "id": 126,
+                    "id": 135,
                     "name": "overlaySvc",
                     "variant": "param",
                     "kind": 32768,
@@ -337,7 +337,7 @@
                     }
                   },
                   {
-                    "id": 127,
+                    "id": 136,
                     "name": "svc",
                     "variant": "param",
                     "kind": 32768,
@@ -353,7 +353,7 @@
                     }
                   },
                   {
-                    "id": 128,
+                    "id": 137,
                     "name": "themeSvc",
                     "variant": "param",
                     "kind": 32768,
@@ -373,7 +373,7 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "target": 120,
+                  "target": 129,
                   "name": "SkyColorpickerComponent",
                   "package": "@skyux/colorpicker"
                 }
@@ -381,7 +381,7 @@
             ]
           },
           {
-            "id": 171,
+            "id": 184,
             "name": "initialColor",
             "variant": "declaration",
             "kind": 1024,
@@ -391,9 +391,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 223,
+                "line": 239,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L223"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L239"
               }
             ],
             "type": {
@@ -403,7 +403,7 @@
             "decorators": []
           },
           {
-            "id": 173,
+            "id": 186,
             "name": "isVisible",
             "variant": "declaration",
             "kind": 1024,
@@ -413,9 +413,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 225,
+                "line": 241,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L225"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L241"
               }
             ],
             "type": {
@@ -426,7 +426,7 @@
             "decorators": []
           },
           {
-            "id": 131,
+            "id": 140,
             "name": "label",
             "variant": "declaration",
             "kind": 1024,
@@ -471,9 +471,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 79,
+                "line": 81,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L79"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L81"
               }
             ],
             "type": {
@@ -487,7 +487,7 @@
             ]
           },
           {
-            "id": 132,
+            "id": 141,
             "name": "labelledBy",
             "variant": "declaration",
             "kind": 1024,
@@ -521,9 +521,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 88,
+                "line": 90,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L88"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L90"
               }
             ],
             "type": {
@@ -537,7 +537,7 @@
             ]
           },
           {
-            "id": 172,
+            "id": 185,
             "name": "lastAppliedColor",
             "variant": "declaration",
             "kind": 1024,
@@ -547,9 +547,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 224,
+                "line": 240,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L224"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L240"
               }
             ],
             "type": {
@@ -559,7 +559,7 @@
             "decorators": []
           },
           {
-            "id": 135,
+            "id": 148,
             "name": "messageStream",
             "variant": "declaration",
             "kind": 1024,
@@ -585,9 +585,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 107,
+                "line": 123,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L107"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L123"
               }
             ],
             "type": {
@@ -615,7 +615,7 @@
             ]
           },
           {
-            "id": 170,
+            "id": 183,
             "name": "returnFormat",
             "variant": "declaration",
             "kind": 1024,
@@ -625,9 +625,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 222,
+                "line": 238,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L222"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L238"
               }
             ],
             "type": {
@@ -637,7 +637,7 @@
             "decorators": []
           },
           {
-            "id": 134,
+            "id": 147,
             "name": "selectedColorApplied",
             "variant": "declaration",
             "kind": 1024,
@@ -655,9 +655,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 100,
+                "line": 116,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L100"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L116"
               }
             ],
             "type": {
@@ -685,7 +685,7 @@
             ]
           },
           {
-            "id": 133,
+            "id": 146,
             "name": "selectedColorChanged",
             "variant": "declaration",
             "kind": 1024,
@@ -703,9 +703,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 94,
+                "line": 110,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L94"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L110"
               }
             ],
             "type": {
@@ -733,7 +733,7 @@
             ]
           },
           {
-            "id": 136,
+            "id": 149,
             "name": "showResetButton",
             "variant": "declaration",
             "kind": 1024,
@@ -751,9 +751,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 113,
+                "line": 129,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L113"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L129"
               }
             ],
             "type": {
@@ -768,7 +768,7 @@
             ]
           },
           {
-            "id": 169,
+            "id": 182,
             "name": "skyColorpickerAlphaId",
             "variant": "declaration",
             "kind": 1024,
@@ -778,9 +778,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 221,
+                "line": 237,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L221"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L237"
               }
             ],
             "type": {
@@ -790,7 +790,7 @@
             "decorators": []
           },
           {
-            "id": 157,
+            "id": 170,
             "name": "alphaAxis",
             "variant": "declaration",
             "kind": 262144,
@@ -800,13 +800,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 183,
+                "line": 199,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L183"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L199"
               }
             ],
             "setSignature": {
-              "id": 158,
+              "id": 171,
               "name": "alphaAxis",
               "variant": "signature",
               "kind": 1048576,
@@ -814,14 +814,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 183,
+                  "line": 199,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L183"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L199"
                 }
               ],
               "parameters": [
                 {
-                  "id": 159,
+                  "id": 172,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -845,7 +845,7 @@
             "decorators": []
           },
           {
-            "id": 160,
+            "id": 173,
             "name": "alphaColor",
             "variant": "declaration",
             "kind": 262144,
@@ -855,13 +855,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 194,
+                "line": 210,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L194"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L210"
               }
             ],
             "setSignature": {
-              "id": 161,
+              "id": 174,
               "name": "alphaColor",
               "variant": "signature",
               "kind": 1048576,
@@ -869,14 +869,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 194,
+                  "line": 210,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L194"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L210"
                 }
               ],
               "parameters": [
                 {
-                  "id": 162,
+                  "id": 175,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -900,7 +900,7 @@
             "decorators": []
           },
           {
-            "id": 141,
+            "id": 154,
             "name": "backgroundColorForDisplay",
             "variant": "declaration",
             "kind": 262144,
@@ -910,19 +910,19 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 124,
+                "line": 140,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L124"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L140"
               },
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 131,
+                "line": 147,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L131"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L147"
               }
             ],
             "getSignature": {
-              "id": 142,
+              "id": 155,
               "name": "backgroundColorForDisplay",
               "variant": "signature",
               "kind": 524288,
@@ -930,9 +930,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 131,
+                  "line": 147,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L131"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L147"
                 }
               ],
               "type": {
@@ -941,7 +941,7 @@
               }
             },
             "setSignature": {
-              "id": 143,
+              "id": 156,
               "name": "backgroundColorForDisplay",
               "variant": "signature",
               "kind": 1048576,
@@ -949,14 +949,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 124,
+                  "line": 140,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L124"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L140"
                 }
               ],
               "parameters": [
                 {
-                  "id": 144,
+                  "id": 157,
                   "name": "value",
                   "variant": "param",
                   "kind": 32768,
@@ -975,7 +975,7 @@
             "decorators": []
           },
           {
-            "id": 154,
+            "id": 167,
             "name": "blue",
             "variant": "declaration",
             "kind": 262144,
@@ -985,13 +985,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 171,
+                "line": 187,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L171"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L187"
               }
             ],
             "setSignature": {
-              "id": 155,
+              "id": 168,
               "name": "blue",
               "variant": "signature",
               "kind": 1048576,
@@ -999,14 +999,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 171,
+                  "line": 187,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L171"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L187"
                 }
               ],
               "parameters": [
                 {
-                  "id": 156,
+                  "id": 169,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1030,7 +1030,7 @@
             "decorators": []
           },
           {
-            "id": 137,
+            "id": 150,
             "name": "disabled",
             "variant": "declaration",
             "kind": 262144,
@@ -1040,19 +1040,19 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 115,
+                "line": 131,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L115"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L131"
               },
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 120,
+                "line": 136,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L120"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L136"
               }
             ],
             "getSignature": {
-              "id": 138,
+              "id": 151,
               "name": "disabled",
               "variant": "signature",
               "kind": 524288,
@@ -1060,9 +1060,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 120,
+                  "line": 136,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L120"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L136"
                 }
               ],
               "type": {
@@ -1071,7 +1071,7 @@
               }
             },
             "setSignature": {
-              "id": 139,
+              "id": 152,
               "name": "disabled",
               "variant": "signature",
               "kind": 1048576,
@@ -1079,14 +1079,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 115,
+                  "line": 131,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L115"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L131"
                 }
               ],
               "parameters": [
                 {
-                  "id": 140,
+                  "id": 153,
                   "name": "value",
                   "variant": "param",
                   "kind": 32768,
@@ -1105,7 +1105,7 @@
             "decorators": []
           },
           {
-            "id": 151,
+            "id": 164,
             "name": "green",
             "variant": "declaration",
             "kind": 262144,
@@ -1115,13 +1115,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 159,
+                "line": 175,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L159"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L175"
               }
             ],
             "setSignature": {
-              "id": 152,
+              "id": 165,
               "name": "green",
               "variant": "signature",
               "kind": 1048576,
@@ -1129,14 +1129,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 159,
+                  "line": 175,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L159"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L175"
                 }
               ],
               "parameters": [
                 {
-                  "id": 153,
+                  "id": 166,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1160,7 +1160,7 @@
             "decorators": []
           },
           {
-            "id": 163,
+            "id": 176,
             "name": "hex",
             "variant": "declaration",
             "kind": 262144,
@@ -1170,13 +1170,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 203,
+                "line": 219,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L203"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L219"
               }
             ],
             "setSignature": {
-              "id": 164,
+              "id": 177,
               "name": "hex",
               "variant": "signature",
               "kind": 1048576,
@@ -1184,14 +1184,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 203,
+                  "line": 219,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L203"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L219"
                 }
               ],
               "parameters": [
                 {
-                  "id": 165,
+                  "id": 178,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1215,7 +1215,7 @@
             "decorators": []
           },
           {
-            "id": 145,
+            "id": 158,
             "name": "hue",
             "variant": "declaration",
             "kind": 262144,
@@ -1225,13 +1225,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 136,
+                "line": 152,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L136"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L152"
               }
             ],
             "setSignature": {
-              "id": 146,
+              "id": 159,
               "name": "hue",
               "variant": "signature",
               "kind": 1048576,
@@ -1239,14 +1239,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 136,
+                  "line": 152,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L136"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L152"
                 }
               ],
               "parameters": [
                 {
-                  "id": 147,
+                  "id": 160,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1270,7 +1270,110 @@
             "decorators": []
           },
           {
-            "id": 148,
+            "id": 142,
+            "name": "labelText",
+            "variant": "declaration",
+            "kind": 262144,
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
+                "line": 97,
+                "character": 13,
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L97"
+              },
+              {
+                "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
+                "line": 102,
+                "character": 13,
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L102"
+              }
+            ],
+            "getSignature": {
+              "id": 143,
+              "name": "labelText",
+              "variant": "signature",
+              "kind": 524288,
+              "flags": {},
+              "sources": [
+                {
+                  "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
+                  "line": 102,
+                  "character": 2,
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L102"
+                }
+              ],
+              "type": {
+                "type": "intrinsic",
+                "name": "string"
+              }
+            },
+            "setSignature": {
+              "id": 144,
+              "name": "labelText",
+              "variant": "signature",
+              "kind": 1048576,
+              "flags": {},
+              "comment": {
+                "summary": [
+                  {
+                    "kind": "text",
+                    "text": "The text to display as the colorpicker's label. Use this instead of a "
+                  },
+                  {
+                    "kind": "code",
+                    "text": "`label`"
+                  },
+                  {
+                    "kind": "text",
+                    "text": " element when the label is text-only.\nSpecifying "
+                  },
+                  {
+                    "kind": "code",
+                    "text": "`labelText`"
+                  },
+                  {
+                    "kind": "text",
+                    "text": " also enables automatic error message handling for standard colorpicker errors."
+                  }
+                ]
+              },
+              "sources": [
+                {
+                  "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
+                  "line": 96,
+                  "character": 2,
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L96"
+                }
+              ],
+              "parameters": [
+                {
+                  "id": 145,
+                  "name": "value",
+                  "variant": "param",
+                  "kind": 32768,
+                  "flags": {},
+                  "type": {
+                    "type": "intrinsic",
+                    "name": "string"
+                  }
+                }
+              ],
+              "type": {
+                "type": "intrinsic",
+                "name": "void"
+              }
+            },
+            "decorators": [
+              {
+                "name": "Input"
+              }
+            ]
+          },
+          {
+            "id": 161,
             "name": "red",
             "variant": "declaration",
             "kind": 262144,
@@ -1280,13 +1383,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 147,
+                "line": 163,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L147"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L163"
               }
             ],
             "setSignature": {
-              "id": 149,
+              "id": 162,
               "name": "red",
               "variant": "signature",
               "kind": 1048576,
@@ -1294,14 +1397,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 147,
+                  "line": 163,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L147"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L163"
                 }
               ],
               "parameters": [
                 {
-                  "id": 150,
+                  "id": 163,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1325,7 +1428,7 @@
             "decorators": []
           },
           {
-            "id": 166,
+            "id": 179,
             "name": "saturationAndLightness",
             "variant": "declaration",
             "kind": 262144,
@@ -1335,13 +1438,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 207,
+                "line": 223,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L207"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L223"
               }
             ],
             "setSignature": {
-              "id": 167,
+              "id": 180,
               "name": "saturationAndLightness",
               "variant": "signature",
               "kind": 1048576,
@@ -1349,14 +1452,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 207,
+                  "line": 223,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L207"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L223"
                 }
               ],
               "parameters": [
                 {
-                  "id": 168,
+                  "id": 181,
                   "name": "value",
                   "variant": "param",
                   "kind": 32768,
@@ -1380,7 +1483,7 @@
             "decorators": []
           },
           {
-            "id": 230,
+            "id": 247,
             "name": "closePicker",
             "variant": "declaration",
             "kind": 2048,
@@ -1390,14 +1493,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 403,
+                "line": 426,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L403"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L426"
               }
             ],
             "signatures": [
               {
-                "id": 231,
+                "id": 248,
                 "name": "closePicker",
                 "variant": "signature",
                 "kind": 4096,
@@ -1405,9 +1508,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 403,
+                    "line": 426,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L403"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L426"
                   }
                 ],
                 "type": {
@@ -1419,7 +1522,7 @@
             "decorators": []
           },
           {
-            "id": 226,
+            "id": 243,
             "name": "ngOnDestroy",
             "variant": "declaration",
             "kind": 2048,
@@ -1429,14 +1532,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 391,
+                "line": 414,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L391"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L414"
               }
             ],
             "signatures": [
               {
-                "id": 227,
+                "id": 244,
                 "name": "ngOnDestroy",
                 "variant": "signature",
                 "kind": 4096,
@@ -1444,9 +1547,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 391,
+                    "line": 414,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L391"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L414"
                   }
                 ],
                 "type": {
@@ -1468,7 +1571,7 @@
             "decorators": []
           },
           {
-            "id": 224,
+            "id": 241,
             "name": "ngOnInit",
             "variant": "declaration",
             "kind": 2048,
@@ -1478,14 +1581,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 362,
+                "line": 385,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L362"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L385"
               }
             ],
             "signatures": [
               {
-                "id": 225,
+                "id": 242,
                 "name": "ngOnInit",
                 "variant": "signature",
                 "kind": 4096,
@@ -1493,9 +1596,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 362,
+                    "line": 385,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L362"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L385"
                   }
                 ],
                 "type": {
@@ -1517,7 +1620,7 @@
             "decorators": []
           },
           {
-            "id": 232,
+            "id": 249,
             "name": "onApplyColorClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1527,14 +1630,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 411,
+                "line": 434,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L411"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L434"
               }
             ],
             "signatures": [
               {
-                "id": 233,
+                "id": 250,
                 "name": "onApplyColorClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1542,9 +1645,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 411,
+                    "line": 434,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L411"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L434"
                   }
                 ],
                 "type": {
@@ -1556,7 +1659,7 @@
             "decorators": []
           },
           {
-            "id": 234,
+            "id": 251,
             "name": "onCancelClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1566,14 +1669,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 423,
+                "line": 446,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L423"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L446"
               }
             ],
             "signatures": [
               {
-                "id": 235,
+                "id": 252,
                 "name": "onCancelClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1581,9 +1684,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 423,
+                    "line": 446,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L423"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L446"
                   }
                 ],
                 "type": {
@@ -1595,7 +1698,7 @@
             "decorators": []
           },
           {
-            "id": 236,
+            "id": 253,
             "name": "onPresetClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1605,14 +1708,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 429,
+                "line": 452,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L429"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L452"
               }
             ],
             "signatures": [
               {
-                "id": 237,
+                "id": 254,
                 "name": "onPresetClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1620,14 +1723,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 429,
+                    "line": 452,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L429"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L452"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 238,
+                    "id": 255,
                     "name": "value",
                     "variant": "param",
                     "kind": 32768,
@@ -1647,7 +1750,7 @@
             "decorators": []
           },
           {
-            "id": 239,
+            "id": 256,
             "name": "onResetClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1657,14 +1760,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 433,
+                "line": 456,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L433"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L456"
               }
             ],
             "signatures": [
               {
-                "id": 240,
+                "id": 257,
                 "name": "onResetClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1672,9 +1775,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 433,
+                    "line": 456,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L433"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L456"
                   }
                 ],
                 "type": {
@@ -1686,7 +1789,7 @@
             "decorators": []
           },
           {
-            "id": 228,
+            "id": 245,
             "name": "onTriggerButtonClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1696,14 +1799,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 399,
+                "line": 422,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L399"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L422"
               }
             ],
             "signatures": [
               {
-                "id": 229,
+                "id": 246,
                 "name": "onTriggerButtonClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1711,9 +1814,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 399,
+                    "line": 422,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L399"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L422"
                   }
                 ],
                 "type": {
@@ -1725,7 +1828,7 @@
             "decorators": []
           },
           {
-            "id": 217,
+            "id": 234,
             "name": "setDialog",
             "variant": "declaration",
             "kind": 2048,
@@ -1735,14 +1838,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 340,
+                "line": 363,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L340"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L363"
               }
             ],
             "signatures": [
               {
-                "id": 218,
+                "id": 235,
                 "name": "setDialog",
                 "variant": "signature",
                 "kind": 4096,
@@ -1750,14 +1853,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 340,
+                    "line": 363,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L340"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L363"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 219,
+                    "id": 236,
                     "name": "color",
                     "variant": "param",
                     "kind": 32768,
@@ -1768,7 +1871,7 @@
                     }
                   },
                   {
-                    "id": 220,
+                    "id": 237,
                     "name": "outputFormat",
                     "variant": "param",
                     "kind": 32768,
@@ -1779,7 +1882,7 @@
                     }
                   },
                   {
-                    "id": 221,
+                    "id": 238,
                     "name": "presetColors",
                     "variant": "param",
                     "kind": 32768,
@@ -1793,7 +1896,7 @@
                     }
                   },
                   {
-                    "id": 222,
+                    "id": 239,
                     "name": "alphaChannel",
                     "variant": "param",
                     "kind": 32768,
@@ -1804,7 +1907,7 @@
                     }
                   },
                   {
-                    "id": 223,
+                    "id": 240,
                     "name": "allowTransparency",
                     "variant": "param",
                     "kind": 32768,
@@ -1824,7 +1927,7 @@
             "decorators": []
           },
           {
-            "id": 241,
+            "id": 258,
             "name": "updatePickerValues",
             "variant": "declaration",
             "kind": 2048,
@@ -1834,14 +1937,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 437,
+                "line": 460,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L437"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L460"
               }
             ],
             "signatures": [
               {
-                "id": 242,
+                "id": 259,
                 "name": "updatePickerValues",
                 "variant": "signature",
                 "kind": 4096,
@@ -1849,14 +1952,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 437,
+                    "line": 460,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L437"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L460"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 243,
+                    "id": 260,
                     "name": "value",
                     "variant": "param",
                     "kind": 32768,
@@ -1880,62 +1983,63 @@
           {
             "title": "Constructors",
             "children": [
-              121
+              130
             ]
           },
           {
             "title": "Properties",
             "children": [
-              171,
-              173,
-              131,
-              132,
-              172,
-              135,
-              170,
-              134,
-              133,
-              136,
-              169
+              184,
+              186,
+              140,
+              141,
+              185,
+              148,
+              183,
+              147,
+              146,
+              149,
+              182
             ]
           },
           {
             "title": "Accessors",
             "children": [
-              157,
-              160,
-              141,
+              170,
+              173,
               154,
-              137,
-              151,
-              163,
-              145,
-              148,
-              166
+              167,
+              150,
+              164,
+              176,
+              158,
+              142,
+              161,
+              179
             ]
           },
           {
             "title": "Methods",
             "children": [
-              230,
-              226,
-              224,
-              232,
+              247,
+              243,
+              241,
+              249,
+              251,
+              253,
+              256,
+              245,
               234,
-              236,
-              239,
-              228,
-              217,
-              241
+              258
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-            "line": 56,
+            "line": 58,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L56"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L58"
           }
         ],
         "implementedTypes": [
@@ -1962,7 +2066,7 @@
           {
             "name": "Component",
             "arguments": {
-              "obj": "@Component({\n  selector: 'sky-colorpicker',\n  templateUrl: './colorpicker.component.html',\n  styleUrls: ['./colorpicker.component.scss'],\n  providers: [SkyColorpickerService],\n  encapsulation: ViewEncapsulation.None,\n})"
+              "obj": "@Component({\n  selector: 'sky-colorpicker',\n  templateUrl: './colorpicker.component.html',\n  styleUrls: ['./colorpicker.component.scss'],\n  providers: [SkyColorpickerInputService, SkyColorpickerService],\n  encapsulation: ViewEncapsulation.None,\n})"
             }
           }
         ]
@@ -1991,9 +2095,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 145,
+                "line": 163,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L145"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L163"
               }
             ],
             "signatures": [
@@ -2006,9 +2110,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 145,
+                    "line": 163,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L145"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L163"
                   }
                 ],
                 "parameters": [
@@ -2109,7 +2213,7 @@
             ]
           },
           {
-            "id": 71,
+            "id": 74,
             "name": "allowTransparency",
             "variant": "declaration",
             "kind": 1024,
@@ -2127,9 +2231,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 122,
+                "line": 136,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L122"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L136"
               }
             ],
             "type": {
@@ -2144,7 +2248,7 @@
             ]
           },
           {
-            "id": 70,
+            "id": 73,
             "name": "alphaChannel",
             "variant": "declaration",
             "kind": 1024,
@@ -2173,9 +2277,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 115,
+                "line": 129,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L115"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L129"
               }
             ],
             "type": {
@@ -2190,7 +2294,7 @@
             ]
           },
           {
-            "id": 68,
+            "id": 71,
             "name": "outputFormat",
             "variant": "declaration",
             "kind": 1024,
@@ -2243,9 +2347,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 101,
+                "line": 115,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L101"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L115"
               }
             ],
             "type": {
@@ -2260,7 +2364,7 @@
             ]
           },
           {
-            "id": 69,
+            "id": 72,
             "name": "presetColors",
             "variant": "declaration",
             "kind": 1024,
@@ -2278,9 +2382,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 108,
+                "line": 122,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L108"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L122"
               }
             ],
             "type": {
@@ -2298,7 +2402,7 @@
             ]
           },
           {
-            "id": 67,
+            "id": 70,
             "name": "returnFormat",
             "variant": "declaration",
             "kind": 1024,
@@ -2331,9 +2435,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 91,
+                "line": 105,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L91"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L105"
               }
             ],
             "type": {
@@ -2404,14 +2508,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 61,
+                "line": 63,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L61"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L63"
               }
             ],
             "type": {
               "type": "reference",
-              "target": 120,
+              "target": 129,
               "name": "SkyColorpickerComponent",
               "package": "@skyux/colorpicker"
             },
@@ -2432,15 +2536,15 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 71,
+                "line": 73,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L71"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L73"
               },
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 80,
+                "line": 82,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L80"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L82"
               }
             ],
             "getSignature": {
@@ -2452,9 +2556,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                  "line": 80,
+                  "line": 82,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L80"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L82"
                 }
               ],
               "type": {
@@ -2501,9 +2605,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                  "line": 70,
+                  "line": 72,
                   "character": 2,
-                  "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L70"
+                  "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L72"
                 }
               ],
               "parameters": [
@@ -2531,7 +2635,7 @@
             ]
           },
           {
-            "id": 85,
+            "id": 91,
             "name": "changeInput",
             "variant": "declaration",
             "kind": 2048,
@@ -2541,14 +2645,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 160,
+                "line": 178,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L160"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L178"
               }
             ],
             "signatures": [
               {
-                "id": 86,
+                "id": 92,
                 "name": "changeInput",
                 "variant": "signature",
                 "kind": 4096,
@@ -2556,9 +2660,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 159,
+                    "line": 177,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L159"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L177"
                   }
                 ],
                 "type": {
@@ -2570,7 +2674,7 @@
             "decorators": []
           },
           {
-            "id": 95,
+            "id": 101,
             "name": "ngOnChanges",
             "variant": "declaration",
             "kind": 2048,
@@ -2580,14 +2684,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 235,
+                "line": 266,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L235"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L266"
               }
             ],
             "signatures": [
               {
-                "id": 96,
+                "id": 102,
                 "name": "ngOnChanges",
                 "variant": "signature",
                 "kind": 4096,
@@ -2595,9 +2699,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 235,
+                    "line": 266,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L235"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L266"
                   }
                 ],
                 "type": {
@@ -2619,7 +2723,7 @@
             "decorators": []
           },
           {
-            "id": 91,
+            "id": 97,
             "name": "ngOnDestroy",
             "variant": "declaration",
             "kind": 2048,
@@ -2629,14 +2733,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 219,
+                "line": 251,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L219"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L251"
               }
             ],
             "signatures": [
               {
-                "id": 92,
+                "id": 98,
                 "name": "ngOnDestroy",
                 "variant": "signature",
                 "kind": 4096,
@@ -2644,9 +2748,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 219,
+                    "line": 251,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L219"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L251"
                   }
                 ],
                 "type": {
@@ -2668,7 +2772,7 @@
             "decorators": []
           },
           {
-            "id": 89,
+            "id": 95,
             "name": "ngOnInit",
             "variant": "declaration",
             "kind": 2048,
@@ -2678,14 +2782,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 174,
+                "line": 192,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L174"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L192"
               }
             ],
             "signatures": [
               {
-                "id": 90,
+                "id": 96,
                 "name": "ngOnInit",
                 "variant": "signature",
                 "kind": 4096,
@@ -2693,9 +2797,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 174,
+                    "line": 192,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L174"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L192"
                   }
                 ],
                 "type": {
@@ -2717,7 +2821,7 @@
             "decorators": []
           },
           {
-            "id": 87,
+            "id": 93,
             "name": "onChange",
             "variant": "declaration",
             "kind": 2048,
@@ -2727,14 +2831,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 167,
+                "line": 185,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L167"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L185"
               }
             ],
             "signatures": [
               {
-                "id": 88,
+                "id": 94,
                 "name": "onChange",
                 "variant": "signature",
                 "kind": 4096,
@@ -2742,9 +2846,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 166,
+                    "line": 184,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L166"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L184"
                   }
                 ],
                 "type": {
@@ -2756,7 +2860,7 @@
             "decorators": []
           },
           {
-            "id": 97,
+            "id": 103,
             "name": "registerOnChange",
             "variant": "declaration",
             "kind": 2048,
@@ -2766,14 +2870,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 241,
+                "line": 272,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L241"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L272"
               }
             ],
             "signatures": [
               {
-                "id": 98,
+                "id": 104,
                 "name": "registerOnChange",
                 "variant": "signature",
                 "kind": 4096,
@@ -2781,9 +2885,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 241,
+                    "line": 272,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L241"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L272"
                   }
                 ],
                 "type": {
@@ -2805,7 +2909,7 @@
             "decorators": []
           },
           {
-            "id": 99,
+            "id": 105,
             "name": "registerOnTouched",
             "variant": "declaration",
             "kind": 2048,
@@ -2815,14 +2919,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 244,
+                "line": 275,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L244"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L275"
               }
             ],
             "signatures": [
               {
-                "id": 100,
+                "id": 106,
                 "name": "registerOnTouched",
                 "variant": "signature",
                 "kind": 4096,
@@ -2830,9 +2934,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 244,
+                    "line": 275,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L244"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L275"
                   }
                 ],
                 "type": {
@@ -2854,7 +2958,7 @@
             "decorators": []
           },
           {
-            "id": 101,
+            "id": 107,
             "name": "registerOnValidatorChange",
             "variant": "declaration",
             "kind": 2048,
@@ -2864,14 +2968,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 247,
+                "line": 278,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L247"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L278"
               }
             ],
             "signatures": [
               {
-                "id": 102,
+                "id": 108,
                 "name": "registerOnValidatorChange",
                 "variant": "signature",
                 "kind": 4096,
@@ -2879,9 +2983,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 247,
+                    "line": 278,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L247"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L278"
                   }
                 ],
                 "type": {
@@ -2903,7 +3007,7 @@
             "decorators": []
           },
           {
-            "id": 93,
+            "id": 99,
             "name": "setColorPickerDefaults",
             "variant": "declaration",
             "kind": 2048,
@@ -2913,14 +3017,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 225,
+                "line": 256,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L225"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L256"
               }
             ],
             "signatures": [
               {
-                "id": 94,
+                "id": 100,
                 "name": "setColorPickerDefaults",
                 "variant": "signature",
                 "kind": 4096,
@@ -2928,9 +3032,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 225,
+                    "line": 256,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L225"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L256"
                   }
                 ],
                 "type": {
@@ -2942,7 +3046,7 @@
             "decorators": []
           },
           {
-            "id": 108,
+            "id": 114,
             "name": "setDisabledState",
             "variant": "declaration",
             "kind": 2048,
@@ -2952,14 +3056,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 284,
+                "line": 315,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L284"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L315"
               }
             ],
             "signatures": [
               {
-                "id": 109,
+                "id": 115,
                 "name": "setDisabledState",
                 "variant": "signature",
                 "kind": 4096,
@@ -2975,14 +3079,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 284,
+                    "line": 315,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L284"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L315"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 110,
+                    "id": 116,
                     "name": "isDisabled",
                     "variant": "param",
                     "kind": 32768,
@@ -3012,7 +3116,7 @@
             "decorators": []
           },
           {
-            "id": 106,
+            "id": 112,
             "name": "validate",
             "variant": "declaration",
             "kind": 2048,
@@ -3022,14 +3126,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 277,
+                "line": 308,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L277"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L308"
               }
             ],
             "signatures": [
               {
-                "id": 107,
+                "id": 113,
                 "name": "validate",
                 "variant": "signature",
                 "kind": 4096,
@@ -3037,9 +3141,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 277,
+                    "line": 308,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L277"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L308"
                   }
                 ],
                 "type": {
@@ -3066,7 +3170,7 @@
             "decorators": []
           },
           {
-            "id": 103,
+            "id": 109,
             "name": "writeValue",
             "variant": "declaration",
             "kind": 2048,
@@ -3076,14 +3180,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-                "line": 250,
+                "line": 281,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L250"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L281"
               }
             ],
             "signatures": [
               {
-                "id": 104,
+                "id": 110,
                 "name": "writeValue",
                 "variant": "signature",
                 "kind": 4096,
@@ -3091,14 +3195,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
-                    "line": 250,
+                    "line": 281,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L250"
+                    "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L281"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 105,
+                    "id": 111,
                     "name": "value",
                     "variant": "param",
                     "kind": 32768,
@@ -3138,11 +3242,11 @@
           {
             "title": "Properties",
             "children": [
+              74,
+              73,
               71,
+              72,
               70,
-              68,
-              69,
-              67,
               62
             ]
           },
@@ -3155,27 +3259,27 @@
           {
             "title": "Methods",
             "children": [
-              85,
-              95,
               91,
-              89,
-              87,
-              97,
-              99,
               101,
+              97,
+              95,
               93,
-              108,
-              106,
-              103
+              103,
+              105,
+              107,
+              99,
+              114,
+              112,
+              109
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
-            "line": 51,
+            "line": 53,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L51"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L53"
           }
         ],
         "implementedTypes": [
@@ -3268,7 +3372,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L8"
               }
             ],
             "type": {
@@ -3295,7 +3399,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 20,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L20"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L20"
               }
             ],
             "type": {
@@ -3322,7 +3426,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 12,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L12"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L12"
               }
             ],
             "type": {
@@ -3349,7 +3453,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L16"
               }
             ],
             "type": {
@@ -3374,7 +3478,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
             "line": 4,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L4"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L4"
           }
         ]
       },
@@ -3412,7 +3516,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 24,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L24"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L24"
               }
             ],
             "type": {
@@ -3439,7 +3543,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L10"
               }
             ],
             "type": {
@@ -3466,7 +3570,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 20,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L20"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L20"
               }
             ],
             "type": {
@@ -3493,7 +3597,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 15,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L15"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L15"
               }
             ],
             "type": {
@@ -3518,7 +3622,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
             "line": 5,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L5"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L5"
           }
         ]
       },
@@ -3556,7 +3660,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 25,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L25"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L25"
               }
             ],
             "type": {
@@ -3583,7 +3687,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L10"
               }
             ],
             "type": {
@@ -3610,7 +3714,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 15,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L15"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L15"
               }
             ],
             "type": {
@@ -3637,7 +3741,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 21,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L21"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L21"
               }
             ],
             "type": {
@@ -3662,7 +3766,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
             "line": 5,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L5"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L5"
           }
         ]
       },
@@ -3702,7 +3806,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L10"
               }
             ],
             "type": {
@@ -3726,7 +3830,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message.ts",
             "line": 6,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L6"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L6"
           }
         ]
       },
@@ -3764,7 +3868,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 37,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L37"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L37"
               }
             ],
             "type": {
@@ -3793,7 +3897,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 21,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L21"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L21"
               }
             ],
             "type": {
@@ -3820,7 +3924,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 41,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L41"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L41"
               }
             ],
             "type": {
@@ -3847,7 +3951,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 33,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L33"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L33"
               }
             ],
             "type": {
@@ -3876,7 +3980,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 13,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L13"
               }
             ],
             "type": {
@@ -3903,7 +4007,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 25,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L25"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L25"
               }
             ],
             "type": {
@@ -3932,7 +4036,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 29,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L29"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L29"
               }
             ],
             "type": {
@@ -3961,7 +4065,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 17,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L17"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L17"
               }
             ],
             "type": {
@@ -3990,7 +4094,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
             "line": 9,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L9"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L9"
           }
         ]
       },
@@ -4028,7 +4132,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-result.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L10"
               }
             ],
             "type": {
@@ -4052,7 +4156,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-result.ts",
             "line": 6,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L6"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L6"
           }
         ]
       },
@@ -4090,7 +4194,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 21,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L21"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L21"
               }
             ],
             "type": {
@@ -4117,7 +4221,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 17,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L17"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L17"
               }
             ],
             "type": {
@@ -4144,7 +4248,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 13,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L13"
               }
             ],
             "type": {
@@ -4171,7 +4275,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 9,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L9"
+                "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L9"
               }
             ],
             "type": {
@@ -4196,7 +4300,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
             "line": 5,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/bdc1f33/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L5"
+            "url": "https://github.com/blackbaud/skyux/blob/ab33de4/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L5"
           }
         ]
       }
@@ -4442,443 +4546,459 @@
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "value"
       },
-      "67": {
+      "70": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.returnFormat"
       },
-      "68": {
+      "71": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.outputFormat"
       },
-      "69": {
+      "72": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.presetColors"
       },
-      "70": {
+      "73": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.alphaChannel"
       },
-      "71": {
+      "74": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.allowTransparency"
       },
-      "85": {
+      "91": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.changeInput"
       },
-      "86": {
+      "92": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.changeInput"
       },
-      "87": {
+      "93": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.onChange"
       },
-      "88": {
+      "94": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.onChange"
       },
-      "89": {
+      "95": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.ngOnInit"
       },
-      "90": {
+      "96": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.ngOnInit"
       },
-      "91": {
+      "97": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.ngOnDestroy"
       },
-      "92": {
+      "98": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.ngOnDestroy"
       },
-      "93": {
+      "99": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.setColorPickerDefaults"
       },
-      "94": {
+      "100": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.setColorPickerDefaults"
       },
-      "95": {
+      "101": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.ngOnChanges"
       },
-      "96": {
+      "102": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.ngOnChanges"
       },
-      "97": {
+      "103": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.registerOnChange"
       },
-      "98": {
+      "104": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.registerOnChange"
       },
-      "99": {
+      "105": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.registerOnTouched"
       },
-      "100": {
+      "106": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.registerOnTouched"
       },
-      "101": {
+      "107": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.registerOnValidatorChange"
       },
-      "102": {
+      "108": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.registerOnValidatorChange"
       },
-      "103": {
+      "109": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.writeValue"
       },
-      "104": {
+      "110": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.writeValue"
       },
-      "105": {
+      "111": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "value"
       },
-      "106": {
+      "112": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.validate"
       },
-      "107": {
+      "113": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.validate"
       },
-      "108": {
+      "114": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.setDisabledState"
       },
-      "109": {
+      "115": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "SkyColorpickerInputDirective.setDisabledState"
       },
-      "110": {
+      "116": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts",
         "qualifiedName": "isDisabled"
       },
-      "120": {
+      "129": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent"
       },
-      "121": {
+      "130": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.__constructor"
       },
-      "122": {
+      "131": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent"
       },
-      "123": {
+      "132": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "affixSvc"
       },
-      "124": {
+      "133": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "changeDetector"
       },
-      "125": {
+      "134": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "coreAdapter"
       },
-      "126": {
+      "135": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "overlaySvc"
       },
-      "127": {
+      "136": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "svc"
       },
-      "128": {
+      "137": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "themeSvc"
       },
-      "131": {
+      "140": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.label"
       },
-      "132": {
+      "141": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.labelledBy"
       },
-      "133": {
+      "142": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "SkyColorpickerComponent.labelText"
+      },
+      "143": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "SkyColorpickerComponent.labelText"
+      },
+      "144": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "SkyColorpickerComponent.labelText"
+      },
+      "145": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "value"
+      },
+      "146": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.selectedColorChanged"
       },
-      "134": {
+      "147": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.selectedColorApplied"
       },
-      "135": {
+      "148": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.messageStream"
       },
-      "136": {
+      "149": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.showResetButton"
       },
-      "137": {
+      "150": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.disabled"
       },
-      "138": {
+      "151": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.disabled"
       },
-      "139": {
+      "152": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.disabled"
       },
-      "140": {
+      "153": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "value"
       },
-      "141": {
+      "154": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
       },
-      "142": {
+      "155": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
       },
-      "143": {
+      "156": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
       },
-      "144": {
+      "157": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "value"
       },
-      "145": {
+      "158": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.hue"
       },
-      "146": {
+      "159": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.hue"
       },
-      "147": {
+      "160": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "change"
       },
-      "148": {
+      "161": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.red"
       },
-      "149": {
+      "162": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.red"
       },
-      "150": {
+      "163": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "change"
       },
-      "151": {
+      "164": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.green"
       },
-      "152": {
+      "165": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.green"
       },
-      "153": {
+      "166": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "change"
       },
-      "154": {
+      "167": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.blue"
       },
-      "155": {
+      "168": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.blue"
       },
-      "156": {
+      "169": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "change"
       },
-      "157": {
+      "170": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.alphaAxis"
       },
-      "158": {
+      "171": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.alphaAxis"
       },
-      "159": {
+      "172": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "change"
       },
-      "160": {
+      "173": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.alphaColor"
       },
-      "161": {
+      "174": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.alphaColor"
       },
-      "162": {
+      "175": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "change"
       },
-      "163": {
+      "176": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.hex"
       },
-      "164": {
+      "177": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.hex"
       },
-      "165": {
+      "178": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "change"
       },
-      "166": {
+      "179": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.saturationAndLightness"
       },
-      "167": {
+      "180": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.saturationAndLightness"
       },
-      "168": {
+      "181": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "value"
       },
-      "169": {
+      "182": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.skyColorpickerAlphaId"
       },
-      "170": {
+      "183": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.returnFormat"
       },
-      "171": {
+      "184": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.initialColor"
       },
-      "172": {
+      "185": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.lastAppliedColor"
       },
-      "173": {
+      "186": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.isVisible"
       },
-      "217": {
+      "234": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.setDialog"
       },
-      "218": {
+      "235": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.setDialog"
       },
-      "219": {
+      "236": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "color"
       },
-      "220": {
+      "237": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "outputFormat"
       },
-      "221": {
+      "238": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "presetColors"
       },
-      "222": {
+      "239": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "alphaChannel"
       },
-      "223": {
+      "240": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "allowTransparency"
       },
-      "224": {
+      "241": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnInit"
       },
-      "225": {
+      "242": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnInit"
       },
-      "226": {
+      "243": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnDestroy"
       },
-      "227": {
+      "244": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnDestroy"
       },
-      "228": {
+      "245": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onTriggerButtonClick"
       },
-      "229": {
+      "246": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onTriggerButtonClick"
       },
-      "230": {
+      "247": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.closePicker"
       },
-      "231": {
+      "248": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.closePicker"
       },
-      "232": {
+      "249": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onApplyColorClick"
       },
-      "233": {
+      "250": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onApplyColorClick"
       },
-      "234": {
+      "251": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onCancelClick"
       },
-      "235": {
+      "252": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onCancelClick"
       },
-      "236": {
+      "253": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onPresetClick"
       },
-      "237": {
+      "254": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onPresetClick"
       },
-      "238": {
+      "255": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "value"
       },
-      "239": {
+      "256": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onResetClick"
       },
-      "240": {
+      "257": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onResetClick"
       },
-      "241": {
+      "258": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.updatePickerValues"
       },
-      "242": {
+      "259": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.updatePickerValues"
       },
-      "243": {
+      "260": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "value"
       }
@@ -4888,53 +5008,85 @@
     {
       "fileName": "demo.component.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/programmatic/demo.component.ts",
-      "rawContents": "import { Component, inject } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  FormsModule,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport {\n  SkyColorpickerMessage,\n  SkyColorpickerMessageType,\n  SkyColorpickerModule,\n} from '@skyux/colorpicker';\nimport { SkyIdModule } from '@skyux/core';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  standalone: true,\n  selector: 'app-demo',\n  templateUrl: './demo.component.html',\n  imports: [\n    FormsModule,\n    ReactiveFormsModule,\n    SkyColorpickerModule,\n    SkyIdModule,\n  ],\n})\nexport class DemoComponent {\n  protected colorpickerController = new Subject<SkyColorpickerMessage>();\n  protected formGroup: FormGroup;\n  protected showResetButton = false;\n\n  constructor() {\n    this.formGroup = inject(FormBuilder).group({\n      favoriteColor: new FormControl('#f00'),\n    });\n  }\n\n  protected openColorpicker(): void {\n    this.#sendMessage(SkyColorpickerMessageType.Open);\n  }\n\n  protected resetColorpicker(): void {\n    this.#sendMessage(SkyColorpickerMessageType.Reset);\n  }\n\n  protected toggleResetButton(): void {\n    this.#sendMessage(SkyColorpickerMessageType.ToggleResetButton);\n  }\n\n  #sendMessage(type: SkyColorpickerMessageType): void {\n    const message: SkyColorpickerMessage = { type };\n    this.colorpickerController.next(message);\n  }\n}\n"
+      "rawContents": "import { Component, inject } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  FormsModule,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport {\n  SkyColorpickerMessage,\n  SkyColorpickerMessageType,\n  SkyColorpickerModule,\n} from '@skyux/colorpicker';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  standalone: true,\n  selector: 'app-demo',\n  templateUrl: './demo.component.html',\n  imports: [FormsModule, ReactiveFormsModule, SkyColorpickerModule],\n})\nexport class DemoComponent {\n  protected colorpickerController = new Subject<SkyColorpickerMessage>();\n  protected formGroup: FormGroup;\n  protected showResetButton = false;\n\n  constructor() {\n    this.formGroup = inject(FormBuilder).group({\n      favoriteColor: new FormControl('#f00'),\n    });\n  }\n\n  protected openColorpicker(): void {\n    this.#sendMessage(SkyColorpickerMessageType.Open);\n  }\n\n  protected resetColorpicker(): void {\n    this.#sendMessage(SkyColorpickerMessageType.Reset);\n  }\n\n  protected toggleResetButton(): void {\n    this.#sendMessage(SkyColorpickerMessageType.ToggleResetButton);\n  }\n\n  #sendMessage(type: SkyColorpickerMessageType): void {\n    const message: SkyColorpickerMessage = { type };\n    this.colorpickerController.next(message);\n  }\n}\n"
     },
     {
       "fileName": "demo.component.html",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/programmatic/demo.component.html",
-      "rawContents": "<form class=\"sky-margin-stacked-xxl\" novalidate [formGroup]=\"formGroup\">\n  <div class=\"sky-margin-stacked-lg\">\n    <label class=\"sky-control-label\" [for]=\"colorInput.id\">\n      What is your favorite color?\n    </label>\n    <sky-colorpicker\n      [messageStream]=\"colorpickerController\"\n      [showResetButton]=\"showResetButton\"\n      #colorPicker\n    >\n      <input\n        formControlName=\"favoriteColor\"\n        skyId\n        type=\"text\"\n        [skyColorpickerInput]=\"colorPicker\"\n        #colorInput=\"skyId\"\n      />\n    </sky-colorpicker>\n  </div>\n</form>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"openColorpicker()\"\n>\n  Open colorpicker\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"resetColorpicker()\"\n>\n  Reset colorpicker\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"toggleResetButton()\"\n>\n  Toggle reset button\n</button>\n"
+      "rawContents": "<form class=\"sky-margin-stacked-xxl\" novalidate [formGroup]=\"formGroup\">\n  <div class=\"sky-margin-stacked-lg\">\n    <sky-colorpicker\n      labelText=\"What is your favorite color?\"\n      [messageStream]=\"colorpickerController\"\n      [showResetButton]=\"showResetButton\"\n      #colorPicker\n    >\n      <input\n        formControlName=\"favoriteColor\"\n        type=\"text\"\n        [skyColorpickerInput]=\"colorPicker\"\n      />\n    </sky-colorpicker>\n  </div>\n</form>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"openColorpicker()\"\n>\n  Open colorpicker\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"resetColorpicker()\"\n>\n  Reset colorpicker\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"toggleResetButton()\"\n>\n  Toggle reset button\n</button>\n"
     },
     {
       "fileName": "demo.component.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/basic/demo.component.ts",
-      "rawContents": "import { Component, inject } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { SkyColorpickerModule, SkyColorpickerOutput } from '@skyux/colorpicker';\nimport { SkyIdModule } from '@skyux/core';\n\n@Component({\n  standalone: true,\n  selector: 'app-demo',\n  templateUrl: './demo.component.html',\n  imports: [ReactiveFormsModule, SkyColorpickerModule, SkyIdModule],\n})\nexport class DemoComponent {\n  protected formGroup: FormGroup;\n\n  protected swatches: string[] = [\n    '#BD4040',\n    '#617FC2',\n    '#60AC68',\n    '#3486BA',\n    '#E87134',\n    '#DA9C9C',\n  ];\n\n  constructor() {\n    this.formGroup = inject(FormBuilder).group({\n      favoriteColor: new FormControl('#f00'),\n    });\n  }\n\n  protected onSelectedColorChanged(args: SkyColorpickerOutput): void {\n    console.log('Reactive form color changed:', args);\n  }\n\n  protected submit(): void {\n    const controlValue = this.formGroup.get('favoriteColor')?.value;\n    const favoriteColor: string = controlValue.hex || controlValue;\n    alert('Your favorite color is: \\n' + favoriteColor);\n  }\n}\n"
+      "rawContents": "import { Component, inject } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { SkyColorpickerModule, SkyColorpickerOutput } from '@skyux/colorpicker';\n\n@Component({\n  standalone: true,\n  selector: 'app-demo',\n  templateUrl: './demo.component.html',\n  imports: [ReactiveFormsModule, SkyColorpickerModule],\n})\nexport class DemoComponent {\n  protected formGroup: FormGroup;\n\n  protected swatches: string[] = [\n    '#BD4040',\n    '#617FC2',\n    '#60AC68',\n    '#3486BA',\n    '#E87134',\n    '#DA9C9C',\n  ];\n\n  constructor() {\n    this.formGroup = inject(FormBuilder).group({\n      favoriteColor: new FormControl('#f00'),\n    });\n  }\n\n  protected onSelectedColorChanged(args: SkyColorpickerOutput): void {\n    console.log('Reactive form color changed:', args);\n  }\n\n  protected submit(): void {\n    const controlValue = this.formGroup.get('favoriteColor')?.value;\n    const favoriteColor: string = controlValue.hex || controlValue;\n    alert('Your favorite color is: \\n' + favoriteColor);\n  }\n}\n"
     },
     {
       "fileName": "demo.component.html",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/basic/demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"formGroup\" (ngSubmit)=\"submit()\">\n  <div class=\"sky-margin-stacked-lg\">\n    <label class=\"sky-control-label\" [for]=\"colorInput.id\">\n      What is your favorite color?\n    </label>\n    <sky-colorpicker\n      (selectedColorChanged)=\"onSelectedColorChanged($event)\"\n      #colorPicker\n    >\n      <input\n        formControlName=\"favoriteColor\"\n        skyId\n        type=\"text\"\n        [presetColors]=\"swatches\"\n        [skyColorpickerInput]=\"colorPicker\"\n        #colorInput=\"skyId\"\n      />\n    </sky-colorpicker>\n  </div>\n\n  <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Submit</button>\n</form>\n"
+      "rawContents": "<form novalidate [formGroup]=\"formGroup\" (ngSubmit)=\"submit()\">\n  <div class=\"sky-margin-stacked-lg\">\n    <sky-colorpicker\n      labelText=\"What is your favorite color?\"\n      (selectedColorChanged)=\"onSelectedColorChanged($event)\"\n      #colorPicker\n    >\n      <input\n        formControlName=\"favoriteColor\"\n        type=\"text\"\n        [presetColors]=\"swatches\"\n        [skyColorpickerInput]=\"colorPicker\"\n      />\n    </sky-colorpicker>\n  </div>\n\n  <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Submit</button>\n</form>\n"
     }
   ],
   "codeExampleDependencies": {
     "/projects/colorpicker/documentation/code-examples/colorpicker/programmatic": {
+      "@angular-devkit/core": "16.2.6",
+      "@angular-devkit/schematics": "16.2.6",
       "@angular/animations": "16.2.9",
+      "@angular/cdk": "16.2.8",
+      "@angular/cli": "16.2.6",
       "@angular/common": "16.2.9",
       "@angular/core": "16.2.9",
       "@angular/forms": "16.2.9",
       "@angular/platform-browser": "16.2.9",
-      "@skyux/colorpicker": "9.21.3",
-      "@skyux/core": "9.21.3",
-      "@skyux/forms": "9.21.3",
-      "@skyux/i18n": "9.21.3",
-      "@skyux/indicators": "9.21.3",
-      "@skyux/theme": "9.21.3",
+      "@angular/router": "16.2.9",
+      "@blackbaud/skyux-design-tokens": "0.0.28",
+      "@schematics/angular": "16.2.6",
+      "@skyux-sdk/testing": "9.23.0",
+      "@skyux/assets": "9.23.0",
+      "@skyux/colorpicker": "9.23.0",
+      "@skyux/core": "9.23.0",
+      "@skyux/forms": "9.23.0",
+      "@skyux/i18n": "9.23.0",
+      "@skyux/icons": "6.9.0",
+      "@skyux/indicators": "9.23.0",
+      "@skyux/popovers": "9.23.0",
+      "@skyux/theme": "9.23.0",
+      "axe-core": "4.6.3",
+      "cross-spawn": "7.0.3",
+      "fontfaceobserver": "2.3.0",
+      "glob": "10.3.10",
+      "jsonc-parser": "3.2.0",
       "rxjs": "7.8.1",
       "tslib": "2.6.2",
       "zone.js": "0.13.3"
     },
     "/projects/colorpicker/documentation/code-examples/colorpicker/basic": {
+      "@angular-devkit/core": "16.2.6",
+      "@angular-devkit/schematics": "16.2.6",
       "@angular/animations": "16.2.9",
+      "@angular/cdk": "16.2.8",
+      "@angular/cli": "16.2.6",
       "@angular/common": "16.2.9",
       "@angular/core": "16.2.9",
       "@angular/forms": "16.2.9",
       "@angular/platform-browser": "16.2.9",
-      "@skyux/colorpicker": "9.21.3",
-      "@skyux/core": "9.21.3",
-      "@skyux/forms": "9.21.3",
-      "@skyux/i18n": "9.21.3",
-      "@skyux/indicators": "9.21.3",
-      "@skyux/theme": "9.21.3",
+      "@angular/router": "16.2.9",
+      "@blackbaud/skyux-design-tokens": "0.0.28",
+      "@schematics/angular": "16.2.6",
+      "@skyux-sdk/testing": "9.23.0",
+      "@skyux/assets": "9.23.0",
+      "@skyux/colorpicker": "9.23.0",
+      "@skyux/core": "9.23.0",
+      "@skyux/forms": "9.23.0",
+      "@skyux/i18n": "9.23.0",
+      "@skyux/icons": "6.9.0",
+      "@skyux/indicators": "9.23.0",
+      "@skyux/popovers": "9.23.0",
+      "@skyux/theme": "9.23.0",
+      "axe-core": "4.6.3",
+      "cross-spawn": "7.0.3",
+      "fontfaceobserver": "2.3.0",
+      "glob": "10.3.10",
+      "jsonc-parser": "3.2.0",
       "rxjs": "7.8.1",
       "tslib": "2.6.2",
       "zone.js": "0.13.3"