@progress/kendo-vue-gauges 3.6.4 → 3.7.0-dev.202210250731
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-gauges.js +1 -1
- package/dist/es/ArcCenter.js +2 -12
- package/dist/es/ArcGauge.js +14 -20
- package/dist/es/BaseGauge.js +14 -31
- package/dist/es/BaseGaugeProps.js +2 -1
- package/dist/es/CircularGauge.js +2 -9
- package/dist/es/LinearGauge.js +4 -10
- package/dist/es/RadialGauge.js +7 -13
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/ArcCenter.js +2 -12
- package/dist/esm/ArcGauge.js +14 -20
- package/dist/esm/BaseGauge.js +14 -31
- package/dist/esm/BaseGaugeProps.js +2 -1
- package/dist/esm/CircularGauge.js +2 -9
- package/dist/esm/LinearGauge.js +4 -10
- package/dist/esm/RadialGauge.js +7 -13
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/ArcCenter.js +2 -15
- package/dist/npm/ArcGauge.js +16 -29
- package/dist/npm/BaseGauge.js +14 -40
- package/dist/npm/BaseGaugeProps.js +2 -1
- package/dist/npm/CircularGauge.js +2 -13
- package/dist/npm/LinearGauge.js +6 -18
- package/dist/npm/RadialGauge.js +9 -21
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +6 -6
package/dist/esm/BaseGauge.js
CHANGED
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
var __rest = this && this.__rest || function (s, e) {
|
|
2
2
|
var t = {};
|
|
3
|
-
|
|
4
3
|
for (var p in s) {
|
|
5
4
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
6
5
|
}
|
|
7
|
-
|
|
8
6
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
9
7
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
10
8
|
}
|
|
11
9
|
return t;
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
};
|
|
11
|
+
// @ts-ignore
|
|
15
12
|
import * as Vue from 'vue';
|
|
16
13
|
var allVue = Vue;
|
|
17
14
|
var gh = allVue.h;
|
|
@@ -27,7 +24,6 @@ import { packageMetadata } from './package-metadata.js';
|
|
|
27
24
|
/**
|
|
28
25
|
* @hidden
|
|
29
26
|
*/
|
|
30
|
-
|
|
31
27
|
var BaseGaugeVue2 = {
|
|
32
28
|
name: 'KendoBaseGauge',
|
|
33
29
|
props: {
|
|
@@ -86,28 +82,24 @@ var BaseGaugeVue2 = {
|
|
|
86
82
|
},
|
|
87
83
|
updated: function updated() {
|
|
88
84
|
var _a = this.$props,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
85
|
+
dir = _a.dir,
|
|
86
|
+
getTarget = _a.getTarget,
|
|
87
|
+
gaugeConstructor = _a.gaugeConstructor,
|
|
88
|
+
className = _a.className,
|
|
89
|
+
renderAs = _a.renderAs,
|
|
90
|
+
scale = _a.scale,
|
|
91
|
+
currentOthers = __rest(_a, ["dir", "getTarget", "gaugeConstructor", "className", "renderAs", "scale"]);
|
|
97
92
|
if (this.gaugeInstance !== null) {
|
|
98
93
|
var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs || this._prevScale !== scale;
|
|
99
94
|
var typedCurrentOthers = currentOthers;
|
|
100
|
-
|
|
101
95
|
if (!optionsChanged) {
|
|
102
96
|
this.gaugeInstance.noTransitionsRedraw();
|
|
103
97
|
}
|
|
104
|
-
|
|
105
98
|
if (optionsChanged || (renderAs || 'svg') !== (this._prevRenderAs || 'svg')) {
|
|
106
99
|
this.refresh();
|
|
107
100
|
} else {
|
|
108
101
|
if (Object.keys(currentOthers).indexOf('pointer') > -1 && currentOthers.pointer) {
|
|
109
102
|
var isPointerArray = Array.isArray(typedCurrentOthers.pointer);
|
|
110
|
-
|
|
111
103
|
if (isPointerArray) {
|
|
112
104
|
this.refreshAllValues(typedCurrentOthers.pointer.map(function (item) {
|
|
113
105
|
return item.value;
|
|
@@ -119,11 +111,9 @@ var BaseGaugeVue2 = {
|
|
|
119
111
|
this.refreshValue(typedCurrentOthers.value);
|
|
120
112
|
}
|
|
121
113
|
}
|
|
122
|
-
|
|
123
114
|
if (this._prevDir !== dir) {
|
|
124
115
|
this.gaugeInstance.setDirection(this.getDirection(dir));
|
|
125
116
|
}
|
|
126
|
-
|
|
127
117
|
this.$emit('render', {
|
|
128
118
|
sender: this
|
|
129
119
|
});
|
|
@@ -131,12 +121,10 @@ var BaseGaugeVue2 = {
|
|
|
131
121
|
},
|
|
132
122
|
destroyed: function destroyed() {
|
|
133
123
|
this.themeUnsubscriber();
|
|
134
|
-
|
|
135
124
|
if (this.gaugeInstance !== null) {
|
|
136
125
|
this.gaugeInstance.destroy();
|
|
137
126
|
this.gaugeInstance = null;
|
|
138
127
|
}
|
|
139
|
-
|
|
140
128
|
window.removeEventListener('resize', this.onWindowResize);
|
|
141
129
|
},
|
|
142
130
|
// @ts-ignore
|
|
@@ -163,8 +151,8 @@ var BaseGaugeVue2 = {
|
|
|
163
151
|
methods: {
|
|
164
152
|
instantiateCoreGauge: function instantiateCoreGauge() {
|
|
165
153
|
var _a = this.$props,
|
|
166
|
-
|
|
167
|
-
|
|
154
|
+
dir = _a.dir,
|
|
155
|
+
gaugeConstructor = _a.gaugeConstructor;
|
|
168
156
|
var gaugeOptions = this.getGaugeOptions();
|
|
169
157
|
this.gaugeInstance = new gaugeConstructor(this.$el, gaugeOptions, this.themeStore.getState(), {
|
|
170
158
|
rtl: this.getDirection(dir),
|
|
@@ -187,29 +175,25 @@ var BaseGaugeVue2 = {
|
|
|
187
175
|
},
|
|
188
176
|
getDirection: function getDirection(dir) {
|
|
189
177
|
var _this = this;
|
|
190
|
-
|
|
191
178
|
var directionFromWindow = function directionFromWindow() {
|
|
192
179
|
return canUseDOM && window.getComputedStyle(_this.$el).direction;
|
|
193
180
|
};
|
|
194
|
-
|
|
195
181
|
var direction = dir !== undefined ? dir : directionFromWindow() || 'ltr';
|
|
196
182
|
return direction === 'rtl';
|
|
197
183
|
},
|
|
198
184
|
getGaugeOptions: function getGaugeOptions() {
|
|
199
185
|
var _a = this.$props,
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
186
|
+
renderAs = _a.renderAs,
|
|
187
|
+
transitions = _a.transitions,
|
|
188
|
+
deriveOptionsFromParent = _a.deriveOptionsFromParent;
|
|
203
189
|
var gaugeOptions = Object.assign({
|
|
204
190
|
renderAs: renderAs,
|
|
205
191
|
transitions: transitions
|
|
206
192
|
});
|
|
207
|
-
|
|
208
193
|
if (deriveOptionsFromParent) {
|
|
209
194
|
// Add options from parent - required by TS
|
|
210
195
|
gaugeOptions = deriveOptionsFromParent(gaugeOptions);
|
|
211
196
|
}
|
|
212
|
-
|
|
213
197
|
return gaugeOptions;
|
|
214
198
|
},
|
|
215
199
|
onWindowResize: function onWindowResize() {
|
|
@@ -225,6 +209,5 @@ var BaseGaugeVue2 = {
|
|
|
225
209
|
/**
|
|
226
210
|
* @hidden
|
|
227
211
|
*/
|
|
228
|
-
|
|
229
212
|
var BaseGauge = BaseGaugeVue2;
|
|
230
213
|
export { BaseGauge, BaseGaugeVue2 };
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export {};
|
|
1
|
+
export {};
|
|
2
|
+
// tslint:enable:max-line-length
|
|
@@ -2,19 +2,15 @@ var __assign = this && this.__assign || function () {
|
|
|
2
2
|
__assign = Object.assign || function (t) {
|
|
3
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
4
|
s = arguments[i];
|
|
5
|
-
|
|
6
5
|
for (var p in s) {
|
|
7
6
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
8
7
|
}
|
|
9
8
|
}
|
|
10
|
-
|
|
11
9
|
return t;
|
|
12
10
|
};
|
|
13
|
-
|
|
14
11
|
return __assign.apply(this, arguments);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
};
|
|
13
|
+
// @ts-ignore
|
|
18
14
|
import * as Vue from 'vue';
|
|
19
15
|
var allVue = Vue;
|
|
20
16
|
var gh = allVue.h;
|
|
@@ -24,7 +20,6 @@ import { CircularGauge as KendoCircularGauge } from '@progress/kendo-charts';
|
|
|
24
20
|
/**
|
|
25
21
|
* @hidden
|
|
26
22
|
*/
|
|
27
|
-
|
|
28
23
|
var CircularGaugeVue2 = __assign(__assign({}, ArcGauge), {
|
|
29
24
|
name: 'KendoCircularGauge',
|
|
30
25
|
created: function created() {
|
|
@@ -35,7 +30,5 @@ var CircularGaugeVue2 = __assign(__assign({}, ArcGauge), {
|
|
|
35
30
|
/**
|
|
36
31
|
* @hidden
|
|
37
32
|
*/
|
|
38
|
-
|
|
39
|
-
|
|
40
33
|
var CircularGauge = CircularGaugeVue2;
|
|
41
34
|
export { CircularGauge, CircularGaugeVue2 };
|
package/dist/esm/LinearGauge.js
CHANGED
|
@@ -10,7 +10,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var LinearGaugeVue2 = {
|
|
15
14
|
name: 'KendoLinearGauge',
|
|
16
15
|
props: {
|
|
@@ -52,10 +51,10 @@ var LinearGaugeVue2 = {
|
|
|
52
51
|
// @ts-ignore
|
|
53
52
|
render: function render(createElement) {
|
|
54
53
|
var _this = this;
|
|
55
|
-
|
|
56
54
|
var h = gh || createElement;
|
|
57
55
|
var defaultSlots = getDefaultSlots(this);
|
|
58
|
-
return (
|
|
56
|
+
return (
|
|
57
|
+
// @ts-ignore function children
|
|
59
58
|
h(BaseGauge, {
|
|
60
59
|
transitions: this.$props.transitions,
|
|
61
60
|
attrs: this.v3 ? undefined : {
|
|
@@ -85,28 +84,24 @@ var LinearGaugeVue2 = {
|
|
|
85
84
|
if (this._baseGauge !== null) {
|
|
86
85
|
return this._baseGauge.gaugeInstance;
|
|
87
86
|
}
|
|
88
|
-
|
|
89
87
|
return null;
|
|
90
88
|
},
|
|
91
89
|
surface: function surface() {
|
|
92
90
|
if (this._baseGauge !== null) {
|
|
93
91
|
return this._baseGauge.surface;
|
|
94
92
|
}
|
|
95
|
-
|
|
96
93
|
return null;
|
|
97
94
|
},
|
|
98
95
|
element: function element() {
|
|
99
96
|
if (this._baseGauge !== null) {
|
|
100
97
|
return this._baseGauge.element;
|
|
101
98
|
}
|
|
102
|
-
|
|
103
99
|
return null;
|
|
104
100
|
},
|
|
105
101
|
exportVisual: function exportVisual(options) {
|
|
106
102
|
if (this.gaugeInstance() !== null) {
|
|
107
103
|
return Promise.resolve(this.gaugeInstance().exportVisual(options));
|
|
108
104
|
}
|
|
109
|
-
|
|
110
105
|
return Promise.resolve(new Group());
|
|
111
106
|
},
|
|
112
107
|
getTarget: function getTarget() {
|
|
@@ -114,8 +109,8 @@ var LinearGaugeVue2 = {
|
|
|
114
109
|
},
|
|
115
110
|
deriveOptionsFromParent: function deriveOptionsFromParent(options) {
|
|
116
111
|
var _a = this.$props,
|
|
117
|
-
|
|
118
|
-
|
|
112
|
+
pointer = _a.pointer,
|
|
113
|
+
scale = _a.scale;
|
|
119
114
|
return Object.assign({}, options, {
|
|
120
115
|
pointer: pointer,
|
|
121
116
|
scale: scale
|
|
@@ -126,6 +121,5 @@ var LinearGaugeVue2 = {
|
|
|
126
121
|
/**
|
|
127
122
|
* @hidden
|
|
128
123
|
*/
|
|
129
|
-
|
|
130
124
|
var LinearGauge = LinearGaugeVue2;
|
|
131
125
|
export { LinearGauge, LinearGaugeVue2 };
|
package/dist/esm/RadialGauge.js
CHANGED
|
@@ -10,7 +10,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var RadialGaugeVue2 = {
|
|
15
14
|
name: 'KendoRadialGauge',
|
|
16
15
|
props: {
|
|
@@ -52,14 +51,14 @@ var RadialGaugeVue2 = {
|
|
|
52
51
|
// @ts-ignore
|
|
53
52
|
render: function render(createElement) {
|
|
54
53
|
var _this = this;
|
|
55
|
-
|
|
56
54
|
var h = gh || createElement;
|
|
57
55
|
var defaultSlots = getDefaultSlots(this);
|
|
58
56
|
var _a = this.$props,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
return (
|
|
57
|
+
pointer = _a.pointer,
|
|
58
|
+
scale = _a.scale,
|
|
59
|
+
transitions = _a.transitions;
|
|
60
|
+
return (
|
|
61
|
+
// @ts-ignore function children
|
|
63
62
|
h(BaseGauge, {
|
|
64
63
|
transitions: transitions,
|
|
65
64
|
attrs: this.v3 ? undefined : {
|
|
@@ -89,28 +88,24 @@ var RadialGaugeVue2 = {
|
|
|
89
88
|
if (this._baseGauge !== null) {
|
|
90
89
|
return this._baseGauge.gaugeInstance;
|
|
91
90
|
}
|
|
92
|
-
|
|
93
91
|
return null;
|
|
94
92
|
},
|
|
95
93
|
surface: function surface() {
|
|
96
94
|
if (this._baseGauge !== null) {
|
|
97
95
|
return this._baseGauge.surface;
|
|
98
96
|
}
|
|
99
|
-
|
|
100
97
|
return null;
|
|
101
98
|
},
|
|
102
99
|
element: function element() {
|
|
103
100
|
if (this._baseGauge !== null) {
|
|
104
101
|
return this._baseGauge.element;
|
|
105
102
|
}
|
|
106
|
-
|
|
107
103
|
return null;
|
|
108
104
|
},
|
|
109
105
|
exportVisual: function exportVisual(options) {
|
|
110
106
|
if (this.gaugeInstance() !== null) {
|
|
111
107
|
return Promise.resolve(this.gaugeInstance().exportVisual(options));
|
|
112
108
|
}
|
|
113
|
-
|
|
114
109
|
return Promise.resolve(new Group());
|
|
115
110
|
},
|
|
116
111
|
getTarget: function getTarget() {
|
|
@@ -118,8 +113,8 @@ var RadialGaugeVue2 = {
|
|
|
118
113
|
},
|
|
119
114
|
deriveOptionsFromParent: function deriveOptionsFromParent(options) {
|
|
120
115
|
var _a = this.$props,
|
|
121
|
-
|
|
122
|
-
|
|
116
|
+
pointer = _a.pointer,
|
|
117
|
+
scale = _a.scale;
|
|
123
118
|
return Object.assign({}, options, {
|
|
124
119
|
pointer: pointer,
|
|
125
120
|
scale: scale
|
|
@@ -130,6 +125,5 @@ var RadialGaugeVue2 = {
|
|
|
130
125
|
/**
|
|
131
126
|
* @hidden
|
|
132
127
|
*/
|
|
133
|
-
|
|
134
128
|
var RadialGauge = RadialGaugeVue2;
|
|
135
129
|
export { RadialGauge, RadialGaugeVue2 };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-gauges',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1666682517,
|
|
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
|
};
|
package/dist/npm/ArcCenter.js
CHANGED
|
@@ -4,35 +4,27 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
Object.defineProperty(exports, "__esModule", {
|
|
20
16
|
value: true
|
|
21
17
|
});
|
|
22
|
-
exports.ArcCenterVue2 = exports.ArcCenter = void 0;
|
|
23
|
-
|
|
18
|
+
exports.ArcCenterVue2 = exports.ArcCenter = void 0;
|
|
19
|
+
// @ts-ignore
|
|
24
20
|
var Vue = require("vue");
|
|
25
|
-
|
|
26
21
|
var allVue = Vue;
|
|
27
22
|
var gh = allVue.h;
|
|
28
23
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
29
|
-
|
|
30
24
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
31
25
|
/**
|
|
32
26
|
* @hidden
|
|
33
27
|
*/
|
|
34
|
-
|
|
35
|
-
|
|
36
28
|
var ArcCenterVue2 = {
|
|
37
29
|
name: 'KendoArcCenter',
|
|
38
30
|
props: {
|
|
@@ -60,13 +52,10 @@ var ArcCenterVue2 = {
|
|
|
60
52
|
render: function render(createElement) {
|
|
61
53
|
var h = gh || createElement;
|
|
62
54
|
var center = this.$props.center;
|
|
63
|
-
|
|
64
55
|
var divStyle = __assign({
|
|
65
56
|
zIndex: -1
|
|
66
57
|
}, this.centerStyles);
|
|
67
|
-
|
|
68
58
|
var renderer = null;
|
|
69
|
-
|
|
70
59
|
if (center) {
|
|
71
60
|
var centerDefaultRendering = '';
|
|
72
61
|
renderer = kendo_vue_common_1.getTemplate.call(this, {
|
|
@@ -83,7 +72,6 @@ var ArcCenterVue2 = {
|
|
|
83
72
|
style: divStyle
|
|
84
73
|
}, [renderer]);
|
|
85
74
|
}
|
|
86
|
-
|
|
87
75
|
return renderer;
|
|
88
76
|
}
|
|
89
77
|
};
|
|
@@ -91,6 +79,5 @@ exports.ArcCenterVue2 = ArcCenterVue2;
|
|
|
91
79
|
/**
|
|
92
80
|
* @hidden
|
|
93
81
|
*/
|
|
94
|
-
|
|
95
82
|
var ArcCenter = ArcCenterVue2;
|
|
96
83
|
exports.ArcCenter = ArcCenter;
|
package/dist/npm/ArcGauge.js
CHANGED
|
@@ -3,28 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ArcGaugeVue2 = exports.ArcGauge = void 0;
|
|
7
|
-
|
|
6
|
+
exports.ArcGaugeVue2 = exports.ArcGauge = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var BaseGauge_1 = require("./BaseGauge");
|
|
15
|
-
|
|
16
13
|
var kendo_charts_1 = require("@progress/kendo-charts");
|
|
17
|
-
|
|
18
14
|
var ArcCenter_1 = require("./ArcCenter");
|
|
19
|
-
|
|
20
15
|
var kendo_drawing_1 = require("@progress/kendo-drawing");
|
|
21
|
-
|
|
22
16
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
23
17
|
/**
|
|
24
18
|
* @hidden
|
|
25
19
|
*/
|
|
26
|
-
|
|
27
|
-
|
|
28
20
|
var ArcGaugeVue2 = {
|
|
29
21
|
name: 'KendoArcGauge',
|
|
30
22
|
props: {
|
|
@@ -105,19 +97,18 @@ var ArcGaugeVue2 = {
|
|
|
105
97
|
// @ts-ignore
|
|
106
98
|
render: function render(createElement) {
|
|
107
99
|
var _this2 = this;
|
|
108
|
-
|
|
109
100
|
var _this = this;
|
|
110
|
-
|
|
111
101
|
var h = gh || createElement;
|
|
112
102
|
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
113
103
|
var _a = this.$props,
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
104
|
+
centerRender = _a.centerRender,
|
|
105
|
+
className = _a.className,
|
|
106
|
+
value = _a.value,
|
|
107
|
+
transitions = _a.transitions,
|
|
108
|
+
scale = _a.scale;
|
|
119
109
|
var center = centerRender ? kendo_vue_common_1.templateRendering.call(this, centerRender, kendo_vue_common_1.getListeners.call(this)) : undefined;
|
|
120
|
-
return (
|
|
110
|
+
return (
|
|
111
|
+
// @ts-ignore function children
|
|
121
112
|
h(BaseGauge_1.BaseGauge, {
|
|
122
113
|
value: value,
|
|
123
114
|
attrs: this.v3 ? undefined : {
|
|
@@ -142,7 +133,8 @@ var ArcGaugeVue2 = {
|
|
|
142
133
|
"render": this.positionCenter
|
|
143
134
|
}
|
|
144
135
|
}, this.v3 ? function () {
|
|
145
|
-
return [defaultSlots,
|
|
136
|
+
return [defaultSlots,
|
|
137
|
+
// @ts-ignore
|
|
146
138
|
h(ArcCenter_1.ArcCenter, {
|
|
147
139
|
center: center,
|
|
148
140
|
attrs: _this2.v3 ? undefined : {
|
|
@@ -178,28 +170,24 @@ var ArcGaugeVue2 = {
|
|
|
178
170
|
if (this._baseGauge) {
|
|
179
171
|
return this._baseGauge.gaugeInstance;
|
|
180
172
|
}
|
|
181
|
-
|
|
182
173
|
return null;
|
|
183
174
|
},
|
|
184
175
|
surface: function surface() {
|
|
185
176
|
if (this._baseGauge) {
|
|
186
177
|
return this._baseGauge.surface;
|
|
187
178
|
}
|
|
188
|
-
|
|
189
179
|
return null;
|
|
190
180
|
},
|
|
191
181
|
element: function element() {
|
|
192
182
|
if (this._baseGauge) {
|
|
193
183
|
return this._baseGauge.element;
|
|
194
184
|
}
|
|
195
|
-
|
|
196
185
|
return null;
|
|
197
186
|
},
|
|
198
187
|
exportVisual: function exportVisual(options) {
|
|
199
188
|
if (this.gaugeInstance !== null && this.$el) {
|
|
200
189
|
return (0, kendo_drawing_1.drawDOM)(this.$el, options);
|
|
201
190
|
}
|
|
202
|
-
|
|
203
191
|
return Promise.resolve(new kendo_drawing_1.Group());
|
|
204
192
|
},
|
|
205
193
|
getTarget: function getTarget() {
|
|
@@ -207,11 +195,11 @@ var ArcGaugeVue2 = {
|
|
|
207
195
|
},
|
|
208
196
|
deriveOptionsFromParent: function deriveOptionsFromParent(options) {
|
|
209
197
|
var _a = this.$props,
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
198
|
+
value = _a.value,
|
|
199
|
+
color = _a.color,
|
|
200
|
+
colors = _a.colors,
|
|
201
|
+
opacity = _a.opacity,
|
|
202
|
+
scale = _a.scale;
|
|
215
203
|
return Object.assign({}, options, {
|
|
216
204
|
value: value,
|
|
217
205
|
color: color,
|
|
@@ -226,6 +214,5 @@ exports.ArcGaugeVue2 = ArcGaugeVue2;
|
|
|
226
214
|
/**
|
|
227
215
|
* @hidden
|
|
228
216
|
*/
|
|
229
|
-
|
|
230
217
|
var ArcGauge = ArcGaugeVue2;
|
|
231
218
|
exports.ArcGauge = ArcGauge;
|
package/dist/npm/BaseGauge.js
CHANGED
|
@@ -2,47 +2,34 @@
|
|
|
2
2
|
|
|
3
3
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
4
4
|
var t = {};
|
|
5
|
-
|
|
6
5
|
for (var p in s) {
|
|
7
6
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
8
7
|
}
|
|
9
|
-
|
|
10
8
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
11
9
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
12
10
|
}
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
Object.defineProperty(exports, "__esModule", {
|
|
17
14
|
value: true
|
|
18
15
|
});
|
|
19
|
-
exports.BaseGaugeVue2 = exports.BaseGauge = void 0;
|
|
20
|
-
|
|
16
|
+
exports.BaseGaugeVue2 = exports.BaseGauge = void 0;
|
|
17
|
+
// @ts-ignore
|
|
21
18
|
var Vue = require("vue");
|
|
22
|
-
|
|
23
19
|
var allVue = Vue;
|
|
24
20
|
var gh = allVue.h;
|
|
25
21
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
26
22
|
var inject = allVue.inject;
|
|
27
|
-
|
|
28
23
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
29
|
-
|
|
30
24
|
var theme_service_1 = require("./theming/theme-service");
|
|
31
|
-
|
|
32
25
|
var store_1 = require("./store/store");
|
|
33
|
-
|
|
34
26
|
var reducer_1 = require("./store/reducer");
|
|
35
|
-
|
|
36
27
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
37
|
-
|
|
38
28
|
var kendo_vue_common_2 = require("@progress/kendo-vue-common");
|
|
39
|
-
|
|
40
29
|
var package_metadata_1 = require("./package-metadata");
|
|
41
30
|
/**
|
|
42
31
|
* @hidden
|
|
43
32
|
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
33
|
var BaseGaugeVue2 = {
|
|
47
34
|
name: 'KendoBaseGauge',
|
|
48
35
|
props: {
|
|
@@ -101,28 +88,24 @@ var BaseGaugeVue2 = {
|
|
|
101
88
|
},
|
|
102
89
|
updated: function updated() {
|
|
103
90
|
var _a = this.$props,
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
91
|
+
dir = _a.dir,
|
|
92
|
+
getTarget = _a.getTarget,
|
|
93
|
+
gaugeConstructor = _a.gaugeConstructor,
|
|
94
|
+
className = _a.className,
|
|
95
|
+
renderAs = _a.renderAs,
|
|
96
|
+
scale = _a.scale,
|
|
97
|
+
currentOthers = __rest(_a, ["dir", "getTarget", "gaugeConstructor", "className", "renderAs", "scale"]);
|
|
112
98
|
if (this.gaugeInstance !== null) {
|
|
113
99
|
var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs || this._prevScale !== scale;
|
|
114
100
|
var typedCurrentOthers = currentOthers;
|
|
115
|
-
|
|
116
101
|
if (!optionsChanged) {
|
|
117
102
|
this.gaugeInstance.noTransitionsRedraw();
|
|
118
103
|
}
|
|
119
|
-
|
|
120
104
|
if (optionsChanged || (renderAs || 'svg') !== (this._prevRenderAs || 'svg')) {
|
|
121
105
|
this.refresh();
|
|
122
106
|
} else {
|
|
123
107
|
if (Object.keys(currentOthers).indexOf('pointer') > -1 && currentOthers.pointer) {
|
|
124
108
|
var isPointerArray = Array.isArray(typedCurrentOthers.pointer);
|
|
125
|
-
|
|
126
109
|
if (isPointerArray) {
|
|
127
110
|
this.refreshAllValues(typedCurrentOthers.pointer.map(function (item) {
|
|
128
111
|
return item.value;
|
|
@@ -134,11 +117,9 @@ var BaseGaugeVue2 = {
|
|
|
134
117
|
this.refreshValue(typedCurrentOthers.value);
|
|
135
118
|
}
|
|
136
119
|
}
|
|
137
|
-
|
|
138
120
|
if (this._prevDir !== dir) {
|
|
139
121
|
this.gaugeInstance.setDirection(this.getDirection(dir));
|
|
140
122
|
}
|
|
141
|
-
|
|
142
123
|
this.$emit('render', {
|
|
143
124
|
sender: this
|
|
144
125
|
});
|
|
@@ -146,12 +127,10 @@ var BaseGaugeVue2 = {
|
|
|
146
127
|
},
|
|
147
128
|
destroyed: function destroyed() {
|
|
148
129
|
this.themeUnsubscriber();
|
|
149
|
-
|
|
150
130
|
if (this.gaugeInstance !== null) {
|
|
151
131
|
this.gaugeInstance.destroy();
|
|
152
132
|
this.gaugeInstance = null;
|
|
153
133
|
}
|
|
154
|
-
|
|
155
134
|
window.removeEventListener('resize', this.onWindowResize);
|
|
156
135
|
},
|
|
157
136
|
// @ts-ignore
|
|
@@ -178,8 +157,8 @@ var BaseGaugeVue2 = {
|
|
|
178
157
|
methods: {
|
|
179
158
|
instantiateCoreGauge: function instantiateCoreGauge() {
|
|
180
159
|
var _a = this.$props,
|
|
181
|
-
|
|
182
|
-
|
|
160
|
+
dir = _a.dir,
|
|
161
|
+
gaugeConstructor = _a.gaugeConstructor;
|
|
183
162
|
var gaugeOptions = this.getGaugeOptions();
|
|
184
163
|
this.gaugeInstance = new gaugeConstructor(this.$el, gaugeOptions, this.themeStore.getState(), {
|
|
185
164
|
rtl: this.getDirection(dir),
|
|
@@ -202,29 +181,25 @@ var BaseGaugeVue2 = {
|
|
|
202
181
|
},
|
|
203
182
|
getDirection: function getDirection(dir) {
|
|
204
183
|
var _this = this;
|
|
205
|
-
|
|
206
184
|
var directionFromWindow = function directionFromWindow() {
|
|
207
185
|
return kendo_vue_common_1.canUseDOM && window.getComputedStyle(_this.$el).direction;
|
|
208
186
|
};
|
|
209
|
-
|
|
210
187
|
var direction = dir !== undefined ? dir : directionFromWindow() || 'ltr';
|
|
211
188
|
return direction === 'rtl';
|
|
212
189
|
},
|
|
213
190
|
getGaugeOptions: function getGaugeOptions() {
|
|
214
191
|
var _a = this.$props,
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
192
|
+
renderAs = _a.renderAs,
|
|
193
|
+
transitions = _a.transitions,
|
|
194
|
+
deriveOptionsFromParent = _a.deriveOptionsFromParent;
|
|
218
195
|
var gaugeOptions = Object.assign({
|
|
219
196
|
renderAs: renderAs,
|
|
220
197
|
transitions: transitions
|
|
221
198
|
});
|
|
222
|
-
|
|
223
199
|
if (deriveOptionsFromParent) {
|
|
224
200
|
// Add options from parent - required by TS
|
|
225
201
|
gaugeOptions = deriveOptionsFromParent(gaugeOptions);
|
|
226
202
|
}
|
|
227
|
-
|
|
228
203
|
return gaugeOptions;
|
|
229
204
|
},
|
|
230
205
|
onWindowResize: function onWindowResize() {
|
|
@@ -241,6 +216,5 @@ exports.BaseGaugeVue2 = BaseGaugeVue2;
|
|
|
241
216
|
/**
|
|
242
217
|
* @hidden
|
|
243
218
|
*/
|
|
244
|
-
|
|
245
219
|
var BaseGauge = BaseGaugeVue2;
|
|
246
220
|
exports.BaseGauge = BaseGauge;
|