-
- 
MINAMONITOR v1.0.1
+
MINAMONITOR v1.0.1
+
+ MINAMONITOR v1.0.2
MINAMONITOR v1.0.2
-
Next block will be produce at
- Calculating...
-
-
calculating...
+ Next block will be produce at
+ Calculating...
+
+
calculating...
-
-
+
- Server time:
+ Server time:
- Server uptime:
+ Server uptime:
-
+
-
-
UNKNOWN
- ---.---.---.---
+
+
UNKNOWN
+ ---.---.---.---
-
-
+
+
UNKNOWN
- UNKNOWN
+
+ network:
+ UNKNOWN
+
-
+
0
-
- max: 0
- unv: 0
- exp: 0
+
+ max: 0
+ unv: 0
+ exp: 0
-
+
@@ -93,26 +95,27 @@
0
-
- pos: 0
- score: 0
- rate: 0
+
+ pos: 0
+ score: 0
+ rate: 0
-
-
0
+
+
0
- liquid: 0
+ liquid:
+ 0
-
-
0
+
+
0
-
-
0
- time calculating... left
+
+
@@ -121,39 +124,51 @@
0
+ time calculating... left
-
-
0
- 0
+
+
0
+ 0
-
+
-
-
-
-
-
-
-
-
-
Free: GiB
+
+
+
+
+
+
+
+ free: GiB
+ used: GiB
+
+
-
@@ -263,7 +278,7 @@
-
@@ -219,35 +234,35 @@
-
-
Load average:
+
+
+
-
+
+
+
+
+
+
+
Load average:
+
-
@@ -178,8 +193,8 @@
@@ -207,8 +222,8 @@
-
+
+
@@ -164,10 +179,10 @@
+
+
+
+
-
Network Traffic
+ Network Traffic
- 0
- MB/S
+ 0
+ MB/S
-
Peers Connected
- 0
+ Peers Connected
+ 0
-
Network Connections
- 0
+ Network Connections
+ 0
| System info | -+ | |
| System time | -+ | |
| CPU info | -+ | |
| RAM info | -+ | |
| NET info | -+ | |
| Mina GraphQL | -+ | |
| Mina Explorer | -+ | |
| Uptime | -+ |
- ").addClass("circle").appendTo(n)}();break;case"square":!function(){for(e=0;e<4;e++)s("").addClass("square").appendTo(n)}();break;case"cycle":s("").addClass("cycle").appendTo(n);break;case"simple":s('').appendTo(n);break;case"atom":!function(){for(e=0;e<3;e++)s("").addClass("electron").appendTo(n)}();break;case"bars":!function(){for(e=0;e<6;e++)s("").addClass("bar").appendTo(n)}();break;default:!function(){for(e=0;e<5;e++)t=s("").addClass("wrap").appendTo(n),s("").addClass("circle").appendTo(t)}()}this._fireEvent("activity-create",{element:n})},changeAttribute:function(e){},destroy:function(){return this.element}}),i.activity={open:function(e){var t=e||{},n='',e=t.text?'
+
@@ -273,7 +288,7 @@
diff --git a/client/js/app.js b/client/js/app.js
index 3037dc7..9c56ce6 100644
--- a/client/js/app.js
+++ b/client/js/app.js
@@ -1,3 +1,4 @@
+import "./init";
import {processSystemInfo} from "./server-info";
import {processServerTime} from "./server-time";
import {processCPUData} from "./cpu";
@@ -9,15 +10,34 @@ import {processConsensus} from "./consensus"
import {processUptime} from "./uptime"
fetch("./config.json").then( (r) => r.ok ? r.json() : null ).then(config => {
+ const body = $("body")
+
globalThis.config = config
+ if (config.theme === "auto") {
+ if ($.dark) {
+ body.removeClass("light-mode")
+ } else {
+ body.addClass("light-mode")
+ }
+ } else {
+ globalThis.darkMode = config.theme !== "light"
+
+ if (config.theme === "light") {
+ body.addClass("light-mode")
+ }
+ }
+
+ globalThis.chartLineColor = globalThis.darkMode ? '#3c424b' : "#e5e5e5"
+ globalThis.chartLabelColor = globalThis.darkMode ? "#fff" : "#000"
+
setTimeout(() => processSystemInfo(), 0)
setTimeout(() => processServerTime(), 0)
setTimeout(() => processCPUData(), 0)
setTimeout(() => processMemInfo(), 0)
setTimeout(() => processNetInfo(), 0)
setTimeout(() => processNetConnections(), 0)
- setTimeout( () => processBlockchainInfo(), 0 )
+ setTimeout(() => processBlockchainInfo(), 0 )
setTimeout(() => processNodeStatus(), 0)
setTimeout(() => processConsensus(), 0)
setTimeout(() => processUptime(), 0)
diff --git a/client/js/cpu.js b/client/js/cpu.js
index 68a3fe6..f75bcde 100644
--- a/client/js/cpu.js
+++ b/client/js/cpu.js
@@ -4,73 +4,120 @@ import {getFakeData} from "./helpers/get-fake-data";
import {defaultChartConfig, defaultGaugeConfig} from "./helpers/chart-config";
import {imgOk, imgStop} from "./helpers/const";
-const cpuChart = chart.areaChart("#cpu-load", [
- {
- name: "CPU usage",
- data: getFakeData(40)
- }
-], {
- ...defaultChartConfig,
- colors: [Metro.colors.toRGBA('#00AFF0', .5), Metro.colors.toRGBA('#aa00ff', .5)],
- legend: {
- position: 'top-left',
- vertical: true,
- background: "#22272e",
- font: {
- color: "#fff"
- },
- margin: 0,
- border: {
- color: "#22272e"
- },
- padding: 5
- },
- padding: {
- left: 35,
- top: 5,
- right: 0,
- bottom: 10
- },
- boundaries: {
- maxY: 100,
- minY: 0
- },
- onDrawLabelX: (v) => {
- return `${datetime(+v).format("HH:mm:ss")}`
- },
- onDrawLabelY: (v) => {
- return `${+v}%`
- }
-});
-
-let cpuGauge
+let cpuChart, cpuGauge, cpuSegment
export const processCPUData = async () => {
const elLog = $("#log-cpu")
elLog.html(imgStop)
- let cpu = await getInfo('cpu-load')
-
- if (cpu) {
+ let container = $("#cpu-load-all")
+ let height = 208
- let {load = 0, user = 0, sys = 0, loadavg = [0, 0, 0]} = cpu
+ if (!cpuGauge) {
+ cpuGauge = chart.gauge('#cpu-use', [0], {
+ ...defaultGaugeConfig,
+ backStyle: globalThis.darkMode ? '#1e2228' : '#f0f6fc',
+ padding: 0,
+ onDrawValue: (v, p) => {
+ return +p.toFixed(0) + "%"
+ }
+ })
+ }
- if (!cpuGauge) {
- cpuGauge = chart.gauge('#cpu-use', [0], {
- ...defaultGaugeConfig,
- padding: 0,
- onDrawValue: (v, p) => {
- return +p.toFixed(0) + "%"
+ if (!cpuChart) {
+ cpuChart = chart.areaChart("#cpu-load", [
+ {
+ name: "CPU usage",
+ data: getFakeData(40)
+ }
+ ], {
+ ...defaultChartConfig,
+ colors: [Metro.colors.toRGBA('#00AFF0', .5), Metro.colors.toRGBA('#aa00ff', .5)],
+ legend: false,
+ axis: {
+ x: {
+ line: {
+ color: globalThis.chartLineColor,
+ shortLineSize: 0
+ },
+ label: {
+ count: 10,
+ color: globalThis.chartLabelColor,
+ },
+ arrow: false
+ },
+ y: {
+ line: {
+ color: globalThis.chartLineColor
+ },
+ label: {
+ count: 10,
+ color: globalThis.chartLabelColor,
+ font: {
+ size: 10
+ },
+ skip: 2
+ },
+ arrow: false
}
- })
- }
+ },
+ padding: {
+ left: 35,
+ top: 5,
+ right: 1,
+ bottom: 5
+ },
+ boundaries: {
+ maxY: 100,
+ minY: 0
+ },
+ onDrawLabelX: (v) => {
+ return `${datetime(+v).format("HH:mm:ss")}`
+ },
+ onDrawLabelY: (v) => {
+ return `${+v}%`
+ }
+ })
+ }
+
+ let cpuLoad = await getInfo('cpu-load')
+
+ if (cpuLoad) {
+
+ let {load = 0, user = 0, sys = 0, loadavg = [0, 0, 0], threads = []} = cpuLoad
cpuChart.addPoint(0, [datetime().time(), load])
cpuGauge.setData([load])
- $("#loadavg").html(`${loadavg[0]} ${loadavg[1]} ${loadavg[2]}`)
+ $("#loadavg").html(`${loadavg[0]} ${loadavg[1]} ${loadavg[2]}`)
+
+ if (!container.children().length) {
+ cpuSegment = chart.segment("#cpu-load-all", cpuLoad.threads, {
+ padding: {
+ top: 0,
+ bottom: 0,
+ left: 0,
+ right: 0
+ },
+ segment: {
+ rowDistance: 6,
+ count: 40,
+ height: height / (cpuLoad.threads.length) - 6
+ },
+ colors: [ [70, '#60a917'], [90, '#f0a30a'], [100, '#a20025'] ],
+ border: {
+ color: "transparent"
+ },
+ ghost: {
+ color: globalThis.darkMode ? "rgba(125, 195, 123, .1)" : "#f0f6fc"
+ }
+ })
+ } else {
+ cpuLoad.threads.forEach( (v, i) => {
+ cpuSegment.setData(v, i)
+ })
+ }
- // console.log("CPU (re)loaded!")
elLog.html(imgOk)
}
diff --git a/client/js/helpers/chart-config.js b/client/js/helpers/chart-config.js
index 6e1129e..50f430a 100644
--- a/client/js/helpers/chart-config.js
+++ b/client/js/helpers/chart-config.js
@@ -1,68 +1,17 @@
export const defaultChartConfig = {
border: false,
- legend: {
- margin: {
- top: 25
- },
- font: {
- color: '#fff'
- }
- },
margin: 0,
- padding: {
- left: 40,
- right: 10,
- top: 10,
- bottom: 50
- },
colors: ['#00AFF0', '#7dc37b', '#aa00ff'],
showDots: false,
boundaries: {
minY: 0,
},
graphSize: 40,
- axis: {
- x: {
- line: {
- count: 10,
- color: '#444c56'
- },
- label: {
- count: 3,
- color: '#fff',
- font: {
- size: 10
- },
- fixed: 0,
- first: true,
- },
- arrow: {
- color: '#22272e'
- }
- },
- y: {
- line: {
- count: 10,
- color: '#444c56'
- },
- label: {
- fixed: 0,
- color: '#fff',
- font: {
- size: 10
- }
- },
- arrow: {
- color: '#22272e'
- }
- }
- },
tooltip: false,
}
export const defaultGaugeConfig = {
border: false,
- backStyle: '#1e2228',
fillStyle: [
[30, '#00fa9a'],
[60, '#60a917'],
diff --git a/client/js/helpers/const.js b/client/js/helpers/const.js
index bdce8a1..4234121 100644
--- a/client/js/helpers/const.js
+++ b/client/js/helpers/const.js
@@ -1,2 +1,2 @@
-export const imgOk = ""
-export const imgStop = ""
\ No newline at end of file
+export const imgOk = ""
+export const imgStop = ""
\ No newline at end of file
diff --git a/client/js/init.js b/client/js/init.js
new file mode 100644
index 0000000..9286805
--- /dev/null
+++ b/client/js/init.js
@@ -0,0 +1 @@
+globalThis.darkMode = $.dark
diff --git a/client/js/mem.js b/client/js/mem.js
index 0f472dc..700efa0 100644
--- a/client/js/mem.js
+++ b/client/js/mem.js
@@ -10,6 +10,86 @@ export const processMemInfo = async () => {
const elLog = $("#log-mem")
elLog.html(imgStop)
+ if (!memoryChart) {
+ const _data = getFakeData(40)
+
+ memoryChart = chart.lineChart("#memory-load", [
+ {
+ name: "Used",
+ data: _data
+ },
+ {
+ name: "Free",
+ data: _data
+ }
+ ], {
+ ...defaultChartConfig,
+ colors: ['#aa00ff', '#7dc37b'],
+ legend: {
+ position: 'top-left',
+ vertical: true,
+ background: globalThis.darkMode ? "#22272e" : "#fff",
+ margin: {
+ left: 40,
+ top: 0
+ },
+ border: {
+ color: globalThis.darkMode ? "#22272e" : "#fafbfc"
+ },
+ padding: 5,
+ font: {
+ color: globalThis.chartLabelColor
+ },
+ },
+ axis: {
+ x: {
+ line: {
+ color: globalThis.chartLineColor,
+ shortLineSize: 0
+ },
+ label: {
+ count: 10,
+ fixed: 0,
+ color: globalThis.chartLabelColor,
+ font: {
+ size: 10
+ }
+ },
+ skip: 2,
+ arrow: false
+ },
+ y: {
+ arrow: false,
+ line: {
+ color: globalThis.chartLineColor
+ },
+ label: {
+ count: 10,
+ fixed: 0,
+ color: globalThis.chartLabelColor,
+ font: {
+ size: 10
+ },
+ skip: 2
+ }
+ }
+ },
+ padding: {
+ left: 25,
+ top: 5,
+ right: 1,
+ bottom: 5
+ },
+ boundaries: {
+ maxY: 0,
+ minY: 0
+ },
+ onDrawLabelX: (v) => {
+ return ``
+ }
+ });
+ }
+
let mem = await getInfo('mem')
if (mem) {
@@ -17,54 +97,16 @@ export const processMemInfo = async () => {
const memFree = mem.free / (1024 ** 3)
const memTotal = mem.total / (1024 ** 3)
- if (!memoryChart) {
- const _data = getFakeData(40)
-
- memoryChart = chart.lineChart("#memory-load", [
- {
- name: "Used",
- data: _data
- },
- {
- name: "Free",
- data: _data
- }
- ], {
- ...defaultChartConfig,
- legend: {
- position: 'top-left',
- vertical: true,
- background: "#22272e",
- font: {
- color: "#fff"
- },
- margin: 0,
- border: {
- color: "#22272e"
- },
- padding: 5
- },
- padding: {
- left: 30,
- top: 5,
- right: 0,
- bottom: 10
- },
- boundaries: {
- maxY: memTotal,
- minY: 0
- },
- onDrawLabelX: (v) => {
- return `${datetime(+v).format("HH:mm:ss")}`
- }
- });
- }
+ memoryChart.setBoundaries({
+ maxY: memTotal
+ })
memoryChart.addPoint(0, [datetime().time(), memUsage])
memoryChart.addPoint(1, [datetime().time(), memFree])
if (!memoryGauge) {
memoryGauge = chart.gauge('#memory-use', [0], {
...defaultGaugeConfig,
+ backStyle: globalThis.darkMode ? '#1e2228' : '#f0f6fc',
padding: 0,
boundaries: {
max: Math.round(memTotal),
@@ -77,6 +119,7 @@ export const processMemInfo = async () => {
memoryGauge.setData([memUsage])
$("#free-ram").text(memFree.toFixed(0))
+ $("#used-ram").text(memUsage.toFixed(0))
elLog.html(imgOk)
// console.log("Mem (re)loaded!")
diff --git a/client/js/net.js b/client/js/net.js
index ff05bd6..f5b05c4 100644
--- a/client/js/net.js
+++ b/client/js/net.js
@@ -4,51 +4,88 @@ import {getFakeData} from "./helpers/get-fake-data";
import {defaultChartConfig} from "./helpers/chart-config";
import {imgOk, imgStop} from "./helpers/const";
-let networkChart = chart.areaChart("#net-load", [
- {
- name: "Transfer",
- data: getFakeData(40)
- },
- {
- name: "Receive",
- data: getFakeData(40)
- },
-], {
- ...defaultChartConfig,
- colors: [Metro.colors.toRGBA('#00AFF0', .5), Metro.colors.toRGBA('#7dc37b', .5)],
- legend: {
- position: 'top-left',
- vertical: true,
- background: "#22272e",
- font: {
- color: "#fff"
- },
- margin: 0,
- border: {
- color: "#22272e"
- },
- padding: 5
- },
- padding: {
- left: 30,
- top: 5,
- right: 0,
- bottom: 10
- },
- height: 160,
- onDrawLabelX: (v) => {
- return ``
- // return `${datetime(+v).format("HH:mm:ss")}`
- },
- onDrawLabelY: (v) => {
- return `${(+v / 1024 ** 2).toFixed(2)}`
- }
-});
+let networkChart
export const processNetInfo = async () => {
const elLog = $("#log-explorer")
elLog.html(imgStop)
+ if (!networkChart) {
+ const chartLineColor = globalThis.darkMode ? '#3c424b' : "#e5e5e5"
+ const chartLabelColor = globalThis.darkMode ? "#fff" : "#000"
+ networkChart = chart.areaChart("#net-load", [
+ {
+ name: "Transfer",
+ data: getFakeData(40)
+ },
+ {
+ name: "Receive",
+ data: getFakeData(40)
+ },
+ ], {
+ ...defaultChartConfig,
+ colors: [Metro.colors.toRGBA('#00AFF0', .5), Metro.colors.toRGBA('#aa00ff', .5)],
+ legend: {
+ position: 'top-left',
+ vertical: true,
+ background: globalThis.darkMode ? "#22272e" : "#fff",
+ margin: {
+ left: 32,
+ top: 0
+ },
+ border: {
+ color: globalThis.darkMode ? "#22272e" : "#fafbfc"
+ },
+ padding: 5,
+ font: {
+ color: globalThis.chartLabelColor
+ },
+ },
+ axis: {
+ x: {
+ line: {
+ color: globalThis.chartLineColor,
+ shortLineSize: 0
+ },
+ label: {
+ count: 10,
+ color: globalThis.chartLabelColor,
+ },
+ arrow: false
+ },
+ y: {
+ line: {
+ color: globalThis.chartLineColor
+ },
+ label: {
+ count: 10,
+ fixed: 0,
+ color: globalThis.chartLabelColor,
+ font: {
+ size: 10
+ },
+ skip: 2
+ },
+ arrow: false
+ }
+ },
+ padding: {
+ left: 35,
+ top: 5,
+ right: 1,
+ bottom: 10
+ },
+ height: 160,
+ onDrawLabelX: (v) => {
+ return ``
+ // return `${datetime(+v).format("HH:mm:ss")}`
+ },
+ onDrawLabelY: (v) => {
+ return `${(+v / 1024 ** 2).toFixed(2)}`
+ }
+ })
+ }
+
let net = await getInfo('net-stat')
if (net) {
diff --git a/client/js/node.js b/client/js/node.js
index 1966153..36a9629 100644
--- a/client/js/node.js
+++ b/client/js/node.js
@@ -7,36 +7,7 @@ import {imgOk, imgStop} from "./helpers/const";
const graphSize = 20
let START_NODE_MON = datetime()
let START_NODE_POINTS = 200
-let peersChart = chart.histogramChart('#peers-load', [
- {
- name: "Peers",
- data: getFakeTriplets(20, 40, 60, 0)
- },
-], {
- ...defaultChartConfig,
- bars: {
- stroke: '#22272e'
- },
- boundaries: {
- maxY: 200,
- minY: 0
- },
- graphSize,
- legend: false,
- padding: {
- left: 30,
- top: 5,
- right: 0,
- bottom: 10
- },
- height: 160,
- onDrawLabelX: (v) => {
- return ""
- },
- onDrawLabelY: (v) => {
- return `${v}`
- }
-})
+let peersChart
const getNodeStatus = async () => await getInfo('node-status')
const getExplorerSummary = async () => await getInfo('explorer')
@@ -73,13 +44,72 @@ const processExplorerSummary = async () => {
elBlockHeightPanel.addClass('alert')
}
elLog.html(imgOk)
- // console.log("Block height from explorer (re)loaded!")
}
export const processNodeStatus = async () => {
const elLog = $("#log-mina")
elLog.html(imgStop)
+ if (!peersChart) {
+ peersChart = chart.histogramChart('#peers-load', [
+ {
+ name: "Peers",
+ data: getFakeTriplets(20, 40, 60, 0)
+ },
+ ], {
+ ...defaultChartConfig,
+ bars: {
+ stroke: globalThis.darkMode ? '#22272e' : '#fff'
+ },
+ boundaries: {
+ maxY: 100,
+ minY: 0
+ },
+ graphSize,
+ legend: false,
+ axis: {
+ x: {
+ line: {
+ color: globalThis.chartLineColor,
+ shortLineSize: 0
+ },
+ label: {
+ count: 10,
+ color: globalThis.chartLabelColor,
+ },
+ arrow: false
+ },
+ y: {
+ line: {
+ color: globalThis.chartLineColor
+ },
+ label: {
+ count: 10,
+ font: {
+ size: 10
+ },
+ color: globalThis.chartLabelColor,
+ skip: 2
+ },
+ arrow: false,
+ }
+ },
+ padding: {
+ left: 30,
+ top: 5,
+ right: 1,
+ bottom: 10
+ },
+ height: 160,
+ onDrawLabelX: (v) => {
+ return ""
+ },
+ onDrawLabelY: (v) => {
+ return `${v}`
+ }
+ })
+ }
+
let status = await getNodeStatus()
let reload = globalThis.config.intervals.node
const UNKNOWN = "UNKNOWN"
diff --git a/client/js/server-info.js b/client/js/server-info.js
index 62e27f3..0435848 100644
--- a/client/js/server-info.js
+++ b/client/js/server-info.js
@@ -15,9 +15,9 @@ export const processSystemInfo = async () => {
$("#cpu-info").text(cpuInfo.model)
$("#ram-total").text(Math.round(memInfo.total / (1024 ** 3)))
$("#os-distro").text(platformInfo.osVersion)
- $("#hostname").text(platformInfo.hostname)
+ $("#hostname").text(platformInfo.hostname.split(".")[0])
$("#vcpu").text(cpuInfo.cores)
- $("title").text(platformInfo.hostname + " :: Mona Node Monitor")
+ $("title").text(platformInfo.hostname + " :: Mina Monitor")
elLog.html(imgOk)
diff --git a/client/js/uptime.js b/client/js/uptime.js
index 56d964b..3691fe4 100644
--- a/client/js/uptime.js
+++ b/client/js/uptime.js
@@ -11,7 +11,7 @@ export const processUptime = async () => {
if (time && Array.isArray(time) && time.length) {
const [position, publicKey, score, rate] = time
$("#sidecar-position").text(position)
- $("#sidecar-uptime").text(Math.floor(parseFloat(rate)) + "%")
+ $("#sidecar-uptime").text((parseFloat(rate)) + "%")
$("#sidecar-score").text(score)
elLog.html(imgOk)
diff --git a/client/vendor/chart/chart.js b/client/vendor/chart/chart.js
index ba4bd5d..9d8ed53 100644
--- a/client/vendor/chart/chart.js
+++ b/client/vendor/chart/chart.js
@@ -106,7 +106,7 @@
right: 0
};
- var StandardColorPalette = {
+ var defaultColors = {
aliceBlue: "#f0f8ff",
antiqueWhite: "#faebd7",
aqua: "#00ffff",
@@ -264,8 +264,7 @@
legend: defaultLegend,
tooltip: defaultTooltip,
boundaries: false,
- accuracy: 2,
- colors: Object.values(StandardColorPalette),
+ colors: Object.values(defaultColors),
animate: false,
onDrawLabelY: null,
onDrawLabelX: null,
@@ -349,7 +348,7 @@
ctx.strokeStyle = stroke;
ctx.font = "".concat(style, " ").concat(weight, " ").concat(size, "px/").concat(lineHeight, " ").concat(family);
ctx.translate(tX, tY);
- ctx.rotate(angle);
+ ctx.rotate(angle * Math.PI / 180);
ctx.textBaseline = baseLine;
var lines = text.toString().split('\n');
lines.map((str, i) => {
@@ -464,27 +463,27 @@
legendHorizontal() {
var o = this.options,
padding = expandPadding(o.padding),
- legend = o.legend,
- legendPadding = expandPadding(legend.padding),
- legendMargin = expandMargin(legend.margin);
+ legend = o.legend;
+ var ctx = this.ctx;
+ var items = this.legendItems;
+ if (!legend || !isObject(legend)) return;
+ if (!items || !Array.isArray(items) || !items.length) return;
+ var legendPadding = expandPadding(legend.padding);
+ var legendMargin = expandMargin(legend.margin);
var lh,
x,
y,
magic = 5,
box;
- var ctx = this.ctx;
- var items = this.legendItems;
var offset = 0;
- if (!legend || !isObject(legend)) return;
- if (!items || !Array.isArray(items) || !items.length) return;
box = legend.font.size / 2;
lh = legend.font.size * legend.font.lineHeight;
- y = padding.top + this.viewHeight + legend.font.size + legendPadding.top + legendMargin.top;
+ y = padding.top + padding.bottom + this.viewHeight - (legend.font.size + legendPadding.top + legendMargin.top);
x = padding.left + legendPadding.left + legendMargin.left;
for (var i = 0; i < items.length; i++) {
- var [name] = items[i];
- offset += getTextBoxWidth(ctx, [[name]], {
+ var [name, _, value] = items[i];
+ offset += getTextBoxWidth(ctx, [[legend.showValue ? "".concat(name, " - ").concat(value) : name]], {
font: legend.font
}) + box * 2 + magic;
}
@@ -492,8 +491,8 @@
offset = (this.viewWidth - offset) / 2;
for (var _i = 0; _i < items.length; _i++) {
- var [_name, color] = items[_i];
- var nameWidth = getTextBoxWidth(ctx, [[_name]], {
+ var [_name, color, _value] = items[_i];
+ var nameWidth = getTextBoxWidth(ctx, [[legend.showValue ? "".concat(_name, " - ").concat(_value) : _name]], {
font: legend.font
});
@@ -506,7 +505,7 @@
color,
fill: color
});
- drawText(ctx, _name, [offset + x + box + magic, y + box / 2], {
+ drawText(ctx, legend.showValue ? "".concat(_name, " - ").concat(_value) : _name, [offset + x + box + magic, y + box / 2], {
color: legend.font.color,
stroke: legend.font.color,
font: o.font
@@ -541,17 +540,17 @@
textBoxHeight = items.length * lh + legendPadding.top + legendPadding.bottom + magic;
if (legend.position === 'top-left') {
- x = padding.left + legendMargin.left;
- y = padding.top + legendMargin.top;
+ x = legendPadding.left + legendMargin.left;
+ y = legendPadding.top + legendMargin.top;
} else if (legend.position === 'top-right') {
x = this.dpiWidth - textBoxWidth - legendMargin.right - padding.right;
- y = padding.top + legendMargin.top;
+ y = legendPadding.top + legendMargin.top;
} else if (legend.position === 'bottom-left') {
- x = padding.left + legendMargin.left;
- y = this.dpiHeight - textBoxHeight - padding.bottom + legendMargin.bottom;
+ x = legendPadding.left + legendMargin.left;
+ y = this.dpiHeight - textBoxHeight - legendPadding.bottom + legendMargin.bottom;
} else {
- x = this.dpiWidth - textBoxWidth - legendMargin.right - padding.right;
- y = this.dpiHeight - textBoxHeight - padding.bottom + legendMargin.bottom;
+ x = this.dpiWidth - textBoxWidth - legendMargin.right - legendPadding.right;
+ y = this.dpiHeight - textBoxHeight - legendPadding.bottom + legendMargin.bottom;
}
drawBox(ctx, [x, y, textBoxWidth, textBoxHeight], {
@@ -564,12 +563,12 @@
y += box + magic + legendPadding.top;
for (var i = 0; i < items.length; i++) {
- var [name, color] = items[i];
+ var [name, color, value] = items[i];
drawSquare(ctx, [x, y, box], {
color,
fill: color
});
- drawText(ctx, name, [x + box + magic, y + 1], {
+ drawText(ctx, legend.showValue ? "".concat(name, " - ").concat(value) : name, [x + box + magic, y + 1], {
color: legend.font.color,
stroke: legend.font.color,
font: legend.font
@@ -688,8 +687,9 @@
height = o.height.toString().includes('%') ? elHeight / 100 * parseInt(o.height) : +o.height;
this.width = width;
this.height = height;
- this.dpiHeight = o.dpi * height;
- this.dpiWidth = o.dpi * width;
+ this.dpi = o.dpi;
+ this.dpiHeight = this.dpi * height;
+ this.dpiWidth = this.dpi * width;
this.viewHeight = this.dpiHeight - (padding.top + padding.bottom);
this.viewWidth = this.dpiWidth - (padding.left + padding.right);
this.center = [this.dpiWidth / 2, this.dpiHeight / 2];
@@ -744,13 +744,31 @@
}
setData(data, index) {
+ var redraw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
if (typeof index !== "undefined") {
this.data[index].data = data;
} else {
this.data = data;
}
- this.draw();
+ if (redraw) this.resize();
+ }
+
+ setBoundaries(obj) {
+ var redraw = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+ var grantedKeys = ["minX", "minY", "minZ", "maxX", "maxY", "maxZ", "min", "max"];
+
+ for (var k in obj) {
+ if (grantedKeys.includes(k)) {
+ this[k] = obj[k];
+ this.options.boundaries[k] = obj[k];
+ }
+ }
+
+ if (redraw) {
+ this.draw();
+ }
}
mouseMove(e) {
@@ -803,29 +821,85 @@
Object.assign(Chart.prototype, MixinLegend);
Object.assign(Chart.prototype, MixinTooltip);
+ function _defineProperty(obj, key, value) {
+ if (key in obj) {
+ Object.defineProperty(obj, key, {
+ value: value,
+ enumerable: true,
+ configurable: true,
+ writable: true
+ });
+ } else {
+ obj[key] = value;
+ }
+
+ return obj;
+ }
+
+ function ownKeys(object, enumerableOnly) {
+ var keys = Object.keys(object);
+
+ if (Object.getOwnPropertySymbols) {
+ var symbols = Object.getOwnPropertySymbols(object);
+ if (enumerableOnly) symbols = symbols.filter(function (sym) {
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+ });
+ keys.push.apply(keys, symbols);
+ }
+
+ return keys;
+ }
+
+ function _objectSpread2(target) {
+ for (var i = 1; i < arguments.length; i++) {
+ var source = arguments[i] != null ? arguments[i] : {};
+
+ if (i % 2) {
+ ownKeys(Object(source), true).forEach(function (key) {
+ _defineProperty(target, key, source[key]);
+ });
+ } else if (Object.getOwnPropertyDescriptors) {
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+ } else {
+ ownKeys(Object(source)).forEach(function (key) {
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+ });
+ }
+ }
+
+ return target;
+ }
+
var arrow = {
- color: '#000',
+ color: '#7d7d7d',
size: 1,
dash: [],
factorX: 5,
- factorY: 5
+ factorY: 5,
+ outside: 0
};
var line = {
color: '#e3e3e3',
size: 1,
dash: [],
- count: 5,
- show: true
+ shortLineSize: 5
};
var label = {
color: '#000',
font: labelFont,
count: 5,
- // odd, even, num
- show: true,
- first: true,
- last: true,
- fixed: false
+ fixed: false,
+ opposite: false,
+ angle: 0,
+ align: 'center',
+ shift: {
+ x: 0,
+ y: 0
+ },
+ skip: 0,
+ showLine: true,
+ showLabel: true,
+ showMin: true
};
var axis = {
arrow,
@@ -834,7 +908,11 @@
};
var defaultAxis = {
x: axis,
- y: axis
+ y: _objectSpread2(_objectSpread2({}, axis), {}, {
+ label: _objectSpread2(_objectSpread2({}, label), {}, {
+ align: 'right'
+ })
+ })
};
var defaultCross = {
@@ -846,7 +924,8 @@
var defaultAreaChartOptions = {
axis: defaultAxis,
cross: defaultCross,
- showDots: true
+ showDots: true,
+ accuracy: 2
};
var minMax = function minMax() {
@@ -1078,12 +1157,12 @@
var o = this.options,
ctx = this.ctx;
var padding = expandPadding(o.padding);
+ if (!o.axis.x.arrow) return;
+ var arrow = o.axis.x.arrow;
var x1 = padding.left,
y1 = this.viewHeight + padding.top;
- var x2 = x1 + this.viewWidth,
+ var x2 = padding.left + this.viewWidth + arrow.outside,
y2 = y1;
- if (!o.axis.x.arrow) return;
- var arrow = o.axis.x.arrow;
drawArrowX(ctx, [x1, y1, x2, y2, arrow.factorX, arrow.factorY], {
color: arrow.color,
size: arrow.size,
@@ -1092,54 +1171,71 @@
},
axisX() {
- var _ref;
+ var _ref, _line$shortLineSize;
var ctx = this.ctx,
o = this.options;
var padding = expandPadding(o.padding);
if (!o.axis.x) return;
- var axis = o.axis.x;
- var font = (_ref = axis && axis.label && axis.label.font) !== null && _ref !== void 0 ? _ref : o.font;
- var step = this.viewWidth / axis.line.count;
- var textStep = (this.maxX - this.minX) / axis.line.count;
- var skipLabels = Math.round(axis.line.count / axis.label.count);
-
- for (var i = 0; i <= axis.line.count; i++) {
- var _ref2, _ref3;
+ var axis = o.axis.x,
+ label = axis.label,
+ line = axis.line,
+ arrow = axis.arrow;
+ var font = (_ref = label && label.font) !== null && _ref !== void 0 ? _ref : o.font;
+ var labelStep = label.count ? (this.maxX - this.minX) / label.count : 0;
+ var labelValue,
+ value,
+ k,
+ x,
+ y,
+ labelY,
+ shortLineSize = (_line$shortLineSize = line.shortLineSize) !== null && _line$shortLineSize !== void 0 ? _line$shortLineSize : 0;
+ x = padding.left;
+ y = padding.top;
+ labelY = padding.top + this.viewHeight + font.size + 5;
+ value = this.minX;
+ k = 0;
- var x = step * i + padding.left;
- var labelXValue = this.minX + textStep * i;
+ for (var i = 0; i <= label.count; i++) {
+ labelValue = typeof label.fixed === "number" ? value.toFixed(label.fixed) : value;
- if (typeof axis.label.fixed === "number") {
- labelXValue = labelXValue.toFixed(axis.label.fixed);
+ if (typeof o.onDrawLabelX === "function") {
+ labelValue = o.onDrawLabelX.apply(null, [value]);
}
- if (axis.line.show) {
- drawVector(ctx, [x, padding.top, x, this.viewHeight + padding.top], {
- color: axis.line.color,
- size: axis.line.size,
- dash: axis.line.dash
+ if (label.showLine) {
+ drawVector(ctx, [x, y, x, y + this.viewHeight], {
+ color: line.color,
+ size: line.size,
+ dash: line.dash
});
}
- if (!axis.label.show) continue;
- if (skipLabels && i && i % skipLabels !== 0) continue;
- if (!axis.label.first && i === 0) continue;
- if (!axis.label.last && i === axis.line.count) continue;
-
- if (typeof o.onDrawLabelX === "function") {
- labelXValue = o.onDrawLabelX.apply(null, [labelXValue]);
- } // if (x + ctx.measureText(labelXValue.toString()).width > this.viewWidth) continue
-
+ if (label.skip && k !== label.skip) {
+ k++;
+ } else {
+ k = 1;
+
+ if (label.showLabel && !(!i && !label.showMin)) {
+ var _label$color, _label$shift$x, _label$shift$y;
+
+ // short line
+ drawVector(ctx, [x, this.viewHeight + padding.top - shortLineSize, x, this.viewHeight + padding.top + shortLineSize], {
+ color: arrow && arrow.color ? arrow.color : line.color
+ }); // label
+
+ drawText(ctx, labelValue.toString(), [0, 0], {
+ color: (_label$color = label.color) !== null && _label$color !== void 0 ? _label$color : o.color,
+ align: label.align,
+ font,
+ translate: [x + ((_label$shift$x = label.shift.x) !== null && _label$shift$x !== void 0 ? _label$shift$x : 0), labelY + ((_label$shift$y = label.shift.y) !== null && _label$shift$y !== void 0 ? _label$shift$y : 0)],
+ angle: label.angle
+ });
+ }
+ }
- drawVector(ctx, [x, this.viewHeight + padding.top, x, this.viewHeight + padding.top + 5], {
- color: (_ref2 = axis.arrow && axis.arrow.color) !== null && _ref2 !== void 0 ? _ref2 : axis.line.color
- });
- drawText(ctx, labelXValue.toString(), [x, this.viewHeight + padding.top + font.size + 5], {
- color: (_ref3 = axis.label && axis.label.color) !== null && _ref3 !== void 0 ? _ref3 : o.color,
- align: 'center',
- font
- });
+ value += labelStep;
+ x = padding.left + (value - this.minX) * this.ratioX;
}
},
@@ -1147,12 +1243,12 @@
var o = this.options,
ctx = this.ctx;
var padding = expandPadding(o.padding);
+ if (!o.axis.y.arrow) return;
+ var arrow = o.axis.y.arrow;
var x1 = padding.left,
y1 = this.viewHeight + padding.top;
var x2 = x1,
- y2 = padding.top;
- if (!o.axis.y.arrow) return;
- var arrow = o.axis.y.arrow;
+ y2 = padding.top - arrow.outside;
drawArrowY(ctx, [x1, y1, x2, y2, arrow.factorX, arrow.factorY], {
color: arrow.color,
size: arrow.size,
@@ -1161,60 +1257,79 @@
},
axisY() {
- var _ref4;
+ var _ref2, _line$shortLineSize2;
var ctx = this.ctx,
o = this.options;
var padding = expandPadding(o.padding);
if (!o.axis.y) return;
- var axis = o.axis.y;
- var font = (_ref4 = axis && axis.label && axis.label.font) !== null && _ref4 !== void 0 ? _ref4 : o.font;
- var step = this.viewHeight / axis.line.count;
- var textStep = (this.maxY - this.minY) / axis.line.count;
- var skipLabels = Math.floor(axis.line.count / axis.label.count);
-
- for (var i = 0; i < axis.line.count + 1; i++) {
- var _ref5, _ref6;
+ var axis = o.axis.y,
+ label = axis.label,
+ line = axis.line,
+ arrow = axis.arrow;
+ var font = (_ref2 = label && label.font) !== null && _ref2 !== void 0 ? _ref2 : o.font;
+ var labelStep = label.count ? (this.maxY - this.minY) / label.count : 0;
+ var labelValue, value, k, x, y, labelX, shortLineX;
+ var shortLineSize = (_line$shortLineSize2 = line.shortLineSize) !== null && _line$shortLineSize2 !== void 0 ? _line$shortLineSize2 : 0;
+ x = padding.left;
+ labelX = padding.left;
+ y = this.viewHeight + padding.top;
+ value = this.minY;
+ k = 0;
+
+ if (label.opposite) {
+ labelX += this.viewWidth + 10 + shortLineSize;
+ shortLineX = padding.left + this.viewWidth;
+ label.align = 'left';
+ } else {
+ labelX -= 10;
+ shortLineX = x - shortLineSize;
+ }
- var y = this.viewHeight + padding.top - step * i;
- var x = padding.left;
- var labelYValue = this.minY + textStep * i;
+ for (var i = 0; i <= label.count + 1; i++) {
+ labelValue = typeof label.fixed === "number" ? value.toFixed(label.fixed) : value;
- if (typeof axis.label.fixed === "number") {
- labelYValue = labelYValue.toFixed(axis.label.fixed);
+ if (typeof o.onDrawLabelY === "function") {
+ labelValue = o.onDrawLabelY.apply(null, [value]);
}
- if (axis.line.show) {
+ if (label.showLine) {
drawVector(ctx, [x, y, this.viewWidth + padding.left, y], {
- color: axis.line.color,
- size: axis.line.size,
- dash: axis.line.dash
+ color: line.color,
+ size: line.size,
+ dash: line.dash
});
}
- if (!axis.label.show) continue;
- if (skipLabels && i && i % skipLabels !== 0) continue;
- if (!axis.label.first && i === 0) continue;
- if (!axis.label.last && i === axis.line.count) continue;
+ if (i !== 0 && label.skip && k !== label.skip) {
+ k++;
+ } else {
+ k = 1;
- if (typeof o.onDrawLabelY === "function") {
- labelYValue = o.onDrawLabelY.apply(null, [labelYValue]);
+ if (label.showLabel && !(!i && !label.showMin)) {
+ var _ref3, _label$shift$x2, _label$shift$y2;
+
+ // short line
+ drawVector(ctx, [shortLineX, y, shortLineX + shortLineSize * 2, y], {
+ color: arrow && arrow.color ? arrow.color : line.color
+ });
+ drawText(ctx, labelValue.toString(), [0, 0], {
+ color: (_ref3 = label && label.color) !== null && _ref3 !== void 0 ? _ref3 : o.color,
+ align: label.align,
+ font,
+ translate: [labelX + ((_label$shift$x2 = label.shift.x) !== null && _label$shift$x2 !== void 0 ? _label$shift$x2 : 0), y + 1 + ((_label$shift$y2 = label.shift.y) !== null && _label$shift$y2 !== void 0 ? _label$shift$y2 : 0)],
+ angle: label.angle
+ });
+ }
}
- drawVector(ctx, [x - 5, y, x, y], {
- color: (_ref5 = axis.arrow && axis.arrow.color) !== null && _ref5 !== void 0 ? _ref5 : axis.line.color
- });
- drawText(ctx, labelYValue.toString(), [padding.left - 10, y + 1], {
- color: (_ref6 = axis.label && axis.label.color) !== null && _ref6 !== void 0 ? _ref6 : o.color,
- align: 'right',
- font
- });
+ value += labelStep;
+ y = padding.top + this.viewHeight - (value - this.minY) * this.ratioY;
}
},
axisXY() {
- var o = this.options;
- if (!o.axis) return;
+ if (!this.options.axis) return;
this.axisX();
this.arrowX();
this.axisY();
@@ -1237,7 +1352,7 @@
if (!o.graphSize) {
data = data.slice(1);
} else {
- if (data.length === o.graphSize) {
+ if (data.length >= o.graphSize) {
data = data.slice(1);
}
}
@@ -1245,8 +1360,10 @@
this.data[index].data = data;
this.data[index].data.push([x, y]);
- this.calcMinMax();
- this.calcRatio();
+ this.minX = data[0][0];
+ this.maxX = x;
+ if (y < this.minY) this.minY = y;
+ if (y > this.maxY) this.maxY = y;
this.resize();
}
@@ -1487,55 +1604,6 @@
Object.assign(AreaChart.prototype, MixinAddPoint);
var areaChart = (el, data, options) => new AreaChart(el, data, options);
- function _defineProperty(obj, key, value) {
- if (key in obj) {
- Object.defineProperty(obj, key, {
- value: value,
- enumerable: true,
- configurable: true,
- writable: true
- });
- } else {
- obj[key] = value;
- }
-
- return obj;
- }
-
- function ownKeys(object, enumerableOnly) {
- var keys = Object.keys(object);
-
- if (Object.getOwnPropertySymbols) {
- var symbols = Object.getOwnPropertySymbols(object);
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
- });
- keys.push.apply(keys, symbols);
- }
-
- return keys;
- }
-
- function _objectSpread2(target) {
- for (var i = 1; i < arguments.length; i++) {
- var source = arguments[i] != null ? arguments[i] : {};
-
- if (i % 2) {
- ownKeys(Object(source), true).forEach(function (key) {
- _defineProperty(target, key, source[key]);
- });
- } else if (Object.getOwnPropertyDescriptors) {
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
- } else {
- ownKeys(Object(source)).forEach(function (key) {
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
- });
- }
- }
-
- return target;
- }
-
var defaultBarChartOptions = {
groupDistance: 0,
barDistance: 0,
@@ -1992,8 +2060,9 @@
axis: defaultAxis,
cross: defaultCross,
showDots: true,
- type: 'line' // line, curve
-
+ type: 'line',
+ // line, curve
+ accuracy: 2
};
var drawCurve = function drawCurve(ctx) {
@@ -2265,10 +2334,7 @@
color: '#fff'
},
showValue: false,
- holeSize: 0,
- legend: {
- vertical: true
- },
+ padding: 0,
onDrawValue: null
};
@@ -2296,12 +2362,13 @@
class PieChart extends Chart {
constructor(el, data, options) {
super(el, data, merge({}, defaultPieChartOptions, options), 'pie');
- this.total = this.data.reduce((acc, curr) => acc + curr.data, 0);
+ this.total = this.data.reduce((acc, curr) => acc + curr, 0);
this.legendItems = [];
+ var legend = this.options.legend;
- if (this.options.legend && this.data.length) {
- for (var i = 0; i < this.data.length; i++) {
- this.legendItems.push([this.data[i].name, this.options.colors[i]]);
+ if (legend && legend.titles && legend.titles.length) {
+ for (var i = 0; i < legend.titles.length; i++) {
+ this.legendItems.push([legend.titles[i], this.options.colors[i], this.data[i]]);
}
}
@@ -2311,21 +2378,19 @@
sectors() {
var ctx = this.ctx,
o = this.options;
- expandPadding(o.padding);
var [x, y] = this.center;
var radius = this.radius;
var startAngle = 0,
endAngle = 360,
offset = 0,
- val = '',
textVal = '';
var textX, textY;
if (!this.data || !this.data.length) return;
for (var i = 0; i < this.data.length; i++) {
- var sector = this.data[i];
+ var _val = this.data[i];
var color = o.colors[i];
- endAngle = 2 * Math.PI * sector.data / this.total;
+ endAngle = 2 * Math.PI * _val / this.total;
drawSector(ctx, [x, y, radius, startAngle, startAngle + endAngle], {
fill: color,
color: color
@@ -2333,29 +2398,26 @@
startAngle += endAngle;
}
- if (o.holeSize) {
- drawCircle(ctx, [x, y, o.holeSize], {
- color: '#fff'
- });
- }
-
startAngle = 0;
for (var _i = 0; _i < this.data.length; _i++) {
- var _sector = this.data[_i],
+ var _ref;
+
+ var _val2 = this.data[_i],
percent = void 0;
- endAngle = 2 * Math.PI * _sector.data / this.total;
- offset = o.holeSize / 2;
- percent = Math.round(_sector.data * 100 / this.total);
- textVal = o.showValue ? _sector.data : percent + "%";
+ var name = (_ref = this.legendItems[_i] && this.legendItems[_i][0]) !== null && _ref !== void 0 ? _ref : "";
+ endAngle = 2 * Math.PI * _val2 / this.total;
+ offset = 0;
+ percent = Math.round(_val2 * 100 / this.total);
+ textVal = o.showValue ? _val2 : percent + "%";
if (typeof o.onDrawValue === 'function') {
- textVal = o.onDrawValue.apply(null, [_sector.name, _sector.data, percent]);
+ textVal = o.onDrawValue.apply(null, [name, _val2, percent]);
}
textX = x + (radius / 2 + offset) * Math.cos(startAngle + endAngle / 2);
textY = y + (radius / 2 + offset) * Math.sin(startAngle + endAngle / 2);
- var textW = getTextBoxWidth(ctx, [val + "%"], {
+ var textW = getTextBoxWidth(ctx, [_val2 + "%"], {
font: o.labels.font
});
drawText(ctx, textVal, [textX - textW / 2, textY + o.labels.font.size / 2], {
@@ -2656,26 +2718,28 @@
ctx.closePath();
};
- class Gauge extends Chart {
- constructor(el, data, options) {
- super(el, data, merge({}, defaultGaugeOptions, options), 'gauge');
- this.resize();
- }
-
- _getFillColor(p, colors) {
- var res = '#fff',
- min = 0;
+ var getFillColor = (p, colors) => {
+ var res = '#fff',
+ min = 0;
- for (var i = 0; i < colors.length; i++) {
- var c = colors[i][0];
+ for (var i = 0; i < colors.length; i++) {
+ var c = colors[i][0];
- if (p > min && p <= c) {
- res = colors[i][1];
- min = colors[i][0];
- }
+ if (p >= min && p <= c) {
+ res = colors[i][1];
+ min = colors[i][0];
}
+ }
- return res;
+ return res;
+ };
+
+ class Gauge extends Chart {
+ constructor(el, data, options) {
+ super(el, data, merge({}, defaultGaugeOptions, options), 'gauge');
+ this.min = this.options.boundaries.min;
+ this.max = this.options.boundaries.max;
+ this.resize();
}
gauge() {
@@ -2690,7 +2754,7 @@
max = PI * (2 + o.endFactor);
var r = o.radius * this.radius / 100 - o.backWidth;
var v = this.data[0],
- p = Math.round(Math.abs(100 * (v - o.boundaries.min) / (o.boundaries.max - o.boundaries.min)));
+ p = Math.round(Math.abs(100 * (v - this.min) / (this.max - this.min)));
var val = min + (max - min) * p / 100;
var textVal = p;
var colors = [];
@@ -2714,7 +2778,7 @@
drawArc(ctx, [x, y, r, min, val], {
size: o.valueWidth,
- stroke: this._getFillColor(p, colors)
+ stroke: getFillColor(p, colors)
});
drawText(ctx, textVal, [0, 0], {
align: "center",
@@ -2759,49 +2823,93 @@
}
var gauge = (el, data, options) => new Gauge(el, data, options);
+ var donutLabel = {
+ font: defaultFont,
+ fixed: false,
+ color: "#000",
+ angle: 0,
+ shift: {
+ x: 0,
+ y: 0
+ }
+ };
+ var defaultDonutOptions = {
+ backStyle: "#a7a7a7",
+ fillStyle: "#8f8",
+ backWidth: 100,
+ valueWidth: 100,
+ radius: 100,
+ boundaries: {
+ min: 0,
+ max: 100
+ },
+ label: donutLabel,
+ padding: 0
+ };
+
class Donut extends Chart {
constructor(el, data, options) {
- super(el, data, merge({}, defaultGaugeOptions, options), 'gauge');
+ super(el, data, merge({}, defaultDonutOptions, options), 'donut');
+ this.total = this.data.reduce((acc, curr) => acc + curr, 0);
+ this.min = this.options.boundaries.min;
+ this.max = this.options.boundaries.max;
+ this.legendItems = [];
+ var legend = this.options.legend;
+
+ if (legend && legend.titles && legend.titles.length) {
+ for (var i = 0; i < legend.titles.length; i++) {
+ this.legendItems.push([legend.titles[i], this.options.colors[i], this.data[i]]);
+ }
+ }
+
this.resize();
}
gauge() {
var ctx = this.ctx,
- o = this.options,
- padding = expandPadding(o.padding);
+ o = this.options;
var [x, y] = this.center;
- x += padding.left;
- y += padding.top;
- var PI = Math.PI,
- min = PI * o.startFactor,
- max = PI * (2 + o.endFactor);
- var r = o.radius * this.radius / 100 - o.backWidth;
- var v = this.data[0],
- p = Math.abs(100 * (v - o.boundaries.min) / (o.boundaries.max - o.boundaries.min));
- var val = min + (max - min) * p / 100;
- var textVal = p.toFixed(0);
-
- if (typeof o.onDrawValue === 'function') {
- textVal = o.onDrawValue.apply(null, [v, p]);
- }
-
- drawArc(ctx, [x, y, r, 0, 2 * PI], {
+ var PI = Math.PI;
+ var radius = this.radius - o.backWidth / 2;
+ drawArc(ctx, [x, y, radius, 0, 2 * PI], {
size: o.backWidth,
stroke: o.backStyle
});
- drawArc(ctx, [x, y, r, min, val], {
- size: o.valueWidth,
- stroke: o.fillStyle
- });
- drawText(ctx, textVal, [0, 0], {
- align: "center",
- baseLine: "middle",
- color: o.value.color,
- stroke: o.value.color,
- font: o.value.font || o.font,
- translate: [x + o.value.shift.x, y + o.value.shift.y],
- angle: o.value.angle
- });
+ var startAngle = 0,
+ endAngle = 0;
+
+ for (var i = 0; i < this.data.length; i++) {
+ var color = o.colors[i];
+ var val = this.data[i];
+ endAngle = 2 * Math.PI * val / this.total;
+ drawArc(ctx, [x, y, radius, startAngle, startAngle + endAngle], {
+ size: o.valueWidth,
+ stroke: color
+ });
+
+ if (o.label) {
+ var _ref;
+
+ var name = (_ref = this.legendItems[i] && this.legendItems[i][0]) !== null && _ref !== void 0 ? _ref : "";
+ var percent = Math.round(val * 100 / this.total);
+ var textVal = o.showValue ? val : percent + "%";
+ var textX = void 0,
+ textY = void 0;
+
+ if (typeof o.onDrawValue === 'function') {
+ textVal = o.onDrawValue.apply(null, [name, val, percent]);
+ }
+
+ textX = x + radius * Math.cos(startAngle + endAngle / 2);
+ textY = y + radius * Math.sin(startAngle + endAngle / 2);
+ drawText(ctx, textVal, [textX, textY], {
+ color: o.label.color,
+ font: o.label.font
+ });
+ }
+
+ startAngle += endAngle;
+ }
}
draw() {
@@ -2810,9 +2918,165 @@
this.legend();
}
+ resize() {
+ super.resize();
+ this.center = [this.dpiWidth / 2, this.dpiHeight / 2];
+ }
+
}
var donut = (el, data, options) => new Donut(el, data, options);
+ var defaultSegmentOptions = {
+ segment: {
+ count: 100,
+ distance: 4,
+ rowDistance: 4,
+ height: 10,
+ radius: 0
+ },
+ ghost: {
+ color: "#f1f1f1"
+ },
+ colors: [[70, '#60a917'], [90, '#f0a30a'], [100, '#a20025']],
+ padding: 0,
+ margin: 0
+ };
+
+ var drawRoundedRect = function drawRoundedRect(ctx, _ref) {
+ var [x, y, width, height] = _ref;
+ var {
+ color = '#000',
+ fill = '#fff',
+ size = 1,
+ dash = [],
+ radius = 4
+ } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+ if (typeof radius === 'number') {
+ radius = {
+ tl: radius,
+ tr: radius,
+ br: radius,
+ bl: radius
+ };
+ } else {
+ var defaultRadius = {
+ tl: 0,
+ tr: 0,
+ br: 0,
+ bl: 0
+ };
+
+ for (var side in defaultRadius) {
+ radius[side] = radius[side] || defaultRadius[side];
+ }
+ }
+
+ ctx.beginPath();
+ ctx.fillStyle = fill;
+ ctx.strokeStyle = color;
+ ctx.moveTo(x + radius.tl, y);
+ ctx.lineTo(x + width - radius.tr, y);
+ ctx.quadraticCurveTo(x + width, y, x + width, y + radius.tr);
+ ctx.lineTo(x + width, y + height - radius.br);
+ ctx.quadraticCurveTo(x + width, y + height, x + width - radius.br, y + height);
+ ctx.lineTo(x + radius.bl, y + height);
+ ctx.quadraticCurveTo(x, y + height, x, y + height - radius.bl);
+ ctx.lineTo(x, y + radius.tl);
+ ctx.quadraticCurveTo(x, y, x + radius.tl, y);
+ ctx.fill();
+ ctx.stroke();
+ ctx.closePath();
+ };
+
+ class Segment extends Chart {
+ constructor(el, data, options) {
+ var values = Array.isArray(data) ? data : [data];
+ var opt = merge({}, defaultOptions, defaultSegmentOptions, options);
+ var padding = expandPadding(opt.padding);
+ var {
+ height,
+ distance,
+ rowDistance
+ } = opt.segment;
+ var canvasHeight = ((height + rowDistance) * values.length - rowDistance + (padding.top + padding.bottom)) * opt.dpi + rowDistance;
+ super(el, data, _objectSpread2(_objectSpread2({}, opt), {}, {
+ height: canvasHeight
+ }), 'segment');
+ this.min = 0;
+ this.max = 100;
+ this.values = values;
+ this.resize();
+ }
+
+ segments() {
+ var ctx = this.ctx,
+ o = this.options,
+ s = o.segment;
+ var count = s.count ? s.count : 20;
+ var distance = s.distance * o.dpi;
+ var rowDistance = s.rowDistance * o.dpi;
+ var width = this.viewWidth / count - distance;
+ var height = s.height;
+ var colors = [];
+ var padding = expandPadding(o.padding);
+ var x,
+ y = padding.top + distance;
+
+ if (typeof o.colors === "string") {
+ colors.push([100, o.colors]);
+ } else if (Array.isArray(o.colors)) {
+ for (var c of o.colors) {
+ colors.push(c);
+ }
+ }
+
+ for (var k = 0; k < this.values.length; k++) {
+ var value = this.values[k];
+ var limit = count * value / 100;
+ x = padding.left + 1;
+
+ for (var i = 0; i < count; i++) {
+ var color = getFillColor(i * 100 / count, colors);
+
+ if (i <= limit) {
+ drawRoundedRect(ctx, [x, y, width, height], {
+ color,
+ fill: color,
+ radius: s.radius
+ });
+ } else {
+ if (o.ghost) {
+ drawRoundedRect(ctx, [x, y, width, height], {
+ color: o.ghost.color,
+ fill: o.ghost.color,
+ radius: s.radius
+ });
+ }
+ }
+
+ x += width + distance;
+ }
+
+ y += height + rowDistance;
+ }
+ }
+
+ setData(data) {
+ var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+ var redraw = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+ this.values[index] = data;
+ if (redraw) this.resize();
+ }
+
+ draw() {
+ super.draw();
+ this.segments();
+ }
+
+ }
+ var segment = (el, data, options) => new Segment(el, data, options);
+
globalThis.chart = {
areaChart,
barChart,
@@ -2822,7 +3086,8 @@
pieChart,
stackedBarChart,
gauge,
- donut
+ donut,
+ segment
};
}());
diff --git a/client/vendor/chart/chart.min.js b/client/vendor/chart/chart.min.js
index 2bbb65c..94f3ca5 100644
--- a/client/vendor/chart/chart.min.js
+++ b/client/vendor/chart/chart.min.js
@@ -7,7 +7,7 @@
*/
!function(){"use strict";var t={width:1,lineType:"solid",color:"#e3e3e3",radius:0},i={style:"normal",family:"Helvetica, sans-serif",size:12,weight:"normal",lineHeight:1.2,color:"#000"},e=Object.assign({},i,{weight:"bold"}),a={dpi:1,height:200,width:"100%",padding:{top:40,bottom:40,left:40,right:40},margin:{top:0,bottom:0,left:0,right:0},background:"#fff",color:"#000",font:i,border:t,title:{display:!0,align:"center",
// start, center, end
-rtl:!1,color:"#000",text:"",font:Object.assign({},i,{weight:"bold",size:24}),padding:{top:10,bottom:10,left:10,right:10}},legend:{rtl:!1,margin:{top:20,left:0,right:0,bottom:0},padding:{top:0,left:0,right:0,bottom:0},font:e,border:t,dash:[],background:"#fff",vertical:!1,position:"top-left"},tooltip:{width:"auto",background:"#fff",color:"#000",font:i,border:t,padding:{top:10,bottom:10,left:10,right:10},shadow:{shiftX:2,shiftY:2,blur:4,stretch:0,color:"rgba(0,0,0,.5)"}},boundaries:!1,accuracy:2,colors:Object.values({aliceBlue:"#f0f8ff",antiqueWhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedAlmond:"#ffebcd",blue:"#0000ff",blueViolet:"#8a2be2",brown:"#a52a2a",burlyWood:"#deb887",cadetBlue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerBlue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkBlue:"#00008b",darkCyan:"#008b8b",darkGoldenRod:"#b8860b",darkGray:"#a9a9a9",darkGreen:"#006400",darkKhaki:"#bdb76b",darkMagenta:"#8b008b",darkOliveGreen:"#556b2f",darkOrange:"#ff8c00",darkOrchid:"#9932cc",darkRed:"#8b0000",darkSalmon:"#e9967a",darkSeaGreen:"#8fbc8f",darkSlateBlue:"#483d8b",darkSlateGray:"#2f4f4f",darkTurquoise:"#00ced1",darkViolet:"#9400d3",deepPink:"#ff1493",deepSkyBlue:"#00bfff",dimGray:"#696969",dodgerBlue:"#1e90ff",fireBrick:"#b22222",floralWhite:"#fffaf0",forestGreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#DCDCDC",ghostWhite:"#F8F8FF",gold:"#ffd700",goldenRod:"#daa520",gray:"#808080",green:"#008000",greenYellow:"#adff2f",honeyDew:"#f0fff0",hotPink:"#ff69b4",indianRed:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderBlush:"#fff0f5",lawnGreen:"#7cfc00",lemonChiffon:"#fffacd",lightBlue:"#add8e6",lightCoral:"#f08080",lightCyan:"#e0ffff",lightGoldenRodYellow:"#fafad2",lightGray:"#d3d3d3",lightGreen:"#90ee90",lightPink:"#ffb6c1",lightSalmon:"#ffa07a",lightSeaGreen:"#20b2aa",lightSkyBlue:"#87cefa",lightSlateGray:"#778899",lightSteelBlue:"#b0c4de",lightYellow:"#ffffe0",lime:"#00ff00",limeGreen:"#32dc32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumAquaMarine:"#66cdaa",mediumBlue:"#0000cd",mediumOrchid:"#ba55d3",mediumPurple:"#9370db",mediumSeaGreen:"#3cb371",mediumSlateBlue:"#7b68ee",mediumSpringGreen:"#00fa9a",mediumTurquoise:"#48d1cc",mediumVioletRed:"#c71585",midnightBlue:"#191970",mintCream:"#f5fffa",mistyRose:"#ffe4e1",moccasin:"#ffe4b5",navajoWhite:"#ffdead",navy:"#000080",oldLace:"#fdd5e6",olive:"#808000",oliveDrab:"#6b8e23",orange:"#ffa500",orangeRed:"#ff4500",orchid:"#da70d6",paleGoldenRod:"#eee8aa",paleGreen:"#98fb98",paleTurquoise:"#afeeee",paleVioletRed:"#db7093",papayaWhip:"#ffefd5",peachPuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderBlue:"#b0e0e6",purple:"#800080",rebeccaPurple:"#663399",red:"#ff0000",rosyBrown:"#bc8f8f",royalBlue:"#4169e1",saddleBrown:"#8b4513",salmon:"#fa8072",sandyBrown:"#f4a460",seaGreen:"#2e8b57",seaShell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",slyBlue:"#87ceeb",slateBlue:"#6a5acd",slateGray:"#708090",snow:"#fffafa",springGreen:"#00ff7f",steelBlue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whiteSmoke:"#f5f5f5",yellow:"#ffff00",yellowGreen:"#9acd32"}),animate:!1,onDrawLabelY:null,onDrawLabelX:null,onTooltipShow:null,onHover:null,onLeave:null};
+rtl:!1,color:"#000",text:"",font:Object.assign({},i,{weight:"bold",size:24}),padding:{top:10,bottom:10,left:10,right:10}},legend:{rtl:!1,margin:{top:20,left:0,right:0,bottom:0},padding:{top:0,left:0,right:0,bottom:0},font:e,border:t,dash:[],background:"#fff",vertical:!1,position:"top-left"},tooltip:{width:"auto",background:"#fff",color:"#000",font:i,border:t,padding:{top:10,bottom:10,left:10,right:10},shadow:{shiftX:2,shiftY:2,blur:4,stretch:0,color:"rgba(0,0,0,.5)"}},boundaries:!1,colors:Object.values({aliceBlue:"#f0f8ff",antiqueWhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedAlmond:"#ffebcd",blue:"#0000ff",blueViolet:"#8a2be2",brown:"#a52a2a",burlyWood:"#deb887",cadetBlue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerBlue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkBlue:"#00008b",darkCyan:"#008b8b",darkGoldenRod:"#b8860b",darkGray:"#a9a9a9",darkGreen:"#006400",darkKhaki:"#bdb76b",darkMagenta:"#8b008b",darkOliveGreen:"#556b2f",darkOrange:"#ff8c00",darkOrchid:"#9932cc",darkRed:"#8b0000",darkSalmon:"#e9967a",darkSeaGreen:"#8fbc8f",darkSlateBlue:"#483d8b",darkSlateGray:"#2f4f4f",darkTurquoise:"#00ced1",darkViolet:"#9400d3",deepPink:"#ff1493",deepSkyBlue:"#00bfff",dimGray:"#696969",dodgerBlue:"#1e90ff",fireBrick:"#b22222",floralWhite:"#fffaf0",forestGreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#DCDCDC",ghostWhite:"#F8F8FF",gold:"#ffd700",goldenRod:"#daa520",gray:"#808080",green:"#008000",greenYellow:"#adff2f",honeyDew:"#f0fff0",hotPink:"#ff69b4",indianRed:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavender:"#e6e6fa",lavenderBlush:"#fff0f5",lawnGreen:"#7cfc00",lemonChiffon:"#fffacd",lightBlue:"#add8e6",lightCoral:"#f08080",lightCyan:"#e0ffff",lightGoldenRodYellow:"#fafad2",lightGray:"#d3d3d3",lightGreen:"#90ee90",lightPink:"#ffb6c1",lightSalmon:"#ffa07a",lightSeaGreen:"#20b2aa",lightSkyBlue:"#87cefa",lightSlateGray:"#778899",lightSteelBlue:"#b0c4de",lightYellow:"#ffffe0",lime:"#00ff00",limeGreen:"#32dc32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumAquaMarine:"#66cdaa",mediumBlue:"#0000cd",mediumOrchid:"#ba55d3",mediumPurple:"#9370db",mediumSeaGreen:"#3cb371",mediumSlateBlue:"#7b68ee",mediumSpringGreen:"#00fa9a",mediumTurquoise:"#48d1cc",mediumVioletRed:"#c71585",midnightBlue:"#191970",mintCream:"#f5fffa",mistyRose:"#ffe4e1",moccasin:"#ffe4b5",navajoWhite:"#ffdead",navy:"#000080",oldLace:"#fdd5e6",olive:"#808000",oliveDrab:"#6b8e23",orange:"#ffa500",orangeRed:"#ff4500",orchid:"#da70d6",paleGoldenRod:"#eee8aa",paleGreen:"#98fb98",paleTurquoise:"#afeeee",paleVioletRed:"#db7093",papayaWhip:"#ffefd5",peachPuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderBlue:"#b0e0e6",purple:"#800080",rebeccaPurple:"#663399",red:"#ff0000",rosyBrown:"#bc8f8f",royalBlue:"#4169e1",saddleBrown:"#8b4513",salmon:"#fa8072",sandyBrown:"#f4a460",seaGreen:"#2e8b57",seaShell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",slyBlue:"#87ceeb",slateBlue:"#6a5acd",slateGray:"#708090",snow:"#fffafa",springGreen:"#00ff7f",steelBlue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whiteSmoke:"#f5f5f5",yellow:"#ffff00",yellowGreen:"#9acd32"}),animate:!1,onDrawLabelY:null,onDrawLabelX:null,onTooltipShow:null,onHover:null,onLeave:null};
/**
* Simple object check.
* @param item
@@ -18,15 +18,19 @@ function s(t){return t&&"object"==typeof t&&!Array.isArray(t)}
* Deep merge two objects.
* @param target
* @param ...sources
- */function o(t){for(var i=arguments.length,e=new Array(i>1?i-1:0),a=1;a3&&void 0!==arguments[3]?arguments[3]:{},{style:f="normal",weight:u="normal",size:p=12,lineHeight:g=1,family:m="sans-serif"}=h,v=0,b=0;"number"==typeof c?v=b=c:Array.isArray(c)&&([v,b]=c),t.save(),t.beginPath(),t.textAlign=o,t.fillStyle=n,t.strokeStyle=l,t.font="".concat(f," ").concat(u," ").concat(p,"px/").concat(g," ").concat(m),t.translate(v,b),t.rotate(d),t.textBaseline=r;var x=i.toString().split("\n");x.map(((i,e)=>{t.fillText(i,a,s+s*e*g)})),t.closePath(),t.restore()},n=(t,i,e)=>{var a,{font:s=null}=e,o=0;if(t.save(),s){var{style:r="normal",weight:n="normal",size:l=12,lineHeight:h=1.2,family:d="sans-serif"}=s;t.font="".concat(r," ").concat(n," ").concat(l,"px/").concat(h," ").concat(d)}for(var c=0;co&&(o=a);return t.restore(),o},l=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1,dash:l=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(l),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.rect(e-s,a-s,2*s,2*s),t.fill(),t.stroke(),t.restore(),t.closePath()},h=t=>"number"==typeof t?{top:t,left:t,right:t,bottom:t}:t,d=t=>"number"==typeof t?{top:t,left:t,right:t,bottom:t}:t,c={legend(){return!0===this.options.legend.vertical?this.legendVertical():this.legendHorizontal()},legendHorizontal(){var t,i,e,a,o=this.options,c=h(o.padding),f=o.legend,u=h(f.padding),p=d(f.margin),g=this.ctx,m=this.legendItems,v=0;if(f&&s(f)&&m&&Array.isArray(m)&&m.length){a=f.font.size/2,t=f.font.size*f.font.lineHeight,e=c.top+this.viewHeight+f.font.size+u.top+p.top,i=c.left+u.left+p.left;for(var b=0;bthis.viewWidth&&(i=c.left+u.left+p.left,e+=t),l(g,[v+i,e,a],{color:X,fill:X}),r(g,w,[v+i+a+5,e+a/2],{color:f.font.color,stroke:f.font.color,font:o.font}),i+=a+Y+20}}},legendVertical(){var t,i,e,a,o,c,f=this.options,u=f.legend,p=null!==(t=u.font)&&void 0!==t?t:f.font,g=p.size/2,m=this.ctx,v=this.legendItems,b=h(u.padding),x=d(u.margin),y=h(f.padding);if(u&&s(u)&&v&&Array.isArray(v)&&v.length){i=p.size*p.lineHeight,o=n(m,v,{font:p})+b.left+b.right+3*g+5,c=v.length*i+b.top+b.bottom+5,"top-left"===u.position?(e=y.left+x.left,a=y.top+x.top):"top-right"===u.position?(e=this.dpiWidth-o-x.right-y.right,a=y.top+x.top):"bottom-left"===u.position?(e=y.left+x.left,a=this.dpiHeight-c-y.bottom+x.bottom):(e=this.dpiWidth-o-x.right-y.right,a=this.dpiHeight-c-y.bottom+x.bottom),function(t,i){var[e,a,s,o]=i,{color:r="#fff",borderColor:n="#000",dash:l=[],size:h=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.save(),t.beginPath(),t.strokeStyle=n,t.fillStyle=r,t.setLineDash(l),t.lineWidth=h,t.clearRect(e,a,s,o),t.fillRect(e,a,s,o),h&&t.strokeRect(e,a,s,o),t.closePath(),t.restore()}(m,[e,a,o,c],{color:u.background,dash:u.dash,size:u.border.width,borderColor:u.border.color}),e+=g+5+b.left,a+=g+5+b.top;for(var w=0;w1&&void 0!==arguments[1]?arguments[1]:[],e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"unknown";if(this.el=document.querySelector(t),!this.el)throw new Error("You must define a selector for chart wrapper element!");this.options=o({},a,e),this.data=i,this.canvas=null,this.ctx=null,this.raf=null,this.tooltip=null,this.legendItems=[],this.chartType=s,this.rect=this.el.getBoundingClientRect(),this.canvasRect=null,this.static=!1;var r=this;this.proxy=new Proxy({},{set(){var t=Reflect.set(...arguments);return r.raf=requestAnimationFrame(r.draw.bind(r)),t}}),this.options.border&&(this.el.style.border="".concat(this.options.border.width,"px ").concat(this.options.border.lineType," ").concat(this.options.border.color)),this.calcInternalValues(),this.createCanvas(),this.addEvents()}createCanvas(){this.canvas=document.createElement("canvas"),this.el.innerHTML="",this.el.style.overflow="hidden",this.el.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.setCanvasSize(),this.canvasRect=this.canvas.getBoundingClientRect()}setCanvasSize(){var t=this.options;this.canvas.style.height=this.height+"px",this.canvas.style.width=this.width+"px",this.canvas.width=t.dpi*this.width,this.canvas.height=t.dpi*this.height}calcInternalValues(){var t,i,e=this.options,a=h(e.padding),s=this.el.getBoundingClientRect(),{width:o,height:r}=s;t=e.width.toString().includes("%")?o/100*parseInt(e.width):+e.width,i=e.height.toString().includes("%")?r/100*parseInt(e.height):+e.height,this.width=t,this.height=i,this.dpiHeight=e.dpi*i,this.dpiWidth=e.dpi*t,this.viewHeight=this.dpiHeight-(a.top+a.bottom),this.viewWidth=this.dpiWidth-(a.left+a.right),this.center=[this.dpiWidth/2,this.dpiHeight/2],this.radius=Math.min(this.viewHeight,this.viewWidth)/2}title(){var t,i=this.options.title,e=this.ctx;if(i&&i.text){var{text:a,align:s,color:o,font:n}=i;switch(s){case"center":t=this.dpiWidth/2;break;case"right":t=this.dpiWidth-5;break;default:t=5}r(e,a,[t,n.size+5],{align:i.align,color:i.color,stroke:i.color,font:i.font})}}draw(){this.clear(),this.title()}clear(){this.ctx.clearRect(0,0,this.dpiWidth,this.dpiHeight)}setData(t,i){void 0!==i?this.data[i].data=t:this.data=t,this.draw()}mouseMove(t){var i=this.options.onHover,{clientX:e,clientY:a}=t.changedTouches?t.touches[0]:t;"function"==typeof i&&i.apply(null,[e,a]),this.proxy.mouse={x:e,y:a},t.cancelable&&t.preventDefault()}mouseLeave(){var t=this.options.onLeave;"function"==typeof t&&t.apply(null,[]),this.proxy.mouse=null}resize(){this.calcInternalValues(),this.setCanvasSize(),this.rect=this.el.getBoundingClientRect(),this.canvasRect=this.canvas.getBoundingClientRect(),this.draw()}addEvents(){var t=this.canvas;t.addEventListener("mousemove",this.mouseMove.bind(this)),t.addEventListener("touchmove",this.mouseMove.bind(this),{passive:!1}),t.addEventListener("mouseleave",this.mouseLeave.bind(this)),window.addEventListener("resize",this.resize.bind(this))}destroy(){var t=this.canvas;cancelAnimationFrame(this.raf),t.removeEventListener("mousemove",this.mouseMove.bind(this)),t.removeEventListener("mouseleave",this.mouseLeave.bind(this)),window.removeEventListener("resize",this.resize.bind(this))}}Object.assign(u.prototype,c),Object.assign(u.prototype,f);var p={arrow:{color:"#000",size:1,dash:[],factorX:5,factorY:5},line:{color:"#e3e3e3",size:1,dash:[],count:5,show:!0},label:{color:"#000",font:e,count:5,
-// odd, even, num
-show:!0,first:!0,last:!0,fixed:!1}},g={x:p,y:p},m={size:1,color:"#bbb",dash:[5,3]},v={axis:g,cross:m,showDots:!0},b=function(){var t,i,e,a,s=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"x";if("number"==typeof o)a=o;else switch(o.toString().toLowerCase()){case"y":a=1;break;case"z":a=2;break;default:a=0}for(var r of s)e=r[a],(isNaN(t)||t>e)&&(t=e),(isNaN(i)||i0&&void 0!==arguments[0]?arguments[0]:[];return[Math.min.apply(null,t),Math.max.apply(null,t)]},y=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.arc(e,a,s,0,2*Math.PI),t.fill(),t.stroke(),t.restore(),t.closePath()},w=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.moveTo(e,a-s),t.lineTo(e+s,a+s),t.lineTo(e-s,a+s),t.lineTo(e,a-s),t.fill(),t.stroke(),t.restore(),t.closePath()},X=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.moveTo(e,a-s),t.lineTo(e+s,a),t.lineTo(e,a+s),t.lineTo(e-s,a),t.lineTo(e,a-s),t.fill(),t.stroke(),t.restore(),t.closePath()},Y={cross(){var t=this.options,i=t.cross,e=h(t.padding),a=this.ctx,s=this.canvas.getBoundingClientRect();if(t.cross&&(!t.cross||this.proxy.mouse)){var{x:o,y:r}=this.proxy.mouse;o-=s.left,r-=s.top,o-e.left+1<0||o>this.viewWidth+e.left+1||r-e.top+1<0||r>this.viewHeight+e.top+1||(a.beginPath(),a.setLineDash(t.cross.dash),a.lineWidth=i.size,a.strokeStyle=i.color,// vertical line
+ */function o(t){for(var i=arguments.length,e=new Array(i>1?i-1:0),a=1;a3&&void 0!==arguments[3]?arguments[3]:{},{style:f="normal",weight:u="normal",size:p=12,lineHeight:g=1,family:m="sans-serif"}=l,v=0,b=0;"number"==typeof c?v=b=c:Array.isArray(c)&&([v,b]=c),t.save(),t.beginPath(),t.textAlign=o,t.fillStyle=n,t.strokeStyle=h,t.font="".concat(f," ").concat(u," ").concat(p,"px/").concat(g," ").concat(m),t.translate(v,b),t.rotate(d*Math.PI/180),t.textBaseline=r;var x=i.toString().split("\n");x.map(((i,e)=>{t.fillText(i,a,s+s*e*g)})),t.closePath(),t.restore()},n=(t,i,e)=>{var a,{font:s=null}=e,o=0;if(t.save(),s){var{style:r="normal",weight:n="normal",size:h=12,lineHeight:l=1.2,family:d="sans-serif"}=s;t.font="".concat(r," ").concat(n," ").concat(h,"px/").concat(l," ").concat(d)}for(var c=0;co&&(o=a);return t.restore(),o},h=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1,dash:h=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(h),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.rect(e-s,a-s,2*s,2*s),t.fill(),t.stroke(),t.restore(),t.closePath()},l=t=>"number"==typeof t?{top:t,left:t,right:t,bottom:t}:t,d=t=>"number"==typeof t?{top:t,left:t,right:t,bottom:t}:t,c={legend(){return!0===this.options.legend.vertical?this.legendVertical():this.legendHorizontal()},legendHorizontal(){var t=this.options,i=l(t.padding),e=t.legend,a=this.ctx,o=this.legendItems;if(e&&s(e)&&o&&Array.isArray(o)&&o.length){var c,f,u,p,g=l(e.padding),m=d(e.margin),v=0;p=e.font.size/2,c=e.font.size*e.font.lineHeight,u=i.top+i.bottom+this.viewHeight-(e.font.size+g.top+m.top),f=i.left+g.left+m.left;for(var b=0;bthis.viewWidth&&(f=i.left+g.left+m.left,u+=c),h(a,[v+f,u,p],{color:k,fill:k}),r(a,e.showValue?"".concat(Y," - ").concat(z):Y,[v+f+p+5,u+p/2],{color:e.font.color,stroke:e.font.color,font:t.font}),f+=p+W+20}}},legendVertical(){var t,i,e,a,o,c,f=this.options,u=f.legend,p=null!==(t=u.font)&&void 0!==t?t:f.font,g=p.size/2,m=this.ctx,v=this.legendItems,b=l(u.padding),x=d(u.margin),y=l(f.padding);if(u&&s(u)&&v&&Array.isArray(v)&&v.length){i=p.size*p.lineHeight,o=n(m,v,{font:p})+b.left+b.right+3*g+5,c=v.length*i+b.top+b.bottom+5,"top-left"===u.position?(e=b.left+x.left,a=b.top+x.top):"top-right"===u.position?(e=this.dpiWidth-o-x.right-y.right,a=b.top+x.top):"bottom-left"===u.position?(e=b.left+x.left,a=this.dpiHeight-c-b.bottom+x.bottom):(e=this.dpiWidth-o-x.right-b.right,a=this.dpiHeight-c-b.bottom+x.bottom),function(t,i){var[e,a,s,o]=i,{color:r="#fff",borderColor:n="#000",dash:h=[],size:l=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.save(),t.beginPath(),t.strokeStyle=n,t.fillStyle=r,t.setLineDash(h),t.lineWidth=l,t.clearRect(e,a,s,o),t.fillRect(e,a,s,o),l&&t.strokeRect(e,a,s,o),t.closePath(),t.restore()}(m,[e,a,o,c],{color:u.background,dash:u.dash,size:u.border.width,borderColor:u.border.color}),e+=g+5+b.left,a+=g+5+b.top;for(var w=0;w1&&void 0!==arguments[1]?arguments[1]:[],e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},s=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"unknown";if(this.el=document.querySelector(t),!this.el)throw new Error("You must define a selector for chart wrapper element!");this.options=o({},a,e),this.data=i,this.canvas=null,this.ctx=null,this.raf=null,this.tooltip=null,this.legendItems=[],this.chartType=s,this.rect=this.el.getBoundingClientRect(),this.canvasRect=null,this.static=!1;var r=this;this.proxy=new Proxy({},{set(){var t=Reflect.set(...arguments);return r.raf=requestAnimationFrame(r.draw.bind(r)),t}}),this.options.border&&(this.el.style.border="".concat(this.options.border.width,"px ").concat(this.options.border.lineType," ").concat(this.options.border.color)),this.calcInternalValues(),this.createCanvas(),this.addEvents()}createCanvas(){this.canvas=document.createElement("canvas"),this.el.innerHTML="",this.el.style.overflow="hidden",this.el.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.setCanvasSize(),this.canvasRect=this.canvas.getBoundingClientRect()}setCanvasSize(){var t=this.options;this.canvas.style.height=this.height+"px",this.canvas.style.width=this.width+"px",this.canvas.width=t.dpi*this.width,this.canvas.height=t.dpi*this.height}calcInternalValues(){var t,i,e=this.options,a=l(e.padding),s=this.el.getBoundingClientRect(),{width:o,height:r}=s;t=e.width.toString().includes("%")?o/100*parseInt(e.width):+e.width,i=e.height.toString().includes("%")?r/100*parseInt(e.height):+e.height,this.width=t,this.height=i,this.dpi=e.dpi,this.dpiHeight=this.dpi*i,this.dpiWidth=this.dpi*t,this.viewHeight=this.dpiHeight-(a.top+a.bottom),this.viewWidth=this.dpiWidth-(a.left+a.right),this.center=[this.dpiWidth/2,this.dpiHeight/2],this.radius=Math.min(this.viewHeight,this.viewWidth)/2}title(){var t,i=this.options.title,e=this.ctx;if(i&&i.text){var{text:a,align:s,color:o,font:n}=i;switch(s){case"center":t=this.dpiWidth/2;break;case"right":t=this.dpiWidth-5;break;default:t=5}r(e,a,[t,n.size+5],{align:i.align,color:i.color,stroke:i.color,font:i.font})}}draw(){this.clear(),this.title()}clear(){this.ctx.clearRect(0,0,this.dpiWidth,this.dpiHeight)}setData(t,i){var e=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];void 0!==i?this.data[i].data=t:this.data=t,e&&this.resize()}setBoundaries(t){var i=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],e=["minX","minY","minZ","maxX","maxY","maxZ","min","max"];for(var a in t)e.includes(a)&&(this[a]=t[a],this.options.boundaries[a]=t[a]);i&&this.draw()}mouseMove(t){var i=this.options.onHover,{clientX:e,clientY:a}=t.changedTouches?t.touches[0]:t;"function"==typeof i&&i.apply(null,[e,a]),this.proxy.mouse={x:e,y:a},t.cancelable&&t.preventDefault()}mouseLeave(){var t=this.options.onLeave;"function"==typeof t&&t.apply(null,[]),this.proxy.mouse=null}resize(){this.calcInternalValues(),this.setCanvasSize(),this.rect=this.el.getBoundingClientRect(),this.canvasRect=this.canvas.getBoundingClientRect(),this.draw()}addEvents(){var t=this.canvas;t.addEventListener("mousemove",this.mouseMove.bind(this)),t.addEventListener("touchmove",this.mouseMove.bind(this),{passive:!1}),t.addEventListener("mouseleave",this.mouseLeave.bind(this)),window.addEventListener("resize",this.resize.bind(this))}destroy(){var t=this.canvas;cancelAnimationFrame(this.raf),t.removeEventListener("mousemove",this.mouseMove.bind(this)),t.removeEventListener("mouseleave",this.mouseLeave.bind(this)),window.removeEventListener("resize",this.resize.bind(this))}}function p(t,i,e){return i in t?Object.defineProperty(t,i,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[i]=e,t}function g(t,i){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);i&&(a=a.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),e.push.apply(e,a)}return e}function m(t){for(var i=1;i0&&void 0!==arguments[0]?arguments[0]:[],o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"x";if("number"==typeof o)a=o;else switch(o.toString().toLowerCase()){case"y":a=1;break;case"z":a=2;break;default:a=0}for(var r of s)e=r[a],(isNaN(t)||t>e)&&(t=e),(isNaN(i)||i0&&void 0!==arguments[0]?arguments[0]:[];return[Math.min.apply(null,t),Math.max.apply(null,t)]},k=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.arc(e,a,s,0,2*Math.PI),t.fill(),t.stroke(),t.restore(),t.closePath()},z=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.moveTo(e,a-s),t.lineTo(e+s,a+s),t.lineTo(e-s,a+s),t.lineTo(e,a-s),t.fill(),t.stroke(),t.restore(),t.closePath()},W=function(t,i){var[e,a,s]=i,{color:o="#000",fill:r="#fff",size:n=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=n,t.strokeStyle=o,t.fillStyle=r,t.moveTo(e,a-s),t.lineTo(e+s,a),t.lineTo(e,a+s),t.lineTo(e-s,a),t.lineTo(e,a-s),t.fill(),t.stroke(),t.restore(),t.closePath()},N={cross(){var t=this.options,i=t.cross,e=l(t.padding),a=this.ctx,s=this.canvas.getBoundingClientRect();if(t.cross&&(!t.cross||this.proxy.mouse)){var{x:o,y:r}=this.proxy.mouse;o-=s.left,r-=s.top,o-e.left+1<0||o>this.viewWidth+e.left+1||r-e.top+1<0||r>this.viewHeight+e.top+1||(a.beginPath(),a.setLineDash(t.cross.dash),a.lineWidth=i.size,a.strokeStyle=i.color,// vertical line
a.moveTo(o,e.top),a.lineTo(o,this.viewHeight+e.top),// Horizontal line
-a.moveTo(e.left,r),a.lineTo(this.viewWidth+e.left,r),a.arc(o,r,10,0,2*Math.PI),a.stroke(),a.closePath())}}},k=function(t,i){var[e,a,s,o]=i,{color:r="#000",size:n=1,dash:l=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(l),t.lineWidth=n,t.strokeStyle=r,t.moveTo(e,a),t.lineTo(s,o),t.stroke(),t.restore(),t.closePath()},z={arrowX(){var t=this.options,i=this.ctx,e=h(t.padding),a=e.left,s=this.viewHeight+e.top,o=a+this.viewWidth,r=s;if(t.axis.x.arrow){var n=t.axis.x.arrow;!function(t,i){var[e,a,s,o,r,n]=i,{color:l="#000",dash:h=[],size:d=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.strokeStyle=l,t.lineWidth=d,t.setLineDash(h),t.moveTo(e,a),t.lineTo(s,o),t.moveTo(s,o),t.lineTo(s-r,o-n),t.moveTo(s,o),t.lineTo(s-r,o+n),t.stroke(),t.closePath()}(i,[a,s,o,r,n.factorX,n.factorY],{color:n.color,size:n.size,dash:n.dash})}},axisX(){var t,i=this.ctx,e=this.options,a=h(e.padding);if(e.axis.x)for(var s=e.axis.x,o=null!==(t=s&&s.label&&s.label.font)&&void 0!==t?t:e.font,n=this.viewWidth/s.line.count,l=(this.maxX-this.minX)/s.line.count,d=Math.round(s.line.count/s.label.count),c=0;c<=s.line.count;c++){var f,u,p=n*c+a.left,g=this.minX+l*c;"number"==typeof s.label.fixed&&(g=g.toFixed(s.label.fixed)),s.line.show&&k(i,[p,a.top,p,this.viewHeight+a.top],{color:s.line.color,size:s.line.size,dash:s.line.dash}),s.label.show&&(d&&c&&c%d!=0||(s.label.first||0!==c)&&(s.label.last||c!==s.line.count)&&("function"==typeof e.onDrawLabelX&&(g=e.onDrawLabelX.apply(null,[g])),// if (x + ctx.measureText(labelXValue.toString()).width > this.viewWidth) continue
-k(i,[p,this.viewHeight+a.top,p,this.viewHeight+a.top+5],{color:null!==(f=s.arrow&&s.arrow.color)&&void 0!==f?f:s.line.color}),r(i,g.toString(),[p,this.viewHeight+a.top+o.size+5],{color:null!==(u=s.label&&s.label.color)&&void 0!==u?u:e.color,align:"center",font:o})))}},arrowY(){var t=this.options,i=this.ctx,e=h(t.padding),a=e.left,s=this.viewHeight+e.top,o=a,r=e.top;if(t.axis.y.arrow){var n=t.axis.y.arrow;!function(t,i){var[e,a,s,o,r,n]=i,{color:l="#000",dash:h=[],size:d=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.strokeStyle=l,t.lineWidth=d,t.setLineDash(h),t.moveTo(e,a),t.lineTo(s,o),t.moveTo(s,o),t.lineTo(s-r,o+n),t.moveTo(s,o),t.lineTo(s+r,o+n),t.stroke(),t.closePath()}(i,[a,s,o,r,n.factorX,n.factorY],{color:n.color,size:n.size,dash:n.dash})}},axisY(){var t,i=this.ctx,e=this.options,a=h(e.padding);if(e.axis.y)for(var s=e.axis.y,o=null!==(t=s&&s.label&&s.label.font)&&void 0!==t?t:e.font,n=this.viewHeight/s.line.count,l=(this.maxY-this.minY)/s.line.count,d=Math.floor(s.line.count/s.label.count),c=0;c2&&void 0!==arguments[2])||arguments[2],r=this.options;this.data&&this.data.length&&(e=this.data[t].data,o&&(r.graphSize?e.length===r.graphSize&&(e=e.slice(1)):e=e.slice(1)),this.data[t].data=e,this.data[t].data.push([a,s]),this.calcMinMax(),this.calcRatio(),this.resize())}},W=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{color:e="#000",size:a=1,dash:s=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(s),t.lineWidth=a,t.strokeStyle=e,i.map((i=>{var[e,a]=i;t.lineTo(e,a)})),t.stroke(),t.restore(),t.closePath()};class M extends u{constructor(t){if(super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o({},v,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),"area"),this.coords={},this.minX=0,this.maxX=0,this.minY=0,this.maxY=0,this.legendItems=[],this.options.legend)for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:[],{color:e="#000",fill:a="#000",size:s=1,dash:o=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(o),t.lineWidth=s,t.strokeStyle=e,t.fillStyle=a,i.map((i=>{var[e,a]=i;t.lineTo(e,a)})),t.lineTo(i[0][0],i[0][1]),t.fill(),t.restore(),t.closePath()}(s,t,{color:u,fill:p,size:f.size});var x=f.dots?f.dots:{type:"dot"},Y={color:null!==(h=x.color)&&void 0!==h?h:u,fill:null!==(d=x.fill)&&void 0!==d?d:u,radius:null!==(c=x.size)&&void 0!==c?c:4},k=void 0;switch(x.type){case"square":k=l;break;case"triangle":k=w;break;case"diamond":k=X;break;default:k=y}f.dots&&!1!==e.showDots&&t.map((t=>{var[i,e]=t;k(s,[i,e,Y.radius],Y)})),i.coords[f.name]={graph:f,coords:t,drawPointFn:k,opt:Y},t.shift(),t.pop(),!1!==f.showLines&&W(s,t,{color:u,fill:p,size:f.size})},r=0;rv&&rv&&rx&&n2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(h),t.lineWidth=l,t.strokeStyle=r,t.fillStyle=n,t.rect(e,a,s,o),t.fill(),t.stroke(),t.restore(),t.closePath()};class L extends u{constructor(t,i,e){super(t,i,o({},T,e),"bar"),this.groups=0,this.barWidth=0,this.maxY=0,this.maxX=0,this.minY=0,this.minX=0,this.viewAxis=this.options.dataAxisX?this.viewHeight:this.viewWidth,this.legendItems=[];var a=this.options.legend;if(a&&a.titles&&a.titles.length)for(var s=0;s0&&void 0!==arguments[0]&&arguments[0],o=this.options,n=h(o.padding),l=this.ctx,d=this.canvas.getBoundingClientRect(),c=!1;if(this.data&&this.data.length){this.proxy.mouse&&(e=this.proxy.mouse.x-d.left,a=this.proxy.mouse.y-d.top),t=s?n.left:n.left+o.groupDistance,i=s?n.top+o.groupDistance:this.viewHeight+n.top;for(var f=0;fY[0]&&ek[0]&&a2&&void 0!==arguments[2])||arguments[2],n=this.options;this.data&&this.data.length&&(e=this.data[t].data,r&&(e=(n.graphSize&&(e.length,n.graphSize),e.slice(1))),this.data[t].data=e,this.data[t].data.push([a,s,o]),this.calcMinMax(),this.calcRatio(),this.resize())}};class B extends u{constructor(t){if(super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o({},A,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),"histogram"),this.coords={},this.minX=0,this.maxX=0,this.minY=0,this.maxY=0,this.legendItems=[],this.options.legend)for(var i=0;i2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(h),t.lineWidth=n,t.strokeStyle=r,t.moveTo(e,a),t.lineTo(s,o),t.stroke(),t.restore(),t.closePath()},S={arrowX(){var t=this.options,i=this.ctx,e=l(t.padding);if(t.axis.x.arrow){var a=t.axis.x.arrow,s=e.left,o=this.viewHeight+e.top;!function(t,i){var[e,a,s,o,r,n]=i,{color:h="#000",dash:l=[],size:d=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.strokeStyle=h,t.lineWidth=d,t.setLineDash(l),t.moveTo(e,a),t.lineTo(s,o),t.moveTo(s,o),t.lineTo(s-r,o-n),t.moveTo(s,o),t.lineTo(s-r,o+n),t.stroke(),t.closePath()}(i,[s,o,e.left+this.viewWidth+a.outside,o,a.factorX,a.factorY],{color:a.color,size:a.size,dash:a.dash})}},axisX(){var t,i,e=this.ctx,a=this.options,s=l(a.padding);if(a.axis.x){var o,n,h,d,c,f,u=a.axis.x,p=u.label,g=u.line,m=u.arrow,v=null!==(t=p&&p.font)&&void 0!==t?t:a.font,b=p.count?(this.maxX-this.minX)/p.count:0,x=null!==(i=g.shortLineSize)&&void 0!==i?i:0;d=s.left,c=s.top,f=s.top+this.viewHeight+v.size+5,n=this.minX,h=0;for(var y=0;y<=p.count;y++){var w,X,Y;
+// short line
+if(o="number"==typeof p.fixed?n.toFixed(p.fixed):n,"function"==typeof a.onDrawLabelX&&(o=a.onDrawLabelX.apply(null,[n])),p.showLine&&M(e,[d,c,d,c+this.viewHeight],{color:g.color,size:g.size,dash:g.dash}),p.skip&&h!==p.skip)h++;else if(h=1,p.showLabel&&(y||p.showMin))M(e,[d,this.viewHeight+s.top-x,d,this.viewHeight+s.top+x],{color:m&&m.color?m.color:g.color}),// label
+r(e,o.toString(),[0,0],{color:null!==(w=p.color)&&void 0!==w?w:a.color,align:p.align,font:v,translate:[d+(null!==(X=p.shift.x)&&void 0!==X?X:0),f+(null!==(Y=p.shift.y)&&void 0!==Y?Y:0)],angle:p.angle});n+=b,d=s.left+(n-this.minX)*this.ratioX}}},arrowY(){var t=this.options,i=this.ctx,e=l(t.padding);if(t.axis.y.arrow){var a=t.axis.y.arrow,s=e.left;!function(t,i){var[e,a,s,o,r,n]=i,{color:h="#000",dash:l=[],size:d=1}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.strokeStyle=h,t.lineWidth=d,t.setLineDash(l),t.moveTo(e,a),t.lineTo(s,o),t.moveTo(s,o),t.lineTo(s-r,o+n),t.moveTo(s,o),t.lineTo(s+r,o+n),t.stroke(),t.closePath()}(i,[s,this.viewHeight+e.top,s,e.top-a.outside,a.factorX,a.factorY],{color:a.color,size:a.size,dash:a.dash})}},axisY(){var t,i,e=this.ctx,a=this.options,s=l(a.padding);if(a.axis.y){var o,n,h,d,c,f,u,p=a.axis.y,g=p.label,m=p.line,v=p.arrow,b=null!==(t=g&&g.font)&&void 0!==t?t:a.font,x=g.count?(this.maxY-this.minY)/g.count:0,y=null!==(i=m.shortLineSize)&&void 0!==i?i:0;d=s.left,f=s.left,c=this.viewHeight+s.top,n=this.minY,h=0,g.opposite?(f+=this.viewWidth+10+y,u=s.left+this.viewWidth,g.align="left"):(f-=10,u=d-y);for(var w=0;w<=g.count+1;w++){var X,Y,k;
+// short line
+if(o="number"==typeof g.fixed?n.toFixed(g.fixed):n,"function"==typeof a.onDrawLabelY&&(o=a.onDrawLabelY.apply(null,[n])),g.showLine&&M(e,[d,c,this.viewWidth+s.left,c],{color:m.color,size:m.size,dash:m.dash}),0!==w&&g.skip&&h!==g.skip)h++;else if(h=1,g.showLabel&&(w||g.showMin))M(e,[u,c,u+2*y,c],{color:v&&v.color?v.color:m.color}),r(e,o.toString(),[0,0],{color:null!==(X=g&&g.color)&&void 0!==X?X:a.color,align:g.align,font:b,translate:[f+(null!==(Y=g.shift.x)&&void 0!==Y?Y:0),c+1+(null!==(k=g.shift.y)&&void 0!==k?k:0)],angle:g.angle});n+=x,c=s.top+this.viewHeight-(n-this.minY)*this.ratioY}}},axisXY(){if(this.options.axis)return this.axisX(),this.arrowX(),this.axisY(),this.arrowY(),this}},D={addPoint(t,i){var e,[a,s]=i,o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.options;this.data&&this.data.length&&(e=this.data[t].data,o&&(r.graphSize?e.length>=r.graphSize&&(e=e.slice(1)):e=e.slice(1)),this.data[t].data=e,this.data[t].data.push([a,s]),this.minX=e[0][0],this.maxX=a,sthis.maxY&&(this.maxY=s),this.resize())}},P=function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],{color:e="#000",size:a=1,dash:s=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(s),t.lineWidth=a,t.strokeStyle=e,i.map((i=>{var[e,a]=i;t.lineTo(e,a)})),t.stroke(),t.restore(),t.closePath()};class T extends u{constructor(t){if(super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o({},w,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),"area"),this.coords={},this.minX=0,this.maxX=0,this.minY=0,this.maxY=0,this.legendItems=[],this.options.legend)for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:[],{color:e="#000",fill:a="#000",size:s=1,dash:o=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(o),t.lineWidth=s,t.strokeStyle=e,t.fillStyle=a,i.map((i=>{var[e,a]=i;t.lineTo(e,a)})),t.lineTo(i[0][0],i[0][1]),t.fill(),t.restore(),t.closePath()}(s,t,{color:u,fill:p,size:f.size});var x=f.dots?f.dots:{type:"dot"},y={color:null!==(l=x.color)&&void 0!==l?l:u,fill:null!==(d=x.fill)&&void 0!==d?d:u,radius:null!==(c=x.size)&&void 0!==c?c:4},w=void 0;switch(x.type){case"square":w=h;break;case"triangle":w=z;break;case"diamond":w=W;break;default:w=k}f.dots&&!1!==e.showDots&&t.map((t=>{var[i,e]=t;w(s,[i,e,y.radius],y)})),i.coords[f.name]={graph:f,coords:t,drawPointFn:w,opt:y},t.shift(),t.pop(),!1!==f.showLines&&P(s,t,{color:u,fill:p,size:f.size})},r=0;rv&&rv&&rx&&n2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(l),t.lineWidth=h,t.strokeStyle=r,t.fillStyle=n,t.rect(e,a,s,o),t.fill(),t.stroke(),t.restore(),t.closePath()};class A extends u{constructor(t,i,e){super(t,i,o({},L,e),"bar"),this.groups=0,this.barWidth=0,this.maxY=0,this.maxX=0,this.minY=0,this.minX=0,this.viewAxis=this.options.dataAxisX?this.viewHeight:this.viewWidth,this.legendItems=[];var a=this.options.legend;if(a&&a.titles&&a.titles.length)for(var s=0;s0&&void 0!==arguments[0]&&arguments[0],o=this.options,n=l(o.padding),h=this.ctx,d=this.canvas.getBoundingClientRect(),c=!1;if(this.data&&this.data.length){this.proxy.mouse&&(e=this.proxy.mouse.x-d.left,a=this.proxy.mouse.y-d.top),t=s?n.left:n.left+o.groupDistance,i=s?n.top+o.groupDistance:this.viewHeight+n.top;for(var f=0;fk[0]&&ez[0]&&a2&&void 0!==arguments[2])||arguments[2],n=this.options;this.data&&this.data.length&&(e=this.data[t].data,r&&(e=(n.graphSize&&(e.length,n.graphSize),e.slice(1))),this.data[t].data=e,this.data[t].data.push([a,s,o]),this.calcMinMax(),this.calcRatio(),this.resize())}};class I extends u{constructor(t){if(super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o({},R,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),"histogram"),this.coords={},this.minX=0,this.maxX=0,this.minY=0,this.maxY=0,this.legendItems=[],this.options.legend)for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:[],o({},j,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),"line"),this.coords={},this.minX=0,this.maxX=0,this.minY=0,this.maxY=0,this.legendItems=[],this.options.legend)for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:[],{color:e="#000",size:a=1,dash:s=[],tension:o=.25}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(s),t.lineWidth=a,t.strokeStyle=e,t.moveTo(i[0][0],i[0][1]);for(var r=0;r{i&&s(i)&&Object.assign(t,i)})),t}({type:"circle"},e.dots,c.dots),x={color:null!==(n=b.color)&&void 0!==n?n:f,fill:null!==(h=b.fill)&&void 0!==h?h:f,radius:null!==(d=b.size)&&void 0!==d?d:2},Y=void 0;switch(b.type){case"square":Y=l;break;case"triangle":Y=w;break;case"diamond":Y=X;break;default:Y=y}c.dots&&!1!==e.showDots&&t.map((t=>{var[i,e]=t;Y(o,[i,e,x.radius],x)})),i.coords[c.name]={graph:c,coords:t,drawPointFn:Y,opt:x}},n=0;nv&&rv&&rx&&n2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=h,t.strokeStyle=n,t.fillStyle=l,t.arc(e,a,s,o,r),t.lineTo(e,a),t.fill(),t.stroke(),t.restore(),t.closePath()};class q extends u{constructor(t,i,e){if(super(t,i,o({},V,e),"pie"),this.total=this.data.reduce(((t,i)=>t+i.data),0),this.legendItems=[],this.options.legend&&this.data.length)for(var a=0;at+i),0))}var[,s]=x(i);this.maxX=this.maxY=t.boundaries&&!isNaN(t.boundaries.max)?t.boundaries.maxY:s,isNaN(this.maxX)&&(this.maxX=100),isNaN(this.maxY)&&(this.maxX=100)}calcRatio(){this.ratio=(this.options.dataAxisX?this.viewWidth:this.viewHeight)/(this.maxY===this.minY?this.maxY:this.maxY-this.minY)}calcBarWidth(){var t=this.options,i=this.data.length,e=(t.dataAxisX?this.viewHeight:this.viewWidth)-(this.data.length+1)*t.groupDistance;// space between groups
-this.barWidth=e/i}barsX(){var t,i,e,a,s=this.options,o=h(s.padding),n=this.ctx,l=this.canvas.getBoundingClientRect(),d=!1;if(this.data&&this.data.length){this.proxy.mouse&&(e=this.proxy.mouse.x-l.left,a=this.proxy.mouse.y-l.top),t=o.left,i=o.top+s.groupDistance;var c=Array.isArray(s.colors)?s.colors:s.colors.split(",").map((t=>t.trim()));for(var f of this.data){for(var u=f.data,p=f.name,g=c.length>1?s.color:c[0],m=0,v=0;vt+m&&ei&&at.trim()));for(var f of this.data){for(var u=f.data,p=f.name,g=c.length>1?s.color:c[0],m=0,v=0;vt&&ei-b-m&&a2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(d),t.lineWidth=h,t.strokeStyle=n,t.fillStyle=l,t.arc(e,a,s,o,r),t.stroke(),t.restore(),t.closePath()};class U extends u{constructor(t,i,e){super(t,i,o({},J,e),"gauge"),this.resize()}_getFillColor(t,i){for(var e="#fff",a=0,s=0;sa&&t<=o&&(e=i[s][1],a=i[s][0])}return e}gauge(){var t=this.ctx,i=this.options,e=h(i.padding),[a,s]=this.center;a+=e.left,s+=e.top;var o=Math.PI,n=o*i.startFactor,l=o*(2+i.endFactor),d=i.radius*this.radius/100-i.backWidth,c=this.data[0],f=Math.round(Math.abs(100*(c-i.boundaries.min)/(i.boundaries.max-i.boundaries.min))),u=n+(l-n)*f/100,p=f,g=[];if("function"==typeof i.onDrawValue&&(p=i.onDrawValue.apply(null,[c,f])),Q(t,[a,s,d,n,l],{size:i.backWidth,stroke:i.backStyle}),"string"==typeof i.fillStyle)g.push([100,i.fillStyle]);else if(Array.isArray(i.fillStyle))for(var m of i.fillStyle)g.push(m);Q(t,[a,s,d,n,u],{size:i.valueWidth,stroke:this._getFillColor(f,g)}),r(t,p,[0,0],{align:"center",baseLine:"middle",color:i.value.color,stroke:i.value.color,font:i.value.font||i.font,translate:[a+i.value.shift.x,s+i.value.shift.y],angle:i.value.angle}),i.label.min&&r(t,i.boundaries.min,[0,0],{align:"left",baseLine:"middle",color:i.label.min.color,stroke:i.label.min.color,font:i.label.min.font||i.font,translate:[a+d*Math.cos(n)+i.backWidth+i.label.min.shift.x,s+d*Math.sin(n)+i.label.min.shift.y],angle:0}),i.label.max&&r(t,i.boundaries.max,[0,0],{align:"right",baseLine:"middle",color:i.label.max.color,stroke:i.label.max.color,font:i.label.max.font||i.font,translate:[a+d*Math.cos(l)-i.backWidth+i.label.max.shift.x,s+d*Math.sin(l)+i.label.max.shift.y],angle:0})}draw(){super.draw(),this.gauge()}}class $ extends u{constructor(t,i,e){super(t,i,o({},J,e),"gauge"),this.resize()}gauge(){var t=this.ctx,i=this.options,e=h(i.padding),[a,s]=this.center;a+=e.left,s+=e.top;var o=Math.PI,n=o*i.startFactor,l=o*(2+i.endFactor),d=i.radius*this.radius/100-i.backWidth,c=this.data[0],f=Math.abs(100*(c-i.boundaries.min)/(i.boundaries.max-i.boundaries.min)),u=n+(l-n)*f/100,p=f.toFixed(0);"function"==typeof i.onDrawValue&&(p=i.onDrawValue.apply(null,[c,f])),Q(t,[a,s,d,0,2*o],{size:i.backWidth,stroke:i.backStyle}),Q(t,[a,s,d,n,u],{size:i.valueWidth,stroke:i.fillStyle}),r(t,p,[0,0],{align:"center",baseLine:"middle",color:i.value.color,stroke:i.value.color,font:i.value.font||i.font,translate:[a+i.value.shift.x,s+i.value.shift.y],angle:i.value.angle})}draw(){super.draw(),this.gauge(),this.legend()}}globalThis.chart={areaChart:(t,i,e)=>new M(t,i,e),barChart:(t,i,e)=>new L(t,i,e),bubbleChart:(t,i,e)=>new O(t,i,e),histogramChart:(t,i,e)=>new B(t,i,e),lineChart:(t,i,e)=>new F(t,i,e),pieChart:(t,i,e)=>new q(t,i,e),stackedBarChart:(t,i,e)=>new _(t,i,e),gauge:(t,i,e)=>new U(t,i,e),donut:(t,i,e)=>new $(t,i,e)}}();
+axis:x,cross:y,showDots:!0,type:"line",
+// line, curve
+accuracy:2},G="line",V="default";class q extends u{constructor(t){if(super(t,arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],o({},j,arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}),"line"),this.coords={},this.minX=0,this.maxX=0,this.minY=0,this.maxY=0,this.legendItems=[],this.options.legend)for(var i=0;i1&&void 0!==arguments[1]?arguments[1]:[],{color:e="#000",size:a=1,dash:s=[],tension:o=.25}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(s),t.lineWidth=a,t.strokeStyle=e,t.moveTo(i[0][0],i[0][1]);for(var r=0;r{i&&s(i)&&Object.assign(t,i)})),t}({type:"circle"},e.dots,c.dots),x={color:null!==(n=b.color)&&void 0!==n?n:f,fill:null!==(l=b.fill)&&void 0!==l?l:f,radius:null!==(d=b.size)&&void 0!==d?d:2},y=void 0;switch(b.type){case"square":y=h;break;case"triangle":y=z;break;case"diamond":y=W;break;default:y=k}c.dots&&!1!==e.showDots&&t.map((t=>{var[i,e]=t;y(o,[i,e,x.radius],x)})),i.coords[c.name]={graph:c,coords:t,drawPointFn:y,opt:x}},n=0;nv&&rv&&rx&&n2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash([]),t.lineWidth=l,t.strokeStyle=n,t.fillStyle=h,t.arc(e,a,s,o,r),t.lineTo(e,a),t.fill(),t.stroke(),t.restore(),t.closePath()};class E extends u{constructor(t,i,e){super(t,i,o({},Z,e),"pie"),this.total=this.data.reduce(((t,i)=>t+i),0),this.legendItems=[];var a=this.options.legend;if(a&&a.titles&&a.titles.length)for(var s=0;st+i),0))}var[,s]=Y(i);this.maxX=this.maxY=t.boundaries&&!isNaN(t.boundaries.max)?t.boundaries.maxY:s,isNaN(this.maxX)&&(this.maxX=100),isNaN(this.maxY)&&(this.maxX=100)}calcRatio(){this.ratio=(this.options.dataAxisX?this.viewWidth:this.viewHeight)/(this.maxY===this.minY?this.maxY:this.maxY-this.minY)}calcBarWidth(){var t=this.options,i=this.data.length,e=(t.dataAxisX?this.viewHeight:this.viewWidth)-(this.data.length+1)*t.groupDistance;// space between groups
+this.barWidth=e/i}barsX(){var t,i,e,a,s=this.options,o=l(s.padding),n=this.ctx,h=this.canvas.getBoundingClientRect(),d=!1;if(this.data&&this.data.length){this.proxy.mouse&&(e=this.proxy.mouse.x-h.left,a=this.proxy.mouse.y-h.top),t=o.left,i=o.top+s.groupDistance;var c=Array.isArray(s.colors)?s.colors:s.colors.split(",").map((t=>t.trim()));for(var f of this.data){for(var u=f.data,p=f.name,g=c.length>1?s.color:c[0],m=0,v=0;vt+m&&ei&&at.trim()));for(var f of this.data){for(var u=f.data,p=f.name,g=c.length>1?s.color:c[0],m=0,v=0;vt&&ei-b-m&&a2&&void 0!==arguments[2]?arguments[2]:{};t.beginPath(),t.save(),t.setLineDash(d),t.lineWidth=l,t.strokeStyle=n,t.fillStyle=h,t.arc(e,a,s,o,r),t.stroke(),t.restore(),t.closePath()},_=(t,i)=>{for(var e="#fff",a=0,s=0;s=a&&t<=o&&(e=i[s][1],a=i[s][0])}return e};class tt extends u{constructor(t,i,e){super(t,i,o({},U,e),"gauge"),this.min=this.options.boundaries.min,this.max=this.options.boundaries.max,this.resize()}gauge(){var t=this.ctx,i=this.options,e=l(i.padding),[a,s]=this.center;a+=e.left,s+=e.top;var o=Math.PI,n=o*i.startFactor,h=o*(2+i.endFactor),d=i.radius*this.radius/100-i.backWidth,c=this.data[0],f=Math.round(Math.abs(100*(c-this.min)/(this.max-this.min))),u=n+(h-n)*f/100,p=f,g=[];if("function"==typeof i.onDrawValue&&(p=i.onDrawValue.apply(null,[c,f])),$(t,[a,s,d,n,h],{size:i.backWidth,stroke:i.backStyle}),"string"==typeof i.fillStyle)g.push([100,i.fillStyle]);else if(Array.isArray(i.fillStyle))for(var m of i.fillStyle)g.push(m);$(t,[a,s,d,n,u],{size:i.valueWidth,stroke:_(f,g)}),r(t,p,[0,0],{align:"center",baseLine:"middle",color:i.value.color,stroke:i.value.color,font:i.value.font||i.font,translate:[a+i.value.shift.x,s+i.value.shift.y],angle:i.value.angle}),i.label.min&&r(t,i.boundaries.min,[0,0],{align:"left",baseLine:"middle",color:i.label.min.color,stroke:i.label.min.color,font:i.label.min.font||i.font,translate:[a+d*Math.cos(n)+i.backWidth+i.label.min.shift.x,s+d*Math.sin(n)+i.label.min.shift.y],angle:0}),i.label.max&&r(t,i.boundaries.max,[0,0],{align:"right",baseLine:"middle",color:i.label.max.color,stroke:i.label.max.color,font:i.label.max.font||i.font,translate:[a+d*Math.cos(h)-i.backWidth+i.label.max.shift.x,s+d*Math.sin(h)+i.label.max.shift.y],angle:0})}draw(){super.draw(),this.gauge()}}var it={backStyle:"#a7a7a7",fillStyle:"#8f8",backWidth:100,valueWidth:100,radius:100,boundaries:{min:0,max:100},label:{font:i,fixed:!1,color:"#000",angle:0,shift:{x:0,y:0}},padding:0};class et extends u{constructor(t,i,e){super(t,i,o({},it,e),"donut"),this.total=this.data.reduce(((t,i)=>t+i),0),this.min=this.options.boundaries.min,this.max=this.options.boundaries.max,this.legendItems=[];var a=this.options.legend;if(a&&a.titles&&a.titles.length)for(var s=0;s2&&void 0!==arguments[2]?arguments[2]:{};if("number"==typeof d)d={tl:d,tr:d,br:d,bl:d};else{var c={tl:0,tr:0,br:0,bl:0};for(var f in c)d[f]=d[f]||c[f]}t.beginPath(),t.fillStyle=n,t.strokeStyle=r,t.moveTo(e+d.tl,a),t.lineTo(e+s-d.tr,a),t.quadraticCurveTo(e+s,a,e+s,a+d.tr),t.lineTo(e+s,a+o-d.br),t.quadraticCurveTo(e+s,a+o,e+s-d.br,a+o),t.lineTo(e+d.bl,a+o),t.quadraticCurveTo(e,a+o,e,a+o-d.bl),t.lineTo(e,a+d.tl),t.quadraticCurveTo(e,a,e+d.tl,a),t.fill(),t.stroke(),t.closePath()};class ot extends u{constructor(t,i,e){var s=Array.isArray(i)?i:[i],r=o({},a,at,e),n=l(r.padding),{height:h,distance:d,rowDistance:c}=r.segment,f=((h+c)*s.length-c+(n.top+n.bottom))*r.dpi+c;super(t,i,m(m({},r),{},{height:f}),"segment"),this.min=0,this.max=100,this.values=s,this.resize()}segments(){var t,i=this.ctx,e=this.options,a=e.segment,s=a.count?a.count:20,o=a.distance*e.dpi,r=a.rowDistance*e.dpi,n=this.viewWidth/s-o,h=a.height,d=[],c=l(e.padding),f=c.top+o;if("string"==typeof e.colors)d.push([100,e.colors]);else if(Array.isArray(e.colors))for(var u of e.colors)d.push(u);for(var p=0;p1&&void 0!==arguments[1]?arguments[1]:0,e=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];this.values[i]=t,e&&this.resize()}draw(){super.draw(),this.segments()}}globalThis.chart={areaChart:(t,i,e)=>new T(t,i,e),barChart:(t,i,e)=>new A(t,i,e),bubbleChart:(t,i,e)=>new O(t,i,e),histogramChart:(t,i,e)=>new I(t,i,e),lineChart:(t,i,e)=>new q(t,i,e),pieChart:(t,i,e)=>new E(t,i,e),stackedBarChart:(t,i,e)=>new J(t,i,e),gauge:(t,i,e)=>new tt(t,i,e),donut:(t,i,e)=>new et(t,i,e),segment:(t,i,e)=>new ot(t,i,e)}}();
diff --git a/client/vendor/metro4/css/metro-all.css b/client/vendor/metro4/css/metro-all.css
index 2e07ee6..674aaa4 100644
--- a/client/vendor/metro4/css/metro-all.css
+++ b/client/vendor/metro4/css/metro-all.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
*,
diff --git a/client/vendor/metro4/css/metro-colors.css b/client/vendor/metro4/css/metro-colors.css
index 4f6fa88..5003fe2 100644
--- a/client/vendor/metro4/css/metro-colors.css
+++ b/client/vendor/metro4/css/metro-colors.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.bg-transparent {
diff --git a/client/vendor/metro4/css/metro-common.css b/client/vendor/metro4/css/metro-common.css
index cdf254e..85c73cf 100644
--- a/client/vendor/metro4/css/metro-common.css
+++ b/client/vendor/metro4/css/metro-common.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.button.primary,
diff --git a/client/vendor/metro4/css/metro-components.css b/client/vendor/metro4/css/metro-components.css
index 61c30b2..08d3400 100644
--- a/client/vendor/metro4/css/metro-components.css
+++ b/client/vendor/metro4/css/metro-components.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.accordion {
diff --git a/client/vendor/metro4/css/metro-icons.css b/client/vendor/metro4/css/metro-icons.css
index b1a8f05..9324bc4 100644
--- a/client/vendor/metro4/css/metro-icons.css
+++ b/client/vendor/metro4/css/metro-icons.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
@font-face {
diff --git a/client/vendor/metro4/css/metro-reset.css b/client/vendor/metro4/css/metro-reset.css
index 2a1a391..7a353ba 100644
--- a/client/vendor/metro4/css/metro-reset.css
+++ b/client/vendor/metro4/css/metro-reset.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
*,
diff --git a/client/vendor/metro4/css/metro.css b/client/vendor/metro4/css/metro.css
index af900f3..5459a2d 100644
--- a/client/vendor/metro4/css/metro.css
+++ b/client/vendor/metro4/css/metro.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
*,
diff --git a/client/vendor/metro4/css/schemes/darcula.css b/client/vendor/metro4/css/schemes/darcula.css
index 62e8747..8433640 100644
--- a/client/vendor/metro4/css/schemes/darcula.css
+++ b/client/vendor/metro4/css/schemes/darcula.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.bg-scheme {
diff --git a/client/vendor/metro4/css/schemes/red-alert.css b/client/vendor/metro4/css/schemes/red-alert.css
index d86f128..1eb4f93 100644
--- a/client/vendor/metro4/css/schemes/red-alert.css
+++ b/client/vendor/metro4/css/schemes/red-alert.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.bg-scheme {
diff --git a/client/vendor/metro4/css/schemes/red-dark.css b/client/vendor/metro4/css/schemes/red-dark.css
index 293c4b5..cd40a9c 100644
--- a/client/vendor/metro4/css/schemes/red-dark.css
+++ b/client/vendor/metro4/css/schemes/red-dark.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.bg-scheme {
diff --git a/client/vendor/metro4/css/schemes/red-mirohost.css b/client/vendor/metro4/css/schemes/red-mirohost.css
index c5eaa59..e7352d1 100644
--- a/client/vendor/metro4/css/schemes/red-mirohost.css
+++ b/client/vendor/metro4/css/schemes/red-mirohost.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.bg-scheme {
diff --git a/client/vendor/metro4/css/schemes/sky-net.css b/client/vendor/metro4/css/schemes/sky-net.css
index 4953034..821b1ce 100644
--- a/client/vendor/metro4/css/schemes/sky-net.css
+++ b/client/vendor/metro4/css/schemes/sky-net.css
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
.bg-scheme {
diff --git a/client/vendor/metro4/js/metro.js b/client/vendor/metro4/js/metro.js
index f7dcc7b..3290a3b 100644
--- a/client/vendor/metro4/js/metro.js
+++ b/client/vendor/metro4/js/metro.js
@@ -1,7 +1,7 @@
/*
* Metro 4 Components Library v4.5.0 (https://metroui.org.ua)
* Copyright 2012-2021 Sergey Pimenov
- * Built at 08/04/2021 16:25:25
+ * Built at 17/05/2021 12:24:52
* Licensed under MIT
*/
/*!
@@ -2818,7 +2818,7 @@
// Source: src/func.js
/* global dataSet */
-/* exported isTouch, isSimple, isHidden, isPlainObject, isEmptyObject, isArrayLike, str2arr, parseUnit, getUnit, setStyleProp, acceptData, dataAttr, normName, strip, dashedName, isLocalhost */
+/* exported isDark, isTouch, isSimple, isHidden, isPlainObject, isEmptyObject, isArrayLike, str2arr, parseUnit, getUnit, setStyleProp, acceptData, dataAttr, normName, strip, dashedName, isLocalhost */
var numProps = ['opacity', 'zIndex', "order", "zoom"];
@@ -2960,6 +2960,11 @@ function isTouch() {
return (('ontouchstart' in window)
|| (navigator.maxTouchPoints > 0)
|| (navigator.msMaxTouchPoints > 0));
+}
+
+function isDark(){
+ var prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)")
+ return prefersDarkScheme.matches
}
// Source: src/setimmediate.js
@@ -3104,7 +3109,7 @@ function isTouch() {
/* global hasProp */
-var m4qVersion = "v1.1.0. Built at 27/03/2021 21:47:36";
+var m4qVersion = "v1.1.0. Built at 05/05/2021 22:47:56";
/* eslint-disable-next-line */
var matches = Element.prototype.matches
@@ -4042,7 +4047,7 @@ $.fn.extend({
// Source: src/utils.js
-/* global $, not, camelCase, dashedName, isPlainObject, isEmptyObject, isArrayLike, acceptData, parseUnit, getUnit, isVisible, isHidden, matches, strip, normName, hasProp, isLocalhost, isTouch */
+/* global $, not, isDark, camelCase, dashedName, isPlainObject, isEmptyObject, isArrayLike, acceptData, parseUnit, getUnit, isVisible, isHidden, matches, strip, normName, hasProp, isLocalhost, isTouch */
$.extend({
@@ -4050,6 +4055,7 @@ $.extend({
localhost: isLocalhost(),
isLocalhost: isLocalhost,
touchable: isTouch(),
+ dark: isDark(),
uniqueId: function (prefix) {
var d = new Date().getTime();
@@ -7191,7 +7197,7 @@ $.noConflict = function() {
var Metro = {
version: "4.5.0",
- compileTime: "08/04/2021 16:25:25",
+ compileTime: "17/05/2021 12:24:52",
buildNumber: "@@build",
isTouchable: isTouch,
fullScreenEnabled: document.fullscreenEnabled,
@@ -7955,6 +7961,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8009,6 +8019,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8066,6 +8080,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8123,6 +8141,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8180,6 +8202,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8237,6 +8263,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "Dodaj uzorcima",
userColorsTitle: "Korisničke boje"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8292,6 +8322,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8349,6 +8383,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8406,6 +8444,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8463,6 +8505,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ДОБАВИТЬ В ОБРАЗЦЫ",
userColorsTitle: "ЦВЕТА ПОЛЬЗОВАТЕЛЯ"
+ },
+ "switch": {
+ on: "вкл",
+ off: "выкл"
}
}
});
@@ -8520,6 +8566,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8577,6 +8627,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ДОДАТИ В ЗРАЗКИ",
userColorsTitle: "КОЛІРИ КОРИСТУВАЧА"
+ },
+ "switch": {
+ on: "увм",
+ off: "вім"
}
}
});
@@ -8634,6 +8688,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -8691,6 +8749,10 @@ $.noConflict = function() {
"colorSelector": {
addUserColorButton: "ADD TO SWATCHES",
userColorsTitle: "USER COLORS"
+ },
+ "switch": {
+ on: "on",
+ off: "off"
}
}
});
@@ -9102,7 +9164,8 @@ $.noConflict = function() {
},
arrayDelete: function(arr, val){
- if (arr.indexOf(val) > -1) arr.splice(arr.indexOf(val), 1);
+ var i = arr.indexOf(val);
+ if (i > -1) arr.splice(i, 1);
},
arrayDeleteByKey: function(arr, key){
@@ -9509,6 +9572,13 @@ $.noConflict = function() {
activeFrameClass: "",
activeHeadingClass: "",
activeContentClass: "",
+ clsFrame: "",
+ clsHeading: "",
+ clsContent: "",
+ clsAccordion: "",
+ clsActiveFrame: "",
+ clsActiveFrameHeading: "",
+ clsActiveFrameContent: "",
onFrameOpen: Metro.noop,
onFrameBeforeOpen: Metro.noop_true,
onFrameClose: Metro.noop,
@@ -9547,7 +9617,19 @@ $.noConflict = function() {
var active = element.children(".frame.active");
var frame_to_open;
- element.addClass("accordion");
+ element
+ .addClass("accordion")
+ .addClass(o.clsAccordion)
+ ;
+
+ frames
+ .addClass(o.clsFrame)
+ .each(function(){
+ var $el = $(this);
+ $el.children(".heading").addClass(o.clsHeading);
+ $el.children(".content").addClass(o.clsContent);
+ })
+ ;
if (o.showMarker === true) {
element.addClass("marker-on");
@@ -9613,9 +9695,9 @@ $.noConflict = function() {
this._closeAll(frame[0]);
}
- frame.addClass("active " + o.activeFrameClass);
- frame.children(".heading").addClass(o.activeHeadingClass);
- frame.children(".content").addClass(o.activeContentClass).slideDown(o.duration);
+ frame.addClass("active " + o.activeFrameClass).addClass(o.clsActiveFrame);
+ frame.children(".heading").addClass(o.activeHeadingClass).addClass(o.clsActiveFrameHeading);
+ frame.children(".content").addClass(o.activeContentClass).addClass(o.clsActiveFrameContent).slideDown(o.duration);
this._fireEvent("frameOpen", {
frame: frame[0]
@@ -9634,9 +9716,9 @@ $.noConflict = function() {
return ;
}
- frame.removeClass("active " + o.activeFrameClass);
- frame.children(".heading").removeClass(o.activeHeadingClass);
- frame.children(".content").removeClass(o.activeContentClass).slideUp(o.duration);
+ frame.removeClass("active " + o.activeFrameClass).removeClass(o.clsActiveFrame);
+ frame.children(".heading").removeClass(o.activeHeadingClass).removeClass(o.clsActiveFrameHeading);
+ frame.children(".content").removeClass(o.activeContentClass).removeClass(o.clsActiveFrameContent).slideUp(o.duration);
this._fireEvent("frameClose", {
frame: frame[0]
@@ -9671,8 +9753,13 @@ $.noConflict = function() {
});
},
+ open: function(i){
+ var frame = this.element.children(".frame").eq(i);
+ this._openFrame(frame);
+ },
+
/* eslint-disable-next-line */
- changeAttribute: function(attributeName){
+ changeAttribute: function(attr, newVal){
},
destroy: function(){
@@ -32224,6 +32311,10 @@ $.noConflict = function() {
clsSwitch: "",
clsCheck: "",
clsCaption: "",
+ textOn: "",
+ textOff: "",
+ locale: METRO_LOCALE,
+ showOnOff: false,
onSwitchCreate: Metro.noop
};
@@ -32237,7 +32328,9 @@ $.noConflict = function() {
Metro.Component('switch', {
init: function( options, elem ) {
- this._super(elem, options, SwitchDefaultConfig);
+ this._super(elem, options, SwitchDefaultConfig, {
+ locale: null
+ });
return this;
},
@@ -32263,9 +32356,6 @@ $.noConflict = function() {
check.appendTo(container);
caption.appendTo(container);
- if (element.attr("data-on")) check.attr("data-on", element.attr("data-on"));
- if (element.attr("data-off")) check.attr("data-off", element.attr("data-off"));
-
if (o.transition === true) {
container.addClass("transition-on");
}
@@ -32286,6 +32376,7 @@ $.noConflict = function() {
this.enable();
}
+ this.i18n(o.locale);
this._fireEvent("switch-create");
},
@@ -32319,9 +32410,42 @@ $.noConflict = function() {
return this;
},
- changeAttribute: function(attributeName){
- switch (attributeName) {
+ changeLocale: function(where, val){
+ var element = this.element, o = this.options;
+ var check = element.siblings(".check");
+
+ o["text"+Cake.capitalize(where)] = val
+
+ check.attr("data-"+where, val);
+ },
+
+ i18n: function(locale){
+ var element = this.element, o = this.options;
+ var check = element.siblings(".check");
+ var on, off;
+
+ o.locale = locale;
+ this.locale = Metro.locales[o.locale] !== undefined ? Metro.locales[o.locale] : Metro.locales["en-US"];
+
+ if (o.showOnOff) {
+ on = element.attr("data-on") || o.textOn || this.locale.switch.on;
+ off = element.attr("data-off") || o.textOff || this.locale.switch.off;
+
+ check.attr("data-on", on);
+ check.attr("data-off", off);
+ } else {
+ check.removeAttr("data-on");
+ check.removeAttr("data-off");
+ }
+ },
+
+ changeAttribute: function(attr, newVal){
+ switch (attr) {
case 'disabled': this.toggleState(); break;
+ case 'data-on':
+ case 'data-text-on': this.changeLocale('on', newVal); break;
+ case 'data-off':
+ case 'data-text-off': this.changeLocale('off', newVal); break;
}
},
@@ -32336,6 +32460,7 @@ $.noConflict = function() {
var Utils = Metro.utils;
var TableDefaultConfig = {
+ useCurrentSlice: false,
showInspectorButton: false,
inspectorButtonIcon: "
"},elementId:function(e){return e+"-"+(new Date).getTime()+o.random(1,1e3)},secondsToTime:function(e){return{d:Math.floor(e%31536e3/86400),h:Math.floor(e%31536e3%86400/3600),m:Math.floor(e%31536e3%86400%3600/60),s:Math.round(e%31536e3%86400%3600%60)}},secondsToFormattedString:function(e){var t=parseInt(e,10),n=Math.floor(t/3600),e=Math.floor((t-3600*n)/60),t=t-3600*n-60*e;return[Cake.lpad(n,2,"0"),Cake.lpad(e,2,"0"),Cake.lpad(t,2,"0")].join(":")},func:function(e){return new Function("a",e)},exec:function(e,t,n){var i;if(null==e)return!1;var s=this.isFunc(e);!1===s&&(s=this.func(e));try{i=s.apply(n,t)}catch(e){if(!(i=null)===window.METRO_THROWS)throw e}return i},isOutsider:function(e){var t=o(e),e=t.clone();return e.removeAttr("data-role").css({visibility:"hidden",position:"absolute",display:"block"}),t.parent().append(e),t=this.inViewport(e[0]),e.remove(),!t},inViewport:function(e){e=this.rect(e);return 0<=e.top&&0<=e.left&&e.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&e.right<=(window.innerWidth||document.documentElement.clientWidth)},rect:function(e){return e.getBoundingClientRect()},getCursorPosition:function(e,t){e=this.rect(e);return{x:this.pageXY(t).x-e.left-window.pageXOffset,y:this.pageXY(t).y-e.top-window.pageYOffset}},getCursorPositionX:function(e,t){return this.getCursorPosition(e,t).x},getCursorPositionY:function(e,t){return this.getCursorPosition(e,t).y},objectLength:function(e){return Object.keys(e).length},percent:function(e,t,n){if(0===e)return 0;e=100*t/e;return!0===n?Math.round(e):Math.round(100*e)/100},objectShift:function(e){var t=0;return o.each(e,function(e){(0===t||eNo data
No data
-
unknown
+ unknown
'+t.text+"
":"";return i.dialog.create({content:n+e,defaultAction:!1,clsContent:"d-flex flex-column flex-justify-center flex-align-center bg-transparent no-shadow w-auto",clsDialog:"no-border no-shadow bg-transparent global-dialog",autoHide:t.autoHide||0,overlayClickClose:!0===t.overlayClickClose,overlayColor:t.overlayColor||"#000000",overlayAlpha:t.overlayAlpha||.5,clsOverlay:"global-overlay"})},close:function(e){i.dialog.close(e)}}}(Metro,m4q),function(e,r){"use strict";var l=e.utils,t={adblockDeferred:0,checkInterval:1e3,fireOnce:!0,checkStop:10,localhost:!1,onAlert:e.noop,onFishingStart:e.noop,onFishingDone:e.noop};e.adblockSetup=function(e){t=r.extend({},t,e)},window.metroAdblockSetup,e.adblockSetup(window.metroAdblockSetup);var c={bite:function(){r("