@progress/kendo-vue-charts 2.6.3 → 2.6.4
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/dist/cdn/js/kendo-vue-charts.js +1 -1
- package/dist/es/Chart.d.ts +0 -50
- package/dist/es/components/base/ConfigurationComponent.d.ts +1 -0
- package/dist/es/components/base/ConfigurationComponent.js +24 -17
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tooltip/Crosshair.js +8 -1
- package/dist/es/tooltip/Popup.js +8 -1
- package/dist/es/tooltip/Series.js +8 -1
- package/dist/npm/Chart.d.ts +0 -50
- package/dist/npm/components/base/ConfigurationComponent.d.ts +1 -0
- package/dist/npm/components/base/ConfigurationComponent.js +24 -17
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tooltip/Crosshair.js +8 -1
- package/dist/npm/tooltip/Popup.js +8 -1
- package/dist/npm/tooltip/Series.js +8 -1
- package/package.json +6 -6
package/dist/es/Chart.d.ts
CHANGED
|
@@ -9,56 +9,6 @@ import { BaseChartState } from './BaseChart';
|
|
|
9
9
|
/**
|
|
10
10
|
* Represents the [Kendo UI for Vue Chart component]({% slug overview_chart_charts %}).
|
|
11
11
|
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```jsx
|
|
14
|
-
* import {
|
|
15
|
-
* Chart,
|
|
16
|
-
* ChartSeries,
|
|
17
|
-
* ChartSeriesItem,
|
|
18
|
-
* ChartCategoryAxis,
|
|
19
|
-
* ChartCategoryAxisItem,
|
|
20
|
-
* ChartTitle,
|
|
21
|
-
* ChartLegend
|
|
22
|
-
* } from '@progress/kendo-react-charts';
|
|
23
|
-
*
|
|
24
|
-
* const categories = [ 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 ];
|
|
25
|
-
* const series = [ {
|
|
26
|
-
* name: 'India',
|
|
27
|
-
* data: [ 3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855 ]
|
|
28
|
-
* }, {
|
|
29
|
-
* name: 'Russian Federation',
|
|
30
|
-
* data: [ 4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3 ]
|
|
31
|
-
* }, {
|
|
32
|
-
* name: 'Germany',
|
|
33
|
-
* data: [ 0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995 ]
|
|
34
|
-
* }, {
|
|
35
|
-
* name: 'World',
|
|
36
|
-
* data: [ 1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727 ]
|
|
37
|
-
* } ];
|
|
38
|
-
*
|
|
39
|
-
* const ChartContainer = () => (
|
|
40
|
-
* <Chart>
|
|
41
|
-
* <ChartTitle text="Gross domestic product growth GDP annual" />
|
|
42
|
-
* <ChartLegend position="top" orientation="horizontal" />
|
|
43
|
-
* <ChartCategoryAxis>
|
|
44
|
-
* <ChartCategoryAxisItem categories={categories} startAngle={45} />
|
|
45
|
-
* </ChartCategoryAxis>
|
|
46
|
-
* <ChartSeries>
|
|
47
|
-
* {series.map((item, idx) => (
|
|
48
|
-
* <ChartSeriesItem
|
|
49
|
-
* key={idx}
|
|
50
|
-
* type="column"
|
|
51
|
-
* data={item.data}
|
|
52
|
-
* name={item.name}
|
|
53
|
-
* />))}
|
|
54
|
-
* </ChartSeries>
|
|
55
|
-
* </Chart>
|
|
56
|
-
* );
|
|
57
|
-
*
|
|
58
|
-
* ReactDOM.render(
|
|
59
|
-
* <ChartContainer />,
|
|
60
|
-
* document.querySelector('my-app')
|
|
61
|
-
* );
|
|
62
12
|
* ```
|
|
63
13
|
*/
|
|
64
14
|
/**
|
|
@@ -96,23 +96,12 @@ var Configuration = {
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
|
-
destroyed: function
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
chartKey = _a.chartKey,
|
|
106
|
-
parentStore = _a.parentStore,
|
|
107
|
-
config = _a.config;
|
|
108
|
-
var dispatchOptions = parentStore || this.dispatchOptions;
|
|
109
|
-
dispatchOptions({
|
|
110
|
-
chartKey: chartKey,
|
|
111
|
-
parentKey: this.parentKey,
|
|
112
|
-
chartCollectionIdxKey: this.chartCollection + '_',
|
|
113
|
-
uid: this.uid
|
|
114
|
-
});
|
|
115
|
-
}
|
|
99
|
+
destroyed: !!gh ? undefined : function () {
|
|
100
|
+
this.onDestroyed();
|
|
101
|
+
},
|
|
102
|
+
// @ts-ignore
|
|
103
|
+
unmounted: function unmounted() {
|
|
104
|
+
this.onDestroyed();
|
|
116
105
|
},
|
|
117
106
|
// @ts-ignore
|
|
118
107
|
setup: !gh ? undefined : function () {
|
|
@@ -127,6 +116,24 @@ var Configuration = {
|
|
|
127
116
|
return h("div", [defaultSlots]);
|
|
128
117
|
},
|
|
129
118
|
methods: {
|
|
119
|
+
onDestroyed: function onDestroyed() {
|
|
120
|
+
if (this.removeChild) {
|
|
121
|
+
this.removeChild({
|
|
122
|
+
uid: this.uid
|
|
123
|
+
});
|
|
124
|
+
var _a = this.$props,
|
|
125
|
+
chartKey = _a.chartKey,
|
|
126
|
+
parentStore = _a.parentStore,
|
|
127
|
+
config = _a.config;
|
|
128
|
+
var dispatchOptions = parentStore || this.dispatchOptions;
|
|
129
|
+
dispatchOptions({
|
|
130
|
+
chartKey: chartKey,
|
|
131
|
+
parentKey: this.parentKey,
|
|
132
|
+
chartCollectionIdxKey: this.chartCollection + '_',
|
|
133
|
+
uid: this.uid
|
|
134
|
+
});
|
|
135
|
+
}
|
|
136
|
+
},
|
|
130
137
|
addChildOption: function addChildOption(newChildState) {
|
|
131
138
|
var _a;
|
|
132
139
|
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-charts',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1638285198,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -55,7 +55,14 @@ var CrosshairTooltip = {
|
|
|
55
55
|
payload: this.chartObserver
|
|
56
56
|
});
|
|
57
57
|
},
|
|
58
|
-
destroyed: function
|
|
58
|
+
destroyed: !!gh ? undefined : function () {
|
|
59
|
+
this.dispatchObservers({
|
|
60
|
+
type: 'remove',
|
|
61
|
+
payload: this.chartObserver
|
|
62
|
+
});
|
|
63
|
+
},
|
|
64
|
+
// @ts-ignore
|
|
65
|
+
unmounted: function unmounted() {
|
|
59
66
|
this.dispatchObservers({
|
|
60
67
|
type: 'remove',
|
|
61
68
|
payload: this.chartObserver
|
package/dist/es/tooltip/Popup.js
CHANGED
|
@@ -63,7 +63,14 @@ var TooltipPopup = {
|
|
|
63
63
|
payload: this.chartObserver
|
|
64
64
|
});
|
|
65
65
|
},
|
|
66
|
-
destroyed: function
|
|
66
|
+
destroyed: !!gh ? undefined : function () {
|
|
67
|
+
this.dispatchObservers({
|
|
68
|
+
type: 'remove',
|
|
69
|
+
payload: this.chartObserver
|
|
70
|
+
});
|
|
71
|
+
},
|
|
72
|
+
// @ts-ignore
|
|
73
|
+
unmounted: function unmounted() {
|
|
67
74
|
this.dispatchObservers({
|
|
68
75
|
type: 'remove',
|
|
69
76
|
payload: this.chartObserver
|
|
@@ -51,7 +51,14 @@ var SeriesTooltip = {
|
|
|
51
51
|
payload: this.chartObserver
|
|
52
52
|
});
|
|
53
53
|
},
|
|
54
|
-
destroyed: function
|
|
54
|
+
destroyed: !!gh ? undefined : function () {
|
|
55
|
+
this.dispatchObservers({
|
|
56
|
+
type: 'remove',
|
|
57
|
+
payload: this.chartObserver
|
|
58
|
+
});
|
|
59
|
+
},
|
|
60
|
+
// @ts-ignore
|
|
61
|
+
unmounted: function unmounted() {
|
|
55
62
|
this.dispatchObservers({
|
|
56
63
|
type: 'remove',
|
|
57
64
|
payload: this.chartObserver
|
package/dist/npm/Chart.d.ts
CHANGED
|
@@ -9,56 +9,6 @@ import { BaseChartState } from './BaseChart';
|
|
|
9
9
|
/**
|
|
10
10
|
* Represents the [Kendo UI for Vue Chart component]({% slug overview_chart_charts %}).
|
|
11
11
|
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```jsx
|
|
14
|
-
* import {
|
|
15
|
-
* Chart,
|
|
16
|
-
* ChartSeries,
|
|
17
|
-
* ChartSeriesItem,
|
|
18
|
-
* ChartCategoryAxis,
|
|
19
|
-
* ChartCategoryAxisItem,
|
|
20
|
-
* ChartTitle,
|
|
21
|
-
* ChartLegend
|
|
22
|
-
* } from '@progress/kendo-react-charts';
|
|
23
|
-
*
|
|
24
|
-
* const categories = [ 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 ];
|
|
25
|
-
* const series = [ {
|
|
26
|
-
* name: 'India',
|
|
27
|
-
* data: [ 3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855 ]
|
|
28
|
-
* }, {
|
|
29
|
-
* name: 'Russian Federation',
|
|
30
|
-
* data: [ 4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3 ]
|
|
31
|
-
* }, {
|
|
32
|
-
* name: 'Germany',
|
|
33
|
-
* data: [ 0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995 ]
|
|
34
|
-
* }, {
|
|
35
|
-
* name: 'World',
|
|
36
|
-
* data: [ 1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727 ]
|
|
37
|
-
* } ];
|
|
38
|
-
*
|
|
39
|
-
* const ChartContainer = () => (
|
|
40
|
-
* <Chart>
|
|
41
|
-
* <ChartTitle text="Gross domestic product growth GDP annual" />
|
|
42
|
-
* <ChartLegend position="top" orientation="horizontal" />
|
|
43
|
-
* <ChartCategoryAxis>
|
|
44
|
-
* <ChartCategoryAxisItem categories={categories} startAngle={45} />
|
|
45
|
-
* </ChartCategoryAxis>
|
|
46
|
-
* <ChartSeries>
|
|
47
|
-
* {series.map((item, idx) => (
|
|
48
|
-
* <ChartSeriesItem
|
|
49
|
-
* key={idx}
|
|
50
|
-
* type="column"
|
|
51
|
-
* data={item.data}
|
|
52
|
-
* name={item.name}
|
|
53
|
-
* />))}
|
|
54
|
-
* </ChartSeries>
|
|
55
|
-
* </Chart>
|
|
56
|
-
* );
|
|
57
|
-
*
|
|
58
|
-
* ReactDOM.render(
|
|
59
|
-
* <ChartContainer />,
|
|
60
|
-
* document.querySelector('my-app')
|
|
61
|
-
* );
|
|
62
12
|
* ```
|
|
63
13
|
*/
|
|
64
14
|
/**
|
|
@@ -105,23 +105,12 @@ var Configuration = {
|
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
},
|
|
108
|
-
destroyed: function
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
chartKey = _a.chartKey,
|
|
115
|
-
parentStore = _a.parentStore,
|
|
116
|
-
config = _a.config;
|
|
117
|
-
var dispatchOptions = parentStore || this.dispatchOptions;
|
|
118
|
-
dispatchOptions({
|
|
119
|
-
chartKey: chartKey,
|
|
120
|
-
parentKey: this.parentKey,
|
|
121
|
-
chartCollectionIdxKey: this.chartCollection + '_',
|
|
122
|
-
uid: this.uid
|
|
123
|
-
});
|
|
124
|
-
}
|
|
108
|
+
destroyed: !!gh ? undefined : function () {
|
|
109
|
+
this.onDestroyed();
|
|
110
|
+
},
|
|
111
|
+
// @ts-ignore
|
|
112
|
+
unmounted: function unmounted() {
|
|
113
|
+
this.onDestroyed();
|
|
125
114
|
},
|
|
126
115
|
// @ts-ignore
|
|
127
116
|
setup: !gh ? undefined : function () {
|
|
@@ -136,6 +125,24 @@ var Configuration = {
|
|
|
136
125
|
return h("div", [defaultSlots]);
|
|
137
126
|
},
|
|
138
127
|
methods: {
|
|
128
|
+
onDestroyed: function onDestroyed() {
|
|
129
|
+
if (this.removeChild) {
|
|
130
|
+
this.removeChild({
|
|
131
|
+
uid: this.uid
|
|
132
|
+
});
|
|
133
|
+
var _a = this.$props,
|
|
134
|
+
chartKey = _a.chartKey,
|
|
135
|
+
parentStore = _a.parentStore,
|
|
136
|
+
config = _a.config;
|
|
137
|
+
var dispatchOptions = parentStore || this.dispatchOptions;
|
|
138
|
+
dispatchOptions({
|
|
139
|
+
chartKey: chartKey,
|
|
140
|
+
parentKey: this.parentKey,
|
|
141
|
+
chartCollectionIdxKey: this.chartCollection + '_',
|
|
142
|
+
uid: this.uid
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
},
|
|
139
146
|
addChildOption: function addChildOption(newChildState) {
|
|
140
147
|
var _a;
|
|
141
148
|
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-charts',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1638285198,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -66,7 +66,14 @@ var CrosshairTooltip = {
|
|
|
66
66
|
payload: this.chartObserver
|
|
67
67
|
});
|
|
68
68
|
},
|
|
69
|
-
destroyed: function
|
|
69
|
+
destroyed: !!gh ? undefined : function () {
|
|
70
|
+
this.dispatchObservers({
|
|
71
|
+
type: 'remove',
|
|
72
|
+
payload: this.chartObserver
|
|
73
|
+
});
|
|
74
|
+
},
|
|
75
|
+
// @ts-ignore
|
|
76
|
+
unmounted: function unmounted() {
|
|
70
77
|
this.dispatchObservers({
|
|
71
78
|
type: 'remove',
|
|
72
79
|
payload: this.chartObserver
|
|
@@ -75,7 +75,14 @@ var TooltipPopup = {
|
|
|
75
75
|
payload: this.chartObserver
|
|
76
76
|
});
|
|
77
77
|
},
|
|
78
|
-
destroyed: function
|
|
78
|
+
destroyed: !!gh ? undefined : function () {
|
|
79
|
+
this.dispatchObservers({
|
|
80
|
+
type: 'remove',
|
|
81
|
+
payload: this.chartObserver
|
|
82
|
+
});
|
|
83
|
+
},
|
|
84
|
+
// @ts-ignore
|
|
85
|
+
unmounted: function unmounted() {
|
|
79
86
|
this.dispatchObservers({
|
|
80
87
|
type: 'remove',
|
|
81
88
|
payload: this.chartObserver
|
|
@@ -64,7 +64,14 @@ var SeriesTooltip = {
|
|
|
64
64
|
payload: this.chartObserver
|
|
65
65
|
});
|
|
66
66
|
},
|
|
67
|
-
destroyed: function
|
|
67
|
+
destroyed: !!gh ? undefined : function () {
|
|
68
|
+
this.dispatchObservers({
|
|
69
|
+
type: 'remove',
|
|
70
|
+
payload: this.chartObserver
|
|
71
|
+
});
|
|
72
|
+
},
|
|
73
|
+
// @ts-ignore
|
|
74
|
+
unmounted: function unmounted() {
|
|
68
75
|
this.dispatchObservers({
|
|
69
76
|
type: 'remove',
|
|
70
77
|
payload: this.chartObserver
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-charts",
|
|
3
3
|
"description": "Kendo UI for Vue Charts package",
|
|
4
|
-
"version": "2.6.
|
|
4
|
+
"version": "2.6.4",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -38,17 +38,17 @@
|
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@progress/kendo-charts": "^1.18.0",
|
|
41
|
-
"@progress/kendo-vue-common": "2.6.
|
|
42
|
-
"@progress/kendo-vue-popup": "2.6.
|
|
41
|
+
"@progress/kendo-vue-common": "2.6.4",
|
|
42
|
+
"@progress/kendo-vue-popup": "2.6.4"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@progress/kendo-data-query": "^1.0.0",
|
|
46
46
|
"@progress/kendo-drawing": "^1.8.0",
|
|
47
47
|
"@progress/kendo-file-saver": "^1.0.1",
|
|
48
48
|
"@progress/kendo-licensing": "^1.2.0",
|
|
49
|
-
"@progress/kendo-vue-dropdowns": "2.6.
|
|
50
|
-
"@progress/kendo-vue-inputs": "2.6.
|
|
51
|
-
"@progress/kendo-vue-intl": "2.6.
|
|
49
|
+
"@progress/kendo-vue-dropdowns": "2.6.4",
|
|
50
|
+
"@progress/kendo-vue-inputs": "2.6.4",
|
|
51
|
+
"@progress/kendo-vue-intl": "2.6.4",
|
|
52
52
|
"cldr-core": "^36.0.0",
|
|
53
53
|
"cldr-dates-full": "^36.0.0",
|
|
54
54
|
"cldr-numbers-full": "^36.0.0",
|