chartjs-chart-matrix 1.2.1 → 2.0.0

package/README.md

@@ -1,6 +1,6 @@
 # chartjs-chart-matrix
 
-[Chart.js](https://www.chartjs.org/) **v3.0.0** module for creating matrix charts
+[Chart.js](https://www.chartjs.org/) **v3+, v4+** module for creating matrix charts
 
 [![npm](https://img.shields.io/npm/v/chartjs-chart-matrix.svg)](https://www.npmjs.com/package/chartjs-chart-matrix)
 [![release](https://img.shields.io/github/release/kurkle/chartjs-chart-matrix.svg?style=flat-square)](https://github.com/kurkle/chartjs-chart-matrix/releases/latest)
@@ -15,7 +15,7 @@
 
 ## Documentation
 
-You can find documentation for chartjs-chart-treemap at [https://chartjs-chart-matrix.pages.dev/](https://chartjs-chart-matrix.pages.dev/).
+You can find documentation for chartjs-chart-matrix at [https://chartjs-chart-matrix.pages.dev/](https://chartjs-chart-matrix.pages.dev/).
 
 ## Quickstart
 

package/dist/chartjs-chart-matrix.esm.js

@@ -1,15 +1,47 @@
 /*!
- * chartjs-chart-matrix v1.2.1
+ * chartjs-chart-matrix v2.0.0
  * https://chartjs-chart-matrix.pages.dev/
- * (c) 2022 Jukka Kurkela
+ * (c) 2023 Jukka Kurkela
  * Released under the MIT license
  */
 import { DatasetController, Element } from 'chart.js';
 import { toTRBLCorners, addRoundedRectPath, isObject } from 'chart.js/helpers';
 
-var version = "1.2.1";
+var version = "2.0.0";
 
 class MatrixController extends DatasetController {
+
+  static id = 'matrix';
+  static version = version;
+
+  static defaults = {
+    dataElementType: 'matrix',
+
+    animations: {
+      numbers: {
+        type: 'number',
+        properties: ['x', 'y', 'width', 'height']
+      }
+    },
+  };
+
+  static overrides = {
+    interaction: {
+      mode: 'nearest',
+      intersect: true
+    },
+    scales: {
+      x: {
+        type: 'linear',
+        offset: true
+      },
+      y: {
+        type: 'linear',
+        reverse: true
+      }
+    },
+  };
+
   initialize() {
     this.enableOptionSharing = true;
     super.initialize();
@@ -79,39 +111,6 @@ function resolveY(anchorY, y, height) {
   return y - height / 2;
 }
 
-MatrixController.id = 'matrix';
-
-MatrixController.version = version;
-
-MatrixController.defaults = {
-  dataElementType: 'matrix',
-
-  animations: {
-    numbers: {
-      type: 'number',
-      properties: ['x', 'y', 'width', 'height']
-    }
-  },
-};
-
-MatrixController.overrides = {
-  interaction: {
-    mode: 'nearest',
-    intersect: true
-  },
-
-  scales: {
-    x: {
-      type: 'linear',
-      offset: true
-    },
-    y: {
-      type: 'linear',
-      reverse: true
-    }
-  },
-};
-
 /**
  * Helper function to get the bounds of the rect
  * @param {MatrixElement} rect the rect
@@ -182,6 +181,20 @@ function inRange(rect, x, y, useFinalPosition) {
 }
 
 class MatrixElement extends Element {
+
+  static id = 'matrix';
+
+  static defaults = {
+    backgroundColor: undefined,
+    borderColor: undefined,
+    borderWidth: undefined,
+    borderRadius: 0,
+    anchorX: 'center',
+    anchorY: 'center',
+    width: 20,
+    height: 20
+  };
+
   constructor(cfg) {
     super();
 
@@ -248,16 +261,4 @@ class MatrixElement extends Element {
   }
 }
 
-MatrixElement.id = 'matrix';
-MatrixElement.defaults = {
-  backgroundColor: undefined,
-  borderColor: undefined,
-  borderWidth: undefined,
-  borderRadius: 0,
-  anchorX: 'center',
-  anchorY: 'center',
-  width: 20,
-  height: 20
-};
-
 export { MatrixController, MatrixElement };

package/dist/chartjs-chart-matrix.js

@@ -1,7 +1,7 @@
 /*!
- * chartjs-chart-matrix v1.2.1
+ * chartjs-chart-matrix v2.0.0
  * https://chartjs-chart-matrix.pages.dev/
- * (c) 2022 Jukka Kurkela
+ * (c) 2023 Jukka Kurkela
  * Released under the MIT license
  */
 (function (global, factory) {
@@ -10,13 +10,41 @@ typeof define === 'function' && define.amd ? define(['chart.js', 'chart.js/helpe
 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Chart, global.Chart.helpers));
 })(this, (function (Chart, helpers) { 'use strict';
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+var version = "2.0.0";
 
-var Chart__default = /*#__PURE__*/_interopDefaultLegacy(Chart);
+class MatrixController extends Chart.DatasetController {
 
-var version = "1.2.1";
+  static id = 'matrix';
+  static version = version;
+
+  static defaults = {
+    dataElementType: 'matrix',
+
+    animations: {
+      numbers: {
+        type: 'number',
+        properties: ['x', 'y', 'width', 'height']
+      }
+    },
+  };
+
+  static overrides = {
+    interaction: {
+      mode: 'nearest',
+      intersect: true
+    },
+    scales: {
+      x: {
+        type: 'linear',
+        offset: true
+      },
+      y: {
+        type: 'linear',
+        reverse: true
+      }
+    },
+  };
 
-class MatrixController extends Chart.DatasetController {
   initialize() {
     this.enableOptionSharing = true;
     super.initialize();
@@ -86,39 +114,6 @@ function resolveY(anchorY, y, height) {
   return y - height / 2;
 }
 
-MatrixController.id = 'matrix';
-
-MatrixController.version = version;
-
-MatrixController.defaults = {
-  dataElementType: 'matrix',
-
-  animations: {
-    numbers: {
-      type: 'number',
-      properties: ['x', 'y', 'width', 'height']
-    }
-  },
-};
-
-MatrixController.overrides = {
-  interaction: {
-    mode: 'nearest',
-    intersect: true
-  },
-
-  scales: {
-    x: {
-      type: 'linear',
-      offset: true
-    },
-    y: {
-      type: 'linear',
-      reverse: true
-    }
-  },
-};
-
 /**
  * Helper function to get the bounds of the rect
  * @param {MatrixElement} rect the rect
@@ -189,6 +184,20 @@ function inRange(rect, x, y, useFinalPosition) {
 }
 
 class MatrixElement extends Chart.Element {
+
+  static id = 'matrix';
+
+  static defaults = {
+    backgroundColor: undefined,
+    borderColor: undefined,
+    borderWidth: undefined,
+    borderRadius: 0,
+    anchorX: 'center',
+    anchorY: 'center',
+    width: 20,
+    height: 20
+  };
+
   constructor(cfg) {
     super();
 
@@ -255,18 +264,6 @@ class MatrixElement extends Chart.Element {
   }
 }
 
-MatrixElement.id = 'matrix';
-MatrixElement.defaults = {
-  backgroundColor: undefined,
-  borderColor: undefined,
-  borderWidth: undefined,
-  borderRadius: 0,
-  anchorX: 'center',
-  anchorY: 'center',
-  width: 20,
-  height: 20
-};
-
-Chart__default["default"].register(MatrixController, MatrixElement);
+Chart.register(MatrixController, MatrixElement);
 
 }));

package/dist/chartjs-chart-matrix.min.js

@@ -1,8 +1,8 @@
 /*!
- * chartjs-chart-matrix v1.2.1
+ * chartjs-chart-matrix v2.0.0
  * https://chartjs-chart-matrix.pages.dev/
- * (c) 2022 Jukka Kurkela
+ * (c) 2023 Jukka Kurkela
  * Released under the MIT license
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("chart.js"),require("chart.js/helpers")):"function"==typeof define&&define.amd?define(["chart.js","chart.js/helpers"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Chart,t.Chart.helpers)}(this,(function(t,e){"use strict";function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var r=i(t);class n extends t.DatasetController{initialize(){this.enableOptionSharing=!0,super.initialize()}update(t){const e=this._cachedMeta;this.updateElements(e.data,0,e.data.length,t)}updateElements(t,e,i,r){const n=this,s="reset"===r,{xScale:h,yScale:d}=n._cachedMeta,l=n.resolveDataElementOptions(e,r),u=n.getSharedOptions(r,t[e],l);for(let l=e;l<e+i;l++){const e=!s&&n.getParsed(l),i=s?h.getBasePixel():h.getPixelForValue(e.x),u=s?d.getBasePixel():d.getPixelForValue(e.y),c=n.resolveDataElementOptions(l,r),{width:f,height:g,anchorX:p,anchorY:x}=c,y={x:o(p,i,f),y:a(x,u,g),width:f,height:g,options:c};n.updateElement(t[l],l,y,r)}n.updateSharedOptions(u,r)}draw(){const t=this,e=t.getMeta().data||[];let i,r;for(i=0,r=e.length;i<r;++i)e[i].draw(t._ctx)}}function o(t,e,i){return"left"===t||"start"===t?e:"right"===t||"end"===t?e-i:e-i/2}function a(t,e,i){return"top"===t||"start"===t?e:"bottom"===t||"end"===t?e-i:e-i/2}function s(t,e){const{x:i,y:r,width:n,height:o}=t.getProps(["x","y","width","height"],e);return{left:i,top:r,right:i+n,bottom:r+o}}function h(t,e,i){return Math.max(Math.min(t,i),e)}function d(t){const i=s(t),r=i.right-i.left,n=i.bottom-i.top,o=function(t,i,r){const n=t.options.borderWidth;let o,a,s,d;return e.isObject(n)?(o=+n.top||0,a=+n.right||0,s=+n.bottom||0,d=+n.left||0):o=a=s=d=+n||0,{t:h(o,0,r),r:h(a,0,i),b:h(s,0,r),l:h(d,0,i)}}(t,r/2,n/2);return{outer:{x:i.left,y:i.top,w:r,h:n},inner:{x:i.left+o.l,y:i.top+o.t,w:r-o.l-o.r,h:n-o.t-o.b}}}function l(t,e,i,r){const n=null===e,o=null===i,a=!(!t||n&&o)&&s(t,r);return a&&(n||e>=a.left&&e<=a.right)&&(o||i>=a.top&&i<=a.bottom)}n.id="matrix",n.version="1.2.1",n.defaults={dataElementType:"matrix",animations:{numbers:{type:"number",properties:["x","y","width","height"]}}},n.overrides={interaction:{mode:"nearest",intersect:!0},scales:{x:{type:"linear",offset:!0},y:{type:"linear",reverse:!0}}};class u extends t.Element{constructor(t){super(),this.options=void 0,this.width=void 0,this.height=void 0,t&&Object.assign(this,t)}draw(t){const i=this.options,{inner:r,outer:n}=d(this),o=e.toTRBLCorners(i.borderRadius);t.save(),n.w!==r.w||n.h!==r.h?(t.beginPath(),e.addRoundedRectPath(t,{x:n.x,y:n.y,w:n.w,h:n.h,radius:o}),e.addRoundedRectPath(t,{x:r.x,y:r.y,w:r.w,h:r.h,radius:o}),t.fillStyle=i.backgroundColor,t.fill(),t.fillStyle=i.borderColor,t.fill("evenodd")):(t.beginPath(),e.addRoundedRectPath(t,{x:r.x,y:r.y,w:r.w,h:r.h,radius:o}),t.fillStyle=i.backgroundColor,t.fill()),t.restore()}inRange(t,e,i){return l(this,t,e,i)}inXRange(t,e){return l(this,t,null,e)}inYRange(t,e){return l(this,null,t,e)}getCenterPoint(t){const{x:e,y:i,width:r,height:n}=this.getProps(["x","y","width","height"],t);return{x:e+r/2,y:i+n/2}}tooltipPosition(){return this.getCenterPoint()}getRange(t){return"x"===t?this.width/2:this.height/2}}u.id="matrix",u.defaults={backgroundColor:void 0,borderColor:void 0,borderWidth:void 0,borderRadius:0,anchorX:"center",anchorY:"center",width:20,height:20},r.default.register(n,u)}));
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("chart.js"),require("chart.js/helpers")):"function"==typeof define&&define.amd?define(["chart.js","chart.js/helpers"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Chart,t.Chart.helpers)}(this,(function(t,e){"use strict";class i extends t.DatasetController{static id="matrix";static version="2.0.0";static defaults={dataElementType:"matrix",animations:{numbers:{type:"number",properties:["x","y","width","height"]}}};static overrides={interaction:{mode:"nearest",intersect:!0},scales:{x:{type:"linear",offset:!0},y:{type:"linear",reverse:!0}}};initialize(){this.enableOptionSharing=!0,super.initialize()}update(t){const e=this._cachedMeta;this.updateElements(e.data,0,e.data.length,t)}updateElements(t,e,i,o){const s=this,a="reset"===o,{xScale:h,yScale:d}=s._cachedMeta,l=s.resolveDataElementOptions(e,o),c=s.getSharedOptions(o,t[e],l);for(let l=e;l<e+i;l++){const e=!a&&s.getParsed(l),i=a?h.getBasePixel():h.getPixelForValue(e.x),c=a?d.getBasePixel():d.getPixelForValue(e.y),u=s.resolveDataElementOptions(l,o),{width:g,height:p,anchorX:f,anchorY:x}=u,y={x:r(f,i,g),y:n(x,c,p),width:g,height:p,options:u};s.updateElement(t[l],l,y,o)}s.updateSharedOptions(c,o)}draw(){const t=this,e=t.getMeta().data||[];let i,r;for(i=0,r=e.length;i<r;++i)e[i].draw(t._ctx)}}function r(t,e,i){return"left"===t||"start"===t?e:"right"===t||"end"===t?e-i:e-i/2}function n(t,e,i){return"top"===t||"start"===t?e:"bottom"===t||"end"===t?e-i:e-i/2}function o(t,e){const{x:i,y:r,width:n,height:o}=t.getProps(["x","y","width","height"],e);return{left:i,top:r,right:i+n,bottom:r+o}}function s(t,e,i){return Math.max(Math.min(t,i),e)}function a(t){const i=o(t),r=i.right-i.left,n=i.bottom-i.top,a=function(t,i,r){const n=t.options.borderWidth;let o,a,h,d;return e.isObject(n)?(o=+n.top||0,a=+n.right||0,h=+n.bottom||0,d=+n.left||0):o=a=h=d=+n||0,{t:s(o,0,r),r:s(a,0,i),b:s(h,0,r),l:s(d,0,i)}}(t,r/2,n/2);return{outer:{x:i.left,y:i.top,w:r,h:n},inner:{x:i.left+a.l,y:i.top+a.t,w:r-a.l-a.r,h:n-a.t-a.b}}}function h(t,e,i,r){const n=null===e,s=null===i,a=!(!t||n&&s)&&o(t,r);return a&&(n||e>=a.left&&e<=a.right)&&(s||i>=a.top&&i<=a.bottom)}class d extends t.Element{static id="matrix";static defaults={backgroundColor:void 0,borderColor:void 0,borderWidth:void 0,borderRadius:0,anchorX:"center",anchorY:"center",width:20,height:20};constructor(t){super(),this.options=void 0,this.width=void 0,this.height=void 0,t&&Object.assign(this,t)}draw(t){const i=this.options,{inner:r,outer:n}=a(this),o=e.toTRBLCorners(i.borderRadius);t.save(),n.w!==r.w||n.h!==r.h?(t.beginPath(),e.addRoundedRectPath(t,{x:n.x,y:n.y,w:n.w,h:n.h,radius:o}),e.addRoundedRectPath(t,{x:r.x,y:r.y,w:r.w,h:r.h,radius:o}),t.fillStyle=i.backgroundColor,t.fill(),t.fillStyle=i.borderColor,t.fill("evenodd")):(t.beginPath(),e.addRoundedRectPath(t,{x:r.x,y:r.y,w:r.w,h:r.h,radius:o}),t.fillStyle=i.backgroundColor,t.fill()),t.restore()}inRange(t,e,i){return h(this,t,e,i)}inXRange(t,e){return h(this,t,null,e)}inYRange(t,e){return h(this,null,t,e)}getCenterPoint(t){const{x:e,y:i,width:r,height:n}=this.getProps(["x","y","width","height"],t);return{x:e+r/2,y:i+n/2}}tooltipPosition(){return this.getCenterPoint()}getRange(t){return"x"===t?this.width/2:this.height/2}}t.register(i,d)}));
 //# sourceMappingURL=chartjs-chart-matrix.min.js.map

package/dist/chartjs-chart-matrix.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"chartjs-chart-matrix.min.js","sources":["../src/controller.js","../src/element.js","../src/index.js"],"sourcesContent":["import {DatasetController} from 'chart.js';\nimport {version} from '../package.json';\n\nexport default class MatrixController extends DatasetController {\n  initialize() {\n    this.enableOptionSharing = true;\n    super.initialize();\n  }\n\n  update(mode) {\n    const me = this;\n    const meta = me._cachedMeta;\n\n    me.updateElements(meta.data, 0, meta.data.length, mode);\n  }\n\n  updateElements(rects, start, count, mode) {\n    const me = this;\n    const reset = mode === 'reset';\n    const {xScale, yScale} = me._cachedMeta;\n    const firstOpts = me.resolveDataElementOptions(start, mode);\n    const sharedOptions = me.getSharedOptions(mode, rects[start], firstOpts);\n\n    for (let i = start; i < start + count; i++) {\n      const parsed = !reset && me.getParsed(i);\n      const x = reset ? xScale.getBasePixel() : xScale.getPixelForValue(parsed.x);\n      const y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(parsed.y);\n      const options = me.resolveDataElementOptions(i, mode);\n      const {width, height, anchorX, anchorY} = options;\n      const properties = {\n        x: resolveX(anchorX, x, width),\n        y: resolveY(anchorY, y, height),\n        width,\n        height,\n        options\n      };\n      me.updateElement(rects[i], i, properties, mode);\n    }\n\n    me.updateSharedOptions(sharedOptions, mode);\n  }\n\n  draw() {\n    const me = this;\n    const data = me.getMeta().data || [];\n    let i, ilen;\n\n    for (i = 0, ilen = data.length; i < ilen; ++i) {\n      data[i].draw(me._ctx);\n    }\n  }\n}\n\nfunction resolveX(anchorX, x, width) {\n  if (anchorX === 'left' || anchorX === 'start') {\n    return x;\n  }\n  if (anchorX === 'right' || anchorX === 'end') {\n    return x - width;\n  }\n  return x - width / 2;\n}\n\nfunction resolveY(anchorY, y, height) {\n  if (anchorY === 'top' || anchorY === 'start') {\n    return y;\n  }\n  if (anchorY === 'bottom' || anchorY === 'end') {\n    return y - height;\n  }\n  return y - height / 2;\n}\n\nMatrixController.id = 'matrix';\n\nMatrixController.version = version;\n\nMatrixController.defaults = {\n  dataElementType: 'matrix',\n\n  animations: {\n    numbers: {\n      type: 'number',\n      properties: ['x', 'y', 'width', 'height']\n    }\n  },\n};\n\nMatrixController.overrides = {\n  interaction: {\n    mode: 'nearest',\n    intersect: true\n  },\n\n  scales: {\n    x: {\n      type: 'linear',\n      offset: true\n    },\n    y: {\n      type: 'linear',\n      reverse: true\n    }\n  },\n};\n","import {Element} from 'chart.js';\nimport {isObject, addRoundedRectPath, toTRBLCorners} from 'chart.js/helpers';\n\n/**\n * Helper function to get the bounds of the rect\n * @param {MatrixElement} rect the rect\n * @param {boolean} [useFinalPosition]\n * @return {object} bounds of the rect\n * @private\n */\nfunction getBounds(rect, useFinalPosition) {\n  const {x, y, width, height} = rect.getProps(['x', 'y', 'width', 'height'], useFinalPosition);\n  return {left: x, top: y, right: x + width, bottom: y + height};\n}\n\nfunction limit(value, min, max) {\n  return Math.max(Math.min(value, max), min);\n}\n\nfunction parseBorderWidth(rect, maxW, maxH) {\n  const value = rect.options.borderWidth;\n  let t, r, b, l;\n\n  if (isObject(value)) {\n    t = +value.top || 0;\n    r = +value.right || 0;\n    b = +value.bottom || 0;\n    l = +value.left || 0;\n  } else {\n    t = r = b = l = +value || 0;\n  }\n\n  return {\n    t: limit(t, 0, maxH),\n    r: limit(r, 0, maxW),\n    b: limit(b, 0, maxH),\n    l: limit(l, 0, maxW)\n  };\n}\n\nfunction boundingRects(rect) {\n  const bounds = getBounds(rect);\n  const width = bounds.right - bounds.left;\n  const height = bounds.bottom - bounds.top;\n  const border = parseBorderWidth(rect, width / 2, height / 2);\n\n  return {\n    outer: {\n      x: bounds.left,\n      y: bounds.top,\n      w: width,\n      h: height\n    },\n    inner: {\n      x: bounds.left + border.l,\n      y: bounds.top + border.t,\n      w: width - border.l - border.r,\n      h: height - border.t - border.b\n    }\n  };\n}\n\nfunction inRange(rect, x, y, useFinalPosition) {\n  const skipX = x === null;\n  const skipY = y === null;\n  const bounds = !rect || (skipX && skipY) ? false : getBounds(rect, useFinalPosition);\n\n  return bounds\n\t\t&& (skipX || x >= bounds.left && x <= bounds.right)\n\t\t&& (skipY || y >= bounds.top && y <= bounds.bottom);\n}\n\nexport default class MatrixElement extends Element {\n  constructor(cfg) {\n    super();\n\n    this.options = undefined;\n    this.width = undefined;\n    this.height = undefined;\n\n    if (cfg) {\n      Object.assign(this, cfg);\n    }\n  }\n\n  draw(ctx) {\n    const options = this.options;\n    const {inner, outer} = boundingRects(this);\n    const radius = toTRBLCorners(options.borderRadius);\n\n    ctx.save();\n\n    if (outer.w !== inner.w || outer.h !== inner.h) {\n      ctx.beginPath();\n      addRoundedRectPath(ctx, {x: outer.x, y: outer.y, w: outer.w, h: outer.h, radius});\n      addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});\n      ctx.fillStyle = options.backgroundColor;\n      ctx.fill();\n      ctx.fillStyle = options.borderColor;\n      ctx.fill('evenodd');\n    } else {\n      ctx.beginPath();\n      addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});\n      ctx.fillStyle = options.backgroundColor;\n      ctx.fill();\n    }\n\n    ctx.restore();\n  }\n\n  inRange(mouseX, mouseY, useFinalPosition) {\n    return inRange(this, mouseX, mouseY, useFinalPosition);\n  }\n\n  inXRange(mouseX, useFinalPosition) {\n    return inRange(this, mouseX, null, useFinalPosition);\n  }\n\n  inYRange(mouseY, useFinalPosition) {\n    return inRange(this, null, mouseY, useFinalPosition);\n  }\n\n  getCenterPoint(useFinalPosition) {\n    const {x, y, width, height} = this.getProps(['x', 'y', 'width', 'height'], useFinalPosition);\n    return {\n      x: x + width / 2,\n      y: y + height / 2\n    };\n  }\n\n  tooltipPosition() {\n    return this.getCenterPoint();\n  }\n\n  getRange(axis) {\n    return axis === 'x' ? this.width / 2 : this.height / 2;\n  }\n}\n\nMatrixElement.id = 'matrix';\nMatrixElement.defaults = {\n  backgroundColor: undefined,\n  borderColor: undefined,\n  borderWidth: undefined,\n  borderRadius: 0,\n  anchorX: 'center',\n  anchorY: 'center',\n  width: 20,\n  height: 20\n};\n","import Chart from 'chart.js';\nimport MatrixController from './controller';\nimport MatrixElement from './element';\n\nChart.register(MatrixController, MatrixElement);\n"],"names":["MatrixController","DatasetController","initialize","this","enableOptionSharing","super","update","mode","meta","_cachedMeta","updateElements","data","length","rects","start","count","me","reset","xScale","yScale","firstOpts","resolveDataElementOptions","sharedOptions","getSharedOptions","i","parsed","getParsed","x","getBasePixel","getPixelForValue","y","options","width","height","anchorX","anchorY","properties","resolveX","resolveY","updateElement","updateSharedOptions","draw","getMeta","ilen","_ctx","getBounds","rect","useFinalPosition","getProps","left","top","right","bottom","limit","value","min","max","Math","boundingRects","bounds","border","maxW","maxH","borderWidth","t","r","b","l","isObject","parseBorderWidth","outer","w","h","inner","inRange","skipX","skipY","id","version","defaults","dataElementType","animations","numbers","type","overrides","interaction","intersect","scales","offset","reverse","MatrixElement","Element","constructor","cfg","undefined","Object","assign","ctx","radius","toTRBLCorners","borderRadius","save","beginPath","addRoundedRectPath","fillStyle","backgroundColor","fill","borderColor","restore","mouseX","mouseY","inXRange","inYRange","getCenterPoint","tooltipPosition","getRange","axis","Chart","register"],"mappings":"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"}
+{"version":3,"file":"chartjs-chart-matrix.min.js","sources":["../src/controller.js","../src/element.js","../src/index.js"],"sourcesContent":["import {DatasetController} from 'chart.js';\nimport {version} from '../package.json';\n\nexport default class MatrixController extends DatasetController {\n\n  static id = 'matrix';\n  static version = version;\n\n  static defaults = {\n    dataElementType: 'matrix',\n\n    animations: {\n      numbers: {\n        type: 'number',\n        properties: ['x', 'y', 'width', 'height']\n      }\n    },\n  };\n\n  static overrides = {\n    interaction: {\n      mode: 'nearest',\n      intersect: true\n    },\n    scales: {\n      x: {\n        type: 'linear',\n        offset: true\n      },\n      y: {\n        type: 'linear',\n        reverse: true\n      }\n    },\n  };\n\n  initialize() {\n    this.enableOptionSharing = true;\n    super.initialize();\n  }\n\n  update(mode) {\n    const me = this;\n    const meta = me._cachedMeta;\n\n    me.updateElements(meta.data, 0, meta.data.length, mode);\n  }\n\n  updateElements(rects, start, count, mode) {\n    const me = this;\n    const reset = mode === 'reset';\n    const {xScale, yScale} = me._cachedMeta;\n    const firstOpts = me.resolveDataElementOptions(start, mode);\n    const sharedOptions = me.getSharedOptions(mode, rects[start], firstOpts);\n\n    for (let i = start; i < start + count; i++) {\n      const parsed = !reset && me.getParsed(i);\n      const x = reset ? xScale.getBasePixel() : xScale.getPixelForValue(parsed.x);\n      const y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(parsed.y);\n      const options = me.resolveDataElementOptions(i, mode);\n      const {width, height, anchorX, anchorY} = options;\n      const properties = {\n        x: resolveX(anchorX, x, width),\n        y: resolveY(anchorY, y, height),\n        width,\n        height,\n        options\n      };\n      me.updateElement(rects[i], i, properties, mode);\n    }\n\n    me.updateSharedOptions(sharedOptions, mode);\n  }\n\n  draw() {\n    const me = this;\n    const data = me.getMeta().data || [];\n    let i, ilen;\n\n    for (i = 0, ilen = data.length; i < ilen; ++i) {\n      data[i].draw(me._ctx);\n    }\n  }\n}\n\nfunction resolveX(anchorX, x, width) {\n  if (anchorX === 'left' || anchorX === 'start') {\n    return x;\n  }\n  if (anchorX === 'right' || anchorX === 'end') {\n    return x - width;\n  }\n  return x - width / 2;\n}\n\nfunction resolveY(anchorY, y, height) {\n  if (anchorY === 'top' || anchorY === 'start') {\n    return y;\n  }\n  if (anchorY === 'bottom' || anchorY === 'end') {\n    return y - height;\n  }\n  return y - height / 2;\n}\n","import {Element} from 'chart.js';\nimport {isObject, addRoundedRectPath, toTRBLCorners} from 'chart.js/helpers';\n\n/**\n * Helper function to get the bounds of the rect\n * @param {MatrixElement} rect the rect\n * @param {boolean} [useFinalPosition]\n * @return {object} bounds of the rect\n * @private\n */\nfunction getBounds(rect, useFinalPosition) {\n  const {x, y, width, height} = rect.getProps(['x', 'y', 'width', 'height'], useFinalPosition);\n  return {left: x, top: y, right: x + width, bottom: y + height};\n}\n\nfunction limit(value, min, max) {\n  return Math.max(Math.min(value, max), min);\n}\n\nfunction parseBorderWidth(rect, maxW, maxH) {\n  const value = rect.options.borderWidth;\n  let t, r, b, l;\n\n  if (isObject(value)) {\n    t = +value.top || 0;\n    r = +value.right || 0;\n    b = +value.bottom || 0;\n    l = +value.left || 0;\n  } else {\n    t = r = b = l = +value || 0;\n  }\n\n  return {\n    t: limit(t, 0, maxH),\n    r: limit(r, 0, maxW),\n    b: limit(b, 0, maxH),\n    l: limit(l, 0, maxW)\n  };\n}\n\nfunction boundingRects(rect) {\n  const bounds = getBounds(rect);\n  const width = bounds.right - bounds.left;\n  const height = bounds.bottom - bounds.top;\n  const border = parseBorderWidth(rect, width / 2, height / 2);\n\n  return {\n    outer: {\n      x: bounds.left,\n      y: bounds.top,\n      w: width,\n      h: height\n    },\n    inner: {\n      x: bounds.left + border.l,\n      y: bounds.top + border.t,\n      w: width - border.l - border.r,\n      h: height - border.t - border.b\n    }\n  };\n}\n\nfunction inRange(rect, x, y, useFinalPosition) {\n  const skipX = x === null;\n  const skipY = y === null;\n  const bounds = !rect || (skipX && skipY) ? false : getBounds(rect, useFinalPosition);\n\n  return bounds\n\t\t&& (skipX || x >= bounds.left && x <= bounds.right)\n\t\t&& (skipY || y >= bounds.top && y <= bounds.bottom);\n}\n\nexport default class MatrixElement extends Element {\n\n  static id = 'matrix';\n\n  static defaults = {\n    backgroundColor: undefined,\n    borderColor: undefined,\n    borderWidth: undefined,\n    borderRadius: 0,\n    anchorX: 'center',\n    anchorY: 'center',\n    width: 20,\n    height: 20\n  };\n\n  constructor(cfg) {\n    super();\n\n    this.options = undefined;\n    this.width = undefined;\n    this.height = undefined;\n\n    if (cfg) {\n      Object.assign(this, cfg);\n    }\n  }\n\n  draw(ctx) {\n    const options = this.options;\n    const {inner, outer} = boundingRects(this);\n    const radius = toTRBLCorners(options.borderRadius);\n\n    ctx.save();\n\n    if (outer.w !== inner.w || outer.h !== inner.h) {\n      ctx.beginPath();\n      addRoundedRectPath(ctx, {x: outer.x, y: outer.y, w: outer.w, h: outer.h, radius});\n      addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});\n      ctx.fillStyle = options.backgroundColor;\n      ctx.fill();\n      ctx.fillStyle = options.borderColor;\n      ctx.fill('evenodd');\n    } else {\n      ctx.beginPath();\n      addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});\n      ctx.fillStyle = options.backgroundColor;\n      ctx.fill();\n    }\n\n    ctx.restore();\n  }\n\n  inRange(mouseX, mouseY, useFinalPosition) {\n    return inRange(this, mouseX, mouseY, useFinalPosition);\n  }\n\n  inXRange(mouseX, useFinalPosition) {\n    return inRange(this, mouseX, null, useFinalPosition);\n  }\n\n  inYRange(mouseY, useFinalPosition) {\n    return inRange(this, null, mouseY, useFinalPosition);\n  }\n\n  getCenterPoint(useFinalPosition) {\n    const {x, y, width, height} = this.getProps(['x', 'y', 'width', 'height'], useFinalPosition);\n    return {\n      x: x + width / 2,\n      y: y + height / 2\n    };\n  }\n\n  tooltipPosition() {\n    return this.getCenterPoint();\n  }\n\n  getRange(axis) {\n    return axis === 'x' ? this.width / 2 : this.height / 2;\n  }\n}\n","import Chart from 'chart.js';\nimport MatrixController from './controller';\nimport MatrixElement from './element';\n\nChart.register(MatrixController, MatrixElement);\n"],"names":["MatrixController","DatasetController","static","dataElementType","animations","numbers","type","properties","interaction","mode","intersect","scales","x","offset","y","reverse","initialize","this","enableOptionSharing","super","update","meta","_cachedMeta","updateElements","data","length","rects","start","count","me","reset","xScale","yScale","firstOpts","resolveDataElementOptions","sharedOptions","getSharedOptions","i","parsed","getParsed","getBasePixel","getPixelForValue","options","width","height","anchorX","anchorY","resolveX","resolveY","updateElement","updateSharedOptions","draw","getMeta","ilen","_ctx","getBounds","rect","useFinalPosition","getProps","left","top","right","bottom","limit","value","min","max","Math","boundingRects","bounds","border","maxW","maxH","borderWidth","t","r","b","l","isObject","parseBorderWidth","outer","w","h","inner","inRange","skipX","skipY","MatrixElement","Element","backgroundColor","undefined","borderColor","borderRadius","constructor","cfg","Object","assign","ctx","radius","toTRBLCorners","save","beginPath","addRoundedRectPath","fillStyle","fill","restore","mouseX","mouseY","inXRange","inYRange","getCenterPoint","tooltipPosition","getRange","axis","Chart","register"],"mappings":"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"}

package/package.json

@@ -1,14 +1,25 @@
 {
   "name": "chartjs-chart-matrix",
-  "version": "1.2.1",
+  "version": "2.0.0",
   "description": "Chart.js module for creating matrix charts",
-  "main": "dist/chartjs-chart-matrix.js",
-  "module": "dist/chartjs-chart-matrix.esm.js",
+  "type": "module",
+  "main": "dist/chartjs-chart-matrix.esm.js",
   "types": "types/index.esm.d.ts",
+  "jsdelivr": "dist/chartjs-chart-matrix.min.js",
+  "unpkg": "dist/chartjs-chart-matrix.min.js",
+  "exports": {
+    "types": "./types/index.esm.d.ts",
+    "import": "./dist/chartjs-chart-matrix.esm.js",
+    "require": "./dist/chartjs-chart-matrix.min.js"
+  },
+  "sideEffects": [
+    "dist/chartjs-chart-matrix.js",
+    "dist/chartjs-chart-matrix-min.js"
+  ],
   "scripts": {
     "autobuild": "rollup -c -w",
     "build": "rollup -c",
-    "dev": "karma start --no-signle-run --auto-watch --browsers chrome",
+    "dev": "karma start ./karma.conf.cjs --no-signle-run --auto-watch --browsers chrome",
     "docs": "npm run build && vuepress build docs --no-cache",
     "docs:dev": "npm run build && vuepress dev docs --no-cache",
     "lint": "concurrently -r \"npm:lint-*\"",
@@ -17,7 +28,7 @@
     "lint-types": "eslint \"types/**/*.ts\" && tsc -p types/tests/",
     "test": "cross-env NODE_ENV=test concurrently \"npm:test-*\"",
     "test-lint": "npm run lint",
-    "test-karma": "karma start --auto-watch --single-run"
+    "test-karma": "karma start ./karma.conf.cjs --auto-watch --single-run"
   },
   "repository": {
     "type": "git",
@@ -30,6 +41,7 @@
   ],
   "files": [
     "dist/*",
+    "!dist/docs/**",
     "types/index.esm.d.ts"
   ],
   "author": "Jukka Kurkela",
@@ -39,14 +51,15 @@
   },
   "homepage": "https://chartjs-chart-matrix.pages.dev/",
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^22.0.2",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^14.1.0",
+    "@rollup/plugin-commonjs": "^23.0.2",
+    "@rollup/plugin-json": "^5.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@rollup/plugin-terser": "^0.1.0",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
-    "chart.js": "^3.0.0",
+    "chart.js": "^4.0.1",
     "chartjs-adapter-date-fns": "^2.0.0",
-    "chartjs-test-utils": "^0.4.0",
+    "chartjs-test-utils": "^0.5.0",
     "concurrently": "^7.4.0",
     "cross-env": "^7.0.3",
     "date-fns": "^2.19.0",
@@ -60,22 +73,21 @@
     "karma-chrome-launcher": "^3.1.0",
     "karma-coverage": "^2.0.3",
     "karma-firefox-launcher": "^2.1.0",
-    "karma-jasmine": "^4.0.1",
-    "karma-jasmine-html-reporter": "^1.5.4",
+    "karma-jasmine": "^5.1.0",
+    "karma-jasmine-html-reporter": "^2.0.0",
     "karma-rollup-preprocessor": "7.0.7",
-    "karma-spec-reporter": "0.0.32",
+    "karma-spec-reporter": "^0.0.35",
     "pixelmatch": "^5.2.1",
-    "rollup": "^2.42.1",
+    "rollup": "^3.3.0",
     "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-istanbul": "^3.0.0",
-    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-istanbul": "^4.0.0",
     "typescript": "^4.5.2",
-    "vuepress": "^1.8.2",
+    "vuepress": "^1.9.7",
     "vuepress-plugin-flexsearch": "^0.3.0",
     "vuepress-plugin-redirect": "^1.2.5",
     "vuepress-theme-chartjs": "^0.2.0"
   },
   "peerDependencies": {
-    "chart.js": "^3.0.0"
+    "chart.js": ">=3.0.0"
   }
 }

package/types/index.esm.d.ts

@@ -1,18 +1,21 @@
 import {
   BorderRadius,
+  CartesianScaleTypeRegistry,
   Chart,
-  ChartType,
   ChartComponent,
+  ChartType,
   CommonElementOptions,
   CommonHoverOptions,
   ControllerDatasetOptions,
+  CoreChartOptions,
   DatasetController,
   Element,
   ScriptableAndArrayOptions,
   ScriptableContext,
   VisualElement
 } from 'chart.js';
-import { AnyObject } from 'chart.js/types/basic';
+
+type AnyObject = Record<string, unknown>;
 
 export interface MatrixControllerDatasetOptions<TType extends ChartType>
   extends ControllerDatasetOptions,