v3.0.1

3.0.1 (2021-11-04)

Bug Fixes

• clicking color space not emitting color (c68ea8a), closes #13

v3.0.0

3.0.0 (2021-03-21)

chore

• types: remove VueAccessibleColorPicker namespace (696814f)
• change default format to HSL (2d746bc)

Features

• improve color prop parsing (8b74dbd)

BREAKING CHANGES

• types: Removes the VueAccessibleColorPicker namespace from types.
• Changes the default color format from 'rgb' to 'hsl'. To upgrade without changing this in your application, you can pass 'rgb' to the defaultFormat prop.
• Updates browser support on account of using Object.fromEntries. Most notably, Edge using the EdgeHTML engine and Safari versions before 12.2 are no longer supported. Please refer to the README.md file for the complete list.

v2.1.0

2.1.0 (2021-03-21)

Features

• set different default format via prop (4291e05)

v2.0.0

2.0.0 (2021-01-17)

Features

• migrate to Vue.js version 3 (26b8eb2)

BREAKING CHANGES

• Migrates this package to use and be compatible with Vue.js 3. Upcoming versions of this package therefor no longer support Vue.js 2. Use the new application instance APIs to register components via app.component. The README.md file was updated to take these changes into account. Detailed instructions on the the general migration process to Vue.js 3 can be found in the Vue 3 migration guide.
• Deprecates global component registration via side effect.
• Renames type SupportedColorFormat to ColorFormat.
• Removes type ColorChannel because it’s not a useful type.

Adds the vue package (vue@^3.x) as a peer dependency.

Removes some tests from index.test.js because they were testing the behavior of Vue.js itself rather than that of the index.js file.

v1.1.2

1.1.2 (2020-12-20)

Bug Fixes

• package: bundle dist files (9b15741)

  Fixes the dist files missing from the published npm package. It seems that the files field in the package.json must not contain paths that start with ./.

v1.1.1

1.1.1 (2020-12-20)

Note: This version cannot be used. Use version 1.1.2 instead.

Due to an issue with the package.json file’s files field, version 1.1.1 does not include the dist files in the published npm package. The issue was fixed in 9b15741 and a new version of the package was released.

Bug Fixes

• package: add exports and module fields to package.json (5a9eda3)

  Adds the “exports” and “module” fields to the package.json file. Their values refer to the package’s main entry point (i.e. ./dist/vue-accessible-color-picker.js).

v1.1.0

1.1.0 (2020-12-19)

Note: This version cannot be used. Use version 1.1.2 instead.

Due to an issue with the package.json file’s files field, version 1.1.0 does not include the dist files in the published npm package. The issue was fixed in 9b15741 and a new version of the package was released.

Features

• types: add basic type definitions (37b425e)

  Adds type definitions file index.d.ts within the types directory and moves existing JSDoc-based type definitions into this file.

  Points the types field in the package.json file to the newly added type definition file and adds it to the bundled package files.

  Configures the project to check JavaScript for TypeScript errors via a jsconfig.json file in the project’s root directory.

  Adds type annotations to several parts of the codebase.

v1.0.1

1.0.1 (2020-07-26)

Bug Fixes

• import: safe-guard Vue.use call (b4b829a)

  Adds an additional check to the index.js side effect that causes Vue.use only to be called when it is a function.

v1.0.0

vue-accessible-color-picker

… is an accessible color picker component for Vue.js.

It comes with a color space representation in the form of an HSV cylinder’s hue slice. You can control a color’s saturation and lightness by moving around the thumb on the color space. The hue and alpha channel can be controlled via two range inputs. The numerical values that make up the selected color are shown in text fields. The text fields are shown based on what’s selected as the active format. Currently, four formats are available: HEX, HSL, HSV, and RGB. Finally, the selected color can be copied. The copied color will be a valid CSS color string the active format.

The color picker is available in two variants: styled and unstyled. For both variants, a dedicated bundle can be found in the dist directory.