chartjs-chart-matrix 2.0.1 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chartjs-chart-matrix",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "Chart.js module for creating matrix charts",
   "type": "module",
   "main": "dist/chartjs-chart-matrix.cjs",
@@ -21,7 +21,7 @@
   "scripts": {
     "autobuild": "rollup -c -w",
     "build": "rollup -c",
-    "dev": "karma start ./karma.conf.cjs --no-signle-run --auto-watch --browsers chrome",
+    "dev": "karma start ./karma.conf.cjs --no-single-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-*\"",
@@ -30,7 +30,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 ./karma.conf.cjs --auto-watch --single-run",
+    "test-karma": "karma start ./karma.conf.cjs --no-auto-watch --single-run",
     "test-integration:node-commonjs": "npm run test --prefix test/integration/node-commonjs",
     "test-integration:node-module": "npm run test --prefix test/integration/node-module"
   },
@@ -56,37 +56,37 @@
   "homepage": "https://chartjs-chart-matrix.pages.dev/",
   "devDependencies": {
     "@napi-rs/canvas": "^0.1.30",
-    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-json": "^6.0.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-terser": "^0.4.0",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
     "chart.js": "^4.0.1",
-    "chartjs-adapter-date-fns": "^2.0.0",
+    "chartjs-adapter-date-fns": "^3.0.0",
     "chartjs-test-utils": "^0.5.0",
-    "concurrently": "^7.4.0",
+    "concurrently": "^9.0.1",
     "cross-env": "^7.0.3",
     "date-fns": "^2.19.0",
     "eslint": "^8.4.1",
     "eslint-config-chartjs": "^0.3.0",
     "eslint-plugin-es": "^4.1.0",
-    "eslint-plugin-html": "^7.1.0",
+    "eslint-plugin-html": "^8.1.2",
     "eslint-plugin-markdown": "^3.0.0",
-    "jasmine-core": "^4.4.0",
+    "jasmine-core": "^5.1.2",
     "karma": "^6.2.0",
     "karma-chrome-launcher": "^3.1.0",
     "karma-coverage": "^2.0.3",
     "karma-firefox-launcher": "^2.1.0",
     "karma-jasmine": "^5.1.0",
     "karma-jasmine-html-reporter": "^2.0.0",
-    "karma-rollup-preprocessor": "7.0.7",
+    "karma-rollup-preprocessor": "7.0.8",
     "karma-spec-reporter": "^0.0.36",
-    "pixelmatch": "^5.2.1",
-    "rollup": "^3.3.0",
+    "pixelmatch": "^6.0.0",
+    "rollup": "^4.21.2",
     "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-istanbul": "^4.0.0",
-    "typescript": "^4.5.2",
+    "rollup-plugin-istanbul": "^5.0.0",
+    "typescript": "^5.3.3",
     "vuepress": "^1.9.7",
     "vuepress-plugin-flexsearch": "^0.3.0",
     "vuepress-plugin-redirect": "^1.2.5",

package/dist/chartjs-chart-matrix.cjs

@@ -1,272 +0,0 @@
-/*!
- * chartjs-chart-matrix v2.0.1
- * https://chartjs-chart-matrix.pages.dev/
- * (c) 2023 Jukka Kurkela
- * Released under the MIT license
- */
-(function (global, factory) {
-typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('chart.js'), require('chart.js/helpers')) :
-typeof define === 'function' && define.amd ? define(['exports', 'chart.js', 'chart.js/helpers'], factory) :
-(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["chartjs-chart-matrix"] = {}, global.Chart, global.Chart.helpers));
-})(this, (function (exports, chart_js, helpers) { 'use strict';
-
-var version = "2.0.1";
-
-class MatrixController extends chart_js.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();
-  }
-
-  update(mode) {
-    const me = this;
-    const meta = me._cachedMeta;
-
-    me.updateElements(meta.data, 0, meta.data.length, mode);
-  }
-
-  updateElements(rects, start, count, mode) {
-    const me = this;
-    const reset = mode === 'reset';
-    const {xScale, yScale} = me._cachedMeta;
-    const firstOpts = me.resolveDataElementOptions(start, mode);
-    const sharedOptions = me.getSharedOptions(mode, rects[start], firstOpts);
-
-    for (let i = start; i < start + count; i++) {
-      const parsed = !reset && me.getParsed(i);
-      const x = reset ? xScale.getBasePixel() : xScale.getPixelForValue(parsed.x);
-      const y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(parsed.y);
-      const options = me.resolveDataElementOptions(i, mode);
-      const {width, height, anchorX, anchorY} = options;
-      const properties = {
-        x: resolveX(anchorX, x, width),
-        y: resolveY(anchorY, y, height),
-        width,
-        height,
-        options
-      };
-      me.updateElement(rects[i], i, properties, mode);
-    }
-
-    me.updateSharedOptions(sharedOptions, mode);
-  }
-
-  draw() {
-    const me = this;
-    const data = me.getMeta().data || [];
-    let i, ilen;
-
-    for (i = 0, ilen = data.length; i < ilen; ++i) {
-      data[i].draw(me._ctx);
-    }
-  }
-}
-
-function resolveX(anchorX, x, width) {
-  if (anchorX === 'left' || anchorX === 'start') {
-    return x;
-  }
-  if (anchorX === 'right' || anchorX === 'end') {
-    return x - width;
-  }
-  return x - width / 2;
-}
-
-function resolveY(anchorY, y, height) {
-  if (anchorY === 'top' || anchorY === 'start') {
-    return y;
-  }
-  if (anchorY === 'bottom' || anchorY === 'end') {
-    return y - height;
-  }
-  return y - height / 2;
-}
-
-/**
- * Helper function to get the bounds of the rect
- * @param {MatrixElement} rect the rect
- * @param {boolean} [useFinalPosition]
- * @return {object} bounds of the rect
- * @private
- */
-function getBounds(rect, useFinalPosition) {
-  const {x, y, width, height} = rect.getProps(['x', 'y', 'width', 'height'], useFinalPosition);
-  return {left: x, top: y, right: x + width, bottom: y + height};
-}
-
-function limit(value, min, max) {
-  return Math.max(Math.min(value, max), min);
-}
-
-function parseBorderWidth(rect, maxW, maxH) {
-  const value = rect.options.borderWidth;
-  let t, r, b, l;
-
-  if (helpers.isObject(value)) {
-    t = +value.top || 0;
-    r = +value.right || 0;
-    b = +value.bottom || 0;
-    l = +value.left || 0;
-  } else {
-    t = r = b = l = +value || 0;
-  }
-
-  return {
-    t: limit(t, 0, maxH),
-    r: limit(r, 0, maxW),
-    b: limit(b, 0, maxH),
-    l: limit(l, 0, maxW)
-  };
-}
-
-function boundingRects(rect) {
-  const bounds = getBounds(rect);
-  const width = bounds.right - bounds.left;
-  const height = bounds.bottom - bounds.top;
-  const border = parseBorderWidth(rect, width / 2, height / 2);
-
-  return {
-    outer: {
-      x: bounds.left,
-      y: bounds.top,
-      w: width,
-      h: height
-    },
-    inner: {
-      x: bounds.left + border.l,
-      y: bounds.top + border.t,
-      w: width - border.l - border.r,
-      h: height - border.t - border.b
-    }
-  };
-}
-
-function inRange(rect, x, y, useFinalPosition) {
-  const skipX = x === null;
-  const skipY = y === null;
-  const bounds = !rect || (skipX && skipY) ? false : getBounds(rect, useFinalPosition);
-
-  return bounds
-		&& (skipX || x >= bounds.left && x <= bounds.right)
-		&& (skipY || y >= bounds.top && y <= bounds.bottom);
-}
-
-class MatrixElement extends chart_js.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();
-
-    this.options = undefined;
-    this.width = undefined;
-    this.height = undefined;
-
-    if (cfg) {
-      Object.assign(this, cfg);
-    }
-  }
-
-  draw(ctx) {
-    const options = this.options;
-    const {inner, outer} = boundingRects(this);
-    const radius = helpers.toTRBLCorners(options.borderRadius);
-
-    ctx.save();
-
-    if (outer.w !== inner.w || outer.h !== inner.h) {
-      ctx.beginPath();
-      helpers.addRoundedRectPath(ctx, {x: outer.x, y: outer.y, w: outer.w, h: outer.h, radius});
-      helpers.addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});
-      ctx.fillStyle = options.backgroundColor;
-      ctx.fill();
-      ctx.fillStyle = options.borderColor;
-      ctx.fill('evenodd');
-    } else {
-      ctx.beginPath();
-      helpers.addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});
-      ctx.fillStyle = options.backgroundColor;
-      ctx.fill();
-    }
-
-    ctx.restore();
-  }
-
-  inRange(mouseX, mouseY, useFinalPosition) {
-    return inRange(this, mouseX, mouseY, useFinalPosition);
-  }
-
-  inXRange(mouseX, useFinalPosition) {
-    return inRange(this, mouseX, null, useFinalPosition);
-  }
-
-  inYRange(mouseY, useFinalPosition) {
-    return inRange(this, null, mouseY, useFinalPosition);
-  }
-
-  getCenterPoint(useFinalPosition) {
-    const {x, y, width, height} = this.getProps(['x', 'y', 'width', 'height'], useFinalPosition);
-    return {
-      x: x + width / 2,
-      y: y + height / 2
-    };
-  }
-
-  tooltipPosition() {
-    return this.getCenterPoint();
-  }
-
-  getRange(axis) {
-    return axis === 'x' ? this.width / 2 : this.height / 2;
-  }
-}
-
-chart_js.Chart.register(MatrixController, MatrixElement);
-
-exports.MatrixController = MatrixController;
-exports.MatrixElement = MatrixElement;
-
-}));

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

@@ -1,264 +0,0 @@
-/*!
- * chartjs-chart-matrix v2.0.1
- * https://chartjs-chart-matrix.pages.dev/
- * (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 = "2.0.1";
-
-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();
-  }
-
-  update(mode) {
-    const me = this;
-    const meta = me._cachedMeta;
-
-    me.updateElements(meta.data, 0, meta.data.length, mode);
-  }
-
-  updateElements(rects, start, count, mode) {
-    const me = this;
-    const reset = mode === 'reset';
-    const {xScale, yScale} = me._cachedMeta;
-    const firstOpts = me.resolveDataElementOptions(start, mode);
-    const sharedOptions = me.getSharedOptions(mode, rects[start], firstOpts);
-
-    for (let i = start; i < start + count; i++) {
-      const parsed = !reset && me.getParsed(i);
-      const x = reset ? xScale.getBasePixel() : xScale.getPixelForValue(parsed.x);
-      const y = reset ? yScale.getBasePixel() : yScale.getPixelForValue(parsed.y);
-      const options = me.resolveDataElementOptions(i, mode);
-      const {width, height, anchorX, anchorY} = options;
-      const properties = {
-        x: resolveX(anchorX, x, width),
-        y: resolveY(anchorY, y, height),
-        width,
-        height,
-        options
-      };
-      me.updateElement(rects[i], i, properties, mode);
-    }
-
-    me.updateSharedOptions(sharedOptions, mode);
-  }
-
-  draw() {
-    const me = this;
-    const data = me.getMeta().data || [];
-    let i, ilen;
-
-    for (i = 0, ilen = data.length; i < ilen; ++i) {
-      data[i].draw(me._ctx);
-    }
-  }
-}
-
-function resolveX(anchorX, x, width) {
-  if (anchorX === 'left' || anchorX === 'start') {
-    return x;
-  }
-  if (anchorX === 'right' || anchorX === 'end') {
-    return x - width;
-  }
-  return x - width / 2;
-}
-
-function resolveY(anchorY, y, height) {
-  if (anchorY === 'top' || anchorY === 'start') {
-    return y;
-  }
-  if (anchorY === 'bottom' || anchorY === 'end') {
-    return y - height;
-  }
-  return y - height / 2;
-}
-
-/**
- * Helper function to get the bounds of the rect
- * @param {MatrixElement} rect the rect
- * @param {boolean} [useFinalPosition]
- * @return {object} bounds of the rect
- * @private
- */
-function getBounds(rect, useFinalPosition) {
-  const {x, y, width, height} = rect.getProps(['x', 'y', 'width', 'height'], useFinalPosition);
-  return {left: x, top: y, right: x + width, bottom: y + height};
-}
-
-function limit(value, min, max) {
-  return Math.max(Math.min(value, max), min);
-}
-
-function parseBorderWidth(rect, maxW, maxH) {
-  const value = rect.options.borderWidth;
-  let t, r, b, l;
-
-  if (isObject(value)) {
-    t = +value.top || 0;
-    r = +value.right || 0;
-    b = +value.bottom || 0;
-    l = +value.left || 0;
-  } else {
-    t = r = b = l = +value || 0;
-  }
-
-  return {
-    t: limit(t, 0, maxH),
-    r: limit(r, 0, maxW),
-    b: limit(b, 0, maxH),
-    l: limit(l, 0, maxW)
-  };
-}
-
-function boundingRects(rect) {
-  const bounds = getBounds(rect);
-  const width = bounds.right - bounds.left;
-  const height = bounds.bottom - bounds.top;
-  const border = parseBorderWidth(rect, width / 2, height / 2);
-
-  return {
-    outer: {
-      x: bounds.left,
-      y: bounds.top,
-      w: width,
-      h: height
-    },
-    inner: {
-      x: bounds.left + border.l,
-      y: bounds.top + border.t,
-      w: width - border.l - border.r,
-      h: height - border.t - border.b
-    }
-  };
-}
-
-function inRange(rect, x, y, useFinalPosition) {
-  const skipX = x === null;
-  const skipY = y === null;
-  const bounds = !rect || (skipX && skipY) ? false : getBounds(rect, useFinalPosition);
-
-  return bounds
-		&& (skipX || x >= bounds.left && x <= bounds.right)
-		&& (skipY || y >= bounds.top && y <= bounds.bottom);
-}
-
-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();
-
-    this.options = undefined;
-    this.width = undefined;
-    this.height = undefined;
-
-    if (cfg) {
-      Object.assign(this, cfg);
-    }
-  }
-
-  draw(ctx) {
-    const options = this.options;
-    const {inner, outer} = boundingRects(this);
-    const radius = toTRBLCorners(options.borderRadius);
-
-    ctx.save();
-
-    if (outer.w !== inner.w || outer.h !== inner.h) {
-      ctx.beginPath();
-      addRoundedRectPath(ctx, {x: outer.x, y: outer.y, w: outer.w, h: outer.h, radius});
-      addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});
-      ctx.fillStyle = options.backgroundColor;
-      ctx.fill();
-      ctx.fillStyle = options.borderColor;
-      ctx.fill('evenodd');
-    } else {
-      ctx.beginPath();
-      addRoundedRectPath(ctx, {x: inner.x, y: inner.y, w: inner.w, h: inner.h, radius});
-      ctx.fillStyle = options.backgroundColor;
-      ctx.fill();
-    }
-
-    ctx.restore();
-  }
-
-  inRange(mouseX, mouseY, useFinalPosition) {
-    return inRange(this, mouseX, mouseY, useFinalPosition);
-  }
-
-  inXRange(mouseX, useFinalPosition) {
-    return inRange(this, mouseX, null, useFinalPosition);
-  }
-
-  inYRange(mouseY, useFinalPosition) {
-    return inRange(this, null, mouseY, useFinalPosition);
-  }
-
-  getCenterPoint(useFinalPosition) {
-    const {x, y, width, height} = this.getProps(['x', 'y', 'width', 'height'], useFinalPosition);
-    return {
-      x: x + width / 2,
-      y: y + height / 2
-    };
-  }
-
-  tooltipPosition() {
-    return this.getCenterPoint();
-  }
-
-  getRange(axis) {
-    return axis === 'x' ? this.width / 2 : this.height / 2;
-  }
-}
-
-export { MatrixController, MatrixElement };

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

@@ -1,8 +0,0 @@
-/*!
- * chartjs-chart-matrix v2.0.1
- * https://chartjs-chart-matrix.pages.dev/
- * (c) 2023 Jukka Kurkela
- * Released under the MIT license
- */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("chart.js"),require("chart.js/helpers")):"function"==typeof define&&define.amd?define(["exports","chart.js","chart.js/helpers"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self)["chartjs-chart-matrix"]={},t.Chart,t.Chart.helpers)}(this,(function(t,e,i){"use strict";class r extends e.DatasetController{static id="matrix";static version="2.0.1";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,r){const s=this,a="reset"===r,{xScale:h,yScale:l}=s._cachedMeta,d=s.resolveDataElementOptions(e,r),c=s.getSharedOptions(r,t[e],d);for(let d=e;d<e+i;d++){const e=!a&&s.getParsed(d),i=a?h.getBasePixel():h.getPixelForValue(e.x),c=a?l.getBasePixel():l.getPixelForValue(e.y),u=s.resolveDataElementOptions(d,r),{width:g,height:p,anchorX:f,anchorY:x}=u,y={x:n(f,i,g),y:o(x,c,p),width:g,height:p,options:u};s.updateElement(t[d],d,y,r)}s.updateSharedOptions(c,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 n(t,e,i){return"left"===t||"start"===t?e:"right"===t||"end"===t?e-i:e-i/2}function o(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 a(t,e,i){return Math.max(Math.min(t,i),e)}function h(t){const e=s(t),r=e.right-e.left,n=e.bottom-e.top,o=function(t,e,r){const n=t.options.borderWidth;let o,s,h,l;return i.isObject(n)?(o=+n.top||0,s=+n.right||0,h=+n.bottom||0,l=+n.left||0):o=s=h=l=+n||0,{t:a(o,0,r),r:a(s,0,e),b:a(h,0,r),l:a(l,0,e)}}(t,r/2,n/2);return{outer:{x:e.left,y:e.top,w:r,h:n},inner:{x:e.left+o.l,y:e.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)}class d extends e.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 e=this.options,{inner:r,outer:n}=h(this),o=i.toTRBLCorners(e.borderRadius);t.save(),n.w!==r.w||n.h!==r.h?(t.beginPath(),i.addRoundedRectPath(t,{x:n.x,y:n.y,w:n.w,h:n.h,radius:o}),i.addRoundedRectPath(t,{x:r.x,y:r.y,w:r.w,h:r.h,radius:o}),t.fillStyle=e.backgroundColor,t.fill(),t.fillStyle=e.borderColor,t.fill("evenodd")):(t.beginPath(),i.addRoundedRectPath(t,{x:r.x,y:r.y,w:r.w,h:r.h,radius:o}),t.fillStyle=e.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}}e.Chart.register(r,d),t.MatrixController=r,t.MatrixElement=d}));
-//# sourceMappingURL=chartjs-chart-matrix.min.js.map

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

@@ -1 +0,0 @@
-{"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.js';\nimport MatrixElement from './element.js';\n\nChart.register(MatrixController, MatrixElement);\n\nexport {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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"}