@progress/kendo-vue-gauges 2.8.0-dev.202201111325 → 2.8.0-dev.202201121019

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.
Files changed (10) hide show
  1. package/dist/cdn/js/kendo-vue-gauges.js +1 -1
  2. package/dist/es/ArcCenter.js +30 -5
  3. package/dist/es/ArcGauge.js +25 -21
  4. package/dist/es/BaseGauge.js +7 -7
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/npm/ArcCenter.js +29 -4
  7. package/dist/npm/ArcGauge.js +25 -21
  8. package/dist/npm/BaseGauge.js +7 -7
  9. package/dist/npm/package-metadata.js +1 -1
  10. package/package.json +6 -6
package/dist/es/ArcCenter.js CHANGED
@@ -1,4 +1,20 @@
1
- // @ts-ignore
1
+ var __assign = this && this.__assign || function () {
2
+ __assign = Object.assign || function (t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+
6
+ for (var p in s) {
7
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
8
+ }
9
+ }
10
+
11
+ return t;
12
+ };
13
+
14
+ return __assign.apply(this, arguments);
15
+ }; // @ts-ignore
16
+
17
+
2
18
  import * as Vue from 'vue';
3
19
  var allVue = Vue;
4
20
  var gh = allVue.h;
@@ -7,8 +23,15 @@ import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-l
7
23
  var ArcCenterVue2 = {
8
24
  name: 'KendoArcCenter',
9
25
  props: {
10
- center: [String, Function, Object],
11
- arcCenterValue: Object
26
+ center: [String, Function, Object]
27
+ },
28
+ inject: {
29
+ arcCenterValue: {
30
+ default: null
31
+ },
32
+ centerStyles: {
33
+ default: null
34
+ }
12
35
  },
13
36
  created: function created() {
14
37
  this.element = null;
@@ -24,9 +47,11 @@ var ArcCenterVue2 = {
24
47
  render: function render(createElement) {
25
48
  var h = gh || createElement;
26
49
  var center = this.$props.center;
27
- var divStyle = {
50
+
51
+ var divStyle = __assign({
28
52
  zIndex: -1
29
- };
53
+ }, this.centerStyles);
54
+
30
55
  var renderer = null;
31
56
 
32
57
  if (center) {
package/dist/es/ArcGauge.js CHANGED
@@ -44,8 +44,20 @@ var ArcGaugeVue2 = {
44
44
  },
45
45
  data: function data() {
46
46
  return {
47
- centerStyles: {},
48
- arcCenterValue: {}
47
+ centerStyles: {
48
+ top: null,
49
+ left: null
50
+ },
51
+ arcCenterValue: {
52
+ value: '',
53
+ color: ''
54
+ }
55
+ };
56
+ },
57
+ provide: function provide() {
58
+ return {
59
+ centerStyles: this.$data.centerStyles,
60
+ arcCenterValue: this.$data.arcCenterValue
49
61
  };
50
62
  },
51
63
  mounted: function mounted() {
@@ -88,29 +100,28 @@ var ArcGaugeVue2 = {
88
100
  value: value,
89
101
  attrs: this.v3 ? undefined : {
90
102
  value: value,
91
- color: color,
92
103
  deriveOptionsFromParent: this.deriveOptionsFromParent,
93
104
  gaugeConstructor: this.gaugeType,
94
105
  getTarget: this.getTarget
95
106
  },
96
- color: color,
97
107
  deriveOptionsFromParent: this.deriveOptionsFromParent,
98
108
  ref: this.v3 ? function (el) {
99
109
  _this.baseGaugeRef = el;
100
110
  } : 'baseGauge',
101
111
  gaugeConstructor: this.gaugeType,
102
112
  getTarget: this.getTarget,
103
- "class": classNames('k-gauge k-arcgauge', className)
113
+ "class": classNames('k-gauge k-arcgauge', className),
114
+ onRender: this.positionCenter,
115
+ on: this.v3 ? undefined : {
116
+ "render": this.positionCenter
117
+ }
104
118
  }, this.v3 ? function () {
105
119
  return [defaultSlots, // @ts-ignore
106
120
  h(ArcCenter, {
107
121
  center: center,
108
122
  attrs: _this2.v3 ? undefined : {
109
- center: center,
110
- arcCenterValue: _this2.arcCenterValue
123
+ center: center
111
124
  },
112
- style: _this2.centerStyles,
113
- arcCenterValue: _this2.arcCenterValue,
114
125
  ref: _this2.v3 ? function (el) {
115
126
  _this.centerRef = el;
116
127
  } : 'center'
@@ -118,11 +129,8 @@ var ArcGaugeVue2 = {
118
129
  } : [defaultSlots, h(ArcCenter, {
119
130
  center: center,
120
131
  attrs: _this2.v3 ? undefined : {
121
- center: center,
122
- arcCenterValue: _this2.arcCenterValue
132
+ center: center
123
133
  },
124
- style: _this2.centerStyles,
125
- arcCenterValue: _this2.arcCenterValue,
126
134
  ref: _this2.v3 ? function (el) {
127
135
  _this.centerRef = el;
128
136
  } : 'center'
@@ -135,14 +143,10 @@ var ArcGaugeVue2 = {
135
143
  var height = this.center.$el.offsetHeight;
136
144
  var gaugeInstance = this.gaugeInstance();
137
145
  var position = gaugeInstance.centerLabelPosition(width, height);
138
- this.centerStyles = {
139
- left: position.left + 'px',
140
- top: position.top + 'px'
141
- };
142
- this.arcCenterValue = {
143
- value: gaugeInstance.value(),
144
- color: gaugeInstance.currentColor()
145
- };
146
+ this.centerStyles.left = position.left + 'px';
147
+ this.centerStyles.top = position.top + 'px';
148
+ this.arcCenterValue.value = gaugeInstance.value();
149
+ this.arcCenterValue.color = gaugeInstance.currentColor();
146
150
  },
147
151
  gaugeInstance: function gaugeInstance() {
148
152
  if (this._baseGauge) {
package/dist/es/BaseGauge.js CHANGED
@@ -48,11 +48,8 @@ var BaseGaugeVue2 = {
48
48
  validatePackage(packageMetadata);
49
49
  this.gaugeInstance = null;
50
50
  this.themeStore = {};
51
- this._prevRenderAs = undefined;
52
- this._prevDir = undefined; // protected themeUnsubscriber: Function = Function.prototype;
53
- // protected contextValue: GaugeContextType;
54
- // protected observersStore: any = {};
55
-
51
+ this._prevRenderAs = this.renderAs;
52
+ this._prevDir = this.dir;
56
53
  this.themeStore = createStore(themeReducer);
57
54
  this.observersStore = createStore(observersReducer);
58
55
  this.contextValue = {
@@ -90,7 +87,7 @@ var BaseGaugeVue2 = {
90
87
  var currentIntlService = provideIntlService(this);
91
88
  var gaugeService = this.gaugeInstance.contextService;
92
89
  var localeChanged = currentIntlService.locale !== gaugeService._intlService.locale;
93
- var optionsChanged = true;
90
+ var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs;
94
91
  var typedCurrentOthers = currentOthers;
95
92
 
96
93
  if (localeChanged) {
@@ -122,8 +119,11 @@ var BaseGaugeVue2 = {
122
119
 
123
120
  if (this._prevDir !== dir) {
124
121
  this.gaugeInstance.setDirection(this.getDirection(dir));
125
- } // this.$emit('render', { sender: this });
122
+ }
126
123
 
124
+ this.$emit('render', {
125
+ sender: this
126
+ });
127
127
  }
128
128
  },
129
129
  destroyed: function destroyed() {
package/dist/es/package-metadata.js CHANGED
@@ -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: 1641907045,
8
+ publishDate: 1641982302,
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
@@ -1,5 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var __assign = undefined && undefined.__assign || function () {
4
+ __assign = Object.assign || function (t) {
5
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
6
+ s = arguments[i];
7
+
8
+ for (var p in s) {
9
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
10
+ }
11
+ }
12
+
13
+ return t;
14
+ };
15
+
16
+ return __assign.apply(this, arguments);
17
+ };
18
+
3
19
  Object.defineProperty(exports, "__esModule", {
4
20
  value: true
5
21
  });
@@ -16,8 +32,15 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable
16
32
  var ArcCenterVue2 = {
17
33
  name: 'KendoArcCenter',
18
34
  props: {
19
- center: [String, Function, Object],
20
- arcCenterValue: Object
35
+ center: [String, Function, Object]
36
+ },
37
+ inject: {
38
+ arcCenterValue: {
39
+ default: null
40
+ },
41
+ centerStyles: {
42
+ default: null
43
+ }
21
44
  },
22
45
  created: function created() {
23
46
  this.element = null;
@@ -33,9 +56,11 @@ var ArcCenterVue2 = {
33
56
  render: function render(createElement) {
34
57
  var h = gh || createElement;
35
58
  var center = this.$props.center;
36
- var divStyle = {
59
+
60
+ var divStyle = __assign({
37
61
  zIndex: -1
38
- };
62
+ }, this.centerStyles);
63
+
39
64
  var renderer = null;
40
65
 
41
66
  if (center) {
package/dist/npm/ArcGauge.js CHANGED
@@ -57,8 +57,20 @@ var ArcGaugeVue2 = {
57
57
  },
58
58
  data: function data() {
59
59
  return {
60
- centerStyles: {},
61
- arcCenterValue: {}
60
+ centerStyles: {
61
+ top: null,
62
+ left: null
63
+ },
64
+ arcCenterValue: {
65
+ value: '',
66
+ color: ''
67
+ }
68
+ };
69
+ },
70
+ provide: function provide() {
71
+ return {
72
+ centerStyles: this.$data.centerStyles,
73
+ arcCenterValue: this.$data.arcCenterValue
62
74
  };
63
75
  },
64
76
  mounted: function mounted() {
@@ -101,29 +113,28 @@ var ArcGaugeVue2 = {
101
113
  value: value,
102
114
  attrs: this.v3 ? undefined : {
103
115
  value: value,
104
- color: color,
105
116
  deriveOptionsFromParent: this.deriveOptionsFromParent,
106
117
  gaugeConstructor: this.gaugeType,
107
118
  getTarget: this.getTarget
108
119
  },
109
- color: color,
110
120
  deriveOptionsFromParent: this.deriveOptionsFromParent,
111
121
  ref: this.v3 ? function (el) {
112
122
  _this.baseGaugeRef = el;
113
123
  } : 'baseGauge',
114
124
  gaugeConstructor: this.gaugeType,
115
125
  getTarget: this.getTarget,
116
- "class": kendo_vue_common_1.classNames('k-gauge k-arcgauge', className)
126
+ "class": kendo_vue_common_1.classNames('k-gauge k-arcgauge', className),
127
+ onRender: this.positionCenter,
128
+ on: this.v3 ? undefined : {
129
+ "render": this.positionCenter
130
+ }
117
131
  }, this.v3 ? function () {
118
132
  return [defaultSlots, // @ts-ignore
119
133
  h(ArcCenter_1.ArcCenter, {
120
134
  center: center,
121
135
  attrs: _this2.v3 ? undefined : {
122
- center: center,
123
- arcCenterValue: _this2.arcCenterValue
136
+ center: center
124
137
  },
125
- style: _this2.centerStyles,
126
- arcCenterValue: _this2.arcCenterValue,
127
138
  ref: _this2.v3 ? function (el) {
128
139
  _this.centerRef = el;
129
140
  } : 'center'
@@ -131,11 +142,8 @@ var ArcGaugeVue2 = {
131
142
  } : [defaultSlots, h(ArcCenter_1.ArcCenter, {
132
143
  center: center,
133
144
  attrs: _this2.v3 ? undefined : {
134
- center: center,
135
- arcCenterValue: _this2.arcCenterValue
145
+ center: center
136
146
  },
137
- style: _this2.centerStyles,
138
- arcCenterValue: _this2.arcCenterValue,
139
147
  ref: _this2.v3 ? function (el) {
140
148
  _this.centerRef = el;
141
149
  } : 'center'
@@ -148,14 +156,10 @@ var ArcGaugeVue2 = {
148
156
  var height = this.center.$el.offsetHeight;
149
157
  var gaugeInstance = this.gaugeInstance();
150
158
  var position = gaugeInstance.centerLabelPosition(width, height);
151
- this.centerStyles = {
152
- left: position.left + 'px',
153
- top: position.top + 'px'
154
- };
155
- this.arcCenterValue = {
156
- value: gaugeInstance.value(),
157
- color: gaugeInstance.currentColor()
158
- };
159
+ this.centerStyles.left = position.left + 'px';
160
+ this.centerStyles.top = position.top + 'px';
161
+ this.arcCenterValue.value = gaugeInstance.value();
162
+ this.arcCenterValue.color = gaugeInstance.currentColor();
159
163
  },
160
164
  gaugeInstance: function gaugeInstance() {
161
165
  if (this._baseGauge) {
package/dist/npm/BaseGauge.js CHANGED
@@ -63,11 +63,8 @@ var BaseGaugeVue2 = {
63
63
  kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
64
64
  this.gaugeInstance = null;
65
65
  this.themeStore = {};
66
- this._prevRenderAs = undefined;
67
- this._prevDir = undefined; // protected themeUnsubscriber: Function = Function.prototype;
68
- // protected contextValue: GaugeContextType;
69
- // protected observersStore: any = {};
70
-
66
+ this._prevRenderAs = this.renderAs;
67
+ this._prevDir = this.dir;
71
68
  this.themeStore = store_1.default(reducer_1.themeReducer);
72
69
  this.observersStore = store_1.default(reducer_1.observersReducer);
73
70
  this.contextValue = {
@@ -105,7 +102,7 @@ var BaseGaugeVue2 = {
105
102
  var currentIntlService = kendo_vue_intl_1.provideIntlService(this);
106
103
  var gaugeService = this.gaugeInstance.contextService;
107
104
  var localeChanged = currentIntlService.locale !== gaugeService._intlService.locale;
108
- var optionsChanged = true;
105
+ var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs;
109
106
  var typedCurrentOthers = currentOthers;
110
107
 
111
108
  if (localeChanged) {
@@ -137,8 +134,11 @@ var BaseGaugeVue2 = {
137
134
 
138
135
  if (this._prevDir !== dir) {
139
136
  this.gaugeInstance.setDirection(this.getDirection(dir));
140
- } // this.$emit('render', { sender: this });
137
+ }
141
138
 
139
+ this.$emit('render', {
140
+ sender: this
141
+ });
142
142
  }
143
143
  },
144
144
  destroyed: function destroyed() {
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-gauges',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1641907045,
11
+ publishDate: 1641982302,
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
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-gauges",
3
3
  "description": "Kendo UI for Vue Gauges package",
4
- "version": "2.8.0-dev.202201111325",
4
+ "version": "2.8.0-dev.202201121019",
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.8.0-dev.202201111325"
41
+ "@progress/kendo-vue-common": "2.8.0-dev.202201121019"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@progress/kendo-data-query": "^1.0.0",
45
45
  "@progress/kendo-drawing": "^1.8.0",
46
46
  "@progress/kendo-file-saver": "^1.0.1",
47
47
  "@progress/kendo-licensing": "^1.0.1",
48
- "@progress/kendo-vue-buttons": "2.8.0-dev.202201111325",
49
- "@progress/kendo-vue-dropdowns": "2.8.0-dev.202201111325",
50
- "@progress/kendo-vue-inputs": "2.8.0-dev.202201111325",
51
- "@progress/kendo-vue-intl": "2.8.0-dev.202201111325",
48
+ "@progress/kendo-vue-buttons": "2.8.0-dev.202201121019",
49
+ "@progress/kendo-vue-dropdowns": "2.8.0-dev.202201121019",
50
+ "@progress/kendo-vue-inputs": "2.8.0-dev.202201121019",
51
+ "@progress/kendo-vue-intl": "2.8.0-dev.202201121019",
52
52
  "cldr-core": "^36.0.0",
53
53
  "cldr-dates-full": "^36.0.0",
54
54
  "cldr-numbers-full": "^36.0.0",