@ministryofjustice/hmpps-digital-prison-reporting-frontend 4.28.0 → 4.28.2

package/dpr/components/_charts/chart/clientClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../dpr/components/_charts/chart/clientClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable class-methods-use-this */\nimport Chart from 'chart.js/auto'\nimport ChartDataLabels from 'chartjs-plugin-datalabels'\nimport { MatrixController, MatrixElement } from 'chartjs-chart-matrix'\n\nimport { DprClientClass } from '../../../DprClientClass'\n\nclass ChartVisualisation extends DprClientClass {\n  setupCanvas() {\n    this.chartContext = this.getElement().querySelector('canvas')\n\n    // data\n    this.id = this.chartContext.getAttribute('id')\n    this.chartParams = JSON.parse(this.getElement().getAttribute('data-dpr-chart-data'))\n    this.type = this.getElement().getAttribute('data-dpr-chart-type')\n    this.setValueSuffix()\n\n    // elements\n    this.legend = this.getElement().querySelector(`#js-legend-${this.id}`)\n\n    // ChartCard elements\n    this.tooltipDetailsEl = document.getElementById(`dpr-${this.id}-tooltip-details`)\n    this.headlineValuesEl = document.getElementById(`dpr-${this.id}-headline-values`)\n    this.labelElement = document.getElementById(`dpr-${this.id}-label`)\n    this.valueElement = document.getElementById(`dpr-${this.id}-value`)\n    this.legendElement = document.getElementById(`dpr-${this.id}-legend`)\n    this.legendElement = document.getElementById(`dpr-${this.id}-legend`)\n\n    if (this.chartParams.partialDate) {\n      this.partialStart = this.chartParams.partialDate.start || false\n      this.partialEnd = this.chartParams.partialDate.end || false\n    }\n\n    // flags\n    this.singleDataset = this.chartParams.datasets.length === 1\n  }\n\n  initChart() {\n    // Prevent font loading issue\n    window.addEventListener('load', () => {\n      // An example of creating a chart, replace with your code:\n      Chart.defaults.font.family = 'GDS Transport'\n      Chart.defaults.font.size = 12\n      Chart.register(ChartDataLabels)\n      Chart.register(MatrixController, MatrixElement)\n      this.chart = new Chart(this.chartContext, this.chartData)\n    })\n\n    this.initChartEvents()\n  }\n\n  generateChartData(settings) {\n    const { datasets, labels, config } = this.chartParams\n    const { options, datalabels, plugins, pluginsOptions, toolTipOptions, hoverEvent, styling } = settings\n\n    const chartData = {\n      type: this.type,\n      data: {\n        labels,\n        datasets: this.createDatasets(datasets, styling),\n      },\n      options: {\n        ...config,\n        ...(options && options),\n        ...(hoverEvent && hoverEvent),\n        plugins: {\n          ...config.plugins,\n          ...(pluginsOptions && pluginsOptions),\n          ...(datalabels && { datalabels }),\n          tooltip: {\n            ...config.plugins.tooltip,\n            ...(toolTipOptions && toolTipOptions),\n          },\n        },\n      },\n      plugins: plugins && plugins.length ? [...plugins] : [],\n    }\n\n    return chartData\n  }\n\n  createDatasets(datasets, styling) {\n    return datasets.map((dataset) => {\n      return {\n        ...dataset,\n        ...(styling && styling),\n      }\n    })\n  }\n\n  setHoverValue({ label, value, legend, ctx }) {\n    if (ctx.tooltipDetailsEl) {\n      ctx.tooltipDetailsEl.style.display = 'block'\n      ctx.labelElement.innerHTML = ctx.singleDataset ? `${label}` : `${legend}: ${label}`\n      ctx.valueElement.innerHTML = `${value}`\n    }\n    if (ctx.headlineValuesEl) {\n      ctx.headlineValuesEl.style.display = 'none'\n    }\n    if (!legend) {\n      ctx.legendElement.style.display = 'none'\n    }\n  }\n\n  setValueSuffix() {\n    this.unit = this.getElement().getAttribute('data-dpr-chart-unit')\n    this.suffix = this.unit === 'percentage' ? '%' : ''\n  }\n\n  isPercentage() {\n    return this.unit === 'percentage'\n  }\n\n  initChartEvents() {\n    this.chart.canvas.addEventListener('mouseout', (e) => {\n      if (this.tooltipDetailsEl) this.tooltipDetailsEl.style.display = 'none'\n      if (this.headlineValuesEl) this.headlineValuesEl.style.display = 'block'\n    })\n  }\n}\n\nexport { ChartVisualisation }\nexport default ChartVisualisation\n"],
+  "mappings": "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",
+  "names": ["Chart", "ChartDataLabels"]
+}

package/dpr/components/_charts/chart/{clientClass.mjs → clientClass.ts}

@@ -1,9 +1,10 @@
+// @ts-nocheck
 /* eslint-disable class-methods-use-this */
 import Chart from 'chart.js/auto'
 import ChartDataLabels from 'chartjs-plugin-datalabels'
 import { MatrixController, MatrixElement } from 'chartjs-chart-matrix'
 
-import { DprClientClass } from '../../../DprClientClass.mjs'
+import { DprClientClass } from '../../../DprClientClass'
 
 class ChartVisualisation extends DprClientClass {
   setupCanvas() {

package/dpr/components/_charts/chart/doughnut/DoughnutChart.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/doughnut/DoughnutChart.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/doughnut/DoughnutChart.ts"],
   "sourcesContent": ["/* eslint-disable prefer-destructuring */\nimport {\n  DashboardVisualisationType,\n  DashboardVisualisationData,\n  VisualisationDefinitionKey,\n} from '../../../_dashboards/dashboard-visualisation/types'\nimport { components } from '../../../../types/api'\nimport Chart from '../Chart'\nimport { DoughnutDefinitionMeasure, DoughnutDefinitionType } from './types'\nimport DoughnutChartSchemas from './validate'\n\nclass DoughnutChart extends Chart {\n  private definition!: DoughnutDefinitionType\n\n  private measures!: DoughnutDefinitionMeasure[]\n\n  private keys!: VisualisationDefinitionKey[]\n\n  private init = () => {\n    this.measures = this.definition.columns.measures\n    this.keys = this.definition.columns.keys || []\n    this.initUnit(this.measures)\n    this.getLabelId(this.keys)\n  }\n\n  withDefinition = (definition: components['schemas']['DashboardVisualisationDefinition']) => {\n    this.definition = DoughnutChartSchemas.DoughnutSchema.parse(definition)\n    this.init()\n\n    return this\n  }\n\n  build = (): DashboardVisualisationData => {\n    this.createDatasets(this.measures, this.responseData)\n    this.augmentDataset()\n    this.setBespokeOptions()\n    this.createLabels(this.measures)\n\n    return {\n      type: DashboardVisualisationType.DONUT,\n      options: {\n        unit: this.unit,\n      },\n      data: {\n        labels: this.labels,\n        datasets: this.datasets,\n        config: this.config,\n      },\n    }\n  }\n\n  private augmentDataset = () => {\n    this.datasets = this.datasets.map((set) => {\n      return {\n        ...set,\n        backgroundColor: [...this.hexColours, ...this.hexColours],\n        borderColor: '#FFFFFF',\n        hoverOffset: 4,\n        datalabels: {\n          anchor: 'center',\n          borderWidth: 0,\n        },\n      }\n    })\n  }\n\n  private setBespokeOptions = () => {\n    const cutout = this.datasets.length === 1 ? '50%' : '20%'\n    this.config = {\n      ...this.config,\n      cutout,\n    }\n  }\n}\n\nexport { DoughnutChart }\nexport default DoughnutChart\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAIO;AAEP,mBAAkB;AAElB,sBAAiC;AAEjC,MAAM,sBAAsB,aAAAA,QAAM;AAAA,EACxB;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA,OAAO,MAAM;AACnB,SAAK,WAAW,KAAK,WAAW,QAAQ;AACxC,SAAK,OAAO,KAAK,WAAW,QAAQ,QAAQ,CAAC;AAC7C,SAAK,SAAS,KAAK,QAAQ;AAC3B,SAAK,WAAW,KAAK,IAAI;AAAA,EAC3B;AAAA,EAEA,iBAAiB,CAAC,eAA0E;AAC1F,SAAK,aAAa,gBAAAC,QAAqB,eAAe,MAAM,UAAU;AACtE,SAAK,KAAK;AAEV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,MAAkC;AACxC,SAAK,eAAe,KAAK,UAAU,KAAK,YAAY;AACpD,SAAK,eAAe;AACpB,SAAK,kBAAkB;AACvB,SAAK,aAAa,KAAK,QAAQ;AAE/B,WAAO;AAAA,MACL,MAAM,wCAA2B;AAAA,MACjC,SAAS;AAAA,QACP,MAAM,KAAK;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,QAAQ,KAAK;AAAA,QACb,UAAU,KAAK;AAAA,QACf,QAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,iBAAiB,MAAM;AAC7B,SAAK,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ;AACzC,aAAO;AAAA,QACL,GAAG;AAAA,QACH,iBAAiB,CAAC,GAAG,KAAK,YAAY,GAAG,KAAK,UAAU;AAAA,QACxD,aAAa;AAAA,QACb,aAAa;AAAA,QACb,YAAY;AAAA,UACV,QAAQ;AAAA,UACR,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,oBAAoB,MAAM;AAChC,UAAM,SAAS,KAAK,SAAS,WAAW,IAAI,QAAQ;AACpD,SAAK,SAAS;AAAA,MACZ,GAAG,KAAK;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;AAGA,IAAO,wBAAQ;",
   "names": ["Chart", "DoughnutChartSchemas"]

package/dpr/components/_charts/chart/doughnut/clientClass.js

@@ -0,0 +1,170 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var clientClass_exports = {};
+__export(clientClass_exports, {
+  DoughnutChartVisualisation: () => DoughnutChartVisualisation,
+  default: () => clientClass_default
+});
+module.exports = __toCommonJS(clientClass_exports);
+var import_clientClass = __toESM(require("../clientClass"));
+class DoughnutChartVisualisation extends import_clientClass.default {
+  static getModuleName() {
+    return "doughnut-chart";
+  }
+  initialise() {
+    this.setupCanvas();
+    this.settings = this.initSettings();
+    this.chartData = this.generateChartData(this.settings);
+    this.initChart(this.chartData);
+  }
+  initSettings() {
+    return {
+      options: this.setOptions(),
+      datalabels: this.setDataLabels(),
+      pluginsOptions: this.setPluginsOptions(),
+      toolTipOptions: this.setToolTipOptions(),
+      plugins: this.setPlugins()
+    };
+  }
+  setOptions() {
+    const cutoutValue = this.chartParams.datasets.length === 1 ? "50%" : "20%";
+    return {
+      cutout: cutoutValue
+    };
+  }
+  setPluginsOptions() {
+    return {
+      legend: {
+        display: true,
+        position: "bottom"
+      }
+    };
+  }
+  setPlugins() {
+    const plugins = [];
+    if (this.chartParams.datasets.length === 1 && !this.isPercentage) {
+      plugins.push(this.setCentralText());
+    }
+    return plugins;
+  }
+  setCentralText() {
+    return {
+      // Put the total in the center of the donut
+      id: "text",
+      beforeDraw(chart) {
+        const { width } = chart;
+        const { height } = chart;
+        const { ctx } = chart;
+        ctx.textBaseline = "middle";
+        let fontSize = 2.5;
+        ctx.font = `100 ${fontSize}em GDS Transport`;
+        ctx.fillStyle = "	#505a5f";
+        const total = chart.data.datasets[0].data.reduce((a, c) => a + c, 0);
+        const text = total;
+        const textX = Math.round((width - ctx.measureText(text).width) / 2);
+        const textY = height / 2;
+        ctx.fillText(text, textX, textY);
+        ctx.save();
+        ctx.textBaseline = "middle";
+        fontSize = 1;
+        ctx.font = `100 ${fontSize}em GDS Transport`;
+        ctx.fillStyle = "	#505a5f";
+        const title = "Total";
+        const titleX = Math.round((width - ctx.measureText(title).width) / 2);
+        const titleY = textY + 30;
+        ctx.fillText(title, titleX, titleY);
+        ctx.save();
+      }
+    };
+  }
+  setToolTipOptions() {
+    const ctx = this;
+    return {
+      callbacks: {
+        title(context) {
+          const { label, dataset } = context[0];
+          const { label: establishmentId } = dataset;
+          const title = ctx.singleDataset ? `${label}` : `${establishmentId}: ${label}`;
+          return title;
+        },
+        label(context) {
+          const { label, parsed: value, dataset } = context;
+          const { label: legend } = dataset;
+          const dataArr = dataset.data;
+          let toolipValue = `${value}${ctx.suffix}`;
+          if (!ctx.isPercentage) {
+            const val = dataArr.reduce((sum, d) => sum + Number(d), 0);
+            const percentage = `${(value * 100 / val).toFixed(2)}%`;
+            toolipValue = ctx.singleDataset ? `${toolipValue} (${percentage})` : `${legend}: ${toolipValue} (${percentage})`;
+            ctx.setHoverValue({ label, value: toolipValue, legend, ctx });
+          } else {
+            toolipValue = `${toolipValue}`;
+            ctx.setHoverValue({ label, value: toolipValue, legend, ctx });
+          }
+          return toolipValue;
+        }
+      }
+    };
+  }
+  setDataLabels() {
+    const ctx = this;
+    return {
+      textAlign: "center",
+      color: "#FFF",
+      display: (context) => {
+        const { dataset, dataIndex } = context;
+        const value = dataset.data[dataIndex];
+        const total = dataset.data.reduce((a, c) => a + c, 0);
+        const percentage = value / total * 100;
+        return percentage > 4;
+      },
+      formatter: (value, context) => {
+        const { dataset } = context;
+        const label = ctx.singleDataset ? `${value}${this.suffix}` : `${value}${this.suffix}
+${dataset.label}`;
+        return label;
+      },
+      labels: {
+        title: {
+          font: {
+            weight: "bold",
+            size: 16,
+            color: "#FFF"
+          }
+        }
+      }
+    };
+  }
+}
+var clientClass_default = DoughnutChartVisualisation;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DoughnutChartVisualisation
+});
+//# sourceMappingURL=clientClass.js.map

package/dpr/components/_charts/chart/doughnut/clientClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../dpr/components/_charts/chart/doughnut/clientClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable class-methods-use-this */\nimport ChartVisualisation from '../clientClass'\n\nclass DoughnutChartVisualisation extends ChartVisualisation {\n  static getModuleName() {\n    return 'doughnut-chart'\n  }\n\n  initialise() {\n    this.setupCanvas()\n    this.settings = this.initSettings()\n    this.chartData = this.generateChartData(this.settings)\n    this.initChart(this.chartData)\n  }\n\n  initSettings() {\n    return {\n      options: this.setOptions(),\n      datalabels: this.setDataLabels(),\n      pluginsOptions: this.setPluginsOptions(),\n      toolTipOptions: this.setToolTipOptions(),\n      plugins: this.setPlugins(),\n    }\n  }\n\n  setOptions() {\n    const cutoutValue = this.chartParams.datasets.length === 1 ? '50%' : '20%'\n    return {\n      cutout: cutoutValue,\n    }\n  }\n\n  setPluginsOptions() {\n    return {\n      legend: {\n        display: true,\n        position: 'bottom',\n      },\n    }\n  }\n\n  setPlugins() {\n    const plugins = []\n    if (this.chartParams.datasets.length === 1 && !this.isPercentage) {\n      plugins.push(this.setCentralText())\n    }\n    return plugins\n  }\n\n  setCentralText() {\n    return {\n      // Put the total in the center of the donut\n      id: 'text',\n      beforeDraw(chart) {\n        const { width } = chart\n        const { height } = chart\n        const { ctx } = chart\n\n        ctx.textBaseline = 'middle'\n        let fontSize = 2.5\n        ctx.font = `100 ${fontSize}em GDS Transport`\n        ctx.fillStyle = '\t#505a5f'\n\n        // Accumulated total\n        const total = chart.data.datasets[0].data.reduce((a, c) => a + c, 0)\n        const text = total\n        const textX = Math.round((width - ctx.measureText(text).width) / 2)\n        const textY = height / 2\n\n        ctx.fillText(text, textX, textY)\n        ctx.save()\n\n        ctx.textBaseline = 'middle'\n        fontSize = 1\n        ctx.font = `100 ${fontSize}em GDS Transport`\n        ctx.fillStyle = '\t#505a5f'\n\n        // Chart title\n        const title = 'Total'\n        const titleX = Math.round((width - ctx.measureText(title).width) / 2)\n        const titleY = textY + 30\n\n        ctx.fillText(title, titleX, titleY)\n        ctx.save()\n      },\n    }\n  }\n\n  setToolTipOptions() {\n    const ctx = this\n    return {\n      callbacks: {\n        title(context) {\n          const { label, dataset } = context[0]\n          const { label: establishmentId } = dataset\n          const title = ctx.singleDataset ? `${label}` : `${establishmentId}: ${label}`\n          return title\n        },\n        label(context) {\n          const { label, parsed: value, dataset } = context\n          const { label: legend } = dataset\n          const dataArr = dataset.data\n\n          let toolipValue = `${value}${ctx.suffix}`\n\n          if (!ctx.isPercentage) {\n            const val = dataArr.reduce((sum, d) => sum + Number(d), 0)\n            const percentage = `${((value * 100) / val).toFixed(2)}%`\n            toolipValue = ctx.singleDataset\n              ? `${toolipValue} (${percentage})`\n              : `${legend}: ${toolipValue} (${percentage})`\n            ctx.setHoverValue({ label, value: toolipValue, legend, ctx })\n          } else {\n            toolipValue = `${toolipValue}`\n            ctx.setHoverValue({ label, value: toolipValue, legend, ctx })\n          }\n\n          return toolipValue\n        },\n      },\n    }\n  }\n\n  setDataLabels() {\n    const ctx = this\n    return {\n      textAlign: 'center',\n      color: '#FFF',\n      display: (context) => {\n        const { dataset, dataIndex } = context\n        const value = dataset.data[dataIndex]\n        const total = dataset.data.reduce((a, c) => a + c, 0)\n        const percentage = (value / total) * 100\n        return percentage > 4\n      },\n      formatter: (value, context) => {\n        const { dataset } = context\n        const label = ctx.singleDataset\n          ? `${value}${this.suffix}`\n          : `${value}${this.suffix}\n${dataset.label}`\n\n        return label\n      },\n      labels: {\n        title: {\n          font: {\n            weight: 'bold',\n            size: 16,\n            color: '#FFF',\n          },\n        },\n      },\n    }\n  }\n}\n\nexport { DoughnutChartVisualisation }\nexport default DoughnutChartVisualisation\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA+B;AAE/B,MAAM,mCAAmC,mBAAAA,QAAmB;AAAA,EAC1D,OAAO,gBAAgB;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,aAAa;AACX,SAAK,YAAY;AACjB,SAAK,WAAW,KAAK,aAAa;AAClC,SAAK,YAAY,KAAK,kBAAkB,KAAK,QAAQ;AACrD,SAAK,UAAU,KAAK,SAAS;AAAA,EAC/B;AAAA,EAEA,eAAe;AACb,WAAO;AAAA,MACL,SAAS,KAAK,WAAW;AAAA,MACzB,YAAY,KAAK,cAAc;AAAA,MAC/B,gBAAgB,KAAK,kBAAkB;AAAA,MACvC,gBAAgB,KAAK,kBAAkB;AAAA,MACvC,SAAS,KAAK,WAAW;AAAA,IAC3B;AAAA,EACF;AAAA,EAEA,aAAa;AACX,UAAM,cAAc,KAAK,YAAY,SAAS,WAAW,IAAI,QAAQ;AACrE,WAAO;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,WAAO;AAAA,MACL,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aAAa;AACX,UAAM,UAAU,CAAC;AACjB,QAAI,KAAK,YAAY,SAAS,WAAW,KAAK,CAAC,KAAK,cAAc;AAChE,cAAQ,KAAK,KAAK,eAAe,CAAC;AAAA,IACpC;AACA,WAAO;AAAA,EACT;AAAA,EAEA,iBAAiB;AACf,WAAO;AAAA;AAAA,MAEL,IAAI;AAAA,MACJ,WAAW,OAAO;AAChB,cAAM,EAAE,MAAM,IAAI;AAClB,cAAM,EAAE,OAAO,IAAI;AACnB,cAAM,EAAE,IAAI,IAAI;AAEhB,YAAI,eAAe;AACnB,YAAI,WAAW;AACf,YAAI,OAAO,OAAO,QAAQ;AAC1B,YAAI,YAAY;AAGhB,cAAM,QAAQ,MAAM,KAAK,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC;AACnE,cAAM,OAAO;AACb,cAAM,QAAQ,KAAK,OAAO,QAAQ,IAAI,YAAY,IAAI,EAAE,SAAS,CAAC;AAClE,cAAM,QAAQ,SAAS;AAEvB,YAAI,SAAS,MAAM,OAAO,KAAK;AAC/B,YAAI,KAAK;AAET,YAAI,eAAe;AACnB,mBAAW;AACX,YAAI,OAAO,OAAO,QAAQ;AAC1B,YAAI,YAAY;AAGhB,cAAM,QAAQ;AACd,cAAM,SAAS,KAAK,OAAO,QAAQ,IAAI,YAAY,KAAK,EAAE,SAAS,CAAC;AACpE,cAAM,SAAS,QAAQ;AAEvB,YAAI,SAAS,OAAO,QAAQ,MAAM;AAClC,YAAI,KAAK;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,MAAM;AACZ,WAAO;AAAA,MACL,WAAW;AAAA,QACT,MAAM,SAAS;AACb,gBAAM,EAAE,OAAO,QAAQ,IAAI,QAAQ,CAAC;AACpC,gBAAM,EAAE,OAAO,gBAAgB,IAAI;AACnC,gBAAM,QAAQ,IAAI,gBAAgB,GAAG,KAAK,KAAK,GAAG,eAAe,KAAK,KAAK;AAC3E,iBAAO;AAAA,QACT;AAAA,QACA,MAAM,SAAS;AACb,gBAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ,IAAI;AAC1C,gBAAM,EAAE,OAAO,OAAO,IAAI;AAC1B,gBAAM,UAAU,QAAQ;AAExB,cAAI,cAAc,GAAG,KAAK,GAAG,IAAI,MAAM;AAEvC,cAAI,CAAC,IAAI,cAAc;AACrB,kBAAM,MAAM,QAAQ,OAAO,CAAC,KAAK,MAAM,MAAM,OAAO,CAAC,GAAG,CAAC;AACzD,kBAAM,aAAa,IAAK,QAAQ,MAAO,KAAK,QAAQ,CAAC,CAAC;AACtD,0BAAc,IAAI,gBACd,GAAG,WAAW,KAAK,UAAU,MAC7B,GAAG,MAAM,KAAK,WAAW,KAAK,UAAU;AAC5C,gBAAI,cAAc,EAAE,OAAO,OAAO,aAAa,QAAQ,IAAI,CAAC;AAAA,UAC9D,OAAO;AACL,0BAAc,GAAG,WAAW;AAC5B,gBAAI,cAAc,EAAE,OAAO,OAAO,aAAa,QAAQ,IAAI,CAAC;AAAA,UAC9D;AAEA,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,UAAM,MAAM;AACZ,WAAO;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS,CAAC,YAAY;AACpB,cAAM,EAAE,SAAS,UAAU,IAAI;AAC/B,cAAM,QAAQ,QAAQ,KAAK,SAAS;AACpC,cAAM,QAAQ,QAAQ,KAAK,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC;AACpD,cAAM,aAAc,QAAQ,QAAS;AACrC,eAAO,aAAa;AAAA,MACtB;AAAA,MACA,WAAW,CAAC,OAAO,YAAY;AAC7B,cAAM,EAAE,QAAQ,IAAI;AACpB,cAAM,QAAQ,IAAI,gBACd,GAAG,KAAK,GAAG,KAAK,MAAM,KACtB,GAAG,KAAK,GAAG,KAAK,MAAM;AAAA,EAChC,QAAQ,KAAK;AAEP,eAAO;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,MAAM;AAAA,YACJ,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAGA,IAAO,sBAAQ;",
+  "names": ["ChartVisualisation"]
+}

package/dpr/components/_charts/chart/doughnut/{clientClass.mjs → clientClass.ts}

@@ -1,5 +1,6 @@
+// @ts-nocheck
 /* eslint-disable class-methods-use-this */
-import ChartVisualisation from '../clientClass.mjs'
+import ChartVisualisation from '../clientClass'
 
 class DoughnutChartVisualisation extends ChartVisualisation {
   static getModuleName() {

package/dpr/components/_charts/chart/doughnut/types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/doughnut/types.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/doughnut/types.ts"],
   "sourcesContent": ["import z from 'zod'\nimport DoughnutChartSchemas from './validate'\n\nexport type DoughnutDefinitionType = z.infer<typeof DoughnutChartSchemas.DoughnutSchema>\nexport type DoughnutDefinitionMeasure = z.infer<typeof DoughnutChartSchemas.DounutMeasureSchema>\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []

package/dpr/components/_charts/chart/doughnut/validate.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/doughnut/validate.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/doughnut/validate.ts"],
   "sourcesContent": ["import { z } from 'zod'\nimport { DashboardVisualisationSchema, DashboardColumns } from '../../../_dashboards/dashboard-visualisation/Validate'\n\nconst DounutMeasureSchema = z.object({\n  id: z.string(),\n  display: z.string().optional(),\n  unit: z.enum(['NUMBER', 'PERCENTAGE']).optional(),\n})\n\nconst DonutOptions = z.object({\n  showLatest: z.boolean().default(true),\n})\n\nconst DoughnutSchema = z.object({\n  ...DashboardVisualisationSchema.shape,\n  type: z.literal('doughnut'),\n  display: z.string(),\n  options: z.object(DonutOptions.shape).optional(),\n  columns: z.object({\n    ...DashboardColumns.shape,\n    measures: z.array(DounutMeasureSchema).min(2, 'Measure must contain 2 items'),\n  }),\n})\n\nconst DoughnutChartSchemas = {\n  DoughnutSchema,\n  DounutMeasureSchema,\n}\n\nexport default DoughnutChartSchemas\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAClB,sBAA+D;AAE/D,MAAM,sBAAsB,aAAE,OAAO;AAAA,EACnC,IAAI,aAAE,OAAO;AAAA,EACb,SAAS,aAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,MAAM,aAAE,KAAK,CAAC,UAAU,YAAY,CAAC,EAAE,SAAS;AAClD,CAAC;AAED,MAAM,eAAe,aAAE,OAAO;AAAA,EAC5B,YAAY,aAAE,QAAQ,EAAE,QAAQ,IAAI;AACtC,CAAC;AAED,MAAM,iBAAiB,aAAE,OAAO;AAAA,EAC9B,GAAG,6CAA6B;AAAA,EAChC,MAAM,aAAE,QAAQ,UAAU;AAAA,EAC1B,SAAS,aAAE,OAAO;AAAA,EAClB,SAAS,aAAE,OAAO,aAAa,KAAK,EAAE,SAAS;AAAA,EAC/C,SAAS,aAAE,OAAO;AAAA,IAChB,GAAG,iCAAiB;AAAA,IACpB,UAAU,aAAE,MAAM,mBAAmB,EAAE,IAAI,GAAG,8BAA8B;AAAA,EAC9E,CAAC;AACH,CAAC;AAED,MAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AACF;AAEA,IAAO,mBAAQ;",
   "names": []

package/dpr/components/_charts/chart/heatmap/HeatmapChart.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/heatmap/HeatmapChart.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/heatmap/HeatmapChart.ts"],
   "sourcesContent": ["/* eslint-disable prefer-destructuring */\nimport dayjs from 'dayjs'\nimport { Granularity } from '../../../_inputs/granular-date-range/types'\nimport { DashboardDataResponse } from '../../../../types/Metrics'\nimport {\n  DashboardVisualisationType,\n  DashboardVisualisationData,\n  DashboardVisualisationDataSet,\n} from '../../../_dashboards/dashboard-visualisation/types'\nimport { MatrixChartData, MatrixTimeseriesDefinitionType } from './types'\nimport DatasetHelper from '../../../../utils/datasetHelper'\nimport Buckets from '../buckets/Buckets'\nimport { components } from '../../../../types/api'\nimport MatrixSchema from './validate'\nimport ChartConfig from '../chart-config'\n\nclass HeatmapChart {\n  private definition!: MatrixTimeseriesDefinitionType\n\n  private measures!: MatrixTimeseriesDefinitionType['columns']['measures']\n\n  private responseData: DashboardDataResponse[] = []\n\n  private granularity!: Granularity\n\n  private data: MatrixChartData[] = []\n\n  private dayDateFormat = 'DD/MM/YYYY'\n\n  private valueKey = ''\n\n  private label = ''\n\n  private unit: 'NUMBER' | 'PERCENTAGE' | undefined\n\n  private bucketsHelper!: Buckets\n\n  private datasets: DashboardVisualisationDataSet[] = []\n\n  config = ChartConfig\n\n  private xLabels: (string | number)[] = []\n\n  private yLabels: (string | number)[] = []\n\n  withDefinition = (definition: components['schemas']['DashboardVisualisationDefinition']) => {\n    this.definition = MatrixSchema.parse(definition)\n    this.init()\n    return this\n  }\n\n  withData = (responseData: DashboardDataResponse[]) => {\n    this.responseData = responseData\n    this.bucketsHelper = new Buckets(this.responseData, this.definition, this.valueKey, true)\n    return this\n  }\n\n  withGranularity = (granularity: Granularity) => {\n    this.granularity = granularity\n    return this\n  }\n\n  private init = () => {\n    this.measures = this.definition.columns.measures\n    this.setLabel()\n    this.initUnit()\n  }\n\n  initUnit = () => {\n    this.unit = this.measures[0].unit ? this.measures[0].unit : undefined\n  }\n\n  private setLabel = () => {\n    const { id, display } = this.measures[1]\n    this.valueKey = id\n    this.label = display || ''\n  }\n\n  private initTimeseriesData = () => {\n    const timeBlockData = DatasetHelper.groupRowsByTimestamp(this.responseData)\n\n    this.data = timeBlockData.map((tsData) => {\n      const { raw, rag } = tsData[0][this.valueKey]\n      const tsRaw = tsData[0]['ts'].raw\n\n      const v: MatrixChartData['v'] = Number(raw)\n      const r: MatrixChartData['r'] = rag !== undefined ? Number(tsData[0][this.valueKey].rag) : undefined\n      let x: MatrixChartData['x'] = 0\n      let y: MatrixChartData['y'] = 0\n\n      switch (this.granularity) {\n        case 'hourly':\n          break\n        case 'weekly':\n          x = dayjs(tsRaw, this.dayDateFormat).format('ddd')\n          y = dayjs(tsRaw, this.dayDateFormat).week()\n          break\n        case 'daily':\n          x = dayjs(tsRaw, this.dayDateFormat).format('MMM YY')\n          y = dayjs(tsRaw, this.dayDateFormat).format('D')\n          break\n        case 'monthly':\n          {\n            const ts = (<string>tsRaw).split(' ')\n            x = ts[1]\n            y = ts[0]\n          }\n          break\n        case 'annually':\n          x = 'year'\n          y = <string>tsRaw\n          break\n        default:\n          x = dayjs(tsRaw, this.dayDateFormat).format('MMM YY')\n          y = dayjs(tsRaw, this.dayDateFormat).format('D')\n          break\n      }\n      return { y, x, v, r }\n    })\n\n    this.bucketData()\n    this.datasets = [\n      {\n        label: this.label,\n        data: this.data,\n      },\n    ]\n  }\n\n  private bucketData = () => {\n    this.data = this.data.map((d) => {\n      const { v, r } = d\n      const bucketData = this.bucketsHelper.getBucketForValue(v, r)\n      return { ...d, c: bucketData.colour }\n    })\n  }\n\n  private setBespokeOptions = () => {\n    this.config = {\n      ...this.config,\n      scales: this.setScales(),\n    }\n  }\n\n  setScales() {\n    this.xLabels = [\n      ...new Set(\n        (<MatrixChartData[]>this.datasets[0].data).map((d) => {\n          return d.x\n        }),\n      ),\n    ]\n    this.yLabels = [\n      ...new Set(\n        (<MatrixChartData[]>this.datasets[0].data).map((d) => {\n          return d.y\n        }),\n      ),\n    ]\n    const grid = {\n      display: false,\n      drawBorder: false,\n    }\n    const ticks = {\n      padding: 1,\n      maxRotation: 0,\n      stepSize: 1,\n    }\n    const offset = true\n    const common = {\n      offset,\n      ticks,\n      grid,\n    }\n\n    return {\n      y: {\n        position: 'left',\n        type: 'category',\n        ...(this.yLabels && { labels: this.yLabels }),\n        ...common,\n      },\n      x: {\n        position: 'top',\n        type: 'category',\n        ...(this.xLabels && { labels: this.xLabels }),\n        ...common,\n      },\n    }\n  }\n\n  getCanvasHeight = () => {\n    return this.yLabels.length / 2\n  }\n\n  build = (): DashboardVisualisationData => {\n    this.initTimeseriesData()\n    this.bucketData()\n    this.setBespokeOptions()\n    const height = this.getCanvasHeight()\n\n    return {\n      type: DashboardVisualisationType.MATRIX,\n      options: {\n        unit: this.unit,\n        timeseries: true,\n        height,\n      },\n      data: {\n        datasets: this.datasets,\n        config: this.config,\n      },\n    }\n  }\n}\n\nexport { HeatmapChart }\nexport default HeatmapChart\n"],
   "mappings": "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",
   "names": ["import_types", "ChartConfig", "MatrixSchema", "Buckets", "DatasetHelper", "dayjs"]

package/dpr/components/_charts/chart/heatmap/clientClass.js

@@ -0,0 +1,118 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var clientClass_exports = {};
+__export(clientClass_exports, {
+  default: () => MatrixChartVisualisation
+});
+module.exports = __toCommonJS(clientClass_exports);
+var import_clientClass = __toESM(require("../clientClass"));
+class MatrixChartVisualisation extends import_clientClass.default {
+  static getModuleName() {
+    return "matrix-chart";
+  }
+  initialise() {
+    this.setupCanvas();
+    this.settings = this.initSettings();
+    this.chartData = this.generateChartData(this.settings);
+    this.initChart(this.chartData);
+  }
+  initSettings() {
+    return {
+      toolTipOptions: this.setToolTipOptions()
+    };
+  }
+  setToolTipOptions() {
+    const ctx = this;
+    return {
+      callbacks: {
+        title(context) {
+          const { raw } = context[0];
+          const title = `${raw.y} ${raw.x}`;
+          return title;
+        },
+        label(context) {
+          const { data, label: legend } = context.dataset;
+          const dataValue = data[context.dataIndex];
+          const label = `${dataValue.y} ${dataValue.x}`;
+          const value = `${dataValue.v}${ctx.suffix}`;
+          ctx.setHoverValue({ label, value, legend, ctx });
+          return `${legend}: ${value}`;
+        }
+      }
+    };
+  }
+  generateChartData(settings) {
+    const { config } = this.chartParams;
+    const { options, plugins, pluginsOptions, toolTipOptions, hoverEvent } = settings;
+    const d = {
+      type: this.type,
+      data: {
+        datasets: this.createDatasets()
+      },
+      options: {
+        ...config,
+        ...options && options,
+        ...hoverEvent && hoverEvent,
+        plugins: {
+          ...config.plugins,
+          legend: {
+            position: "bottom",
+            display: false
+          },
+          ...pluginsOptions && pluginsOptions,
+          datalabels: {
+            display: false
+          },
+          tooltip: {
+            ...config.plugins.tooltip,
+            ...toolTipOptions && toolTipOptions
+          }
+        }
+      },
+      plugins: plugins && plugins.length ? [...plugins] : []
+    };
+    return d;
+  }
+  createDatasets() {
+    const { datasets } = this.chartParams;
+    return datasets.map((d) => {
+      const { label, data } = d;
+      return {
+        label,
+        data,
+        backgroundColor(c) {
+          return c.raw.c;
+        },
+        width: ({ chart }) => (chart.chartArea || {}).width / chart.scales.x.ticks.length - 1,
+        height: ({ chart }) => (chart.chartArea || {}).height / chart.scales.y.ticks.length - 1
+      };
+    });
+  }
+}
+//# sourceMappingURL=clientClass.js.map

package/dpr/components/_charts/chart/heatmap/clientClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../dpr/components/_charts/chart/heatmap/clientClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable prefer-destructuring */\n/* eslint-disable class-methods-use-this */\nimport ChartVisualisation from '../clientClass'\n\nexport default class MatrixChartVisualisation extends ChartVisualisation {\n  static getModuleName() {\n    return 'matrix-chart'\n  }\n\n  initialise() {\n    this.setupCanvas()\n    this.settings = this.initSettings()\n    this.chartData = this.generateChartData(this.settings)\n    this.initChart(this.chartData)\n  }\n\n  initSettings() {\n    return {\n      toolTipOptions: this.setToolTipOptions(),\n    }\n  }\n\n  setToolTipOptions() {\n    const ctx = this\n    return {\n      callbacks: {\n        title(context) {\n          const { raw } = context[0]\n          const title = `${raw.y} ${raw.x}`\n          return title\n        },\n        label(context) {\n          const { data, label: legend } = context.dataset\n          const dataValue = data[context.dataIndex]\n          const label = `${dataValue.y} ${dataValue.x}`\n          const value = `${dataValue.v}${ctx.suffix}`\n          ctx.setHoverValue({ label, value, legend, ctx })\n          return `${legend}: ${value}`\n        },\n      },\n    }\n  }\n\n  generateChartData(settings) {\n    const { config } = this.chartParams\n    const { options, plugins, pluginsOptions, toolTipOptions, hoverEvent } = settings\n    const d = {\n      type: this.type,\n      data: {\n        datasets: this.createDatasets(),\n      },\n      options: {\n        ...config,\n        ...(options && options),\n        ...(hoverEvent && hoverEvent),\n        plugins: {\n          ...config.plugins,\n          legend: {\n            position: 'bottom',\n            display: false,\n          },\n          ...(pluginsOptions && pluginsOptions),\n          datalabels: {\n            display: false,\n          },\n          tooltip: {\n            ...config.plugins.tooltip,\n            ...(toolTipOptions && toolTipOptions),\n          },\n        },\n      },\n      plugins: plugins && plugins.length ? [...plugins] : [],\n    }\n\n    return d\n  }\n\n  createDatasets() {\n    const { datasets } = this.chartParams\n    return datasets.map((d) => {\n      const { label, data } = d\n      return {\n        label,\n        data,\n        backgroundColor(c) {\n          return c.raw.c\n        },\n        width: ({ chart }) => (chart.chartArea || {}).width / chart.scales.x.ticks.length - 1,\n        height: ({ chart }) => (chart.chartArea || {}).height / chart.scales.y.ticks.length - 1,\n      }\n    })\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAA+B;AAE/B,MAAO,iCAA+C,mBAAAA,QAAmB;AAAA,EACvE,OAAO,gBAAgB;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,aAAa;AACX,SAAK,YAAY;AACjB,SAAK,WAAW,KAAK,aAAa;AAClC,SAAK,YAAY,KAAK,kBAAkB,KAAK,QAAQ;AACrD,SAAK,UAAU,KAAK,SAAS;AAAA,EAC/B;AAAA,EAEA,eAAe;AACb,WAAO;AAAA,MACL,gBAAgB,KAAK,kBAAkB;AAAA,IACzC;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,MAAM;AACZ,WAAO;AAAA,MACL,WAAW;AAAA,QACT,MAAM,SAAS;AACb,gBAAM,EAAE,IAAI,IAAI,QAAQ,CAAC;AACzB,gBAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC;AAC/B,iBAAO;AAAA,QACT;AAAA,QACA,MAAM,SAAS;AACb,gBAAM,EAAE,MAAM,OAAO,OAAO,IAAI,QAAQ;AACxC,gBAAM,YAAY,KAAK,QAAQ,SAAS;AACxC,gBAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,UAAU,CAAC;AAC3C,gBAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,IAAI,MAAM;AACzC,cAAI,cAAc,EAAE,OAAO,OAAO,QAAQ,IAAI,CAAC;AAC/C,iBAAO,GAAG,MAAM,KAAK,KAAK;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,kBAAkB,UAAU;AAC1B,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,UAAM,EAAE,SAAS,SAAS,gBAAgB,gBAAgB,WAAW,IAAI;AACzE,UAAM,IAAI;AAAA,MACR,MAAM,KAAK;AAAA,MACX,MAAM;AAAA,QACJ,UAAU,KAAK,eAAe;AAAA,MAChC;AAAA,MACA,SAAS;AAAA,QACP,GAAG;AAAA,QACH,GAAI,WAAW;AAAA,QACf,GAAI,cAAc;AAAA,QAClB,SAAS;AAAA,UACP,GAAG,OAAO;AAAA,UACV,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,SAAS;AAAA,UACX;AAAA,UACA,GAAI,kBAAkB;AAAA,UACtB,YAAY;AAAA,YACV,SAAS;AAAA,UACX;AAAA,UACA,SAAS;AAAA,YACP,GAAG,OAAO,QAAQ;AAAA,YAClB,GAAI,kBAAkB;AAAA,UACxB;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS,WAAW,QAAQ,SAAS,CAAC,GAAG,OAAO,IAAI,CAAC;AAAA,IACvD;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,iBAAiB;AACf,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAO,SAAS,IAAI,CAAC,MAAM;AACzB,YAAM,EAAE,OAAO,KAAK,IAAI;AACxB,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,gBAAgB,GAAG;AACjB,iBAAO,EAAE,IAAI;AAAA,QACf;AAAA,QACA,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa,CAAC,GAAG,QAAQ,MAAM,OAAO,EAAE,MAAM,SAAS;AAAA,QACpF,QAAQ,CAAC,EAAE,MAAM,OAAO,MAAM,aAAa,CAAC,GAAG,SAAS,MAAM,OAAO,EAAE,MAAM,SAAS;AAAA,MACxF;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": ["ChartVisualisation"]
+}

package/dpr/components/_charts/chart/heatmap/{clientClass.mjs → clientClass.ts}

@@ -1,6 +1,7 @@
+// @ts-nocheck
 /* eslint-disable prefer-destructuring */
 /* eslint-disable class-methods-use-this */
-import ChartVisualisation from '../clientClass.mjs'
+import ChartVisualisation from '../clientClass'
 
 export default class MatrixChartVisualisation extends ChartVisualisation {
   static getModuleName() {

package/dpr/components/_charts/chart/heatmap/types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/heatmap/types.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/heatmap/types.ts"],
   "sourcesContent": ["import z from 'zod'\nimport MatrixTimeseriesSchema from './validate'\n\nexport interface MatrixChartData {\n  x: number | string\n  y: number | string\n  r?: number | undefined\n  v: number\n}\n\nexport type MatrixTimeseriesDefinitionType = z.infer<typeof MatrixTimeseriesSchema>\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []

package/dpr/components/_charts/chart/heatmap/validate.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/heatmap/validate.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/heatmap/validate.ts"],
   "sourcesContent": ["import { z } from 'zod'\nimport {\n  DashboardVisualisationSchema,\n  DashboardColumns,\n  DashboardVisualisationMeasureSchema,\n  BucketOptionsSchema,\n} from '../../../_dashboards/dashboard-visualisation/Validate'\n\nconst matrixKeys = z.object({\n  id: z.string(),\n  optional: z.boolean().default(false),\n})\n\nconst MatrixTimeseriesSchema = z.object({\n  ...DashboardVisualisationSchema.shape,\n  type: z.literal('matrix-timeseries'),\n  options: z.object(BucketOptionsSchema.shape).optional(),\n  columns: z.object({\n    ...DashboardColumns.shape,\n    keys: z.array(matrixKeys).min(1, 'Key array cannot be empty').optional(),\n    measures: z.array(DashboardVisualisationMeasureSchema).length(2, 'Measure must contain a single item'),\n  }),\n})\n\nexport default MatrixTimeseriesSchema\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAClB,sBAKO;AAEP,MAAM,aAAa,aAAE,OAAO;AAAA,EAC1B,IAAI,aAAE,OAAO;AAAA,EACb,UAAU,aAAE,QAAQ,EAAE,QAAQ,KAAK;AACrC,CAAC;AAED,MAAM,yBAAyB,aAAE,OAAO;AAAA,EACtC,GAAG,6CAA6B;AAAA,EAChC,MAAM,aAAE,QAAQ,mBAAmB;AAAA,EACnC,SAAS,aAAE,OAAO,oCAAoB,KAAK,EAAE,SAAS;AAAA,EACtD,SAAS,aAAE,OAAO;AAAA,IAChB,GAAG,iCAAiB;AAAA,IACpB,MAAM,aAAE,MAAM,UAAU,EAAE,IAAI,GAAG,2BAA2B,EAAE,SAAS;AAAA,IACvE,UAAU,aAAE,MAAM,mDAAmC,EAAE,OAAO,GAAG,oCAAoC;AAAA,EACvG,CAAC;AACH,CAAC;AAED,IAAO,mBAAQ;",
   "names": []

package/dpr/components/_charts/chart/line/LineChart.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/line/LineChart.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/line/LineChart.ts"],
   "sourcesContent": ["/* eslint-disable prefer-destructuring */\nimport {\n  DashboardVisualisationType,\n  DashboardVisualisationData,\n  VisualisationDefinitionKey,\n  DashboardVisualisationDataSet,\n} from '../../../_dashboards/dashboard-visualisation/types'\nimport { components } from '../../../../types/api'\nimport Chart from '../Chart'\nimport { LineDefinitionMeasure, LineDefinitionType } from './types'\nimport LineChartSchemas from './validate'\n\nclass LineChart extends Chart {\n  private definition!: LineDefinitionType\n\n  private measures!: LineDefinitionMeasure[]\n\n  private keys!: VisualisationDefinitionKey[]\n\n  private init = () => {\n    this.measures = this.definition.columns.measures\n    this.keys = this.definition.columns.keys || []\n    this.initUnit(this.measures)\n    this.getLabelId(this.keys)\n  }\n\n  withDefinition = (definition: components['schemas']['DashboardVisualisationDefinition']) => {\n    this.definition = LineChartSchemas.LineSchema.parse(definition)\n    this.init()\n\n    return this\n  }\n\n  build = (): DashboardVisualisationData => {\n    this.createDatasets(this.measures, this.responseData)\n    this.datasets = this.augmentDataset(this.datasets)\n    this.config = this.setBespokeOptions()\n    this.createLabels(this.measures)\n\n    return {\n      type: DashboardVisualisationType.LINE,\n      options: {\n        unit: this.unit,\n      },\n      data: {\n        labels: this.labels,\n        datasets: this.datasets,\n        config: this.config,\n      },\n    }\n  }\n\n  augmentDataset = (datasets: DashboardVisualisationDataSet[]) => {\n    return datasets.map((set) => {\n      return {\n        ...set,\n        pointStyle: 'circle',\n        pointRadius: 4,\n        pointHoverRadius: 10,\n        pointHitRadius: 20,\n        datalabels: {\n          display: false,\n        },\n      }\n    })\n  }\n\n  setBespokeOptions = () => {\n    return {\n      ...this.config,\n      scales: {\n        y: {\n          min: 0,\n          ticks: {\n            fontSize: 12,\n          },\n        },\n        x: {\n          ticks: {\n            fontSize: 12,\n          },\n        },\n      },\n    }\n  }\n}\n\nexport { LineChart }\nexport default LineChart\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAKO;AAEP,mBAAkB;AAElB,sBAA6B;AAE7B,MAAM,kBAAkB,aAAAA,QAAM;AAAA,EACpB;AAAA,EAEA;AAAA,EAEA;AAAA,EAEA,OAAO,MAAM;AACnB,SAAK,WAAW,KAAK,WAAW,QAAQ;AACxC,SAAK,OAAO,KAAK,WAAW,QAAQ,QAAQ,CAAC;AAC7C,SAAK,SAAS,KAAK,QAAQ;AAC3B,SAAK,WAAW,KAAK,IAAI;AAAA,EAC3B;AAAA,EAEA,iBAAiB,CAAC,eAA0E;AAC1F,SAAK,aAAa,gBAAAC,QAAiB,WAAW,MAAM,UAAU;AAC9D,SAAK,KAAK;AAEV,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,MAAkC;AACxC,SAAK,eAAe,KAAK,UAAU,KAAK,YAAY;AACpD,SAAK,WAAW,KAAK,eAAe,KAAK,QAAQ;AACjD,SAAK,SAAS,KAAK,kBAAkB;AACrC,SAAK,aAAa,KAAK,QAAQ;AAE/B,WAAO;AAAA,MACL,MAAM,wCAA2B;AAAA,MACjC,SAAS;AAAA,QACP,MAAM,KAAK;AAAA,MACb;AAAA,MACA,MAAM;AAAA,QACJ,QAAQ,KAAK;AAAA,QACb,UAAU,KAAK;AAAA,QACf,QAAQ,KAAK;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB,CAAC,aAA8C;AAC9D,WAAO,SAAS,IAAI,CAAC,QAAQ;AAC3B,aAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,YAAY;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,oBAAoB,MAAM;AACxB,WAAO;AAAA,MACL,GAAG,KAAK;AAAA,MACR,QAAQ;AAAA,QACN,GAAG;AAAA,UACD,KAAK;AAAA,UACL,OAAO;AAAA,YACL,UAAU;AAAA,UACZ;AAAA,QACF;AAAA,QACA,GAAG;AAAA,UACD,OAAO;AAAA,YACL,UAAU;AAAA,UACZ;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAGA,IAAO,oBAAQ;",
   "names": ["Chart", "LineChartSchemas"]

package/dpr/components/_charts/chart/line/clientClass.js

@@ -0,0 +1,93 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var clientClass_exports = {};
+__export(clientClass_exports, {
+  LineChartVisualisation: () => LineChartVisualisation,
+  default: () => clientClass_default
+});
+module.exports = __toCommonJS(clientClass_exports);
+var import_clientClass = __toESM(require("../clientClass"));
+class LineChartVisualisation extends import_clientClass.default {
+  static getModuleName() {
+    return "line-chart";
+  }
+  initialise() {
+    this.setupCanvas();
+    this.settings = this.initSettings();
+    this.chartData = this.generateChartData(this.settings);
+    this.lastIndex = this.chartData.data.labels.length - 1;
+    this.initChart(this.chartData);
+  }
+  initSettings() {
+    return {
+      toolTipOptions: this.setToolTipOptions(),
+      styling: this.setDatasetStyling()
+    };
+  }
+  setPartialStyle(ctx) {
+    let style;
+    if (this.partialEnd && ctx.p1DataIndex === this.lastIndex || this.partialStart && ctx.p1DataIndex === 1) {
+      style = [6, 6];
+    }
+    return style;
+  }
+  setDatasetStyling() {
+    return {
+      segment: {
+        borderDash: (ctx) => this.setPartialStyle(ctx)
+      }
+    };
+  }
+  setToolTipOptions() {
+    const ctx = this;
+    return {
+      callbacks: {
+        title(context) {
+          const { label, dataset } = context[0];
+          const { label: establishmentId } = dataset;
+          const title = ctx.singleDataset ? `${label}` : `${establishmentId}: ${label}`;
+          return title;
+        },
+        label(context) {
+          const { label } = context;
+          const { data, label: legend } = context.dataset;
+          const value = data[context.dataIndex];
+          ctx.setHoverValue({ label, value, legend, ctx });
+          return value;
+        }
+      }
+    };
+  }
+}
+var clientClass_default = LineChartVisualisation;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LineChartVisualisation
+});
+//# sourceMappingURL=clientClass.js.map

package/dpr/components/_charts/chart/line/clientClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../dpr/components/_charts/chart/line/clientClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable class-methods-use-this */\nimport ChartVisualisation from '../clientClass'\n\nclass LineChartVisualisation extends ChartVisualisation {\n  static getModuleName() {\n    return 'line-chart'\n  }\n\n  initialise() {\n    this.setupCanvas()\n    this.settings = this.initSettings()\n    this.chartData = this.generateChartData(this.settings)\n    this.lastIndex = this.chartData.data.labels.length - 1\n    this.initChart(this.chartData)\n  }\n\n  initSettings() {\n    return {\n      toolTipOptions: this.setToolTipOptions(),\n      styling: this.setDatasetStyling(),\n    }\n  }\n\n  setPartialStyle(ctx) {\n    let style\n    if ((this.partialEnd && ctx.p1DataIndex === this.lastIndex) || (this.partialStart && ctx.p1DataIndex === 1)) {\n      style = [6, 6]\n    }\n    return style\n  }\n\n  setDatasetStyling() {\n    return {\n      segment: {\n        borderDash: (ctx) => this.setPartialStyle(ctx),\n      },\n    }\n  }\n\n  setToolTipOptions() {\n    const ctx = this\n    return {\n      callbacks: {\n        title(context) {\n          const { label, dataset } = context[0]\n          const { label: establishmentId } = dataset\n          const title = ctx.singleDataset ? `${label}` : `${establishmentId}: ${label}`\n          return title\n        },\n        label(context) {\n          const { label } = context\n          const { data, label: legend } = context.dataset\n          const value = data[context.dataIndex]\n          ctx.setHoverValue({ label, value, legend, ctx })\n          return value\n        },\n      },\n    }\n  }\n}\n\nexport { LineChartVisualisation }\nexport default LineChartVisualisation\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAA+B;AAE/B,MAAM,+BAA+B,mBAAAA,QAAmB;AAAA,EACtD,OAAO,gBAAgB;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,aAAa;AACX,SAAK,YAAY;AACjB,SAAK,WAAW,KAAK,aAAa;AAClC,SAAK,YAAY,KAAK,kBAAkB,KAAK,QAAQ;AACrD,SAAK,YAAY,KAAK,UAAU,KAAK,OAAO,SAAS;AACrD,SAAK,UAAU,KAAK,SAAS;AAAA,EAC/B;AAAA,EAEA,eAAe;AACb,WAAO;AAAA,MACL,gBAAgB,KAAK,kBAAkB;AAAA,MACvC,SAAS,KAAK,kBAAkB;AAAA,IAClC;AAAA,EACF;AAAA,EAEA,gBAAgB,KAAK;AACnB,QAAI;AACJ,QAAK,KAAK,cAAc,IAAI,gBAAgB,KAAK,aAAe,KAAK,gBAAgB,IAAI,gBAAgB,GAAI;AAC3G,cAAQ,CAAC,GAAG,CAAC;AAAA,IACf;AACA,WAAO;AAAA,EACT;AAAA,EAEA,oBAAoB;AAClB,WAAO;AAAA,MACL,SAAS;AAAA,QACP,YAAY,CAAC,QAAQ,KAAK,gBAAgB,GAAG;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,MAAM;AACZ,WAAO;AAAA,MACL,WAAW;AAAA,QACT,MAAM,SAAS;AACb,gBAAM,EAAE,OAAO,QAAQ,IAAI,QAAQ,CAAC;AACpC,gBAAM,EAAE,OAAO,gBAAgB,IAAI;AACnC,gBAAM,QAAQ,IAAI,gBAAgB,GAAG,KAAK,KAAK,GAAG,eAAe,KAAK,KAAK;AAC3E,iBAAO;AAAA,QACT;AAAA,QACA,MAAM,SAAS;AACb,gBAAM,EAAE,MAAM,IAAI;AAClB,gBAAM,EAAE,MAAM,OAAO,OAAO,IAAI,QAAQ;AACxC,gBAAM,QAAQ,KAAK,QAAQ,SAAS;AACpC,cAAI,cAAc,EAAE,OAAO,OAAO,QAAQ,IAAI,CAAC;AAC/C,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAGA,IAAO,sBAAQ;",
+  "names": ["ChartVisualisation"]
+}

package/dpr/components/_charts/chart/line/{clientClass.mjs → clientClass.ts}

@@ -1,5 +1,6 @@
+// @ts-nocheck
 /* eslint-disable class-methods-use-this */
-import ChartVisualisation from '../clientClass.mjs'
+import ChartVisualisation from '../clientClass'
 
 class LineChartVisualisation extends ChartVisualisation {
   static getModuleName() {

package/dpr/components/_charts/chart/line/types.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/line/types.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/line/types.ts"],
   "sourcesContent": ["import z from 'zod'\nimport LineChartSchemas from './validate'\n\nexport type LineDefinitionType = z.infer<typeof LineChartSchemas.LineSchema>\nexport type LineDefinitionMeasure = z.infer<typeof LineChartSchemas.LineMeasureSchema>\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []

package/dpr/components/_charts/chart/line/validate.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/line/validate.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/line/validate.ts"],
   "sourcesContent": ["import { z } from 'zod'\nimport { DashboardVisualisationSchema, DashboardColumns } from '../../../_dashboards/dashboard-visualisation/Validate'\n\nconst LineMeasureSchema = z.object({\n  id: z.string(),\n  display: z.string().optional(),\n  unit: z.enum(['NUMBER', 'PERCENTAGE']).optional(),\n})\n\nconst lineOptions = z.object({\n  showLatest: z.boolean().default(true),\n})\n\nconst LineSchema = z.object({\n  ...DashboardVisualisationSchema.shape,\n  display: z.string(),\n  type: z.literal('line'),\n  options: z.object(lineOptions.shape).optional(),\n  columns: z.object({\n    ...DashboardColumns.shape,\n    measures: z.array(LineMeasureSchema).min(1, 'Measure must contain at least one item'),\n  }),\n})\n\nconst LineChartSchemas = {\n  LineMeasureSchema,\n  LineSchema,\n}\n\nexport default LineChartSchemas\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAkB;AAClB,sBAA+D;AAE/D,MAAM,oBAAoB,aAAE,OAAO;AAAA,EACjC,IAAI,aAAE,OAAO;AAAA,EACb,SAAS,aAAE,OAAO,EAAE,SAAS;AAAA,EAC7B,MAAM,aAAE,KAAK,CAAC,UAAU,YAAY,CAAC,EAAE,SAAS;AAClD,CAAC;AAED,MAAM,cAAc,aAAE,OAAO;AAAA,EAC3B,YAAY,aAAE,QAAQ,EAAE,QAAQ,IAAI;AACtC,CAAC;AAED,MAAM,aAAa,aAAE,OAAO;AAAA,EAC1B,GAAG,6CAA6B;AAAA,EAChC,SAAS,aAAE,OAAO;AAAA,EAClB,MAAM,aAAE,QAAQ,MAAM;AAAA,EACtB,SAAS,aAAE,OAAO,YAAY,KAAK,EAAE,SAAS;AAAA,EAC9C,SAAS,aAAE,OAAO;AAAA,IAChB,GAAG,iCAAiB;AAAA,IACpB,UAAU,aAAE,MAAM,iBAAiB,EAAE,IAAI,GAAG,wCAAwC;AAAA,EACtF,CAAC;AACH,CAAC;AAED,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AACF;AAEA,IAAO,mBAAQ;",
   "names": []

package/dpr/components/_charts/chart/line-timeseries/LineTimeseriesChart.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../../../src/dpr/components/_charts/chart/line-timeseries/LineTimeseriesChart.ts"],
+  "sources": ["../../../../../dpr/components/_charts/chart/line-timeseries/LineTimeseriesChart.ts"],
   "sourcesContent": ["/* eslint-disable prefer-destructuring */\nimport {\n  DashboardVisualisationType,\n  DashboardVisualisationData,\n} from '../../../_dashboards/dashboard-visualisation/types'\nimport { components } from '../../../../types/api'\nimport { LineTimeseriesDefinitionType } from './types'\nimport LineTimeseriesChartSchemas from './validate'\nimport TimeseriesChart from '../ChartTimeseries'\nimport LineChart from '../line/LineChart'\n\nclass LineTimeseriesChart extends TimeseriesChart {\n  private definition!: LineTimeseriesDefinitionType\n\n  private lineChartBuilder: LineChart = new LineChart()\n\n  withDefinition = (definition: components['schemas']['DashboardVisualisationDefinition']) => {\n    this.definition = LineTimeseriesChartSchemas.LineTimeseriesSchema.parse(definition)\n    this.initFromDefinition(this.definition)\n    return this\n  }\n\n  build = (): DashboardVisualisationData => {\n    this.buildDatasets()\n    this.datasets = this.lineChartBuilder.augmentDataset(this.datasets)\n    this.setStyles()\n    this.config = this.lineChartBuilder.setBespokeOptions()\n\n    return {\n      type: DashboardVisualisationType.LINE,\n      options: {\n        unit: this.unit,\n        timeseries: true,\n      },\n      data: {\n        labels: this.labels,\n        datasets: this.datasets,\n        config: this.config,\n        partialDate: this.partialDate,\n      },\n    }\n  }\n\n  private setStyles = () => {\n    this.datasets = this.datasets.map((set, datasetIndex) => {\n      const colour = this.hexColours[datasetIndex]\n      return {\n        ...set,\n        backgroundColor: colour,\n        borderColor: colour,\n      }\n    })\n  }\n}\n\nexport { LineTimeseriesChart }\nexport default LineTimeseriesChart\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAGO;AAGP,sBAAuC;AACvC,6BAA4B;AAC5B,uBAAsB;AAEtB,MAAM,4BAA4B,uBAAAA,QAAgB;AAAA,EACxC;AAAA,EAEA,mBAA8B,IAAI,iBAAAC,QAAU;AAAA,EAEpD,iBAAiB,CAAC,eAA0E;AAC1F,SAAK,aAAa,gBAAAC,QAA2B,qBAAqB,MAAM,UAAU;AAClF,SAAK,mBAAmB,KAAK,UAAU;AACvC,WAAO;AAAA,EACT;AAAA,EAEA,QAAQ,MAAkC;AACxC,SAAK,cAAc;AACnB,SAAK,WAAW,KAAK,iBAAiB,eAAe,KAAK,QAAQ;AAClE,SAAK,UAAU;AACf,SAAK,SAAS,KAAK,iBAAiB,kBAAkB;AAEtD,WAAO;AAAA,MACL,MAAM,wCAA2B;AAAA,MACjC,SAAS;AAAA,QACP,MAAM,KAAK;AAAA,QACX,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,QAAQ,KAAK;AAAA,QACb,UAAU,KAAK;AAAA,QACf,QAAQ,KAAK;AAAA,QACb,aAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,YAAY,MAAM;AACxB,SAAK,WAAW,KAAK,SAAS,IAAI,CAAC,KAAK,iBAAiB;AACvD,YAAM,SAAS,KAAK,WAAW,YAAY;AAC3C,aAAO;AAAA,QACL,GAAG;AAAA,QACH,iBAAiB;AAAA,QACjB,aAAa;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAGA,IAAO,8BAAQ;",
   "names": ["TimeseriesChart", "LineChart", "LineTimeseriesChartSchemas"]