chartjs-plugin-autocolors 0.0.6 → 0.0.8

package/README.md

@@ -2,6 +2,8 @@
 
 *Automatic color generation for [Chart.js](https://www.chartjs.org)*
 
+![GitHub Workflow Status](https://img.shields.io/github/workflow/status/kurkle/chartjs-plugin-autocolors/CI)
+
 The generation is based on Janus Troelsen's answer at [Stack Overflow](https://stackoverflow.com/a/13781114/10359775).
 
 This plugin requires Chart.js 3.0.0 or later. Could work with v2, but it is not supported.
@@ -17,7 +19,7 @@ This plugin requires Chart.js 3.0.0 or later. Could work with v2, but it is not
 NPM:
 
 ```bash
-npm i --save-dev chartjs-plugin-autocolors
+npm i --save chartjs-plugin-autocolors
 ```
 
 CDN:
@@ -80,6 +82,8 @@ const chart = new Chart(ctx, {
 
 ### Mode
 
+**NOTE:** `'dataset'` mode does not work properly for **Pie / Doughnut** charts, so using `'data'` mode with those charts is advised.
+
 There are two modes, `'dataset'` (default) and `'data'`
 
 - In `'dataset'` mode, a new color is picked for each dataset.
@@ -142,6 +146,24 @@ const chart = new Chart(ctx, {
 });
 ```
 
+### Repeat
+
+Sometimes you might need to color multiple adjacent datasets with same color. The `repeat` option is for that use case.
+
+
+```js
+const chart = new Chart(ctx, {
+  // ...
+  options: {
+    plugins: {
+      autocolors: {
+        repeat: 2
+      }
+    }
+  }
+});
+```
+
 ## Browser compatibility
 
 This plugin uses a generator function, so it is not compatible with Internet Explorer.

package/dist/chartjs-plugin-autocolors.esm.js

@@ -1,11 +1,11 @@
 /*!
- * chartjs-plugin-autocolors v0.0.6
+ * chartjs-plugin-autocolors v0.0.8
  * https://github.com/kurkle/chartjs-plugin-autocolors#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
  */
 /*!
- * @kurkle/color v0.2.1
+ * @kurkle/color v0.3.0
  * https://github.com/kurkle/color#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
@@ -52,14 +52,18 @@ function* hueGen() {
   }
 }
 
-function* colorGen() {
+function* colorGen(repeat = 1) {
   const hue = hueGen();
   let h = hue.next();
   while (!h.done) {
     let rgb = hsv2rgb(Math.round(h.value * 360), 0.6, 0.8);
-    yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    for (let i = 0; i < repeat; i++) {
+      yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    }
     rgb = hsv2rgb(Math.round(h.value * 360), 0.6, 0.5);
-    yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    for (let i = 0; i < repeat; i++) {
+      yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    }
     h = hue.next();
   }
 }
@@ -80,16 +84,18 @@ function getNext(color, customize, context) {
 var index = {
   id: 'autocolors',
   beforeUpdate(chart, args, options) {
-    const {mode = 'dataset', enabled = true, customize} = options;
+    const {mode = 'dataset', enabled = true, customize, repeat} = options;
 
     if (!enabled) {
       return;
     }
 
-    const color = colorGen();
-    if (options.offset) {
-      for (let i = 0; i < options.offset; i++) {
-        color.next();
+    if (!chart._autocolor) {
+      chart._autocolor = colorGen(repeat);
+      if (options.offset) {
+        for (let i = 0; i < options.offset; i++) {
+          chart._autocolor.next();
+        }
       }
     }
 
@@ -98,13 +104,13 @@ var index = {
         continue;
       }
       if (mode === 'dataset') {
-        const c = getNext(color, customize, {chart, datasetIndex: dataset.index});
+        const c = getNext(chart._autocolor, customize, {chart, datasetIndex: dataset.index});
         setColors(dataset, c.background, c.border);
       } else {
         const background = [];
         const border = [];
         for (let i = 0; i < dataset.data.length; i++) {
-          const c = getNext(color, customize, {chart, datasetIndex: dataset.index, dataIndex: i});
+          const c = getNext(chart._autocolor, customize, {chart, datasetIndex: dataset.index, dataIndex: i});
           background.push(c.background);
           border.push(c.border);
         }

package/dist/chartjs-plugin-autocolors.js

@@ -1,5 +1,5 @@
 /*!
- * chartjs-plugin-autocolors v0.0.6
+ * chartjs-plugin-autocolors v0.0.8
  * https://github.com/kurkle/chartjs-plugin-autocolors#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
@@ -11,7 +11,7 @@ typeof define === 'function' && define.amd ? define(factory) :
 })(this, (function () { 'use strict';
 
 /*!
- * @kurkle/color v0.2.1
+ * @kurkle/color v0.3.0
  * https://github.com/kurkle/color#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
@@ -58,14 +58,18 @@ function* hueGen() {
   }
 }
 
-function* colorGen() {
+function* colorGen(repeat = 1) {
   const hue = hueGen();
   let h = hue.next();
   while (!h.done) {
     let rgb = hsv2rgb(Math.round(h.value * 360), 0.6, 0.8);
-    yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    for (let i = 0; i < repeat; i++) {
+      yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    }
     rgb = hsv2rgb(Math.round(h.value * 360), 0.6, 0.5);
-    yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    for (let i = 0; i < repeat; i++) {
+      yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};
+    }
     h = hue.next();
   }
 }
@@ -86,16 +90,18 @@ function getNext(color, customize, context) {
 var index = {
   id: 'autocolors',
   beforeUpdate(chart, args, options) {
-    const {mode = 'dataset', enabled = true, customize} = options;
+    const {mode = 'dataset', enabled = true, customize, repeat} = options;
 
     if (!enabled) {
       return;
     }
 
-    const color = colorGen();
-    if (options.offset) {
-      for (let i = 0; i < options.offset; i++) {
-        color.next();
+    if (!chart._autocolor) {
+      chart._autocolor = colorGen(repeat);
+      if (options.offset) {
+        for (let i = 0; i < options.offset; i++) {
+          chart._autocolor.next();
+        }
       }
     }
 
@@ -104,13 +110,13 @@ var index = {
         continue;
       }
       if (mode === 'dataset') {
-        const c = getNext(color, customize, {chart, datasetIndex: dataset.index});
+        const c = getNext(chart._autocolor, customize, {chart, datasetIndex: dataset.index});
         setColors(dataset, c.background, c.border);
       } else {
         const background = [];
         const border = [];
         for (let i = 0; i < dataset.data.length; i++) {
-          const c = getNext(color, customize, {chart, datasetIndex: dataset.index, dataIndex: i});
+          const c = getNext(chart._autocolor, customize, {chart, datasetIndex: dataset.index, dataIndex: i});
           background.push(c.background);
           border.push(c.border);
         }

package/dist/chartjs-plugin-autocolors.min.js

@@ -1,14 +1,14 @@
 /*!
- * chartjs-plugin-autocolors v0.0.6
+ * chartjs-plugin-autocolors v0.0.8
  * https://github.com/kurkle/chartjs-plugin-autocolors#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
  */
 !function(o,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(o="undefined"!=typeof globalThis?globalThis:o||self)["chartjs-plugin-autocolors"]=t()}(this,(function(){"use strict";
 /*!
- * @kurkle/color v0.2.1
+ * @kurkle/color v0.3.0
  * https://github.com/kurkle/color#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
- */function o(o){return o+.5|0}const t=(o,t,n)=>Math.max(Math.min(o,n),t);function n(n){return t(o(255*n),0,255)}function e(o,t,n){const e=(e,r=(e+o/60)%6)=>n-n*t*Math.max(Math.min(r,4-r,1),0);return[e(5),e(3),e(1)]}function r(o,t,r){return a=e,d=o,u=t,c=r,(Array.isArray(d)?a(d[0],d[1],d[2]):a(d,u,c)).map(n);var a,d,u,c}function a(n){return n&&(n.a<255?`rgba(${n.r}, ${n.g}, ${n.b}, ${function(n){return t(o(n/2.55)/100,0,1)}(n.a)})`:`rgb(${n.r}, ${n.g}, ${n.b})`)}function d(o,t,n){o.backgroundColor=o.backgroundColor||t,o.borderColor=o.borderColor||n}function u(o,t,n){const e=o.next().value;return"function"==typeof t?t(Object.assign({colors:e},n)):e}return{id:"autocolors",beforeUpdate(o,t,n){const{mode:e="dataset",enabled:c=!0,customize:f}=n;if(!c)return;const i=function*(){const o=function*(){yield 0;for(let o=1;o<10;o++){const t=1<<o;for(let o=1;o<=t;o+=2)yield o/t}}();let t=o.next();for(;!t.done;){let n=r(Math.round(360*t.value),.6,.8);yield{background:a({r:n[0],g:n[1],b:n[2],a:192}),border:a({r:n[0],g:n[1],b:n[2],a:144})},n=r(Math.round(360*t.value),.6,.5),yield{background:a({r:n[0],g:n[1],b:n[2],a:192}),border:a({r:n[0],g:n[1],b:n[2],a:144})},t=o.next()}}();if(n.offset)for(let o=0;o<n.offset;o++)i.next();for(const t of o.data.datasets)if(!t.backgroundColor||!t.borderColor)if("dataset"===e){const n=u(i,f,{chart:o,datasetIndex:t.index});d(t,n.background,n.border)}else{const n=[],e=[];for(let r=0;r<t.data.length;r++){const a=u(i,f,{chart:o,datasetIndex:t.index,dataIndex:r});n.push(a.background),e.push(a.border)}d(t,n,e)}}}}));
+ */function o(o){return o+.5|0}const t=(o,t,e)=>Math.max(Math.min(o,e),t);function e(e){return t(o(255*e),0,255)}function r(o,t,e){const r=(r,n=(r+o/60)%6)=>e-e*t*Math.max(Math.min(n,4-n,1),0);return[r(5),r(3),r(1)]}function n(o,t,n){return a=r,u=o,d=t,c=n,(Array.isArray(u)?a(u[0],u[1],u[2]):a(u,d,c)).map(e);var a,u,d,c}function a(e){return e&&(e.a<255?`rgba(${e.r}, ${e.g}, ${e.b}, ${function(e){return t(o(e/2.55)/100,0,1)}(e.a)})`:`rgb(${e.r}, ${e.g}, ${e.b})`)}function u(o,t,e){o.backgroundColor=o.backgroundColor||t,o.borderColor=o.borderColor||e}function d(o,t,e){const r=o.next().value;return"function"==typeof t?t(Object.assign({colors:r},e)):r}return{id:"autocolors",beforeUpdate(o,t,e){const{mode:r="dataset",enabled:c=!0,customize:f,repeat:i}=e;if(c){if(!o._autocolor&&(o._autocolor=function*(o=1){const t=function*(){yield 0;for(let o=1;o<10;o++){const t=1<<o;for(let o=1;o<=t;o+=2)yield o/t}}();let e=t.next();for(;!e.done;){let r=n(Math.round(360*e.value),.6,.8);for(let t=0;t<o;t++)yield{background:a({r:r[0],g:r[1],b:r[2],a:192}),border:a({r:r[0],g:r[1],b:r[2],a:144})};r=n(Math.round(360*e.value),.6,.5);for(let t=0;t<o;t++)yield{background:a({r:r[0],g:r[1],b:r[2],a:192}),border:a({r:r[0],g:r[1],b:r[2],a:144})};e=t.next()}}(i),e.offset))for(let t=0;t<e.offset;t++)o._autocolor.next();for(const t of o.data.datasets)if(!t.backgroundColor||!t.borderColor)if("dataset"===r){const e=d(o._autocolor,f,{chart:o,datasetIndex:t.index});u(t,e.background,e.border)}else{const e=[],r=[];for(let n=0;n<t.data.length;n++){const a=d(o._autocolor,f,{chart:o,datasetIndex:t.index,dataIndex:n});e.push(a.background),r.push(a.border)}u(t,e,r)}}}}}));
 //# sourceMappingURL=chartjs-plugin-autocolors.min.js.map

package/dist/chartjs-plugin-autocolors.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartjs-plugin-autocolors.min.js","sources":["../node_modules/@kurkle/color/dist/color.esm.js","../src/index.js"],"sourcesContent":["/*!\n * @kurkle/color v0.3.0\n * https://github.com/kurkle/color#readme\n * (c) 2022 Jukka Kurkela\n * Released under the MIT License\n */\nfunction round(v) {\n  return v + 0.5 | 0;\n}\nconst lim = (v, l, h) => Math.max(Math.min(v, h), l);\nfunction p2b(v) {\n  return lim(round(v * 2.55), 0, 255);\n}\nfunction b2p(v) {\n  return lim(round(v / 2.55), 0, 100);\n}\nfunction n2b(v) {\n  return lim(round(v * 255), 0, 255);\n}\nfunction b2n(v) {\n  return lim(round(v / 2.55) / 100, 0, 1);\n}\nfunction n2p(v) {\n  return lim(round(v * 100), 0, 100);\n}\n\nconst map$1 = {0: 0, 1: 1, 2: 2, 3: 3, 4: 4, 5: 5, 6: 6, 7: 7, 8: 8, 9: 9, A: 10, B: 11, C: 12, D: 13, E: 14, F: 15, a: 10, b: 11, c: 12, d: 13, e: 14, f: 15};\nconst hex = [...'0123456789ABCDEF'];\nconst h1 = b => hex[b & 0xF];\nconst h2 = b => hex[(b & 0xF0) >> 4] + hex[b & 0xF];\nconst eq = b => ((b & 0xF0) >> 4) === (b & 0xF);\nconst isShort = v => eq(v.r) && eq(v.g) && eq(v.b) && eq(v.a);\nfunction hexParse(str) {\n  var len = str.length;\n  var ret;\n  if (str[0] === '#') {\n    if (len === 4 || len === 5) {\n      ret = {\n        r: 255 & map$1[str[1]] * 17,\n        g: 255 & map$1[str[2]] * 17,\n        b: 255 & map$1[str[3]] * 17,\n        a: len === 5 ? map$1[str[4]] * 17 : 255\n      };\n    } else if (len === 7 || len === 9) {\n      ret = {\n        r: map$1[str[1]] << 4 | map$1[str[2]],\n        g: map$1[str[3]] << 4 | map$1[str[4]],\n        b: map$1[str[5]] << 4 | map$1[str[6]],\n        a: len === 9 ? (map$1[str[7]] << 4 | map$1[str[8]]) : 255\n      };\n    }\n  }\n  return ret;\n}\nconst alpha = (a, f) => a < 255 ? f(a) : '';\nfunction hexString(v) {\n  var f = isShort(v) ? h1 : h2;\n  return v\n    ? '#' + f(v.r) + f(v.g) + f(v.b) + alpha(v.a, f)\n    : undefined;\n}\n\nconst HUE_RE = /^(hsla?|hwb|hsv)\\(\\s*([-+.e\\d]+)(?:deg)?[\\s,]+([-+.e\\d]+)%[\\s,]+([-+.e\\d]+)%(?:[\\s,]+([-+.e\\d]+)(%)?)?\\s*\\)$/;\nfunction hsl2rgbn(h, s, l) {\n  const a = s * Math.min(l, 1 - l);\n  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n  return [f(0), f(8), f(4)];\n}\nfunction hsv2rgbn(h, s, v) {\n  const f = (n, k = (n + h / 60) % 6) => v - v * s * Math.max(Math.min(k, 4 - k, 1), 0);\n  return [f(5), f(3), f(1)];\n}\nfunction hwb2rgbn(h, w, b) {\n  const rgb = hsl2rgbn(h, 1, 0.5);\n  let i;\n  if (w + b > 1) {\n    i = 1 / (w + b);\n    w *= i;\n    b *= i;\n  }\n  for (i = 0; i < 3; i++) {\n    rgb[i] *= 1 - w - b;\n    rgb[i] += w;\n  }\n  return rgb;\n}\nfunction hueValue(r, g, b, d, max) {\n  if (r === max) {\n    return ((g - b) / d) + (g < b ? 6 : 0);\n  }\n  if (g === max) {\n    return (b - r) / d + 2;\n  }\n  return (r - g) / d + 4;\n}\nfunction rgb2hsl(v) {\n  const range = 255;\n  const r = v.r / range;\n  const g = v.g / range;\n  const b = v.b / range;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  let h, s, d;\n  if (max !== min) {\n    d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    h = hueValue(r, g, b, d, max);\n    h = h * 60 + 0.5;\n  }\n  return [h | 0, s || 0, l];\n}\nfunction calln(f, a, b, c) {\n  return (\n    Array.isArray(a)\n      ? f(a[0], a[1], a[2])\n      : f(a, b, c)\n  ).map(n2b);\n}\nfunction hsl2rgb(h, s, l) {\n  return calln(hsl2rgbn, h, s, l);\n}\nfunction hwb2rgb(h, w, b) {\n  return calln(hwb2rgbn, h, w, b);\n}\nfunction hsv2rgb(h, s, v) {\n  return calln(hsv2rgbn, h, s, v);\n}\nfunction hue(h) {\n  return (h % 360 + 360) % 360;\n}\nfunction hueParse(str) {\n  const m = HUE_RE.exec(str);\n  let a = 255;\n  let v;\n  if (!m) {\n    return;\n  }\n  if (m[5] !== v) {\n    a = m[6] ? p2b(+m[5]) : n2b(+m[5]);\n  }\n  const h = hue(+m[2]);\n  const p1 = +m[3] / 100;\n  const p2 = +m[4] / 100;\n  if (m[1] === 'hwb') {\n    v = hwb2rgb(h, p1, p2);\n  } else if (m[1] === 'hsv') {\n    v = hsv2rgb(h, p1, p2);\n  } else {\n    v = hsl2rgb(h, p1, p2);\n  }\n  return {\n    r: v[0],\n    g: v[1],\n    b: v[2],\n    a: a\n  };\n}\nfunction rotate(v, deg) {\n  var h = rgb2hsl(v);\n  h[0] = hue(h[0] + deg);\n  h = hsl2rgb(h);\n  v.r = h[0];\n  v.g = h[1];\n  v.b = h[2];\n}\nfunction hslString(v) {\n  if (!v) {\n    return;\n  }\n  const a = rgb2hsl(v);\n  const h = a[0];\n  const s = n2p(a[1]);\n  const l = n2p(a[2]);\n  return v.a < 255\n    ? `hsla(${h}, ${s}%, ${l}%, ${b2n(v.a)})`\n    : `hsl(${h}, ${s}%, ${l}%)`;\n}\n\nconst map = {\n  x: 'dark',\n  Z: 'light',\n  Y: 're',\n  X: 'blu',\n  W: 'gr',\n  V: 'medium',\n  U: 'slate',\n  A: 'ee',\n  T: 'ol',\n  S: 'or',\n  B: 'ra',\n  C: 'lateg',\n  D: 'ights',\n  R: 'in',\n  Q: 'turquois',\n  E: 'hi',\n  P: 'ro',\n  O: 'al',\n  N: 'le',\n  M: 'de',\n  L: 'yello',\n  F: 'en',\n  K: 'ch',\n  G: 'arks',\n  H: 'ea',\n  I: 'ightg',\n  J: 'wh'\n};\nconst names$1 = {\n  OiceXe: 'f0f8ff',\n  antiquewEte: 'faebd7',\n  aqua: 'ffff',\n  aquamarRe: '7fffd4',\n  azuY: 'f0ffff',\n  beige: 'f5f5dc',\n  bisque: 'ffe4c4',\n  black: '0',\n  blanKedOmond: 'ffebcd',\n  Xe: 'ff',\n  XeviTet: '8a2be2',\n  bPwn: 'a52a2a',\n  burlywood: 'deb887',\n  caMtXe: '5f9ea0',\n  KartYuse: '7fff00',\n  KocTate: 'd2691e',\n  cSO: 'ff7f50',\n  cSnflowerXe: '6495ed',\n  cSnsilk: 'fff8dc',\n  crimson: 'dc143c',\n  cyan: 'ffff',\n  xXe: '8b',\n  xcyan: '8b8b',\n  xgTMnPd: 'b8860b',\n  xWay: 'a9a9a9',\n  xgYF: '6400',\n  xgYy: 'a9a9a9',\n  xkhaki: 'bdb76b',\n  xmagFta: '8b008b',\n  xTivegYF: '556b2f',\n  xSange: 'ff8c00',\n  xScEd: '9932cc',\n  xYd: '8b0000',\n  xsOmon: 'e9967a',\n  xsHgYF: '8fbc8f',\n  xUXe: '483d8b',\n  xUWay: '2f4f4f',\n  xUgYy: '2f4f4f',\n  xQe: 'ced1',\n  xviTet: '9400d3',\n  dAppRk: 'ff1493',\n  dApskyXe: 'bfff',\n  dimWay: '696969',\n  dimgYy: '696969',\n  dodgerXe: '1e90ff',\n  fiYbrick: 'b22222',\n  flSOwEte: 'fffaf0',\n  foYstWAn: '228b22',\n  fuKsia: 'ff00ff',\n  gaRsbSo: 'dcdcdc',\n  ghostwEte: 'f8f8ff',\n  gTd: 'ffd700',\n  gTMnPd: 'daa520',\n  Way: '808080',\n  gYF: '8000',\n  gYFLw: 'adff2f',\n  gYy: '808080',\n  honeyMw: 'f0fff0',\n  hotpRk: 'ff69b4',\n  RdianYd: 'cd5c5c',\n  Rdigo: '4b0082',\n  ivSy: 'fffff0',\n  khaki: 'f0e68c',\n  lavFMr: 'e6e6fa',\n  lavFMrXsh: 'fff0f5',\n  lawngYF: '7cfc00',\n  NmoncEffon: 'fffacd',\n  ZXe: 'add8e6',\n  ZcSO: 'f08080',\n  Zcyan: 'e0ffff',\n  ZgTMnPdLw: 'fafad2',\n  ZWay: 'd3d3d3',\n  ZgYF: '90ee90',\n  ZgYy: 'd3d3d3',\n  ZpRk: 'ffb6c1',\n  ZsOmon: 'ffa07a',\n  ZsHgYF: '20b2aa',\n  ZskyXe: '87cefa',\n  ZUWay: '778899',\n  ZUgYy: '778899',\n  ZstAlXe: 'b0c4de',\n  ZLw: 'ffffe0',\n  lime: 'ff00',\n  limegYF: '32cd32',\n  lRF: 'faf0e6',\n  magFta: 'ff00ff',\n  maPon: '800000',\n  VaquamarRe: '66cdaa',\n  VXe: 'cd',\n  VScEd: 'ba55d3',\n  VpurpN: '9370db',\n  VsHgYF: '3cb371',\n  VUXe: '7b68ee',\n  VsprRggYF: 'fa9a',\n  VQe: '48d1cc',\n  VviTetYd: 'c71585',\n  midnightXe: '191970',\n  mRtcYam: 'f5fffa',\n  mistyPse: 'ffe4e1',\n  moccasR: 'ffe4b5',\n  navajowEte: 'ffdead',\n  navy: '80',\n  Tdlace: 'fdf5e6',\n  Tive: '808000',\n  TivedBb: '6b8e23',\n  Sange: 'ffa500',\n  SangeYd: 'ff4500',\n  ScEd: 'da70d6',\n  pOegTMnPd: 'eee8aa',\n  pOegYF: '98fb98',\n  pOeQe: 'afeeee',\n  pOeviTetYd: 'db7093',\n  papayawEp: 'ffefd5',\n  pHKpuff: 'ffdab9',\n  peru: 'cd853f',\n  pRk: 'ffc0cb',\n  plum: 'dda0dd',\n  powMrXe: 'b0e0e6',\n  purpN: '800080',\n  YbeccapurpN: '663399',\n  Yd: 'ff0000',\n  Psybrown: 'bc8f8f',\n  PyOXe: '4169e1',\n  saddNbPwn: '8b4513',\n  sOmon: 'fa8072',\n  sandybPwn: 'f4a460',\n  sHgYF: '2e8b57',\n  sHshell: 'fff5ee',\n  siFna: 'a0522d',\n  silver: 'c0c0c0',\n  skyXe: '87ceeb',\n  UXe: '6a5acd',\n  UWay: '708090',\n  UgYy: '708090',\n  snow: 'fffafa',\n  sprRggYF: 'ff7f',\n  stAlXe: '4682b4',\n  tan: 'd2b48c',\n  teO: '8080',\n  tEstN: 'd8bfd8',\n  tomato: 'ff6347',\n  Qe: '40e0d0',\n  viTet: 'ee82ee',\n  JHt: 'f5deb3',\n  wEte: 'ffffff',\n  wEtesmoke: 'f5f5f5',\n  Lw: 'ffff00',\n  LwgYF: '9acd32'\n};\nfunction unpack() {\n  const unpacked = {};\n  const keys = Object.keys(names$1);\n  const tkeys = Object.keys(map);\n  let i, j, k, ok, nk;\n  for (i = 0; i < keys.length; i++) {\n    ok = nk = keys[i];\n    for (j = 0; j < tkeys.length; j++) {\n      k = tkeys[j];\n      nk = nk.replace(k, map[k]);\n    }\n    k = parseInt(names$1[ok], 16);\n    unpacked[nk] = [k >> 16 & 0xFF, k >> 8 & 0xFF, k & 0xFF];\n  }\n  return unpacked;\n}\n\nlet names;\nfunction nameParse(str) {\n  if (!names) {\n    names = unpack();\n    names.transparent = [0, 0, 0, 0];\n  }\n  const a = names[str.toLowerCase()];\n  return a && {\n    r: a[0],\n    g: a[1],\n    b: a[2],\n    a: a.length === 4 ? a[3] : 255\n  };\n}\n\nconst RGB_RE = /^rgba?\\(\\s*([-+.\\d]+)(%)?[\\s,]+([-+.e\\d]+)(%)?[\\s,]+([-+.e\\d]+)(%)?(?:[\\s,/]+([-+.e\\d]+)(%)?)?\\s*\\)$/;\nfunction rgbParse(str) {\n  const m = RGB_RE.exec(str);\n  let a = 255;\n  let r, g, b;\n  if (!m) {\n    return;\n  }\n  if (m[7] !== r) {\n    const v = +m[7];\n    a = m[8] ? p2b(v) : lim(v * 255, 0, 255);\n  }\n  r = +m[1];\n  g = +m[3];\n  b = +m[5];\n  r = 255 & (m[2] ? p2b(r) : lim(r, 0, 255));\n  g = 255 & (m[4] ? p2b(g) : lim(g, 0, 255));\n  b = 255 & (m[6] ? p2b(b) : lim(b, 0, 255));\n  return {\n    r: r,\n    g: g,\n    b: b,\n    a: a\n  };\n}\nfunction rgbString(v) {\n  return v && (\n    v.a < 255\n      ? `rgba(${v.r}, ${v.g}, ${v.b}, ${b2n(v.a)})`\n      : `rgb(${v.r}, ${v.g}, ${v.b})`\n  );\n}\n\nconst to = v => v <= 0.0031308 ? v * 12.92 : Math.pow(v, 1.0 / 2.4) * 1.055 - 0.055;\nconst from = v => v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\nfunction interpolate(rgb1, rgb2, t) {\n  const r = from(b2n(rgb1.r));\n  const g = from(b2n(rgb1.g));\n  const b = from(b2n(rgb1.b));\n  return {\n    r: n2b(to(r + t * (from(b2n(rgb2.r)) - r))),\n    g: n2b(to(g + t * (from(b2n(rgb2.g)) - g))),\n    b: n2b(to(b + t * (from(b2n(rgb2.b)) - b))),\n    a: rgb1.a + t * (rgb2.a - rgb1.a)\n  };\n}\n\nfunction modHSL(v, i, ratio) {\n  if (v) {\n    let tmp = rgb2hsl(v);\n    tmp[i] = Math.max(0, Math.min(tmp[i] + tmp[i] * ratio, i === 0 ? 360 : 1));\n    tmp = hsl2rgb(tmp);\n    v.r = tmp[0];\n    v.g = tmp[1];\n    v.b = tmp[2];\n  }\n}\nfunction clone(v, proto) {\n  return v ? Object.assign(proto || {}, v) : v;\n}\nfunction fromObject(input) {\n  var v = {r: 0, g: 0, b: 0, a: 255};\n  if (Array.isArray(input)) {\n    if (input.length >= 3) {\n      v = {r: input[0], g: input[1], b: input[2], a: 255};\n      if (input.length > 3) {\n        v.a = n2b(input[3]);\n      }\n    }\n  } else {\n    v = clone(input, {r: 0, g: 0, b: 0, a: 1});\n    v.a = n2b(v.a);\n  }\n  return v;\n}\nfunction functionParse(str) {\n  if (str.charAt(0) === 'r') {\n    return rgbParse(str);\n  }\n  return hueParse(str);\n}\nclass Color {\n  constructor(input) {\n    if (input instanceof Color) {\n      return input;\n    }\n    const type = typeof input;\n    let v;\n    if (type === 'object') {\n      v = fromObject(input);\n    } else if (type === 'string') {\n      v = hexParse(input) || nameParse(input) || functionParse(input);\n    }\n    this._rgb = v;\n    this._valid = !!v;\n  }\n  get valid() {\n    return this._valid;\n  }\n  get rgb() {\n    var v = clone(this._rgb);\n    if (v) {\n      v.a = b2n(v.a);\n    }\n    return v;\n  }\n  set rgb(obj) {\n    this._rgb = fromObject(obj);\n  }\n  rgbString() {\n    return this._valid ? rgbString(this._rgb) : undefined;\n  }\n  hexString() {\n    return this._valid ? hexString(this._rgb) : undefined;\n  }\n  hslString() {\n    return this._valid ? hslString(this._rgb) : undefined;\n  }\n  mix(color, weight) {\n    if (color) {\n      const c1 = this.rgb;\n      const c2 = color.rgb;\n      let w2;\n      const p = weight === w2 ? 0.5 : weight;\n      const w = 2 * p - 1;\n      const a = c1.a - c2.a;\n      const w1 = ((w * a === -1 ? w : (w + a) / (1 + w * a)) + 1) / 2.0;\n      w2 = 1 - w1;\n      c1.r = 0xFF & w1 * c1.r + w2 * c2.r + 0.5;\n      c1.g = 0xFF & w1 * c1.g + w2 * c2.g + 0.5;\n      c1.b = 0xFF & w1 * c1.b + w2 * c2.b + 0.5;\n      c1.a = p * c1.a + (1 - p) * c2.a;\n      this.rgb = c1;\n    }\n    return this;\n  }\n  interpolate(color, t) {\n    if (color) {\n      this._rgb = interpolate(this._rgb, color._rgb, t);\n    }\n    return this;\n  }\n  clone() {\n    return new Color(this.rgb);\n  }\n  alpha(a) {\n    this._rgb.a = n2b(a);\n    return this;\n  }\n  clearer(ratio) {\n    const rgb = this._rgb;\n    rgb.a *= 1 - ratio;\n    return this;\n  }\n  greyscale() {\n    const rgb = this._rgb;\n    const val = round(rgb.r * 0.3 + rgb.g * 0.59 + rgb.b * 0.11);\n    rgb.r = rgb.g = rgb.b = val;\n    return this;\n  }\n  opaquer(ratio) {\n    const rgb = this._rgb;\n    rgb.a *= 1 + ratio;\n    return this;\n  }\n  negate() {\n    const v = this._rgb;\n    v.r = 255 - v.r;\n    v.g = 255 - v.g;\n    v.b = 255 - v.b;\n    return this;\n  }\n  lighten(ratio) {\n    modHSL(this._rgb, 2, ratio);\n    return this;\n  }\n  darken(ratio) {\n    modHSL(this._rgb, 2, -ratio);\n    return this;\n  }\n  saturate(ratio) {\n    modHSL(this._rgb, 1, ratio);\n    return this;\n  }\n  desaturate(ratio) {\n    modHSL(this._rgb, 1, -ratio);\n    return this;\n  }\n  rotate(deg) {\n    rotate(this._rgb, deg);\n    return this;\n  }\n}\n\nfunction index_esm(input) {\n  return new Color(input);\n}\n\nexport { Color, b2n, b2p, index_esm as default, hexParse, hexString, hsl2rgb, hslString, hsv2rgb, hueParse, hwb2rgb, lim, n2b, n2p, nameParse, p2b, rgb2hsl, rgbParse, rgbString, rotate, round };\n","import {hsv2rgb, rgbString} from '@kurkle/color';\n\nfunction* hueGen() {\n  yield 0;\n  for (let i = 1; i < 10; i++) {\n    const d = 1 << i;\n    for (let j = 1; j <= d; j += 2) {\n      yield j / d;\n    }\n  }\n}\n\nfunction* colorGen(repeat = 1) {\n  const hue = hueGen();\n  let h = hue.next();\n  while (!h.done) {\n    let rgb = hsv2rgb(Math.round(h.value * 360), 0.6, 0.8);\n    for (let i = 0; i < repeat; i++) {\n      yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};\n    }\n    rgb = hsv2rgb(Math.round(h.value * 360), 0.6, 0.5);\n    for (let i = 0; i < repeat; i++) {\n      yield {background: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 192}), border: rgbString({r: rgb[0], g: rgb[1], b: rgb[2], a: 144})};\n    }\n    h = hue.next();\n  }\n}\n\nfunction setColors(dataset, background, border) {\n  dataset.backgroundColor = dataset.backgroundColor || background;\n  dataset.borderColor = dataset.borderColor || border;\n}\n\nfunction getNext(color, customize, context) {\n  const c = color.next().value;\n  if (typeof customize === 'function') {\n    return customize(Object.assign({colors: c}, context));\n  }\n  return c;\n}\n\nexport default {\n  id: 'autocolors',\n  beforeUpdate(chart, args, options) {\n    const {mode = 'dataset', enabled = true, customize, repeat} = options;\n\n    if (!enabled) {\n      return;\n    }\n\n    if (!chart._autocolor) {\n      chart._autocolor = colorGen(repeat);\n      if (options.offset) {\n        for (let i = 0; i < options.offset; i++) {\n          chart._autocolor.next();\n        }\n      }\n    }\n\n    for (const dataset of chart.data.datasets) {\n      if (dataset.backgroundColor && dataset.borderColor) {\n        continue;\n      }\n      if (mode === 'dataset') {\n        const c = getNext(chart._autocolor, customize, {chart, datasetIndex: dataset.index});\n        setColors(dataset, c.background, c.border);\n      } else {\n        const background = [];\n        const border = [];\n        for (let i = 0; i < dataset.data.length; i++) {\n          const c = getNext(chart._autocolor, customize, {chart, datasetIndex: dataset.index, dataIndex: i});\n          background.push(c.background);\n          border.push(c.border);\n        }\n        setColors(dataset, background, border);\n      }\n    }\n  }\n};\n"],"names":["round","v","lim","l","h","Math","max","min","n2b","hsv2rgbn","s","f","n","k","hsv2rgb","a","b","c","Array","isArray","map","rgbString","r","g","b2n","setColors","dataset","background","border","backgroundColor","borderColor","getNext","color","customize","context","next","value","Object","assign","colors","id","beforeUpdate","chart","args","options","mode","enabled","repeat","_autocolor","hue","i","d","j","hueGen","done","rgb","colorGen","offset","data","datasets","datasetIndex","index","length","dataIndex","push"],"mappings":"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"}

package/package.json

@@ -1,19 +1,25 @@
 {
   "name": "chartjs-plugin-autocolors",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "Automatic color generation for Chart.js",
-  "main": "dist/chartjs-plugin-autocolors.js",
-  "module": "dist/chartjs-plugin-autocolors.esm.js",
+  "type": "module",
+  "main": "dist/chartjs-plugin-autocolors.esm.js",
+  "jsdelivr": "dist/dist/chartjs-plugin-autocolors.min.js",
+  "unpkg": "dist/dist/chartjs-plugin-autocolors.min.js",
+  "exports": {
+    ".": "./dist/chartjs-plugin-autocolors.esm.js"
+  },
   "scripts": {
     "build": "rollup -c",
-    "lint": "eslint samples/**/*.html samples/**/*.js src/**/*.js **/*.md"
+    "lint": "eslint samples/**/*.html samples/**/*.js src/**/*.js **/*.md",
+    "test": "npm run lint"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/kurkle/chartjs-plugin-autocolors.git"
   },
   "files": [
-    "dist/*.js"
+    "dist/*"
   ],
   "keywords": [
     "chart.js",
@@ -30,14 +36,17 @@
   },
   "homepage": "https://github.com/kurkle/chartjs-plugin-autocolors#readme",
   "devDependencies": {
-    "@kurkle/color": "^0.2.1",
-    "@rollup/plugin-node-resolve": "^13.0.4",
-    "eslint": "^8.17.0",
+    "@kurkle/color": "^0.3.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-terser": "^0.1.0",
+    "eslint": "^8.29.0",
     "eslint-config-chartjs": "^0.3.0",
     "eslint-plugin-es": "^4.1.0",
-    "eslint-plugin-html": "^6.1.2",
-    "eslint-plugin-markdown": "^2.2.0",
-    "rollup": "^2.33.2",
-    "rollup-plugin-terser": "^7.0.2"
+    "eslint-plugin-html": "^7.1.0",
+    "eslint-plugin-markdown": "^3.0.0",
+    "rollup": "^3.7.0"
+  },
+  "peerDependencies": {
+    "chart.js": "^4.0.1"
   }
 }