@vaadin/charts 24.4.0-dev.b3e1d14600 → 24.5.0-alpha1
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/LICENSE +3 -1141
- package/README.md +0 -1
- package/package.json +6 -6
- package/src/vaadin-chart-series.d.ts +1 -1
- package/src/vaadin-chart-series.js +1 -1
- package/src/vaadin-chart.d.ts +1 -1
- package/src/vaadin-chart.js +24 -1
- package/theme/lumo/vaadin-chart-styles.d.ts +6 -0
- package/theme/lumo/vaadin-chart.d.ts +2 -0
- package/theme/material/vaadin-chart-styles.d.ts +6 -0
- package/theme/material/vaadin-chart.d.ts +2 -0
- package/theme/vaadin-chart-base-theme.js +1 -1
- package/web-types.json +684 -0
- package/web-types.lit.json +433 -0
package/README.md
CHANGED
|
@@ -7,7 +7,6 @@ A feature-rich interactive charting library providing multiple different chart t
|
|
|
7
7
|
[Documentation + Live Demo ↗](https://charts.demo.vaadin.com/vaadin-charts/)
|
|
8
8
|
|
|
9
9
|
[](https://www.npmjs.com/package/@vaadin/charts)
|
|
10
|
-
[](https://discord.gg/PHmkCKC)
|
|
11
10
|
|
|
12
11
|
```html
|
|
13
12
|
<vaadin-chart type="pie">
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/charts",
|
|
3
|
-
"version": "24.
|
|
3
|
+
"version": "24.5.0-alpha1",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/component-base": "24.
|
|
40
|
-
"@vaadin/vaadin-lumo-styles": "24.
|
|
41
|
-
"@vaadin/vaadin-material-styles": "24.
|
|
42
|
-
"@vaadin/vaadin-themable-mixin": "24.
|
|
39
|
+
"@vaadin/component-base": "24.5.0-alpha1",
|
|
40
|
+
"@vaadin/vaadin-lumo-styles": "24.5.0-alpha1",
|
|
41
|
+
"@vaadin/vaadin-material-styles": "24.5.0-alpha1",
|
|
42
|
+
"@vaadin/vaadin-themable-mixin": "24.5.0-alpha1",
|
|
43
43
|
"highcharts": "9.2.2"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"web-types.json",
|
|
53
53
|
"web-types.lit.json"
|
|
54
54
|
],
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "57806caac5468532a3b4e3dbdda730cd0fca193a"
|
|
56
56
|
}
|
package/src/vaadin-chart.d.ts
CHANGED
package/src/vaadin-chart.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c) 2000 -
|
|
3
|
+
* Copyright (c) 2000 - 2024 Vaadin Ltd.
|
|
4
4
|
*
|
|
5
5
|
* This program is available under Vaadin Commercial License and Service Terms.
|
|
6
6
|
*
|
|
@@ -29,6 +29,7 @@ import 'highcharts/es-modules/masters/modules/bullet.src.js';
|
|
|
29
29
|
import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
|
|
30
30
|
import { beforeNextRender } from '@polymer/polymer/lib/utils/render-status.js';
|
|
31
31
|
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
32
|
+
import Pointer from 'highcharts/es-modules/Core/Pointer.js';
|
|
32
33
|
import Highcharts from 'highcharts/es-modules/masters/highstock.src.js';
|
|
33
34
|
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
34
35
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
@@ -69,6 +70,28 @@ export function deepMerge(target, source) {
|
|
|
69
70
|
/* eslint-enable no-invalid-this */
|
|
70
71
|
});
|
|
71
72
|
|
|
73
|
+
// Monkeypatch the onDocumentMouseMove method to fix the check for the source of the event
|
|
74
|
+
// Due to the fact that the event is attached to the document, the target of the event is
|
|
75
|
+
// the <vaadin-chart> element, so we need to use the composedPath to get the actual target (#7107)
|
|
76
|
+
Pointer.prototype.onDocumentMouseMove = function (e) {
|
|
77
|
+
const chart = this.chart;
|
|
78
|
+
const chartPosition = this.chartPosition;
|
|
79
|
+
const pEvt = this.normalize(e, chartPosition);
|
|
80
|
+
const tooltip = chart.tooltip;
|
|
81
|
+
// If we're outside, hide the tooltip
|
|
82
|
+
if (
|
|
83
|
+
chartPosition &&
|
|
84
|
+
(!tooltip || !tooltip.isStickyOnContact()) &&
|
|
85
|
+
!chart.isInsidePlot(pEvt.chartX - chart.plotLeft, pEvt.chartY - chart.plotTop, {
|
|
86
|
+
visiblePlotOnly: true,
|
|
87
|
+
}) &&
|
|
88
|
+
// Use the first element from the composed path instead of the actual target
|
|
89
|
+
!this.inClass(pEvt.composedPath()[0], 'highcharts-tracker')
|
|
90
|
+
) {
|
|
91
|
+
this.reset();
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
|
|
72
95
|
// Init Highcharts global language defaults
|
|
73
96
|
// No data message should be empty by default
|
|
74
97
|
Highcharts.setOptions({ lang: { noData: '' } });
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import '../vaadin-chart-base-theme.js';
|
|
2
|
+
import '@vaadin/vaadin-lumo-styles/color.js';
|
|
3
|
+
import '@vaadin/vaadin-lumo-styles/typography.js';
|
|
4
|
+
declare const chartColors: import("lit").CSSResult;
|
|
5
|
+
declare const chartTheme: import("lit").CSSResult;
|
|
6
|
+
export { chartColors, chartTheme };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import '../vaadin-chart-base-theme.js';
|
|
2
|
+
import '@vaadin/vaadin-material-styles/color.js';
|
|
3
|
+
import '@vaadin/vaadin-material-styles/typography.js';
|
|
4
|
+
declare const chartColors: import("lit").CSSResult;
|
|
5
|
+
declare const chartTheme: import("lit").CSSResult;
|
|
6
|
+
export { chartColors, chartTheme };
|