npm - @skyux/colorpicker - Versions diffs - 10.28.0 → 10.30.0 - Mend

@skyux/colorpicker 10.28.0 → 10.30.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 (8) hide show

package/documentation.json +600 -404
package/esm2022/lib/modules/colorpicker/colorpicker.component.mjs +29 -5
package/esm2022/lib/modules/colorpicker/colorpicker.module.mjs +5 -2
package/fesm2022/skyux-colorpicker.mjs +32 -5
package/fesm2022/skyux-colorpicker.mjs.map +1 -1
package/lib/modules/colorpicker/colorpicker.component.d.ts +27 -1
package/lib/modules/colorpicker/colorpicker.module.d.ts +1 -1
package/package.json +8 -8

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/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L20"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/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/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/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/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L12"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/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/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/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/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L4"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message-type.ts#L4"
           }
         ]
       },
@@ -181,16 +181,16 @@
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.module.ts",
-            "line": 46,
+            "line": 47,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.module.ts#L46"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.module.ts#L47"
           }
         ],
         "decorators": [
           {
             "name": "NgModule",
             "arguments": {
-              "obj": "@NgModule({\n  declarations: [\n    SkyColorpickerComponent,\n    SkyColorpickerInputDirective,\n    SkyColorpickerTextDirective,\n    SkyColorpickerSliderDirective,\n  ],\n  imports: [\n    A11yModule,\n    CommonModule,\n    SkyAffixModule,\n    SkyColorpickerResourcesModule,\n    SkyFormErrorModule,\n    SkyFormErrorsModule,\n    SkyHelpInlineModule,\n    SkyIconModule,\n    SkyInputBoxModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyColorpickerComponent,\n    SkyColorpickerInputDirective,\n    SkyFormErrorModule,\n  ],\n})"
+              "obj": "@NgModule({\n  declarations: [\n    SkyColorpickerComponent,\n    SkyColorpickerInputDirective,\n    SkyColorpickerTextDirective,\n    SkyColorpickerSliderDirective,\n  ],\n  imports: [\n    A11yModule,\n    CommonModule,\n    SkyAffixModule,\n    SkyColorpickerResourcesModule,\n    SkyIdModule,\n    SkyFormErrorModule,\n    SkyFormErrorsModule,\n    SkyHelpInlineModule,\n    SkyIconModule,\n    SkyInputBoxModule,\n    SkyThemeModule,\n  ],\n  exports: [\n    SkyColorpickerComponent,\n    SkyColorpickerInputDirective,\n    SkyFormErrorModule,\n  ],\n})"
             }
           }
         ]
@@ -251,9 +251,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 390,
+                "line": 425,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L390"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L425"
               }
             ],
             "signatures": [
@@ -266,9 +266,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 390,
+                    "line": 425,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L390"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L425"
                   }
                 ],
                 "parameters": [
@@ -381,7 +381,47 @@
             ]
           },
           {
-            "id": 144,
+            "id": 145,
+            "name": "helpKey",
+            "variant": "declaration",
+            "kind": 1024,
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "summary": [
+                {
+                  "kind": "text",
+                  "text": "A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)\nbutton is placed beside the colorpicker label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)\nas configured by the application."
+                }
+              ],
+              "blockTags": [
+                {
+                  "tag": "@preview",
+                  "content": []
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
+                "line": 138,
+                "character": 9,
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L138"
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "decorators": [
+              {
+                "name": "Input"
+              }
+            ]
+          },
+          {
+            "id": 146,
             "name": "helpPopoverContent",
             "variant": "declaration",
             "kind": 1024,
@@ -413,9 +453,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 129,
+                "line": 147,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L129"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L147"
               }
             ],
             "type": {
@@ -449,7 +489,7 @@
             ]
           },
           {
-            "id": 145,
+            "id": 147,
             "name": "helpPopoverTitle",
             "variant": "declaration",
             "kind": 1024,
@@ -481,9 +521,49 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 137,
+                "line": 155,
+                "character": 9,
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L155"
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            },
+            "decorators": [
+              {
+                "name": "Input"
+              }
+            ]
+          },
+          {
+            "id": 148,
+            "name": "hintText",
+            "variant": "declaration",
+            "kind": 1024,
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "summary": [
+                {
+                  "kind": "text",
+                  "text": "[Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides\nadditional context to the user."
+                }
+              ],
+              "blockTags": [
+                {
+                  "tag": "@preview",
+                  "content": []
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
+                "line": 163,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L137"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L163"
               }
             ],
             "type": {
@@ -497,7 +577,7 @@
             ]
           },
           {
-            "id": 184,
+            "id": 188,
             "name": "initialColor",
             "variant": "declaration",
             "kind": 1024,
@@ -507,9 +587,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 272,
+                "line": 307,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L272"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L307"
               }
             ],
             "type": {
@@ -519,7 +599,7 @@
             "decorators": []
           },
           {
-            "id": 186,
+            "id": 190,
             "name": "isVisible",
             "variant": "declaration",
             "kind": 1024,
@@ -529,9 +609,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 274,
+                "line": 309,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L274"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L309"
               }
             ],
             "type": {
@@ -587,9 +667,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 96,
+                "line": 98,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L96"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L98"
               }
             ],
             "type": {
@@ -602,6 +682,58 @@
               }
             ]
           },
+          {
+            "id": 144,
+            "name": "labelHidden",
+            "variant": "declaration",
+            "kind": 1024,
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "summary": [
+                {
+                  "kind": "text",
+                  "text": "Whether to hide "
+                },
+                {
+                  "kind": "code",
+                  "text": "`labelText`"
+                },
+                {
+                  "kind": "text",
+                  "text": " from view."
+                }
+              ],
+              "blockTags": [
+                {
+                  "tag": "@preview",
+                  "content": []
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
+                "line": 129,
+                "character": 9,
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L129"
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false",
+            "decorators": [
+              {
+                "name": "Input",
+                "arguments": {
+                  "transform": "booleanAttribute"
+                }
+              }
+            ]
+          },
           {
             "id": 139,
             "name": "labelledBy",
@@ -637,9 +769,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 105,
+                "line": 107,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L105"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L107"
               }
             ],
             "type": {
@@ -653,7 +785,7 @@
             ]
           },
           {
-            "id": 185,
+            "id": 189,
             "name": "lastAppliedColor",
             "variant": "declaration",
             "kind": 1024,
@@ -663,9 +795,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 273,
+                "line": 308,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L273"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L308"
               }
             ],
             "type": {
@@ -675,7 +807,7 @@
             "decorators": []
           },
           {
-            "id": 148,
+            "id": 152,
             "name": "messageStream",
             "variant": "declaration",
             "kind": 1024,
@@ -701,9 +833,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 156,
+                "line": 191,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L156"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L191"
               }
             ],
             "type": {
@@ -731,7 +863,7 @@
             ]
           },
           {
-            "id": 183,
+            "id": 187,
             "name": "returnFormat",
             "variant": "declaration",
             "kind": 1024,
@@ -741,9 +873,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 271,
+                "line": 306,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L271"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L306"
               }
             ],
             "type": {
@@ -753,7 +885,7 @@
             "decorators": []
           },
           {
-            "id": 147,
+            "id": 151,
             "name": "selectedColorApplied",
             "variant": "declaration",
             "kind": 1024,
@@ -771,9 +903,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 149,
+                "line": 184,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L149"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L184"
               }
             ],
             "type": {
@@ -801,7 +933,7 @@
             ]
           },
           {
-            "id": 146,
+            "id": 150,
             "name": "selectedColorChanged",
             "variant": "declaration",
             "kind": 1024,
@@ -819,9 +951,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 143,
+                "line": 178,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L143"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L178"
               }
             ],
             "type": {
@@ -849,7 +981,7 @@
             ]
           },
           {
-            "id": 149,
+            "id": 153,
             "name": "showResetButton",
             "variant": "declaration",
             "kind": 1024,
@@ -867,9 +999,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 162,
+                "line": 197,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L162"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L197"
               }
             ],
             "type": {
@@ -884,7 +1016,7 @@
             ]
           },
           {
-            "id": 182,
+            "id": 186,
             "name": "skyColorpickerAlphaId",
             "variant": "declaration",
             "kind": 1024,
@@ -894,9 +1026,9 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 270,
+                "line": 305,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L270"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L305"
               }
             ],
             "type": {
@@ -906,7 +1038,51 @@
             "decorators": []
           },
           {
-            "id": 170,
+            "id": 149,
+            "name": "stacked",
+            "variant": "declaration",
+            "kind": 1024,
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "summary": [
+                {
+                  "kind": "text",
+                  "text": "Whether the colorpicker is stacked on another form component. When specified,\nthe appropriate vertical spacing is automatically added to the text editor."
+                }
+              ],
+              "blockTags": [
+                {
+                  "tag": "@preview",
+                  "content": []
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
+                "line": 172,
+                "character": 9,
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L172"
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            },
+            "defaultValue": "false",
+            "decorators": [
+              {
+                "name": "Input",
+                "arguments": {
+                  "transform": "booleanAttribute"
+                }
+              }
+            ]
+          },
+          {
+            "id": 174,
             "name": "alphaAxis",
             "variant": "declaration",
             "kind": 262144,
@@ -916,13 +1092,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 232,
+                "line": 267,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L232"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L267"
               }
             ],
             "setSignature": {
-              "id": 171,
+              "id": 175,
               "name": "alphaAxis",
               "variant": "signature",
               "kind": 1048576,
@@ -930,14 +1106,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 232,
+                  "line": 267,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L232"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L267"
                 }
               ],
               "parameters": [
                 {
-                  "id": 172,
+                  "id": 176,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -961,7 +1137,7 @@
             "decorators": []
           },
           {
-            "id": 173,
+            "id": 177,
             "name": "alphaColor",
             "variant": "declaration",
             "kind": 262144,
@@ -971,13 +1147,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 243,
+                "line": 278,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L243"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L278"
               }
             ],
             "setSignature": {
-              "id": 174,
+              "id": 178,
               "name": "alphaColor",
               "variant": "signature",
               "kind": 1048576,
@@ -985,14 +1161,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 243,
+                  "line": 278,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L243"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L278"
                 }
               ],
               "parameters": [
                 {
-                  "id": 175,
+                  "id": 179,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1016,7 +1192,7 @@
             "decorators": []
           },
           {
-            "id": 154,
+            "id": 158,
             "name": "backgroundColorForDisplay",
             "variant": "declaration",
             "kind": 262144,
@@ -1026,19 +1202,19 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 173,
+                "line": 208,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L173"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L208"
               },
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 180,
+                "line": 215,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L180"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L215"
               }
             ],
             "getSignature": {
-              "id": 155,
+              "id": 159,
               "name": "backgroundColorForDisplay",
               "variant": "signature",
               "kind": 524288,
@@ -1046,9 +1222,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 180,
+                  "line": 215,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L180"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L215"
                 }
               ],
               "type": {
@@ -1057,7 +1233,7 @@
               }
             },
             "setSignature": {
-              "id": 156,
+              "id": 160,
               "name": "backgroundColorForDisplay",
               "variant": "signature",
               "kind": 1048576,
@@ -1065,14 +1241,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 173,
+                  "line": 208,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L173"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L208"
                 }
               ],
               "parameters": [
                 {
-                  "id": 157,
+                  "id": 161,
                   "name": "value",
                   "variant": "param",
                   "kind": 32768,
@@ -1091,7 +1267,7 @@
             "decorators": []
           },
           {
-            "id": 167,
+            "id": 171,
             "name": "blue",
             "variant": "declaration",
             "kind": 262144,
@@ -1101,13 +1277,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 220,
+                "line": 255,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L220"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L255"
               }
             ],
             "setSignature": {
-              "id": 168,
+              "id": 172,
               "name": "blue",
               "variant": "signature",
               "kind": 1048576,
@@ -1115,14 +1291,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 220,
+                  "line": 255,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L220"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L255"
                 }
               ],
               "parameters": [
                 {
-                  "id": 169,
+                  "id": 173,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1146,7 +1322,7 @@
             "decorators": []
           },
           {
-            "id": 150,
+            "id": 154,
             "name": "disabled",
             "variant": "declaration",
             "kind": 262144,
@@ -1156,19 +1332,19 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 164,
+                "line": 199,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L164"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L199"
               },
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 169,
+                "line": 204,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L169"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L204"
               }
             ],
             "getSignature": {
-              "id": 151,
+              "id": 155,
               "name": "disabled",
               "variant": "signature",
               "kind": 524288,
@@ -1176,9 +1352,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 169,
+                  "line": 204,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L169"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L204"
                 }
               ],
               "type": {
@@ -1187,7 +1363,7 @@
               }
             },
             "setSignature": {
-              "id": 152,
+              "id": 156,
               "name": "disabled",
               "variant": "signature",
               "kind": 1048576,
@@ -1195,14 +1371,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 164,
+                  "line": 199,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L164"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L199"
                 }
               ],
               "parameters": [
                 {
-                  "id": 153,
+                  "id": 157,
                   "name": "value",
                   "variant": "param",
                   "kind": 32768,
@@ -1221,7 +1397,7 @@
             "decorators": []
           },
           {
-            "id": 164,
+            "id": 168,
             "name": "green",
             "variant": "declaration",
             "kind": 262144,
@@ -1231,13 +1407,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 208,
+                "line": 243,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L208"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L243"
               }
             ],
             "setSignature": {
-              "id": 165,
+              "id": 169,
               "name": "green",
               "variant": "signature",
               "kind": 1048576,
@@ -1245,14 +1421,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 208,
+                  "line": 243,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L208"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L243"
                 }
               ],
               "parameters": [
                 {
-                  "id": 166,
+                  "id": 170,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1276,7 +1452,7 @@
             "decorators": []
           },
           {
-            "id": 176,
+            "id": 180,
             "name": "hex",
             "variant": "declaration",
             "kind": 262144,
@@ -1286,13 +1462,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 252,
+                "line": 287,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L252"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L287"
               }
             ],
             "setSignature": {
-              "id": 177,
+              "id": 181,
               "name": "hex",
               "variant": "signature",
               "kind": 1048576,
@@ -1300,14 +1476,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 252,
+                  "line": 287,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L252"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L287"
                 }
               ],
               "parameters": [
                 {
-                  "id": 178,
+                  "id": 182,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1331,7 +1507,7 @@
             "decorators": []
           },
           {
-            "id": 158,
+            "id": 162,
             "name": "hue",
             "variant": "declaration",
             "kind": 262144,
@@ -1341,13 +1517,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 185,
+                "line": 220,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L185"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L220"
               }
             ],
             "setSignature": {
-              "id": 159,
+              "id": 163,
               "name": "hue",
               "variant": "signature",
               "kind": 1048576,
@@ -1355,14 +1531,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 185,
+                  "line": 220,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L185"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L220"
                 }
               ],
               "parameters": [
                 {
-                  "id": 160,
+                  "id": 164,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1396,15 +1572,15 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 113,
+                "line": 115,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L113"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L115"
               },
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 118,
+                "line": 120,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L118"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L120"
               }
             ],
             "getSignature": {
@@ -1416,9 +1592,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 118,
+                  "line": 120,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L118"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L120"
                 }
               ],
               "type": {
@@ -1465,9 +1641,9 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 113,
+                  "line": 115,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L113"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L115"
                 }
               ],
               "parameters": [
@@ -1495,7 +1671,7 @@
             ]
           },
           {
-            "id": 161,
+            "id": 165,
             "name": "red",
             "variant": "declaration",
             "kind": 262144,
@@ -1505,13 +1681,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 196,
+                "line": 231,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L196"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L231"
               }
             ],
             "setSignature": {
-              "id": 162,
+              "id": 166,
               "name": "red",
               "variant": "signature",
               "kind": 1048576,
@@ -1519,14 +1695,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 196,
+                  "line": 231,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L196"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L231"
                 }
               ],
               "parameters": [
                 {
-                  "id": 163,
+                  "id": 167,
                   "name": "change",
                   "variant": "param",
                   "kind": 32768,
@@ -1550,7 +1726,7 @@
             "decorators": []
           },
           {
-            "id": 179,
+            "id": 183,
             "name": "saturationAndLightness",
             "variant": "declaration",
             "kind": 262144,
@@ -1560,13 +1736,13 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 256,
+                "line": 291,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L256"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L291"
               }
             ],
             "setSignature": {
-              "id": 180,
+              "id": 184,
               "name": "saturationAndLightness",
               "variant": "signature",
               "kind": 1048576,
@@ -1574,14 +1750,14 @@
               "sources": [
                 {
                   "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                  "line": 256,
+                  "line": 291,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L256"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L291"
                 }
               ],
               "parameters": [
                 {
-                  "id": 181,
+                  "id": 185,
                   "name": "value",
                   "variant": "param",
                   "kind": 32768,
@@ -1605,7 +1781,7 @@
             "decorators": []
           },
           {
-            "id": 260,
+            "id": 264,
             "name": "closePicker",
             "variant": "declaration",
             "kind": 2048,
@@ -1615,14 +1791,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 497,
+                "line": 532,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L497"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L532"
               }
             ],
             "signatures": [
               {
-                "id": 261,
+                "id": 265,
                 "name": "closePicker",
                 "variant": "signature",
                 "kind": 4096,
@@ -1630,9 +1806,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 497,
+                    "line": 532,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L497"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L532"
                   }
                 ],
                 "type": {
@@ -1644,7 +1820,7 @@
             "decorators": []
           },
           {
-            "id": 254,
+            "id": 258,
             "name": "ngAfterContentChecked",
             "variant": "declaration",
             "kind": 2048,
@@ -1654,14 +1830,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 474,
+                "line": 509,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L474"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L509"
               }
             ],
             "signatures": [
               {
-                "id": 255,
+                "id": 259,
                 "name": "ngAfterContentChecked",
                 "variant": "signature",
                 "kind": 4096,
@@ -1669,9 +1845,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 474,
+                    "line": 509,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L474"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L509"
                   }
                 ],
                 "type": {
@@ -1693,7 +1869,7 @@
             "decorators": []
           },
           {
-            "id": 256,
+            "id": 260,
             "name": "ngOnDestroy",
             "variant": "declaration",
             "kind": 2048,
@@ -1703,14 +1879,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 483,
+                "line": 518,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L483"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L518"
               }
             ],
             "signatures": [
               {
-                "id": 257,
+                "id": 261,
                 "name": "ngOnDestroy",
                 "variant": "signature",
                 "kind": 4096,
@@ -1718,9 +1894,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 483,
+                    "line": 518,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L483"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L518"
                   }
                 ],
                 "type": {
@@ -1742,7 +1918,7 @@
             "decorators": []
           },
           {
-            "id": 252,
+            "id": 256,
             "name": "ngOnInit",
             "variant": "declaration",
             "kind": 2048,
@@ -1752,14 +1928,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 445,
+                "line": 480,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L445"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L480"
               }
             ],
             "signatures": [
               {
-                "id": 253,
+                "id": 257,
                 "name": "ngOnInit",
                 "variant": "signature",
                 "kind": 4096,
@@ -1767,9 +1943,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 445,
+                    "line": 480,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L445"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L480"
                   }
                 ],
                 "type": {
@@ -1791,7 +1967,7 @@
             "decorators": []
           },
           {
-            "id": 262,
+            "id": 266,
             "name": "onApplyColorClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1801,14 +1977,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 505,
+                "line": 540,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L505"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L540"
               }
             ],
             "signatures": [
               {
-                "id": 263,
+                "id": 267,
                 "name": "onApplyColorClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1816,9 +1992,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 505,
+                    "line": 540,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L505"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L540"
                   }
                 ],
                 "type": {
@@ -1830,7 +2006,7 @@
             "decorators": []
           },
           {
-            "id": 264,
+            "id": 268,
             "name": "onCancelClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1840,14 +2016,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 509,
+                "line": 544,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L509"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L544"
               }
             ],
             "signatures": [
               {
-                "id": 265,
+                "id": 269,
                 "name": "onCancelClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1855,9 +2031,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 509,
+                    "line": 544,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L509"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L544"
                   }
                 ],
                 "type": {
@@ -1869,7 +2045,7 @@
             "decorators": []
           },
           {
-            "id": 266,
+            "id": 270,
             "name": "onPresetClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1879,14 +2055,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 515,
+                "line": 550,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L515"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L550"
               }
             ],
             "signatures": [
               {
-                "id": 267,
+                "id": 271,
                 "name": "onPresetClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1894,14 +2070,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 515,
+                    "line": 550,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L515"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L550"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 268,
+                    "id": 272,
                     "name": "value",
                     "variant": "param",
                     "kind": 32768,
@@ -1921,7 +2097,7 @@
             "decorators": []
           },
           {
-            "id": 269,
+            "id": 273,
             "name": "onResetClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1931,14 +2107,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 519,
+                "line": 554,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L519"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L554"
               }
             ],
             "signatures": [
               {
-                "id": 270,
+                "id": 274,
                 "name": "onResetClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1946,9 +2122,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 519,
+                    "line": 554,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L519"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L554"
                   }
                 ],
                 "type": {
@@ -1960,7 +2136,7 @@
             "decorators": []
           },
           {
-            "id": 258,
+            "id": 262,
             "name": "onTriggerButtonClick",
             "variant": "declaration",
             "kind": 2048,
@@ -1970,14 +2146,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 491,
+                "line": 526,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L491"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L526"
               }
             ],
             "signatures": [
               {
-                "id": 259,
+                "id": 263,
                 "name": "onTriggerButtonClick",
                 "variant": "signature",
                 "kind": 4096,
@@ -1985,9 +2161,9 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 491,
+                    "line": 526,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L491"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L526"
                   }
                 ],
                 "type": {
@@ -1999,7 +2175,7 @@
             "decorators": []
           },
           {
-            "id": 245,
+            "id": 249,
             "name": "setDialog",
             "variant": "declaration",
             "kind": 2048,
@@ -2009,14 +2185,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 423,
+                "line": 458,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L423"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L458"
               }
             ],
             "signatures": [
               {
-                "id": 246,
+                "id": 250,
                 "name": "setDialog",
                 "variant": "signature",
                 "kind": 4096,
@@ -2024,14 +2200,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 423,
+                    "line": 458,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L423"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L458"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 247,
+                    "id": 251,
                     "name": "color",
                     "variant": "param",
                     "kind": 32768,
@@ -2042,7 +2218,7 @@
                     }
                   },
                   {
-                    "id": 248,
+                    "id": 252,
                     "name": "outputFormat",
                     "variant": "param",
                     "kind": 32768,
@@ -2053,7 +2229,7 @@
                     }
                   },
                   {
-                    "id": 249,
+                    "id": 253,
                     "name": "presetColors",
                     "variant": "param",
                     "kind": 32768,
@@ -2067,7 +2243,7 @@
                     }
                   },
                   {
-                    "id": 250,
+                    "id": 254,
                     "name": "alphaChannel",
                     "variant": "param",
                     "kind": 32768,
@@ -2078,7 +2254,7 @@
                     }
                   },
                   {
-                    "id": 251,
+                    "id": 255,
                     "name": "allowTransparency",
                     "variant": "param",
                     "kind": 32768,
@@ -2098,7 +2274,7 @@
             "decorators": []
           },
           {
-            "id": 271,
+            "id": 275,
             "name": "updatePickerValues",
             "variant": "declaration",
             "kind": 2048,
@@ -2108,14 +2284,14 @@
             "sources": [
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-                "line": 523,
+                "line": 558,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L523"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L558"
               }
             ],
             "signatures": [
               {
-                "id": 272,
+                "id": 276,
                 "name": "updatePickerValues",
                 "variant": "signature",
                 "kind": 4096,
@@ -2123,14 +2299,14 @@
                 "sources": [
                   {
                     "fileName": "src/lib/modules/colorpicker/colorpicker.component.ts",
-                    "line": 523,
+                    "line": 558,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L523"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L558"
                   }
                 ],
                 "parameters": [
                   {
-                    "id": 273,
+                    "id": 277,
                     "name": "value",
                     "variant": "param",
                     "kind": 32768,
@@ -2160,60 +2336,64 @@
           {
             "title": "Properties",
             "children": [
-              144,
               145,
-              184,
-              186,
+              146,
+              147,
+              148,
+              188,
+              190,
               138,
+              144,
               139,
-              185,
-              148,
-              183,
-              147,
-              146,
-              149,
-              182
+              189,
+              152,
+              187,
+              151,
+              150,
+              153,
+              186,
+              149
             ]
           },
           {
             "title": "Accessors",
             "children": [
-              170,
-              173,
-              154,
-              167,
-              150,
-              164,
-              176,
+              174,
+              177,
               158,
+              171,
+              154,
+              168,
+              180,
+              162,
               140,
-              161,
-              179
+              165,
+              183
             ]
           },
           {
             "title": "Methods",
             "children": [
+              264,
+              258,
               260,
-              254,
               256,
-              252,
-              262,
-              264,
               266,
-              269,
-              258,
-              245,
-              271
+              268,
+              270,
+              273,
+              262,
+              249,
+              275
             ]
           }
         ],
         "sources": [
           {
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker.component.ts",
-            "line": 71,
+            "line": 73,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L71"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts#L73"
           }
         ],
         "implementedTypes": [
@@ -2280,7 +2460,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 159,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L159"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L159"
               }
             ],
             "signatures": [
@@ -2295,7 +2475,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 159,
                     "character": 2,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L159"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L159"
                   }
                 ],
                 "parameters": [
@@ -2416,7 +2596,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 136,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L136"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L136"
               }
             ],
             "type": {
@@ -2462,7 +2642,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 129,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L129"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L129"
               }
             ],
             "type": {
@@ -2532,7 +2712,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 115,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L115"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L115"
               }
             ],
             "type": {
@@ -2567,7 +2747,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 122,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L122"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L122"
               }
             ],
             "type": {
@@ -2620,7 +2800,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 105,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L105"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L105"
               }
             ],
             "type": {
@@ -2693,7 +2873,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 63,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L63"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L63"
               }
             ],
             "type": {
@@ -2721,13 +2901,13 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 73,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L73"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L73"
               },
               {
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 82,
                 "character": 13,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L82"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L82"
               }
             ],
             "getSignature": {
@@ -2741,7 +2921,7 @@
                   "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                   "line": 82,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L82"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L82"
                 }
               ],
               "type": {
@@ -2790,7 +2970,7 @@
                   "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                   "line": 73,
                   "character": 13,
-                  "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L73"
+                  "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L73"
                 }
               ],
               "parameters": [
@@ -2830,7 +3010,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 174,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L174"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L174"
               }
             ],
             "signatures": [
@@ -2845,7 +3025,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 174,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L174"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L174"
                   }
                 ],
                 "type": {
@@ -2869,7 +3049,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 283,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L283"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L283"
               }
             ],
             "signatures": [
@@ -2884,7 +3064,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 283,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L283"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L283"
                   }
                 ],
                 "type": {
@@ -2918,7 +3098,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 268,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L268"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L268"
               }
             ],
             "signatures": [
@@ -2933,7 +3113,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 268,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L268"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L268"
                   }
                 ],
                 "type": {
@@ -2967,7 +3147,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 188,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L188"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L188"
               }
             ],
             "signatures": [
@@ -2982,7 +3162,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 188,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L188"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L188"
                   }
                 ],
                 "type": {
@@ -3016,7 +3196,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 181,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L181"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L181"
               }
             ],
             "signatures": [
@@ -3031,7 +3211,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 181,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L181"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L181"
                   }
                 ],
                 "type": {
@@ -3055,7 +3235,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 289,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L289"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L289"
               }
             ],
             "signatures": [
@@ -3070,7 +3250,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 289,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L289"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L289"
                   }
                 ],
                 "type": {
@@ -3104,7 +3284,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 292,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L292"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L292"
               }
             ],
             "signatures": [
@@ -3119,7 +3299,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 292,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L292"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L292"
                   }
                 ],
                 "type": {
@@ -3153,7 +3333,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 295,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L295"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L295"
               }
             ],
             "signatures": [
@@ -3168,7 +3348,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 295,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L295"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L295"
                   }
                 ],
                 "type": {
@@ -3202,7 +3382,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 273,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L273"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L273"
               }
             ],
             "signatures": [
@@ -3217,7 +3397,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 273,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L273"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L273"
                   }
                 ],
                 "type": {
@@ -3241,7 +3421,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 332,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L332"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L332"
               }
             ],
             "signatures": [
@@ -3264,7 +3444,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 332,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L332"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L332"
                   }
                 ],
                 "parameters": [
@@ -3311,7 +3491,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 325,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L325"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L325"
               }
             ],
             "signatures": [
@@ -3326,7 +3506,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 325,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L325"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L325"
                   }
                 ],
                 "type": {
@@ -3365,7 +3545,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
                 "line": 298,
                 "character": 9,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L298"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L298"
               }
             ],
             "signatures": [
@@ -3380,7 +3560,7 @@
                     "fileName": "src/lib/modules/colorpicker/colorpicker-input.directive.ts",
                     "line": 298,
                     "character": 9,
-                    "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L298"
+                    "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L298"
                   }
                 ],
                 "parameters": [
@@ -3462,7 +3642,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/colorpicker-input.directive.ts",
             "line": 53,
             "character": 13,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L53"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker-input.directive.ts#L53"
           }
         ],
         "implementedTypes": [
@@ -3555,7 +3735,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 8,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L8"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L8"
               }
             ],
             "type": {
@@ -3582,7 +3762,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 20,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L20"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L20"
               }
             ],
             "type": {
@@ -3609,7 +3789,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 12,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L12"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L12"
               }
             ],
             "type": {
@@ -3636,7 +3816,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
                 "line": 16,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L16"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L16"
               }
             ],
             "type": {
@@ -3661,7 +3841,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-cmyk.ts",
             "line": 4,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L4"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-cmyk.ts#L4"
           }
         ]
       },
@@ -3699,7 +3879,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 24,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L24"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L24"
               }
             ],
             "type": {
@@ -3726,7 +3906,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L10"
               }
             ],
             "type": {
@@ -3753,7 +3933,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 20,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L20"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L20"
               }
             ],
             "type": {
@@ -3780,7 +3960,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
                 "line": 15,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L15"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L15"
               }
             ],
             "type": {
@@ -3805,7 +3985,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsla.ts",
             "line": 5,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L5"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsla.ts#L5"
           }
         ]
       },
@@ -3843,7 +4023,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 25,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L25"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L25"
               }
             ],
             "type": {
@@ -3870,7 +4050,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L10"
               }
             ],
             "type": {
@@ -3897,7 +4077,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 15,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L15"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L15"
               }
             ],
             "type": {
@@ -3924,7 +4104,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
                 "line": 21,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L21"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L21"
               }
             ],
             "type": {
@@ -3949,7 +4129,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-hsva.ts",
             "line": 5,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L5"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-hsva.ts#L5"
           }
         ]
       },
@@ -3989,7 +4169,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L10"
               }
             ],
             "type": {
@@ -4013,7 +4193,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-message.ts",
             "line": 6,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L6"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-message.ts#L6"
           }
         ]
       },
@@ -4051,7 +4231,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 37,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L37"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L37"
               }
             ],
             "type": {
@@ -4080,7 +4260,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 21,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L21"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L21"
               }
             ],
             "type": {
@@ -4107,7 +4287,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 41,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L41"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L41"
               }
             ],
             "type": {
@@ -4134,7 +4314,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 33,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L33"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L33"
               }
             ],
             "type": {
@@ -4163,7 +4343,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 13,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L13"
               }
             ],
             "type": {
@@ -4190,7 +4370,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 25,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L25"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L25"
               }
             ],
             "type": {
@@ -4219,7 +4399,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 29,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L29"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L29"
               }
             ],
             "type": {
@@ -4248,7 +4428,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
                 "line": 17,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L17"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L17"
               }
             ],
             "type": {
@@ -4277,7 +4457,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-output.ts",
             "line": 9,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L9"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-output.ts#L9"
           }
         ]
       },
@@ -4315,7 +4495,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-result.ts",
                 "line": 10,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L10"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L10"
               }
             ],
             "type": {
@@ -4339,7 +4519,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-result.ts",
             "line": 6,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L6"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-result.ts#L6"
           }
         ]
       },
@@ -4377,7 +4557,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 21,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L21"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L21"
               }
             ],
             "type": {
@@ -4404,7 +4584,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 17,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L17"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L17"
               }
             ],
             "type": {
@@ -4431,7 +4611,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 13,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L13"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L13"
               }
             ],
             "type": {
@@ -4458,7 +4638,7 @@
                 "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
                 "line": 9,
                 "character": 2,
-                "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L9"
+                "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L9"
               }
             ],
             "type": {
@@ -4483,7 +4663,7 @@
             "fileName": "projects/colorpicker/src/modules/colorpicker/types/colorpicker-rgba.ts",
             "line": 5,
             "character": 17,
-            "url": "https://github.com/blackbaud/skyux/blob/5d099f5/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L5"
+            "url": "https://github.com/blackbaud/skyux/blob/c852f86/libs/components/colorpicker/src/lib/modules/colorpicker/types/colorpicker-rgba.ts#L5"
           }
         ]
       }
@@ -4915,55 +5095,55 @@
       },
       "144": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.helpPopoverContent"
+        "qualifiedName": "SkyColorpickerComponent.labelHidden"
       },
       "145": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.helpPopoverTitle"
+        "qualifiedName": "SkyColorpickerComponent.helpKey"
       },
       "146": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.selectedColorChanged"
+        "qualifiedName": "SkyColorpickerComponent.helpPopoverContent"
       },
       "147": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.selectedColorApplied"
+        "qualifiedName": "SkyColorpickerComponent.helpPopoverTitle"
       },
       "148": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.messageStream"
+        "qualifiedName": "SkyColorpickerComponent.hintText"
       },
       "149": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.showResetButton"
+        "qualifiedName": "SkyColorpickerComponent.stacked"
       },
       "150": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.disabled"
+        "qualifiedName": "SkyColorpickerComponent.selectedColorChanged"
       },
       "151": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.disabled"
+        "qualifiedName": "SkyColorpickerComponent.selectedColorApplied"
       },
       "152": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.disabled"
+        "qualifiedName": "SkyColorpickerComponent.messageStream"
       },
       "153": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "value"
+        "qualifiedName": "SkyColorpickerComponent.showResetButton"
       },
       "154": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
+        "qualifiedName": "SkyColorpickerComponent.disabled"
       },
       "155": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
+        "qualifiedName": "SkyColorpickerComponent.disabled"
       },
       "156": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
+        "qualifiedName": "SkyColorpickerComponent.disabled"
       },
       "157": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
@@ -4971,233 +5151,249 @@
       },
       "158": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.hue"
+        "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
       },
       "159": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.hue"
+        "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
       },
       "160": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "change"
+        "qualifiedName": "SkyColorpickerComponent.backgroundColorForDisplay"
       },
       "161": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.red"
+        "qualifiedName": "value"
       },
       "162": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.red"
+        "qualifiedName": "SkyColorpickerComponent.hue"
       },
       "163": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "change"
+        "qualifiedName": "SkyColorpickerComponent.hue"
       },
       "164": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.green"
+        "qualifiedName": "change"
       },
       "165": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.green"
+        "qualifiedName": "SkyColorpickerComponent.red"
       },
       "166": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "change"
+        "qualifiedName": "SkyColorpickerComponent.red"
       },
       "167": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.blue"
+        "qualifiedName": "change"
       },
       "168": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.blue"
+        "qualifiedName": "SkyColorpickerComponent.green"
       },
       "169": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "change"
+        "qualifiedName": "SkyColorpickerComponent.green"
       },
       "170": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.alphaAxis"
+        "qualifiedName": "change"
       },
       "171": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.alphaAxis"
+        "qualifiedName": "SkyColorpickerComponent.blue"
       },
       "172": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "change"
+        "qualifiedName": "SkyColorpickerComponent.blue"
       },
       "173": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.alphaColor"
+        "qualifiedName": "change"
       },
       "174": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.alphaColor"
+        "qualifiedName": "SkyColorpickerComponent.alphaAxis"
       },
       "175": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "change"
+        "qualifiedName": "SkyColorpickerComponent.alphaAxis"
       },
       "176": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.hex"
+        "qualifiedName": "change"
       },
       "177": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.hex"
+        "qualifiedName": "SkyColorpickerComponent.alphaColor"
       },
       "178": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "change"
+        "qualifiedName": "SkyColorpickerComponent.alphaColor"
       },
       "179": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.saturationAndLightness"
+        "qualifiedName": "change"
       },
       "180": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.saturationAndLightness"
+        "qualifiedName": "SkyColorpickerComponent.hex"
       },
       "181": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "value"
+        "qualifiedName": "SkyColorpickerComponent.hex"
       },
       "182": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.skyColorpickerAlphaId"
+        "qualifiedName": "change"
       },
       "183": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.returnFormat"
+        "qualifiedName": "SkyColorpickerComponent.saturationAndLightness"
       },
       "184": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.initialColor"
+        "qualifiedName": "SkyColorpickerComponent.saturationAndLightness"
       },
       "185": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
-        "qualifiedName": "SkyColorpickerComponent.lastAppliedColor"
+        "qualifiedName": "value"
       },
       "186": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "SkyColorpickerComponent.skyColorpickerAlphaId"
+      },
+      "187": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "SkyColorpickerComponent.returnFormat"
+      },
+      "188": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "SkyColorpickerComponent.initialColor"
+      },
+      "189": {
+        "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
+        "qualifiedName": "SkyColorpickerComponent.lastAppliedColor"
+      },
+      "190": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.isVisible"
       },
-      "245": {
+      "249": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.setDialog"
       },
-      "246": {
+      "250": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.setDialog"
       },
-      "247": {
+      "251": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "color"
       },
-      "248": {
+      "252": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "outputFormat"
       },
-      "249": {
+      "253": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "presetColors"
       },
-      "250": {
+      "254": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "alphaChannel"
       },
-      "251": {
+      "255": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "allowTransparency"
       },
-      "252": {
+      "256": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnInit"
       },
-      "253": {
+      "257": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnInit"
       },
-      "254": {
+      "258": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngAfterContentChecked"
       },
-      "255": {
+      "259": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngAfterContentChecked"
       },
-      "256": {
+      "260": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnDestroy"
       },
-      "257": {
+      "261": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.ngOnDestroy"
       },
-      "258": {
+      "262": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onTriggerButtonClick"
       },
-      "259": {
+      "263": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onTriggerButtonClick"
       },
-      "260": {
+      "264": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.closePicker"
       },
-      "261": {
+      "265": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.closePicker"
       },
-      "262": {
+      "266": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onApplyColorClick"
       },
-      "263": {
+      "267": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onApplyColorClick"
       },
-      "264": {
+      "268": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onCancelClick"
       },
-      "265": {
+      "269": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onCancelClick"
       },
-      "266": {
+      "270": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onPresetClick"
       },
-      "267": {
+      "271": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onPresetClick"
       },
-      "268": {
+      "272": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "value"
       },
-      "269": {
+      "273": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onResetClick"
       },
-      "270": {
+      "274": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.onResetClick"
       },
-      "271": {
+      "275": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.updatePickerValues"
       },
-      "272": {
+      "276": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "SkyColorpickerComponent.updatePickerValues"
       },
-      "273": {
+      "277": {
         "sourceFileName": "libs/components/colorpicker/src/lib/modules/colorpicker/colorpicker.component.ts",
         "qualifiedName": "value"
       }
@@ -5207,12 +5403,12 @@
     {
       "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';\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"
+      "rawContents": "import { Component, inject } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  FormsModule,\n  ReactiveFormsModule,\n  ValidationErrors,\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 favoriteColor: FormControl<string | null>;\n  protected formGroup: FormGroup;\n  protected showResetButton = false;\n\n  constructor() {\n    this.favoriteColor = new FormControl('#f00', [\n      (control: AbstractControl): ValidationErrors | null => {\n        if (control.value?.rgba?.alpha < 0.8) {\n          return { opaque: true };\n        }\n\n        return null;\n      },\n    ]);\n\n    this.formGroup = inject(FormBuilder).group({\n      favoriteColor: this.favoriteColor,\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\" [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"
+      "rawContents": "<form class=\"sky-margin-stacked-xxl\" [formGroup]=\"formGroup\">\n  <sky-colorpicker\n    labelText=\"What is your favorite color?\"\n    hintText=\"Pick a color with at least 80% opacity.\"\n    [messageStream]=\"colorpickerController\"\n    [showResetButton]=\"showResetButton\"\n    [stacked]=\"true\"\n    #colorPicker\n  >\n    <input\n      formControlName=\"favoriteColor\"\n      type=\"text\"\n      [skyColorpickerInput]=\"colorPicker\"\n    />\n    <sky-form-error\n      *ngIf=\"favoriteColor.errors?.['opaque']\"\n      errorName=\"opaque\"\n      errorText=\"Color must have at least 80% opacity.\"\n    />\n  </sky-colorpicker>\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",
@@ -5222,7 +5418,7 @@
     {
       "fileName": "demo.component.html",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/basic/demo.component.html",
-      "rawContents": "<form [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-form-error\n        *ngIf=\"favoriteColor.errors?.['opaque']\"\n        errorName=\"opaque\"\n        errorText=\"Color must have at least 80% opacity.\"\n      />\n    </sky-colorpicker>\n  </div>\n\n  <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Submit</button>\n</form>\n"
+      "rawContents": "<form [formGroup]=\"formGroup\" (ngSubmit)=\"submit()\">\n  <sky-colorpicker\n    labelText=\"What is your favorite color?\"\n    hintText=\"Pick a color with at least 80% opacity.\"\n    [stacked]=\"true\"\n    (selectedColorChanged)=\"onSelectedColorChanged($event)\"\n    #colorPicker\n  >\n    <input\n      formControlName=\"favoriteColor\"\n      type=\"text\"\n      [presetColors]=\"swatches\"\n      [skyColorpickerInput]=\"colorPicker\"\n    />\n    <sky-form-error\n      *ngIf=\"favoriteColor.errors?.['opaque']\"\n      errorName=\"opaque\"\n      errorText=\"Color must have at least 80% opacity.\"\n    />\n  </sky-colorpicker>\n\n  <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Submit</button>\n</form>\n"
     }
   ],
   "codeExampleDependencies": {
@@ -5239,17 +5435,17 @@
       "@angular/router": "17.3.4",
       "@blackbaud/skyux-design-tokens": "0.0.28",
       "@schematics/angular": "17.3.2",
-      "@skyux-sdk/testing": "10.28.0",
-      "@skyux/assets": "10.28.0",
-      "@skyux/colorpicker": "10.28.0",
-      "@skyux/core": "10.28.0",
-      "@skyux/forms": "10.28.0",
-      "@skyux/help-inline": "10.28.0",
-      "@skyux/i18n": "10.28.0",
-      "@skyux/icons": "7.1.0",
-      "@skyux/indicators": "10.28.0",
-      "@skyux/popovers": "10.28.0",
-      "@skyux/theme": "10.28.0",
+      "@skyux-sdk/testing": "10.30.0",
+      "@skyux/assets": "10.30.0",
+      "@skyux/colorpicker": "10.30.0",
+      "@skyux/core": "10.30.0",
+      "@skyux/forms": "10.30.0",
+      "@skyux/help-inline": "10.30.0",
+      "@skyux/i18n": "10.30.0",
+      "@skyux/icons": "7.2.0",
+      "@skyux/indicators": "10.30.0",
+      "@skyux/popovers": "10.30.0",
+      "@skyux/theme": "10.30.0",
       "axe-core": "4.9.0",
       "cross-spawn": "7.0.3",
       "fontfaceobserver": "2.3.0",
@@ -5272,17 +5468,17 @@
       "@angular/router": "17.3.4",
       "@blackbaud/skyux-design-tokens": "0.0.28",
       "@schematics/angular": "17.3.2",
-      "@skyux-sdk/testing": "10.28.0",
-      "@skyux/assets": "10.28.0",
-      "@skyux/colorpicker": "10.28.0",
-      "@skyux/core": "10.28.0",
-      "@skyux/forms": "10.28.0",
-      "@skyux/help-inline": "10.28.0",
-      "@skyux/i18n": "10.28.0",
-      "@skyux/icons": "7.1.0",
-      "@skyux/indicators": "10.28.0",
-      "@skyux/popovers": "10.28.0",
-      "@skyux/theme": "10.28.0",
+      "@skyux-sdk/testing": "10.30.0",
+      "@skyux/assets": "10.30.0",
+      "@skyux/colorpicker": "10.30.0",
+      "@skyux/core": "10.30.0",
+      "@skyux/forms": "10.30.0",
+      "@skyux/help-inline": "10.30.0",
+      "@skyux/i18n": "10.30.0",
+      "@skyux/icons": "7.2.0",
+      "@skyux/indicators": "10.30.0",
+      "@skyux/popovers": "10.30.0",
+      "@skyux/theme": "10.30.0",
       "axe-core": "4.9.0",
       "cross-spawn": "7.0.3",
       "fontfaceobserver": "2.3.0",