@skyux/colorpicker 7.0.0 → 7.1.0

package/documentation.json

@@ -3388,7 +3388,7 @@
     {
       "fileName": "colorpicker-demo.component.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/basic/colorpicker-demo.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n} from '@angular/forms';\nimport { SkyColorpickerOutput } from '@skyux/colorpicker';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent implements OnInit {\n  public reactiveForm: UntypedFormGroup;\n\n  public swatches: string[] = [\n    '#BD4040',\n    '#617FC2',\n    '#60AC68',\n    '#3486BA',\n    '#E87134',\n    '#DA9C9C',\n  ];\n\n  constructor(private formBuilder: UntypedFormBuilder) {}\n\n  public ngOnInit(): void {\n    this.createForm();\n  }\n\n  public onSelectedColorChanged(args: SkyColorpickerOutput): void {\n    console.log('Reactive form color changed:', args);\n  }\n\n  public submit(): void {\n    const controlValue = this.reactiveForm.get('favoriteColor').value;\n    const favoriteColor: string = controlValue.hex || controlValue;\n    alert('Your favorite color is: \\n' + favoriteColor);\n  }\n\n  private createForm(): void {\n    this.reactiveForm = this.formBuilder.group({\n      favoriteColor: new UntypedFormControl('#f00'),\n    });\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n} from '@angular/forms';\nimport { SkyColorpickerOutput } from '@skyux/colorpicker';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent {\n  public reactiveForm: UntypedFormGroup;\n\n  public swatches: string[] = [\n    '#BD4040',\n    '#617FC2',\n    '#60AC68',\n    '#3486BA',\n    '#E87134',\n    '#DA9C9C',\n  ];\n\n  constructor(formBuilder: UntypedFormBuilder) {\n    this.reactiveForm = formBuilder.group({\n      favoriteColor: new UntypedFormControl('#f00'),\n    });\n  }\n\n  public onSelectedColorChanged(args: SkyColorpickerOutput): void {\n    console.log('Reactive form color changed:', args);\n  }\n\n  public submit(): void {\n    const controlValue = this.reactiveForm.get('favoriteColor')?.value;\n    const favoriteColor: string = controlValue.hex || controlValue;\n    alert('Your favorite color is: \\n' + favoriteColor);\n  }\n}\n"
     },
     {
       "fileName": "colorpicker-demo.module.ts",
@@ -3398,12 +3398,12 @@
     {
       "fileName": "colorpicker-demo.component.html",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/programmatic/colorpicker-demo.component.html",
-      "rawContents": "<sky-colorpicker\n  [messageStream]=\"colorpickerController\"\n  [showResetButton]=\"showResetButton\"\n  #colorPicker\n>\n  <input [skyColorpickerInput]=\"colorPicker\" [(ngModel)]=\"model\" />\n</sky-colorpicker>\n\n<p>\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-primary sky-margin-inline-sm\"\n    (click)=\"openColorpicker()\"\n  >\n    Open colorpicker\n  </button>\n\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    (click)=\"resetColorpicker()\"\n  >\n    Reset colorpicker\n  </button>\n\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    (click)=\"toggleResetButton()\"\n  >\n    Toggle reset button\n  </button>\n</p>\n"
+      "rawContents": "<sky-colorpicker\n  [messageStream]=\"colorpickerController\"\n  [showResetButton]=\"showResetButton\"\n  #colorPicker\n>\n  <input [skyColorpickerInput]=\"colorPicker\" />\n</sky-colorpicker>\n\n<p>\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-primary sky-margin-inline-sm\"\n    (click)=\"openColorpicker()\"\n  >\n    Open colorpicker\n  </button>\n\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    (click)=\"resetColorpicker()\"\n  >\n    Reset colorpicker\n  </button>\n\n  <button\n    type=\"button\"\n    class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n    (click)=\"toggleResetButton()\"\n  >\n    Toggle reset button\n  </button>\n</p>\n"
     },
     {
       "fileName": "colorpicker-demo.component.ts",
       "filePath": "/projects/colorpicker/documentation/code-examples/colorpicker/programmatic/colorpicker-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport {\n  SkyColorpickerMessage,\n  SkyColorpickerMessageType,\n} from '@skyux/colorpicker';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent {\n  public colorpickerController: Subject<SkyColorpickerMessage> =\n    new Subject<SkyColorpickerMessage>();\n\n  public model: any;\n\n  public showResetButton = false;\n\n  public openColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Open);\n  }\n\n  public resetColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Reset);\n  }\n\n  public toggleResetButton(): void {\n    this.sendMessage(SkyColorpickerMessageType.ToggleResetButton);\n  }\n\n  private sendMessage(type: SkyColorpickerMessageType): void {\n    const message: SkyColorpickerMessage = { type };\n    this.colorpickerController.next(message);\n  }\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  SkyColorpickerMessage,\n  SkyColorpickerMessageType,\n} from '@skyux/colorpicker';\n\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'app-colorpicker-demo',\n  templateUrl: './colorpicker-demo.component.html',\n})\nexport class ColorpickerDemoComponent {\n  public colorpickerController: Subject<SkyColorpickerMessage> =\n    new Subject<SkyColorpickerMessage>();\n\n  public showResetButton = false;\n\n  public openColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Open);\n  }\n\n  public resetColorpicker(): void {\n    this.sendMessage(SkyColorpickerMessageType.Reset);\n  }\n\n  public toggleResetButton(): void {\n    this.sendMessage(SkyColorpickerMessageType.ToggleResetButton);\n  }\n\n  private sendMessage(type: SkyColorpickerMessageType): void {\n    const message: SkyColorpickerMessage = { type };\n    this.colorpickerController.next(message);\n  }\n}\n"
     },
     {
       "fileName": "colorpicker-demo.module.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/colorpicker",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -44,12 +44,12 @@
     "@angular/core": "^14.2.11",
     "@angular/forms": "^14.2.11",
     "@angular/platform-browser": "^14.2.11",
-    "@skyux-sdk/testing": "7.0.0",
-    "@skyux/core": "7.0.0",
-    "@skyux/forms": "7.0.0",
-    "@skyux/i18n": "7.0.0",
-    "@skyux/indicators": "7.0.0",
-    "@skyux/theme": "7.0.0"
+    "@skyux-sdk/testing": "7.1.0",
+    "@skyux/core": "7.1.0",
+    "@skyux/forms": "7.1.0",
+    "@skyux/i18n": "7.1.0",
+    "@skyux/indicators": "7.1.0",
+    "@skyux/theme": "7.1.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"