chartjs-plugin-autocolors 0.0.6 → 0.0.7

package/README.md

@@ -17,7 +17,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:

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

@@ -1,5 +1,5 @@
 /*!
- * chartjs-plugin-autocolors v0.0.6
+ * chartjs-plugin-autocolors v0.0.7
  * https://github.com/kurkle/chartjs-plugin-autocolors#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
@@ -86,10 +86,12 @@ var index = {
       return;
     }
 
-    const color = colorGen();
-    if (options.offset) {
-      for (let i = 0; i < options.offset; i++) {
-        color.next();
+    if (!chart._autocolor) {
+      chart._autocolor = colorGen();
+      if (options.offset) {
+        for (let i = 0; i < options.offset; i++) {
+          chart._autocolor.next();
+        }
       }
     }
 
@@ -98,13 +100,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.7
  * https://github.com/kurkle/chartjs-plugin-autocolors#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
@@ -92,10 +92,12 @@ var index = {
       return;
     }
 
-    const color = colorGen();
-    if (options.offset) {
-      for (let i = 0; i < options.offset; i++) {
-        color.next();
+    if (!chart._autocolor) {
+      chart._autocolor = colorGen();
+      if (options.offset) {
+        for (let i = 0; i < options.offset; i++) {
+          chart._autocolor.next();
+        }
       }
     }
 
@@ -104,13 +106,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,5 +1,5 @@
 /*!
- * chartjs-plugin-autocolors v0.0.6
+ * chartjs-plugin-autocolors v0.0.7
  * https://github.com/kurkle/chartjs-plugin-autocolors#readme
  * (c) 2022 Jukka Kurkela
  * Released under the MIT License
@@ -10,5 +10,5 @@
  * 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,r)=>Math.max(Math.min(o,r),t);function r(r){return t(o(255*r),0,255)}function e(o,t,r){const e=(e,n=(e+o/60)%6)=>r-r*t*Math.max(Math.min(n,4-n,1),0);return[e(5),e(3),e(1)]}function n(o,t,n){return a=e,u=o,d=t,c=n,(Array.isArray(u)?a(u[0],u[1],u[2]):a(u,d,c)).map(r);var a,u,d,c}function a(r){return r&&(r.a<255?`rgba(${r.r}, ${r.g}, ${r.b}, ${function(r){return t(o(r/2.55)/100,0,1)}(r.a)})`:`rgb(${r.r}, ${r.g}, ${r.b})`)}function u(o,t,r){o.backgroundColor=o.backgroundColor||t,o.borderColor=o.borderColor||r}function d(o,t,r){const e=o.next().value;return"function"==typeof t?t(Object.assign({colors:e},r)):e}return{id:"autocolors",beforeUpdate(o,t,r){const{mode:e="dataset",enabled:c=!0,customize:f}=r;if(c){if(!o._autocolor&&(o._autocolor=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 r=n(Math.round(360*t.value),.6,.8);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*t.value),.6,.5),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})},t=o.next()}}(),r.offset))for(let t=0;t<r.offset;t++)o._autocolor.next();for(const t of o.data.datasets)if(!t.backgroundColor||!t.borderColor)if("dataset"===e){const r=d(o._autocolor,f,{chart:o,datasetIndex:t.index});u(t,r.background,r.border)}else{const r=[],e=[];for(let n=0;n<t.data.length;n++){const a=d(o._autocolor,f,{chart:o,datasetIndex:t.index,dataIndex:n});r.push(a.background),e.push(a.border)}u(t,r,e)}}}}}));
 //# sourceMappingURL=chartjs-plugin-autocolors.min.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chartjs-plugin-autocolors",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Automatic color generation for Chart.js",
   "main": "dist/chartjs-plugin-autocolors.js",
   "module": "dist/chartjs-plugin-autocolors.esm.js",
@@ -31,12 +31,12 @@
   "homepage": "https://github.com/kurkle/chartjs-plugin-autocolors#readme",
   "devDependencies": {
     "@kurkle/color": "^0.2.1",
-    "@rollup/plugin-node-resolve": "^13.0.4",
+    "@rollup/plugin-node-resolve": "^14.1.0",
     "eslint": "^8.17.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",
+    "eslint-plugin-html": "^7.1.0",
+    "eslint-plugin-markdown": "^3.0.0",
     "rollup": "^2.33.2",
     "rollup-plugin-terser": "^7.0.2"
   }