@revivejs/angular-infinity-charts 2.0.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,40 +1,67 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@revivejs/angular-infinity-charts",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "Maintained Angular wrapper components, directives, and service helpers for @revivejs/infinity-charts.",
|
|
5
5
|
"main": "./index.js",
|
|
6
|
-
"module": "./index.js",
|
|
7
6
|
"types": "./index.d.ts",
|
|
8
7
|
"sideEffects": false,
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
|
|
8
|
+
"files": [
|
|
9
|
+
"index.d.ts",
|
|
10
|
+
"index.js",
|
|
11
|
+
"index.js.map",
|
|
12
|
+
"src",
|
|
13
|
+
"vendor",
|
|
14
|
+
"README.md",
|
|
15
|
+
"LICENSE"
|
|
16
|
+
],
|
|
12
17
|
"repository": {
|
|
13
18
|
"type": "git",
|
|
14
19
|
"url": "git+https://github.com/alexandroit/angular-infinity-charts.git"
|
|
15
20
|
},
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
"url": "https://github.com/alexandroit/angular-infinity-charts/issues"
|
|
19
|
-
},
|
|
20
|
-
"peerDependencies": {
|
|
21
|
-
"@angular/common": ">=2.0.0 <4.0.0",
|
|
22
|
-
"@angular/core": ">=2.0.0 <4.0.0",
|
|
23
|
-
"@angular/platform-browser": ">=2.0.0 <4.0.0"
|
|
21
|
+
"publishConfig": {
|
|
22
|
+
"access": "public"
|
|
24
23
|
},
|
|
25
24
|
"keywords": [
|
|
26
25
|
"angular",
|
|
27
|
-
"angular2",
|
|
28
26
|
"angular-chart",
|
|
29
|
-
"angular-
|
|
27
|
+
"angular-charts",
|
|
30
28
|
"angular-data-visualization",
|
|
31
29
|
"angular-dashboard",
|
|
30
|
+
"angular-svg-chart",
|
|
31
|
+
"angular-line-chart",
|
|
32
|
+
"angular-area-chart",
|
|
33
|
+
"angular-bar-chart",
|
|
34
|
+
"angular-combo-chart",
|
|
35
|
+
"angular-donut-chart",
|
|
36
|
+
"angular-gauge-chart",
|
|
37
|
+
"angular-radial-progress",
|
|
38
|
+
"angular-thermometer-chart",
|
|
39
|
+
"angular-battery-chart",
|
|
40
|
+
"angular-scatter-chart",
|
|
41
|
+
"angular-sparkline",
|
|
42
|
+
"angular-realtime-chart",
|
|
43
|
+
"angular-chart-component",
|
|
44
|
+
"angular-chart-directive",
|
|
45
|
+
"angular-chart-service",
|
|
46
|
+
"angular4",
|
|
47
|
+
"infinity-charts",
|
|
48
|
+
"revivejs",
|
|
32
49
|
"charts",
|
|
33
50
|
"charting",
|
|
34
|
-
"svg",
|
|
35
51
|
"data-viz",
|
|
36
|
-
"
|
|
52
|
+
"dashboard",
|
|
53
|
+
"svg",
|
|
54
|
+
"typescript"
|
|
37
55
|
],
|
|
38
56
|
"author": "Alexandro Marques",
|
|
39
|
-
"license": "MIT"
|
|
57
|
+
"license": "MIT",
|
|
58
|
+
"bugs": {
|
|
59
|
+
"url": "https://github.com/alexandroit/angular-infinity-charts/issues"
|
|
60
|
+
},
|
|
61
|
+
"homepage": "https://alexandroit.github.io/angular-infinity-charts/",
|
|
62
|
+
"peerDependencies": {
|
|
63
|
+
"@angular/common": ">=4.0.0 <5.0.0",
|
|
64
|
+
"@angular/core": ">=4.0.0 <5.0.0",
|
|
65
|
+
"@angular/platform-browser": ">=4.0.0 <5.0.0"
|
|
66
|
+
}
|
|
40
67
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.InfinityChartController = void 0;
|
|
4
|
-
var infinity_charts_1 = require(
|
|
4
|
+
var infinity_charts_1 = require('../vendor/infinity-charts.js');
|
|
5
5
|
var InfinityChartController = /** @class */ (function () {
|
|
6
6
|
function InfinityChartController(host, hooks) {
|
|
7
7
|
this.host = host;
|
|
@@ -8,7 +8,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
8
8
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
9
|
exports.InfinityChartService = void 0;
|
|
10
10
|
var core_1 = require("@angular/core");
|
|
11
|
-
var infinity_charts_1 = require(
|
|
11
|
+
var infinity_charts_1 = require('../vendor/infinity-charts.js');
|
|
12
12
|
var InfinityChartService = /** @class */ (function () {
|
|
13
13
|
function InfinityChartService() {
|
|
14
14
|
}
|
package/src/public_api.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { InfinityChartComponent } from './InfinityChartComponent';
|
|
|
3
3
|
import { InfinityChartDirective } from './InfinityChartDirective';
|
|
4
4
|
import { InfinityChartService } from './InfinityChartService';
|
|
5
5
|
export declare class InfinityChartsModule {
|
|
6
|
-
static forRoot(): ModuleWithProviders
|
|
6
|
+
static forRoot(): ModuleWithProviders;
|
|
7
7
|
}
|
|
8
8
|
export { InfinityChartComponent, InfinityChartDirective, InfinityChartService };
|
|
9
9
|
export { AngularInfinityChartConfig, AngularInfinityChartDataInput, AngularInfinityChartEvent, AngularInfinityChartPlugin, AngularInfinityChartPublicApi, AngularInfinityChartType, AngularInfinitySeriesCollectionInput, AngularInfinityThemeInput } from './types';
|
|
@@ -1,8 +1,25 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
3
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
+
var __pow = Math.pow;
|
|
5
10
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b) => {
|
|
12
|
+
for (var prop in b || (b = {}))
|
|
13
|
+
if (__hasOwnProp.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
+
if (__propIsEnum.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
22
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
6
23
|
var __esm = (fn, res) => function __init() {
|
|
7
24
|
return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
|
|
8
25
|
};
|
|
@@ -20,6 +37,26 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
20
37
|
};
|
|
21
38
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
39
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
40
|
+
var __async = (__this, __arguments, generator) => {
|
|
41
|
+
return new Promise((resolve, reject) => {
|
|
42
|
+
var fulfilled = (value) => {
|
|
43
|
+
try {
|
|
44
|
+
step(generator.next(value));
|
|
45
|
+
} catch (e) {
|
|
46
|
+
reject(e);
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
var rejected = (value) => {
|
|
50
|
+
try {
|
|
51
|
+
step(generator.throw(value));
|
|
52
|
+
} catch (e) {
|
|
53
|
+
reject(e);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
|
|
57
|
+
step((generator = generator.apply(__this, __arguments)).next());
|
|
58
|
+
});
|
|
59
|
+
};
|
|
23
60
|
|
|
24
61
|
// node_modules/@revivejs/infinity-charts/dist/renderers/scene.js
|
|
25
62
|
var groupNode, rectNode, pathNode, textNode, lineNode, circleNode;
|
|
@@ -575,9 +612,9 @@ var init_linear_scale = __esm({
|
|
|
575
612
|
niceStep = (span, tickCount) => {
|
|
576
613
|
const rawStep = span / Math.max(1, tickCount);
|
|
577
614
|
const power = Math.floor(Math.log10(rawStep));
|
|
578
|
-
const scaled = rawStep / 10
|
|
615
|
+
const scaled = rawStep / __pow(10, power);
|
|
579
616
|
const niceScaled = scaled <= 1 ? 1 : scaled <= 2 ? 2 : scaled <= 5 ? 5 : 10;
|
|
580
|
-
return niceScaled * 10
|
|
617
|
+
return niceScaled * __pow(10, power);
|
|
581
618
|
};
|
|
582
619
|
normalizeDomain = ([minValue, maxValue]) => {
|
|
583
620
|
if (minValue === maxValue) {
|
|
@@ -726,25 +763,24 @@ var init_line_chart = __esm({
|
|
|
726
763
|
stroke: config.theme.pointStroke,
|
|
727
764
|
"stroke-width": 2
|
|
728
765
|
}));
|
|
729
|
-
plotChildren.push(circleNode(`line-point-hit-${series.id}-${index}`, {
|
|
766
|
+
plotChildren.push(circleNode(`line-point-hit-${series.id}-${index}`, __spreadValues({
|
|
730
767
|
cx: point.x,
|
|
731
768
|
cy: point.y,
|
|
732
769
|
r: 11,
|
|
733
770
|
fill: color,
|
|
734
771
|
opacity: 1e-3,
|
|
735
|
-
"pointer-events": "all"
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
}, interactiveNodeStyle));
|
|
772
|
+
"pointer-events": "all"
|
|
773
|
+
}, createInteractionAttrs({
|
|
774
|
+
targetId: `line-point-${series.id}-${index}`,
|
|
775
|
+
chartType: "line",
|
|
776
|
+
kind: "datum",
|
|
777
|
+
label: (_c2 = (_b2 = datum == null ? void 0 : datum.label) != null ? _b2 : (_a2 = datum == null ? void 0 : datum.x) == null ? void 0 : _a2.toString()) != null ? _c2 : payload.labels[index],
|
|
778
|
+
seriesId: series.id,
|
|
779
|
+
seriesName: series.name,
|
|
780
|
+
value: datum == null ? void 0 : datum.y,
|
|
781
|
+
color,
|
|
782
|
+
index
|
|
783
|
+
})), interactiveNodeStyle));
|
|
748
784
|
if (config.showNumber && datum) {
|
|
749
785
|
plotChildren.push(buildValueLabelNode(`line-value-${series.id}-${index}`, config, datum.y, point.x, point.y - 12, {
|
|
750
786
|
fill: color
|
|
@@ -888,25 +924,24 @@ var init_area_chart = __esm({
|
|
|
888
924
|
stroke: config.theme.pointStroke,
|
|
889
925
|
"stroke-width": 2
|
|
890
926
|
}));
|
|
891
|
-
plotChildren.push(circleNode(`area-point-hit-${series.id}-${index}`, {
|
|
927
|
+
plotChildren.push(circleNode(`area-point-hit-${series.id}-${index}`, __spreadValues({
|
|
892
928
|
cx: point.x,
|
|
893
929
|
cy: point.y,
|
|
894
930
|
r: 11,
|
|
895
931
|
fill: color,
|
|
896
932
|
opacity: 1e-3,
|
|
897
|
-
"pointer-events": "all"
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
}, interactiveNodeStyle));
|
|
933
|
+
"pointer-events": "all"
|
|
934
|
+
}, createInteractionAttrs({
|
|
935
|
+
targetId: `area-point-${series.id}-${index}`,
|
|
936
|
+
chartType: "area",
|
|
937
|
+
kind: "datum",
|
|
938
|
+
label: (_c2 = (_b2 = datum == null ? void 0 : datum.label) != null ? _b2 : (_a2 = datum == null ? void 0 : datum.x) == null ? void 0 : _a2.toString()) != null ? _c2 : payload.labels[index],
|
|
939
|
+
seriesId: series.id,
|
|
940
|
+
seriesName: series.name,
|
|
941
|
+
value: datum == null ? void 0 : datum.y,
|
|
942
|
+
color,
|
|
943
|
+
index
|
|
944
|
+
})), interactiveNodeStyle));
|
|
910
945
|
if (config.showNumber && datum) {
|
|
911
946
|
plotChildren.push(buildValueLabelNode(`area-value-${series.id}-${index}`, config, datum.y, point.x, point.y - 12, {
|
|
912
947
|
fill: color
|
|
@@ -1060,26 +1095,25 @@ var init_stacked_area_chart = __esm({
|
|
|
1060
1095
|
stroke: config.theme.pointStroke,
|
|
1061
1096
|
"stroke-width": 2
|
|
1062
1097
|
}));
|
|
1063
|
-
plotChildren.push(circleNode(`stacked-area-point-hit-${series.id}-${index}`, {
|
|
1098
|
+
plotChildren.push(circleNode(`stacked-area-point-hit-${series.id}-${index}`, __spreadValues({
|
|
1064
1099
|
cx: point.x,
|
|
1065
1100
|
cy: point.y,
|
|
1066
1101
|
r: 11,
|
|
1067
1102
|
fill: color,
|
|
1068
1103
|
opacity: 1e-3,
|
|
1069
|
-
"pointer-events": "all"
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
}, interactiveNodeStyle));
|
|
1104
|
+
"pointer-events": "all"
|
|
1105
|
+
}, createInteractionAttrs({
|
|
1106
|
+
targetId: `stacked-area-point-${series.id}-${index}`,
|
|
1107
|
+
chartType: "stacked-area",
|
|
1108
|
+
kind: "datum",
|
|
1109
|
+
label: (_b2 = (_a2 = series.data[index]) == null ? void 0 : _a2.label) != null ? _b2 : payload.labels[index],
|
|
1110
|
+
seriesId: series.id,
|
|
1111
|
+
seriesName: series.name,
|
|
1112
|
+
value: (_d = (_c2 = series.data[index]) == null ? void 0 : _c2.y) != null ? _d : 0,
|
|
1113
|
+
detail: `Stacked total ${Math.round((_e = cumulative[index]) != null ? _e : 0)}`,
|
|
1114
|
+
color,
|
|
1115
|
+
index
|
|
1116
|
+
})), interactiveNodeStyle));
|
|
1083
1117
|
if (config.showNumber) {
|
|
1084
1118
|
plotChildren.push(buildValueLabelNode(`stacked-area-value-${series.id}-${index}`, config, (_g = (_f = series.data[index]) == null ? void 0 : _f.y) != null ? _g : 0, point.x, point.y - 10, {
|
|
1085
1119
|
fill: color
|
|
@@ -1172,26 +1206,25 @@ var init_bar_chart = __esm({
|
|
|
1172
1206
|
const x = band.start + seriesIndex * (seriesWidth + gap);
|
|
1173
1207
|
const y = yScale.scale(Math.max((_a2 = datum == null ? void 0 : datum.y) != null ? _a2 : 0, 0));
|
|
1174
1208
|
const height = Math.abs(yScale.scale((_b2 = datum == null ? void 0 : datum.y) != null ? _b2 : 0) - baseline);
|
|
1175
|
-
bars.push(rectNode(`bar-${series.id}-${groupIndex}`, {
|
|
1209
|
+
bars.push(rectNode(`bar-${series.id}-${groupIndex}`, __spreadValues({
|
|
1176
1210
|
x,
|
|
1177
1211
|
y: datum && datum.y >= 0 ? y : baseline,
|
|
1178
1212
|
width: seriesWidth,
|
|
1179
1213
|
height,
|
|
1180
1214
|
rx: 8,
|
|
1181
1215
|
fill: color,
|
|
1182
|
-
opacity: 0.92
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
}, interactiveNodeStyle));
|
|
1216
|
+
opacity: 0.92
|
|
1217
|
+
}, createInteractionAttrs({
|
|
1218
|
+
targetId: `bar-${series.id}-${groupIndex}`,
|
|
1219
|
+
chartType: "bar",
|
|
1220
|
+
kind: "datum",
|
|
1221
|
+
label: (_c2 = datum == null ? void 0 : datum.label) != null ? _c2 : label,
|
|
1222
|
+
seriesId: series.id,
|
|
1223
|
+
seriesName: series.name,
|
|
1224
|
+
value: (_d = datum == null ? void 0 : datum.y) != null ? _d : 0,
|
|
1225
|
+
color,
|
|
1226
|
+
index: groupIndex
|
|
1227
|
+
})), interactiveNodeStyle));
|
|
1195
1228
|
if (config.showNumber) {
|
|
1196
1229
|
bars.push(buildValueLabelNode(`bar-value-${series.id}-${groupIndex}`, config, (_e = datum == null ? void 0 : datum.y) != null ? _e : 0, x + seriesWidth / 2, datum && datum.y >= 0 ? y - 10 : baseline + height + 16, {
|
|
1197
1230
|
fill: color
|
|
@@ -1391,26 +1424,25 @@ var init_bar_3d_chart = __esm({
|
|
|
1391
1424
|
fill: topColor,
|
|
1392
1425
|
opacity: 0.99
|
|
1393
1426
|
}));
|
|
1394
|
-
bars.push(rectNode(`bar3d-front-${series.id}-${groupIndex}`, {
|
|
1427
|
+
bars.push(rectNode(`bar3d-front-${series.id}-${groupIndex}`, __spreadValues({
|
|
1395
1428
|
x,
|
|
1396
1429
|
y: frontY,
|
|
1397
1430
|
width: seriesWidth,
|
|
1398
1431
|
height,
|
|
1399
1432
|
rx: 2,
|
|
1400
1433
|
fill: frontColor,
|
|
1401
|
-
opacity: 0.99
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
}, interactiveNodeStyle));
|
|
1434
|
+
opacity: 0.99
|
|
1435
|
+
}, createInteractionAttrs({
|
|
1436
|
+
targetId: `bar3d-front-${series.id}-${groupIndex}`,
|
|
1437
|
+
chartType: "bar-3d",
|
|
1438
|
+
kind: "datum",
|
|
1439
|
+
label: (_b2 = datum == null ? void 0 : datum.label) != null ? _b2 : label,
|
|
1440
|
+
seriesId: series.id,
|
|
1441
|
+
seriesName: series.name,
|
|
1442
|
+
value: rawValue,
|
|
1443
|
+
color: frontColor,
|
|
1444
|
+
index: groupIndex
|
|
1445
|
+
})), interactiveNodeStyle));
|
|
1414
1446
|
bars.push(lineNode(`bar3d-highlight-${series.id}-${groupIndex}`, {
|
|
1415
1447
|
x1: x + 1,
|
|
1416
1448
|
y1: frontY + 1,
|
|
@@ -1590,26 +1622,25 @@ var init_combo_chart = __esm({
|
|
|
1590
1622
|
const rawValue = (_a2 = datum == null ? void 0 : datum.y) != null ? _a2 : 0;
|
|
1591
1623
|
const y = yScale.scale(Math.max(rawValue, 0));
|
|
1592
1624
|
const height = Math.abs(yScale.scale(rawValue) - baseline);
|
|
1593
|
-
plotChildren.push(rectNode(`combo-bar-${series.id}-${groupIndex}`, {
|
|
1625
|
+
plotChildren.push(rectNode(`combo-bar-${series.id}-${groupIndex}`, __spreadValues({
|
|
1594
1626
|
x,
|
|
1595
1627
|
y: rawValue >= 0 ? y : baseline,
|
|
1596
1628
|
width: seriesWidth,
|
|
1597
1629
|
height,
|
|
1598
1630
|
rx: 8,
|
|
1599
1631
|
fill: color,
|
|
1600
|
-
opacity: 0.84
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
}, interactiveNodeStyle));
|
|
1632
|
+
opacity: 0.84
|
|
1633
|
+
}, createInteractionAttrs({
|
|
1634
|
+
targetId: `combo-bar-${series.id}-${groupIndex}`,
|
|
1635
|
+
chartType: "combo",
|
|
1636
|
+
kind: "datum",
|
|
1637
|
+
label: (_b2 = datum == null ? void 0 : datum.label) != null ? _b2 : label,
|
|
1638
|
+
seriesId: series.id,
|
|
1639
|
+
seriesName: series.name,
|
|
1640
|
+
value: rawValue,
|
|
1641
|
+
color,
|
|
1642
|
+
index: groupIndex
|
|
1643
|
+
})), interactiveNodeStyle));
|
|
1613
1644
|
if (config.showNumber) {
|
|
1614
1645
|
plotChildren.push(buildValueLabelNode(`combo-bar-value-${series.id}-${groupIndex}`, config, rawValue, x + seriesWidth / 2, rawValue >= 0 ? y - 10 : baseline + height + 16, {
|
|
1615
1646
|
fill: color
|
|
@@ -1660,25 +1691,24 @@ var init_combo_chart = __esm({
|
|
|
1660
1691
|
"stroke-width": 2,
|
|
1661
1692
|
opacity: 0.96
|
|
1662
1693
|
}));
|
|
1663
|
-
plotChildren.push(circleNode(`combo-point-hit-${series.id}-${index}`, {
|
|
1694
|
+
plotChildren.push(circleNode(`combo-point-hit-${series.id}-${index}`, __spreadValues({
|
|
1664
1695
|
cx: point.x,
|
|
1665
1696
|
cy: point.y,
|
|
1666
1697
|
r: series.type === "scatter" ? 10 : 11,
|
|
1667
1698
|
fill: color,
|
|
1668
1699
|
opacity: 1e-3,
|
|
1669
|
-
"pointer-events": "all"
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
}, interactiveNodeStyle));
|
|
1700
|
+
"pointer-events": "all"
|
|
1701
|
+
}, createInteractionAttrs({
|
|
1702
|
+
targetId: `combo-point-${series.id}-${index}`,
|
|
1703
|
+
chartType: "combo",
|
|
1704
|
+
kind: "datum",
|
|
1705
|
+
label: (_c2 = (_b2 = datum == null ? void 0 : datum.label) != null ? _b2 : (_a2 = datum == null ? void 0 : datum.x) == null ? void 0 : _a2.toString()) != null ? _c2 : payload.labels[index],
|
|
1706
|
+
seriesId: series.id,
|
|
1707
|
+
seriesName: series.name,
|
|
1708
|
+
value: datum == null ? void 0 : datum.y,
|
|
1709
|
+
color,
|
|
1710
|
+
index
|
|
1711
|
+
})), interactiveNodeStyle));
|
|
1682
1712
|
if (config.showNumber && datum) {
|
|
1683
1713
|
plotChildren.push(buildValueLabelNode(`combo-point-value-${series.id}-${index}`, config, datum.y, point.x, point.y - 12, {
|
|
1684
1714
|
fill: color
|
|
@@ -1791,25 +1821,24 @@ var init_sparkline_chart = __esm({
|
|
|
1791
1821
|
points.forEach((point, index) => {
|
|
1792
1822
|
var _a2, _b2;
|
|
1793
1823
|
const datum = series.data[index];
|
|
1794
|
-
plotChildren.push(circleNode(`sparkline-point-hit-${series.id}-${index}`, {
|
|
1824
|
+
plotChildren.push(circleNode(`sparkline-point-hit-${series.id}-${index}`, __spreadValues({
|
|
1795
1825
|
cx: point.x,
|
|
1796
1826
|
cy: point.y,
|
|
1797
1827
|
r: 9,
|
|
1798
1828
|
fill: color,
|
|
1799
1829
|
opacity: 1e-3,
|
|
1800
|
-
"pointer-events": "all"
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
}, interactiveNodeStyle));
|
|
1830
|
+
"pointer-events": "all"
|
|
1831
|
+
}, createInteractionAttrs({
|
|
1832
|
+
targetId: index === points.length - 1 ? `sparkline-point-${series.id}` : `sparkline-line-${series.id}`,
|
|
1833
|
+
chartType: "sparkline",
|
|
1834
|
+
kind: "datum",
|
|
1835
|
+
label: (_b2 = (_a2 = datum == null ? void 0 : datum.label) != null ? _a2 : payload.labels[index]) != null ? _b2 : series.name,
|
|
1836
|
+
seriesId: series.id,
|
|
1837
|
+
seriesName: series.name,
|
|
1838
|
+
value: datum == null ? void 0 : datum.y,
|
|
1839
|
+
color,
|
|
1840
|
+
index
|
|
1841
|
+
})), interactiveNodeStyle));
|
|
1813
1842
|
if (config.showNumber && datum) {
|
|
1814
1843
|
plotChildren.push(buildValueLabelNode(`sparkline-value-${series.id}-${index}`, config, datum.y, point.x, point.y - 10, {
|
|
1815
1844
|
fill: color,
|
|
@@ -1924,28 +1953,27 @@ var init_scatter_chart = __esm({
|
|
|
1924
1953
|
series.data.forEach((datum, index) => {
|
|
1925
1954
|
const x = xScale.scale(typeof datum.x === "number" ? datum.x : index);
|
|
1926
1955
|
const y = yScale.scale(datum.y);
|
|
1927
|
-
dots.push(circleNode(`scatter-point-${series.id}-${index}`, {
|
|
1956
|
+
dots.push(circleNode(`scatter-point-${series.id}-${index}`, __spreadValues({
|
|
1928
1957
|
cx: x,
|
|
1929
1958
|
cy: y,
|
|
1930
1959
|
r: 5.5,
|
|
1931
1960
|
fill: color,
|
|
1932
1961
|
stroke: config.theme.pointStroke,
|
|
1933
1962
|
"stroke-width": 1.5,
|
|
1934
|
-
opacity: 0.94
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
}, interactiveNodeStyle));
|
|
1963
|
+
opacity: 0.94
|
|
1964
|
+
}, createInteractionAttrs({
|
|
1965
|
+
targetId: `scatter-point-${series.id}-${index}`,
|
|
1966
|
+
chartType: "scatter",
|
|
1967
|
+
kind: "datum",
|
|
1968
|
+
label: datum.label || `Point ${index + 1}`,
|
|
1969
|
+
seriesId: series.id,
|
|
1970
|
+
seriesName: series.name,
|
|
1971
|
+
value: datum.y,
|
|
1972
|
+
secondaryValue: typeof datum.x === "number" ? datum.x : index,
|
|
1973
|
+
detail: `x=${typeof datum.x === "number" ? datum.x : index}`,
|
|
1974
|
+
color,
|
|
1975
|
+
index
|
|
1976
|
+
})), interactiveNodeStyle));
|
|
1949
1977
|
if (config.showNumber) {
|
|
1950
1978
|
dots.push(buildValueLabelNode(`scatter-value-${series.id}-${index}`, config, datum.y, x, y - 12, {
|
|
1951
1979
|
fill: color
|
|
@@ -2137,12 +2165,11 @@ var init_gauge_chart = __esm({
|
|
|
2137
2165
|
const segmentStart = startAngle + (segment.from - payload.min) / span * sweep;
|
|
2138
2166
|
const segmentEnd = startAngle + (filledTo - payload.min) / span * sweep;
|
|
2139
2167
|
return [
|
|
2140
|
-
pathNode(`${prefix}-progress-${segment.id}`, {
|
|
2168
|
+
pathNode(`${prefix}-progress-${segment.id}`, __spreadValues({
|
|
2141
2169
|
d: describeArc(centerX, centerY, innerRadius, outerRadius, segmentStart, segmentEnd),
|
|
2142
2170
|
fill: segment.color,
|
|
2143
|
-
opacity: 0.98
|
|
2144
|
-
|
|
2145
|
-
}, interactiveNodeStyle)
|
|
2171
|
+
opacity: 0.98
|
|
2172
|
+
}, interactionAttrs), interactiveNodeStyle)
|
|
2146
2173
|
];
|
|
2147
2174
|
});
|
|
2148
2175
|
};
|
|
@@ -2328,24 +2355,23 @@ var init_gauge_chart = __esm({
|
|
|
2328
2355
|
})
|
|
2329
2356
|
];
|
|
2330
2357
|
}),
|
|
2331
|
-
rectNode(`${prefix}-fill-hitbox`, {
|
|
2358
|
+
rectNode(`${prefix}-fill-hitbox`, __spreadValues({
|
|
2332
2359
|
x: trackX,
|
|
2333
2360
|
y: trackY,
|
|
2334
2361
|
width: Math.max(fillWidth, 12),
|
|
2335
2362
|
height: trackHeight,
|
|
2336
2363
|
rx: trackHeight / 2,
|
|
2337
2364
|
fill: "#ffffff",
|
|
2338
|
-
opacity: 1e-3
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
}, interactiveNodeStyle),
|
|
2365
|
+
opacity: 1e-3
|
|
2366
|
+
}, createInteractionAttrs({
|
|
2367
|
+
targetId: `${prefix}-fill-hitbox`,
|
|
2368
|
+
chartType: prefix,
|
|
2369
|
+
kind: "gauge",
|
|
2370
|
+
label: payload.label,
|
|
2371
|
+
value: payload.formattedValue,
|
|
2372
|
+
detail: activeSegment == null ? void 0 : activeSegment.label,
|
|
2373
|
+
color: payload.color
|
|
2374
|
+
})), interactiveNodeStyle),
|
|
2349
2375
|
config.showNumber ? textNode(`${prefix}-value`, payload.formattedValue, {
|
|
2350
2376
|
x: frame.plot.x + frame.plot.width / 2,
|
|
2351
2377
|
y: trackY - 18,
|
|
@@ -2460,24 +2486,23 @@ var init_gauge_chart = __esm({
|
|
|
2460
2486
|
})
|
|
2461
2487
|
];
|
|
2462
2488
|
}),
|
|
2463
|
-
rectNode(`${prefix}-fill-hitbox`, {
|
|
2489
|
+
rectNode(`${prefix}-fill-hitbox`, __spreadValues({
|
|
2464
2490
|
x: innerTubeX,
|
|
2465
2491
|
y: fillY,
|
|
2466
2492
|
width: innerTubeWidth,
|
|
2467
2493
|
height: Math.max(fillHeight, 12),
|
|
2468
2494
|
rx: innerTubeWidth / 2,
|
|
2469
2495
|
fill: "#ffffff",
|
|
2470
|
-
opacity: 1e-3
|
|
2471
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
}, interactiveNodeStyle),
|
|
2496
|
+
opacity: 1e-3
|
|
2497
|
+
}, createInteractionAttrs({
|
|
2498
|
+
targetId: `${prefix}-fill-hitbox`,
|
|
2499
|
+
chartType: prefix,
|
|
2500
|
+
kind: "gauge",
|
|
2501
|
+
label: payload.label,
|
|
2502
|
+
value: payload.formattedValue,
|
|
2503
|
+
detail: activeSegment == null ? void 0 : activeSegment.label,
|
|
2504
|
+
color: payload.color
|
|
2505
|
+
})), interactiveNodeStyle),
|
|
2481
2506
|
circleNode(`${prefix}-bulb-track`, {
|
|
2482
2507
|
cx: bulbCx,
|
|
2483
2508
|
cy: bulbCy,
|
|
@@ -2611,24 +2636,23 @@ var init_gauge_chart = __esm({
|
|
|
2611
2636
|
opacity: filled ? 0.3 + fillRatioWithinSegment * 0.7 : 0.72
|
|
2612
2637
|
});
|
|
2613
2638
|
}),
|
|
2614
|
-
rectNode("battery-fill-overlay", {
|
|
2639
|
+
rectNode("battery-fill-overlay", __spreadValues({
|
|
2615
2640
|
x: bodyX + fillInset,
|
|
2616
2641
|
y: bodyY + fillInset,
|
|
2617
2642
|
width: fillWidth,
|
|
2618
2643
|
height: bodyHeight - fillInset * 2,
|
|
2619
2644
|
rx: 10,
|
|
2620
2645
|
fill: payload.color,
|
|
2621
|
-
opacity: 0.18
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
}, interactiveNodeStyle),
|
|
2646
|
+
opacity: 0.18
|
|
2647
|
+
}, createInteractionAttrs({
|
|
2648
|
+
targetId: "battery-fill-overlay",
|
|
2649
|
+
chartType: "battery",
|
|
2650
|
+
kind: "gauge",
|
|
2651
|
+
label: payload.label,
|
|
2652
|
+
value: payload.formattedValue,
|
|
2653
|
+
detail: activeSegment == null ? void 0 : activeSegment.label,
|
|
2654
|
+
color: payload.color
|
|
2655
|
+
})), interactiveNodeStyle),
|
|
2632
2656
|
config.showNumber ? textNode("battery-value", payload.formattedValue, {
|
|
2633
2657
|
x: frame.plot.x + frame.plot.width * 0.76,
|
|
2634
2658
|
y: bodyY + 26,
|
|
@@ -2776,23 +2800,22 @@ var init_donut_chart = __esm({
|
|
|
2776
2800
|
const labelX = elbowPoint.x + (anchor === "start" ? 10 : -10);
|
|
2777
2801
|
const labelY = elbowPoint.y + 4;
|
|
2778
2802
|
return [
|
|
2779
|
-
pathNode(`${mode}-slice-${slice.id}`, {
|
|
2803
|
+
pathNode(`${mode}-slice-${slice.id}`, __spreadValues({
|
|
2780
2804
|
d: describeArc(centerX, centerY, innerRadius, outerRadius, startAngle, endAngle),
|
|
2781
2805
|
fill,
|
|
2782
2806
|
stroke: config.theme.pointStroke,
|
|
2783
2807
|
"stroke-width": mode === "pie" ? 2 : 3,
|
|
2784
|
-
opacity: 0.96
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
}, interactiveNodeStyle),
|
|
2808
|
+
opacity: 0.96
|
|
2809
|
+
}, createInteractionAttrs({
|
|
2810
|
+
targetId: `${mode}-slice-${slice.id}`,
|
|
2811
|
+
chartType: mode,
|
|
2812
|
+
kind: "slice",
|
|
2813
|
+
label: slice.label,
|
|
2814
|
+
value: slice.value,
|
|
2815
|
+
detail: `${share}% of total`,
|
|
2816
|
+
color: fill,
|
|
2817
|
+
index
|
|
2818
|
+
})), interactiveNodeStyle),
|
|
2796
2819
|
config.showNumber && useOutsideLabel ? lineNode(`${mode}-slice-guide-${slice.id}`, {
|
|
2797
2820
|
x1: edgePoint.x,
|
|
2798
2821
|
y1: edgePoint.y,
|
|
@@ -2928,22 +2951,54 @@ module.exports = __toCommonJS(index_exports);
|
|
|
2928
2951
|
|
|
2929
2952
|
// node_modules/@revivejs/infinity-charts/dist/charts/loaders.js
|
|
2930
2953
|
var builtInChartLoaders = {
|
|
2931
|
-
line:
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
|
|
2940
|
-
|
|
2941
|
-
|
|
2942
|
-
|
|
2943
|
-
"
|
|
2944
|
-
|
|
2945
|
-
|
|
2946
|
-
|
|
2954
|
+
line: () => __async(null, null, function* () {
|
|
2955
|
+
return (yield Promise.resolve().then(() => (init_line_chart(), line_chart_exports))).lineChart;
|
|
2956
|
+
}),
|
|
2957
|
+
area: () => __async(null, null, function* () {
|
|
2958
|
+
return (yield Promise.resolve().then(() => (init_area_chart(), area_chart_exports))).areaChart;
|
|
2959
|
+
}),
|
|
2960
|
+
"stacked-area": () => __async(null, null, function* () {
|
|
2961
|
+
return (yield Promise.resolve().then(() => (init_stacked_area_chart(), stacked_area_chart_exports))).stackedAreaChart;
|
|
2962
|
+
}),
|
|
2963
|
+
bar: () => __async(null, null, function* () {
|
|
2964
|
+
return (yield Promise.resolve().then(() => (init_bar_chart(), bar_chart_exports))).barChart;
|
|
2965
|
+
}),
|
|
2966
|
+
"bar-3d": () => __async(null, null, function* () {
|
|
2967
|
+
return (yield Promise.resolve().then(() => (init_bar_3d_chart(), bar_3d_chart_exports))).bar3DChart;
|
|
2968
|
+
}),
|
|
2969
|
+
combo: () => __async(null, null, function* () {
|
|
2970
|
+
return (yield Promise.resolve().then(() => (init_combo_chart(), combo_chart_exports))).comboChart;
|
|
2971
|
+
}),
|
|
2972
|
+
sparkline: () => __async(null, null, function* () {
|
|
2973
|
+
return (yield Promise.resolve().then(() => (init_sparkline_chart(), sparkline_chart_exports))).sparklineChart;
|
|
2974
|
+
}),
|
|
2975
|
+
scatter: () => __async(null, null, function* () {
|
|
2976
|
+
return (yield Promise.resolve().then(() => (init_scatter_chart(), scatter_chart_exports))).scatterChart;
|
|
2977
|
+
}),
|
|
2978
|
+
gauge: () => __async(null, null, function* () {
|
|
2979
|
+
return (yield Promise.resolve().then(() => (init_gauge_chart(), gauge_chart_exports))).gaugeChart;
|
|
2980
|
+
}),
|
|
2981
|
+
"gauge-semicircle": () => __async(null, null, function* () {
|
|
2982
|
+
return (yield Promise.resolve().then(() => (init_gauge_chart(), gauge_chart_exports))).semicircleGaugeChart;
|
|
2983
|
+
}),
|
|
2984
|
+
"radial-progress": () => __async(null, null, function* () {
|
|
2985
|
+
return (yield Promise.resolve().then(() => (init_gauge_chart(), gauge_chart_exports))).radialProgressChart;
|
|
2986
|
+
}),
|
|
2987
|
+
thermometer: () => __async(null, null, function* () {
|
|
2988
|
+
return (yield Promise.resolve().then(() => (init_gauge_chart(), gauge_chart_exports))).thermometerChart;
|
|
2989
|
+
}),
|
|
2990
|
+
"thermometer-horizontal": () => __async(null, null, function* () {
|
|
2991
|
+
return (yield Promise.resolve().then(() => (init_gauge_chart(), gauge_chart_exports))).thermometerHorizontalChart;
|
|
2992
|
+
}),
|
|
2993
|
+
battery: () => __async(null, null, function* () {
|
|
2994
|
+
return (yield Promise.resolve().then(() => (init_gauge_chart(), gauge_chart_exports))).batteryChart;
|
|
2995
|
+
}),
|
|
2996
|
+
pie: () => __async(null, null, function* () {
|
|
2997
|
+
return (yield Promise.resolve().then(() => (init_donut_chart(), donut_chart_exports))).pieChart;
|
|
2998
|
+
}),
|
|
2999
|
+
donut: () => __async(null, null, function* () {
|
|
3000
|
+
return (yield Promise.resolve().then(() => (init_donut_chart(), donut_chart_exports))).donutChart;
|
|
3001
|
+
})
|
|
2947
3002
|
};
|
|
2948
3003
|
var builtInChartTypes = Object.keys(builtInChartLoaders);
|
|
2949
3004
|
|
|
@@ -3283,11 +3338,10 @@ var appendDataPoint = (config, point) => {
|
|
|
3283
3338
|
const nextLabel2 = typeof point === "object" ? (_e = (_d = point.label) != null ? _d : (_c = config.gauge) == null ? void 0 : _c.label) != null ? _e : "Value" : (_g = (_f = config.gauge) == null ? void 0 : _f.label) != null ? _g : "Value";
|
|
3284
3339
|
const nextColor = typeof point === "object" ? point.color : void 0;
|
|
3285
3340
|
config.data = [
|
|
3286
|
-
{
|
|
3341
|
+
__spreadValues({
|
|
3287
3342
|
label: nextLabel2,
|
|
3288
|
-
value: nextValue
|
|
3289
|
-
|
|
3290
|
-
}
|
|
3343
|
+
value: nextValue
|
|
3344
|
+
}, nextColor ? { color: nextColor } : {})
|
|
3291
3345
|
];
|
|
3292
3346
|
config.series = void 0;
|
|
3293
3347
|
config.labels = [nextLabel2];
|
|
@@ -3836,12 +3890,9 @@ var SvgRenderer = class {
|
|
|
3836
3890
|
applyNode(element, node, animation, isNewElement) {
|
|
3837
3891
|
var _a, _b, _c;
|
|
3838
3892
|
this.applyAttributes(element, (_a = node.attrs) != null ? _a : {});
|
|
3839
|
-
this.applyStyles(element, {
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
} : {},
|
|
3843
|
-
...(_b = node.style) != null ? _b : {}
|
|
3844
|
-
});
|
|
3893
|
+
this.applyStyles(element, __spreadValues(__spreadValues({}, animation.enabled && node.kind !== "group" ? {
|
|
3894
|
+
transition: `opacity ${animation.duration}ms ${animation.easing}, fill ${animation.duration}ms ${animation.easing}, stroke ${animation.duration}ms ${animation.easing}, transform ${animation.duration}ms ${animation.easing}, filter 160ms ease`
|
|
3895
|
+
} : {}), (_b = node.style) != null ? _b : {}));
|
|
3845
3896
|
if (node.kind === "text") {
|
|
3846
3897
|
element.textContent = (_c = node.textContent) != null ? _c : "";
|
|
3847
3898
|
}
|
|
@@ -3971,28 +4022,30 @@ var ChartRegistry = class {
|
|
|
3971
4022
|
}
|
|
3972
4023
|
return chart;
|
|
3973
4024
|
}
|
|
3974
|
-
|
|
3975
|
-
|
|
3976
|
-
|
|
3977
|
-
|
|
3978
|
-
|
|
3979
|
-
|
|
3980
|
-
|
|
3981
|
-
|
|
3982
|
-
|
|
3983
|
-
|
|
3984
|
-
|
|
3985
|
-
|
|
3986
|
-
|
|
3987
|
-
|
|
3988
|
-
|
|
3989
|
-
|
|
3990
|
-
|
|
3991
|
-
|
|
3992
|
-
|
|
4025
|
+
ensure(type) {
|
|
4026
|
+
return __async(this, null, function* () {
|
|
4027
|
+
if (this.charts.has(type)) {
|
|
4028
|
+
return this.get(type);
|
|
4029
|
+
}
|
|
4030
|
+
const inFlight = this.pending.get(type);
|
|
4031
|
+
if (inFlight) {
|
|
4032
|
+
return inFlight;
|
|
4033
|
+
}
|
|
4034
|
+
const loader = this.loaders.get(type);
|
|
4035
|
+
if (!loader) {
|
|
4036
|
+
throw new Error(`Infinity Charts has no chart registered or loader configured for "${type}".`);
|
|
4037
|
+
}
|
|
4038
|
+
const pending = loader().then((definition) => {
|
|
4039
|
+
this.register(definition);
|
|
4040
|
+
this.pending.delete(type);
|
|
4041
|
+
return this.get(type);
|
|
4042
|
+
}).catch((error) => {
|
|
4043
|
+
this.pending.delete(type);
|
|
4044
|
+
throw error;
|
|
4045
|
+
});
|
|
4046
|
+
this.pending.set(type, pending);
|
|
4047
|
+
return pending;
|
|
3993
4048
|
});
|
|
3994
|
-
this.pending.set(type, pending);
|
|
3995
|
-
return pending;
|
|
3996
4049
|
}
|
|
3997
4050
|
};
|
|
3998
4051
|
|
|
@@ -4021,7 +4074,7 @@ var deepMerge = (base, patch) => {
|
|
|
4021
4074
|
if (!isPlainObject(base) || !isPlainObject(patch)) {
|
|
4022
4075
|
return structuredClone(patch != null ? patch : base);
|
|
4023
4076
|
}
|
|
4024
|
-
const result = {
|
|
4077
|
+
const result = __spreadValues({}, base);
|
|
4025
4078
|
Object.entries(patch).forEach(([key, value]) => {
|
|
4026
4079
|
if (value === void 0) {
|
|
4027
4080
|
return;
|
|
@@ -4124,8 +4177,7 @@ var darkTheme = {
|
|
|
4124
4177
|
|
|
4125
4178
|
// node_modules/@revivejs/infinity-charts/dist/theme/theme-engine.js
|
|
4126
4179
|
var withCssVarFallback = (name, fallback) => `var(${name}, ${fallback})`;
|
|
4127
|
-
var wrapThemeWithCssVariables = (theme) => ({
|
|
4128
|
-
...theme,
|
|
4180
|
+
var wrapThemeWithCssVariables = (theme) => __spreadProps(__spreadValues({}, theme), {
|
|
4129
4181
|
background: withCssVarFallback("--ic-background", theme.background),
|
|
4130
4182
|
surface: withCssVarFallback("--ic-surface", theme.surface),
|
|
4131
4183
|
surfaceAlt: withCssVarFallback("--ic-surface-alt", theme.surfaceAlt),
|
|
@@ -4328,15 +4380,14 @@ var resolveChartConfig = (config, container) => {
|
|
|
4328
4380
|
const compactMeasureWidget = measureWidgetTypes.has(config.type);
|
|
4329
4381
|
const radialChart = radialChartTypes.has(config.type);
|
|
4330
4382
|
const compactWidget = compactSparkline || compactMeasureWidget;
|
|
4331
|
-
return {
|
|
4332
|
-
...config,
|
|
4383
|
+
return __spreadProps(__spreadValues({}, config), {
|
|
4333
4384
|
container,
|
|
4334
4385
|
showNumber: (_b = config.showNumber) != null ? _b : true,
|
|
4335
4386
|
showLegend: (_e = (_d = config.showLegend) != null ? _d : (_c = config.legend) == null ? void 0 : _c.show) != null ? _e : !compactWidget,
|
|
4336
4387
|
showTooltip: (_h = (_g = config.showTooltip) != null ? _g : (_f = config.interaction) == null ? void 0 : _f.tooltip) != null ? _h : true,
|
|
4337
4388
|
title: resolveTitle(config.title),
|
|
4338
4389
|
theme,
|
|
4339
|
-
colors: {
|
|
4390
|
+
colors: __spreadValues({}, (_i = config.colors) != null ? _i : {}),
|
|
4340
4391
|
renderer: (_j = config.renderer) != null ? _j : "svg",
|
|
4341
4392
|
palette: ((_k = config.palette) == null ? void 0 : _k.length) ? [...config.palette] : [...theme.palette],
|
|
4342
4393
|
animation: resolveAnimationOptions(config.animation),
|
|
@@ -4384,16 +4435,15 @@ var resolveChartConfig = (config, container) => {
|
|
|
4384
4435
|
position: (_ha = (_ga = config.legend) == null ? void 0 : _ga.position) != null ? _ha : "bottom",
|
|
4385
4436
|
align: (_ja = (_ia = config.legend) == null ? void 0 : _ia.align) != null ? _ja : "start"
|
|
4386
4437
|
},
|
|
4387
|
-
gauge: {
|
|
4388
|
-
...resolveGauge(config, theme),
|
|
4438
|
+
gauge: __spreadProps(__spreadValues({}, resolveGauge(config, theme)), {
|
|
4389
4439
|
startAngle: (_la = (_ka = config.gauge) == null ? void 0 : _ka.startAngle) != null ? _la : config.type === "gauge-semicircle" ? Math.PI * 3 / 2 : config.type === "radial-progress" ? 1e-3 : Math.PI * 5 / 4,
|
|
4390
4440
|
endAngle: (_na = (_ma = config.gauge) == null ? void 0 : _ma.endAngle) != null ? _na : config.type === "gauge-semicircle" ? Math.PI * 5 / 2 : config.type === "radial-progress" ? Math.PI * 2 - 1e-3 : Math.PI * 11 / 4,
|
|
4391
4441
|
needle: (_pa = (_oa = config.gauge) == null ? void 0 : _oa.needle) != null ? _pa : config.type === "radial-progress" ? false : true
|
|
4392
|
-
},
|
|
4442
|
+
}),
|
|
4393
4443
|
thresholds: [...(_qa = config.thresholds) != null ? _qa : []],
|
|
4394
4444
|
plugins: [...(_ra = config.plugins) != null ? _ra : []],
|
|
4395
|
-
states: {
|
|
4396
|
-
};
|
|
4445
|
+
states: __spreadValues({}, (_sa = config.states) != null ? _sa : {})
|
|
4446
|
+
});
|
|
4397
4447
|
};
|
|
4398
4448
|
|
|
4399
4449
|
// node_modules/@revivejs/infinity-charts/dist/utils/dom.js
|
|
@@ -4495,7 +4545,7 @@ var ChartEngine = class {
|
|
|
4495
4545
|
var _a;
|
|
4496
4546
|
this.registry = options.registry;
|
|
4497
4547
|
this.container = resolveContainer(config.container);
|
|
4498
|
-
this.inputConfig = {
|
|
4548
|
+
this.inputConfig = __spreadProps(__spreadValues({}, config), { container: this.container });
|
|
4499
4549
|
this.resolvedConfig = resolveChartConfig(this.inputConfig, this.container);
|
|
4500
4550
|
this.pluginManager = new PluginManager([
|
|
4501
4551
|
...(_a = options.globalPlugins) != null ? _a : [],
|
|
@@ -4521,11 +4571,9 @@ var ChartEngine = class {
|
|
|
4521
4571
|
return this.renderPromise;
|
|
4522
4572
|
}
|
|
4523
4573
|
update(config) {
|
|
4524
|
-
this.inputConfig = {
|
|
4525
|
-
...this.inputConfig,
|
|
4526
|
-
...config,
|
|
4574
|
+
this.inputConfig = __spreadProps(__spreadValues(__spreadValues({}, this.inputConfig), config), {
|
|
4527
4575
|
container: this.container
|
|
4528
|
-
};
|
|
4576
|
+
});
|
|
4529
4577
|
this.refreshResolvedConfig();
|
|
4530
4578
|
this.scheduleRender("config");
|
|
4531
4579
|
}
|
|
@@ -4621,81 +4669,82 @@ var ChartEngine = class {
|
|
|
4621
4669
|
void promise.catch(() => {
|
|
4622
4670
|
});
|
|
4623
4671
|
}
|
|
4624
|
-
|
|
4625
|
-
|
|
4626
|
-
|
|
4627
|
-
|
|
4628
|
-
|
|
4629
|
-
|
|
4630
|
-
|
|
4631
|
-
|
|
4632
|
-
|
|
4633
|
-
|
|
4634
|
-
|
|
4635
|
-
|
|
4636
|
-
|
|
4637
|
-
|
|
4638
|
-
|
|
4639
|
-
|
|
4640
|
-
|
|
4641
|
-
|
|
4642
|
-
|
|
4643
|
-
|
|
4644
|
-
|
|
4645
|
-
|
|
4646
|
-
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4672
|
+
renderInternal(reasons, renderId) {
|
|
4673
|
+
return __async(this, null, function* () {
|
|
4674
|
+
var _a;
|
|
4675
|
+
if (this.destroyed) {
|
|
4676
|
+
return;
|
|
4677
|
+
}
|
|
4678
|
+
const payload = normalizeChartPayload(this.resolvedConfig);
|
|
4679
|
+
const size = measureContainer(this.container, this.resolvedConfig.width, this.resolvedConfig.height, this.resolvedConfig.responsive.minHeight);
|
|
4680
|
+
const frame = createChartFrame(this.resolvedConfig, size, payload);
|
|
4681
|
+
const chartType = this.resolvedConfig.type;
|
|
4682
|
+
const reason = (_a = reasons[0]) != null ? _a : "config";
|
|
4683
|
+
const shouldLazyLoad = !this.registry.has(chartType) && this.registry.hasLoader(chartType);
|
|
4684
|
+
this.renderer.resize(size.width, size.height);
|
|
4685
|
+
if (shouldLazyLoad) {
|
|
4686
|
+
this.renderer.render(buildStatusScene(size, this.resolvedConfig, {
|
|
4687
|
+
title: `Loading ${chartType}`,
|
|
4688
|
+
subtitle: "Infinity Charts is fetching this chart module on demand.",
|
|
4689
|
+
accent: this.resolvedConfig.theme.palette[0]
|
|
4690
|
+
}), {
|
|
4691
|
+
background: this.resolvedConfig.theme.background,
|
|
4692
|
+
animation: this.resolvedConfig.animation,
|
|
4693
|
+
ariaLabel: `${chartType} chart loading`,
|
|
4694
|
+
chartType,
|
|
4695
|
+
themeMode: this.resolvedConfig.theme.mode
|
|
4696
|
+
});
|
|
4697
|
+
this.events.emit("load:start", { type: chartType, reasons });
|
|
4698
|
+
}
|
|
4699
|
+
let definition;
|
|
4700
|
+
try {
|
|
4701
|
+
definition = yield this.registry.ensure(chartType);
|
|
4702
|
+
} catch (error) {
|
|
4703
|
+
if (this.destroyed || renderId !== this.renderId) {
|
|
4704
|
+
return;
|
|
4705
|
+
}
|
|
4706
|
+
this.renderer.render(buildStatusScene(size, this.resolvedConfig, {
|
|
4707
|
+
title: `Unable to load ${chartType}`,
|
|
4708
|
+
subtitle: error instanceof Error ? error.message : "Unexpected chart loading error.",
|
|
4709
|
+
accent: this.resolvedConfig.theme.semantic.danger
|
|
4710
|
+
}), {
|
|
4711
|
+
background: this.resolvedConfig.theme.background,
|
|
4712
|
+
animation: this.resolvedConfig.animation,
|
|
4713
|
+
ariaLabel: `${chartType} chart load error`,
|
|
4714
|
+
chartType,
|
|
4715
|
+
themeMode: this.resolvedConfig.theme.mode
|
|
4716
|
+
});
|
|
4717
|
+
this.events.emit("load:error", { type: chartType, error });
|
|
4718
|
+
throw error;
|
|
4719
|
+
}
|
|
4654
4720
|
if (this.destroyed || renderId !== this.renderId) {
|
|
4655
4721
|
return;
|
|
4656
4722
|
}
|
|
4657
|
-
this.
|
|
4658
|
-
|
|
4659
|
-
|
|
4660
|
-
|
|
4723
|
+
this.pluginManager.invoke("beforeRender", this.createPluginContext(reason));
|
|
4724
|
+
this.renderer.render(definition.render({
|
|
4725
|
+
config: this.resolvedConfig,
|
|
4726
|
+
payload,
|
|
4727
|
+
size,
|
|
4728
|
+
frame,
|
|
4729
|
+
reasons
|
|
4661
4730
|
}), {
|
|
4662
4731
|
background: this.resolvedConfig.theme.background,
|
|
4663
4732
|
animation: this.resolvedConfig.animation,
|
|
4664
|
-
ariaLabel: `${chartType} chart
|
|
4733
|
+
ariaLabel: this.resolvedConfig.title.text || `${chartType} chart`,
|
|
4665
4734
|
chartType,
|
|
4666
4735
|
themeMode: this.resolvedConfig.theme.mode
|
|
4667
4736
|
});
|
|
4668
|
-
this.
|
|
4669
|
-
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
}
|
|
4674
|
-
this.pluginManager.invoke("beforeRender", this.createPluginContext(reason));
|
|
4675
|
-
this.renderer.render(definition.render({
|
|
4676
|
-
config: this.resolvedConfig,
|
|
4677
|
-
payload,
|
|
4678
|
-
size,
|
|
4679
|
-
frame,
|
|
4680
|
-
reasons
|
|
4681
|
-
}), {
|
|
4682
|
-
background: this.resolvedConfig.theme.background,
|
|
4683
|
-
animation: this.resolvedConfig.animation,
|
|
4684
|
-
ariaLabel: this.resolvedConfig.title.text || `${chartType} chart`,
|
|
4685
|
-
chartType,
|
|
4686
|
-
themeMode: this.resolvedConfig.theme.mode
|
|
4737
|
+
this.pluginManager.invoke("afterRender", this.createPluginContext(reason));
|
|
4738
|
+
if (shouldLazyLoad) {
|
|
4739
|
+
this.events.emit("load:end", { type: chartType, reasons });
|
|
4740
|
+
}
|
|
4741
|
+
this.events.emit("render", { reasons, size, type: chartType });
|
|
4687
4742
|
});
|
|
4688
|
-
this.pluginManager.invoke("afterRender", this.createPluginContext(reason));
|
|
4689
|
-
if (shouldLazyLoad) {
|
|
4690
|
-
this.events.emit("load:end", { type: chartType, reasons });
|
|
4691
|
-
}
|
|
4692
|
-
this.events.emit("render", { reasons, size, type: chartType });
|
|
4693
4743
|
}
|
|
4694
4744
|
refreshResolvedConfig() {
|
|
4695
|
-
this.resolvedConfig = resolveChartConfig({
|
|
4696
|
-
...this.inputConfig,
|
|
4745
|
+
this.resolvedConfig = resolveChartConfig(__spreadProps(__spreadValues({}, this.inputConfig), {
|
|
4697
4746
|
container: this.container
|
|
4698
|
-
}, this.container);
|
|
4747
|
+
}), this.container);
|
|
4699
4748
|
this.interaction.update(this.resolvedConfig);
|
|
4700
4749
|
}
|
|
4701
4750
|
createPluginContext(reason) {
|
|
@@ -4727,16 +4776,16 @@ var registerPack = (pack) => {
|
|
|
4727
4776
|
pack.charts.forEach((chart) => globalRegistry.register(chart));
|
|
4728
4777
|
(_a = pack.plugins) == null ? void 0 : _a.forEach((plugin) => globalPlugins.push(plugin));
|
|
4729
4778
|
};
|
|
4730
|
-
var loadChart =
|
|
4731
|
-
|
|
4732
|
-
};
|
|
4733
|
-
var preloadCharts =
|
|
4734
|
-
|
|
4735
|
-
};
|
|
4736
|
-
var loadAllCharts =
|
|
4737
|
-
const { coreChartsPack: coreChartsPack2 } =
|
|
4779
|
+
var loadChart = (type) => __async(null, null, function* () {
|
|
4780
|
+
yield globalRegistry.ensure(type);
|
|
4781
|
+
});
|
|
4782
|
+
var preloadCharts = (types) => __async(null, null, function* () {
|
|
4783
|
+
yield Promise.all(types.map((type) => globalRegistry.ensure(type)));
|
|
4784
|
+
});
|
|
4785
|
+
var loadAllCharts = () => __async(null, null, function* () {
|
|
4786
|
+
const { coreChartsPack: coreChartsPack2 } = yield Promise.resolve().then(() => (init_charts(), charts_exports));
|
|
4738
4787
|
registerPack(coreChartsPack2);
|
|
4739
|
-
};
|
|
4788
|
+
});
|
|
4740
4789
|
var createChart = (config) => new ChartEngine(config, {
|
|
4741
4790
|
registry: globalRegistry,
|
|
4742
4791
|
globalPlugins
|