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

package/dist/npm/ArcGauge.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArcGaugeVue3 = exports.ArcGauge = void 0; // @ts-ignore
+exports.ArcGaugeVue2 = exports.ArcGauge = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -21,7 +21,7 @@ var kendo_drawing_1 = require("@progress/kendo-drawing");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
-var ArcGauge = {
+var ArcGaugeVue2 = {
   name: 'KendoArcGauge',
   props: {
     dir: String,
@@ -57,8 +57,20 @@ var ArcGauge = {
   },
   data: function data() {
     return {
-      centerStyles: {},
-      arcCenterValue: {}
+      centerStyles: {
+        top: null,
+        left: null
+      },
+      arcCenterValue: {
+        value: '',
+        color: ''
+      }
+    };
+  },
+  provide: function provide() {
+    return {
+      centerStyles: this.$data.centerStyles,
+      arcCenterValue: this.$data.arcCenterValue
     };
   },
   mounted: function mounted() {
@@ -101,29 +113,28 @@ var ArcGauge = {
         value: value,
         attrs: this.v3 ? undefined : {
           value: value,
-          color: color,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: this.gaugeType,
           getTarget: this.getTarget
         },
-        color: color,
         deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',
         gaugeConstructor: this.gaugeType,
         getTarget: this.getTarget,
-        "class": kendo_vue_common_1.classNames('k-gauge k-arcgauge', className)
+        "class": kendo_vue_common_1.classNames('k-gauge k-arcgauge', className),
+        onRender: this.positionCenter,
+        on: this.v3 ? undefined : {
+          "render": this.positionCenter
+        }
       }, this.v3 ? function () {
         return [defaultSlots, // @ts-ignore
         h(ArcCenter_1.ArcCenter, {
           center: center,
           attrs: _this2.v3 ? undefined : {
-            center: center,
-            arcCenterValue: _this2.arcCenterValue
+            center: center
           },
-          style: _this2.centerStyles,
-          arcCenterValue: _this2.arcCenterValue,
           ref: _this2.v3 ? function (el) {
             _this.centerRef = el;
           } : 'center'
@@ -131,11 +142,8 @@ var ArcGauge = {
       } : [defaultSlots, h(ArcCenter_1.ArcCenter, {
         center: center,
         attrs: _this2.v3 ? undefined : {
-          center: center,
-          arcCenterValue: _this2.arcCenterValue
+          center: center
         },
-        style: _this2.centerStyles,
-        arcCenterValue: _this2.arcCenterValue,
         ref: _this2.v3 ? function (el) {
           _this.centerRef = el;
         } : 'center'
@@ -148,14 +156,10 @@ var ArcGauge = {
       var height = this.center.$el.offsetHeight;
       var gaugeInstance = this.gaugeInstance();
       var position = gaugeInstance.centerLabelPosition(width, height);
-      this.centerStyles = {
-        left: position.left + 'px',
-        top: position.top + 'px'
-      };
-      this.arcCenterValue = {
-        value: gaugeInstance.value(),
-        color: gaugeInstance.currentColor()
-      };
+      this.centerStyles.left = position.left + 'px';
+      this.centerStyles.top = position.top + 'px';
+      this.arcCenterValue.value = gaugeInstance.value();
+      this.arcCenterValue.color = gaugeInstance.currentColor();
     },
     gaugeInstance: function gaugeInstance() {
       if (this._baseGauge) {
@@ -179,8 +183,8 @@ var ArcGauge = {
       return null;
     },
     exportVisual: function exportVisual(options) {
-      if (this.gaugeInstance !== null && this.element) {
-        return kendo_drawing_1.drawDOM(this.element, options);
+      if (this.gaugeInstance !== null && this.element()) {
+        return kendo_drawing_1.drawDOM(this.element(), options);
       }
 
       return Promise.resolve(new kendo_drawing_1.Group());
@@ -205,6 +209,6 @@ var ArcGauge = {
     }
   }
 };
-exports.ArcGauge = ArcGauge;
-var ArcGaugeVue3 = ArcGauge;
-exports.ArcGaugeVue3 = ArcGaugeVue3;
+exports.ArcGaugeVue2 = ArcGaugeVue2;
+var ArcGauge = ArcGaugeVue2;
+exports.ArcGauge = ArcGauge;

package/dist/npm/BaseGauge.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -35,8 +34,8 @@ export interface BaseGaugeData {
 /**
  * @hidden
  */
-export interface BaseGaugeAll extends Vue, BaseGaugeMethods, BaseGaugeData, BaseGaugeComputed, BaseGaugeState {
+export interface BaseGaugeAll extends Vue2type, BaseGaugeMethods, BaseGaugeData, BaseGaugeComputed, BaseGaugeState {
 }
-declare let BaseGauge: ComponentOptions<BaseGaugeAll, DefaultData<BaseGaugeData>, DefaultMethods<BaseGaugeAll>, BaseGaugeComputed, RecordPropsDefinition<BaseGaugeProps>>;
-declare const BaseGaugeVue3: DefineComponent<BaseGaugeProps, any, BaseGaugeData, BaseGaugeComputed, BaseGaugeMethods, {}, {}, {}, string, BaseGaugeProps, BaseGaugeProps, {}>;
-export { BaseGauge, BaseGaugeVue3 };
+declare let BaseGaugeVue2: ComponentOptions<BaseGaugeAll, DefaultData<BaseGaugeData>, DefaultMethods<BaseGaugeAll>, BaseGaugeComputed, RecordPropsDefinition<BaseGaugeProps>>;
+declare const BaseGauge: DefineComponent<BaseGaugeProps, any, BaseGaugeData, BaseGaugeComputed, BaseGaugeMethods, {}, {}, {}, string, BaseGaugeProps, BaseGaugeProps, {}>;
+export { BaseGauge, BaseGaugeVue2 };

package/dist/npm/BaseGauge.js

@@ -16,7 +16,7 @@ var __rest = undefined && undefined.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BaseGaugeVue3 = exports.BaseGauge = void 0; // @ts-ignore
+exports.BaseGaugeVue2 = exports.BaseGauge = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -39,7 +39,7 @@ var kendo_vue_common_2 = require("@progress/kendo-vue-common");
 var package_metadata_1 = require("./package-metadata"); // tslint:enable:max-line-length
 
 
-var BaseGauge = {
+var BaseGaugeVue2 = {
   name: 'KendoBaseGauge',
   props: {
     dir: String,
@@ -54,15 +54,17 @@ var BaseGauge = {
     gaugeConstructor: [Object, Function],
     deriveOptionsFromParent: Function
   },
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
   created: function created() {
     kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
     this.gaugeInstance = null;
     this.themeStore = {};
-    this._prevRenderAs = undefined;
-    this._prevDir = undefined; // protected themeUnsubscriber: Function = Function.prototype;
-    // protected contextValue: GaugeContextType;
-    // protected observersStore: any = {};
-
+    this._prevRenderAs = this.renderAs;
+    this._prevDir = this.dir;
     this.themeStore = store_1.default(reducer_1.themeReducer);
     this.observersStore = store_1.default(reducer_1.observersReducer);
     this.contextValue = {
@@ -100,7 +102,7 @@ var BaseGauge = {
       var currentIntlService = kendo_vue_intl_1.provideIntlService(this);
       var gaugeService = this.gaugeInstance.contextService;
       var localeChanged = currentIntlService.locale !== gaugeService._intlService.locale;
-      var optionsChanged = true;
+      var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs;
       var typedCurrentOthers = currentOthers;
 
       if (localeChanged) {
@@ -132,8 +134,11 @@ var BaseGauge = {
 
       if (this._prevDir !== dir) {
         this.gaugeInstance.setDirection(this.getDirection(dir));
-      } //  this.$emit('render', { sender: this });
+      }
 
+      this.$emit('render', {
+        sender: this
+      });
     }
   },
   destroyed: function destroyed() {
@@ -233,6 +238,6 @@ var BaseGauge = {
     }
   }
 };
-exports.BaseGauge = BaseGauge;
-var BaseGaugeVue3 = BaseGauge;
-exports.BaseGaugeVue3 = BaseGaugeVue3;
+exports.BaseGaugeVue2 = BaseGaugeVue2;
+var BaseGauge = BaseGaugeVue2;
+exports.BaseGauge = BaseGauge;

package/dist/npm/CircularGauge.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -31,8 +30,8 @@ export interface CircularGaugeData extends ArcGaugeData {
 /**
  * @hidden
  */
-export interface CircularGaugeAll extends Vue, CircularGaugeMethods, CircularGaugeData, CircularGaugeComputed, CircularGaugeState {
+export interface CircularGaugeAll extends Vue2type, CircularGaugeMethods, CircularGaugeData, CircularGaugeComputed, CircularGaugeState {
 }
-declare let CircularGauge: ComponentOptions<CircularGaugeAll, DefaultData<CircularGaugeData>, DefaultMethods<CircularGaugeAll>, CircularGaugeComputed, RecordPropsDefinition<CircularGaugeProps>>;
-declare const CircularGaugeVue3: DefineComponent<CircularGaugeProps, any, CircularGaugeData, CircularGaugeComputed, CircularGaugeMethods, {}, {}, {}, string, CircularGaugeProps, CircularGaugeProps, {}>;
-export { CircularGauge, CircularGaugeVue3 };
+declare let CircularGaugeVue2: ComponentOptions<CircularGaugeAll, DefaultData<CircularGaugeData>, DefaultMethods<CircularGaugeAll>, CircularGaugeComputed, RecordPropsDefinition<CircularGaugeProps>>;
+declare const CircularGauge: DefineComponent<CircularGaugeProps, any, CircularGaugeData, CircularGaugeComputed, CircularGaugeMethods, {}, {}, {}, string, CircularGaugeProps, CircularGaugeProps, {}>;
+export { CircularGauge, CircularGaugeVue2 };

package/dist/npm/CircularGauge.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CircularGaugeVue3 = exports.CircularGauge = void 0; // @ts-ignore
+exports.CircularGaugeVue2 = exports.CircularGauge = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -31,7 +31,7 @@ var ArcGauge_1 = require("./ArcGauge");
 var kendo_charts_1 = require("@progress/kendo-charts"); // tslint:enable:max-line-length
 
 
-var CircularGauge = __assign(__assign({}, ArcGauge_1.ArcGauge), {
+var CircularGaugeVue2 = __assign(__assign({}, ArcGauge_1.ArcGauge), {
   name: 'KendoCircularGauge',
   created: function created() {
     this.gaugeType = kendo_charts_1.CircularGauge;
@@ -39,6 +39,6 @@ var CircularGauge = __assign(__assign({}, ArcGauge_1.ArcGauge), {
   }
 });
 
-exports.CircularGauge = CircularGauge;
-var CircularGaugeVue3 = CircularGauge;
-exports.CircularGaugeVue3 = CircularGaugeVue3;
+exports.CircularGaugeVue2 = CircularGaugeVue2;
+var CircularGauge = CircularGaugeVue2;
+exports.CircularGauge = CircularGauge;

package/dist/npm/LinearGauge.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -31,8 +30,8 @@ export interface LinearGaugeData {
 /**
  * @hidden
  */
-export interface LinearGaugeAll extends Vue, LinearGaugeMethods, LinearGaugeData, LinearGaugeComputed, LinearGaugeState {
+export interface LinearGaugeAll extends Vue2type, LinearGaugeMethods, LinearGaugeData, LinearGaugeComputed, LinearGaugeState {
 }
-declare let LinearGauge: ComponentOptions<LinearGaugeAll, DefaultData<LinearGaugeData>, DefaultMethods<LinearGaugeAll>, LinearGaugeComputed, RecordPropsDefinition<LinearGaugeProps>>;
-declare const LinearGaugeVue3: DefineComponent<LinearGaugeProps, any, LinearGaugeData, LinearGaugeComputed, LinearGaugeMethods, {}, {}, {}, string, LinearGaugeProps, LinearGaugeProps, {}>;
-export { LinearGauge, LinearGaugeVue3 };
+declare let LinearGaugeVue2: ComponentOptions<LinearGaugeAll, DefaultData<LinearGaugeData>, DefaultMethods<LinearGaugeAll>, LinearGaugeComputed, RecordPropsDefinition<LinearGaugeProps>>;
+declare const LinearGauge: DefineComponent<LinearGaugeProps, any, LinearGaugeData, LinearGaugeComputed, LinearGaugeMethods, {}, {}, {}, string, LinearGaugeProps, LinearGaugeProps, {}>;
+export { LinearGauge, LinearGaugeVue2 };

package/dist/npm/LinearGauge.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LinearGaugeVue3 = exports.LinearGauge = void 0; // @ts-ignore
+exports.LinearGaugeVue2 = exports.LinearGauge = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -19,7 +19,7 @@ var kendo_drawing_1 = require("@progress/kendo-drawing");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
-var LinearGauge = {
+var LinearGaugeVue2 = {
   name: 'KendoLinearGauge',
   props: {
     dir: String,
@@ -101,8 +101,8 @@ var LinearGauge = {
       return null;
     },
     exportVisual: function exportVisual(options) {
-      if (this.gaugeInstance !== null) {
-        return Promise.resolve(this.gaugeInstance.exportVisual(options));
+      if (this.gaugeInstance() !== null) {
+        return Promise.resolve(this.gaugeInstance().exportVisual(options));
       }
 
       return Promise.resolve(new kendo_drawing_1.Group());
@@ -121,6 +121,6 @@ var LinearGauge = {
     }
   }
 };
-exports.LinearGauge = LinearGauge;
-var LinearGaugeVue3 = LinearGauge;
-exports.LinearGaugeVue3 = LinearGaugeVue3;
+exports.LinearGaugeVue2 = LinearGaugeVue2;
+var LinearGauge = LinearGaugeVue2;
+exports.LinearGauge = LinearGauge;

package/dist/npm/RadialGauge.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from './additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -31,8 +30,8 @@ export interface RadialGaugeData {
 /**
  * @hidden
  */
-export interface RadialGaugeAll extends Vue, RadialGaugeMethods, RadialGaugeData, RadialGaugeComputed, RadialGaugeState {
+export interface RadialGaugeAll extends Vue2type, RadialGaugeMethods, RadialGaugeData, RadialGaugeComputed, RadialGaugeState {
 }
-declare let RadialGauge: ComponentOptions<RadialGaugeAll, DefaultData<RadialGaugeData>, DefaultMethods<RadialGaugeAll>, RadialGaugeComputed, RecordPropsDefinition<RadialGaugeProps>>;
-declare const RadialGaugeVue3: DefineComponent<RadialGaugeProps, any, RadialGaugeData, RadialGaugeComputed, RadialGaugeMethods, {}, {}, {}, string, RadialGaugeProps, RadialGaugeProps, {}>;
-export { RadialGauge, RadialGaugeVue3 };
+declare let RadialGaugeVue2: ComponentOptions<RadialGaugeAll, DefaultData<RadialGaugeData>, DefaultMethods<RadialGaugeAll>, RadialGaugeComputed, RecordPropsDefinition<RadialGaugeProps>>;
+declare const RadialGauge: DefineComponent<RadialGaugeProps, any, RadialGaugeData, RadialGaugeComputed, RadialGaugeMethods, {}, {}, {}, string, RadialGaugeProps, RadialGaugeProps, {}>;
+export { RadialGauge, RadialGaugeVue2 };

package/dist/npm/RadialGauge.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.RadialGaugeVue3 = exports.RadialGauge = void 0; // @ts-ignore
+exports.RadialGaugeVue2 = exports.RadialGauge = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -19,7 +19,7 @@ var kendo_drawing_1 = require("@progress/kendo-drawing");
 var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
-var RadialGauge = {
+var RadialGaugeVue2 = {
   name: 'KendoRadialGauge',
   props: {
     dir: String,
@@ -102,8 +102,8 @@ var RadialGauge = {
       return null;
     },
     exportVisual: function exportVisual(options) {
-      if (this.gaugeInstance !== null) {
-        return Promise.resolve(this.gaugeInstance.exportVisual(options));
+      if (this.gaugeInstance() !== null) {
+        return Promise.resolve(this.gaugeInstance().exportVisual(options));
       }
 
       return Promise.resolve(new kendo_drawing_1.Group());
@@ -122,6 +122,6 @@ var RadialGauge = {
     }
   }
 };
-exports.RadialGauge = RadialGauge;
-var RadialGaugeVue3 = RadialGauge;
-exports.RadialGaugeVue3 = RadialGaugeVue3;
+exports.RadialGaugeVue2 = RadialGaugeVue2;
+var RadialGauge = RadialGaugeVue2;
+exports.RadialGauge = RadialGauge;

package/dist/npm/additionalTypes.ts

@@ -1,3 +1,9 @@
 // @ts-ignore
 import { DefineComponent } from 'vue';
-export { DefineComponent };
+// @ts-ignore
+import * as Vue from 'vue';
+// @ts-ignore
+type Vue2type = Vue.default;
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/main.d.ts

@@ -1,10 +1,10 @@
-import { ArcGauge } from './ArcGauge';
+import { ArcGauge, ArcGaugeVue2 } from './ArcGauge';
 import { ArcGaugeProps } from './ArcGaugeProps';
-import { CircularGauge } from './CircularGauge';
+import { CircularGauge, CircularGaugeVue2 } from './CircularGauge';
 import { CircularGaugeProps } from './CircularGaugeProps';
-import { LinearGauge } from './LinearGauge';
+import { LinearGauge, LinearGaugeVue2 } from './LinearGauge';
 import { LinearGaugeProps } from './LinearGaugeProps';
-import { RadialGauge } from './RadialGauge';
+import { RadialGauge, RadialGaugeVue2 } from './RadialGauge';
 import { RadialGaugeProps } from './RadialGaugeProps';
 export * from './types';
-export { ArcGauge, ArcGaugeProps, CircularGauge, CircularGaugeProps, LinearGauge, LinearGaugeProps, RadialGauge, RadialGaugeProps };
+export { ArcGauge, ArcGaugeVue2, ArcGaugeProps, CircularGauge, CircularGaugeVue2, CircularGaugeProps, LinearGauge, LinearGaugeVue2, LinearGaugeProps, RadialGauge, RadialGaugeVue2, RadialGaugeProps };

package/dist/npm/main.js

@@ -10,14 +10,18 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadialGauge = exports.LinearGauge = exports.CircularGauge = exports.ArcGauge = void 0;
+exports.RadialGaugeVue2 = exports.RadialGauge = exports.LinearGaugeVue2 = exports.LinearGauge = exports.CircularGaugeVue2 = exports.CircularGauge = exports.ArcGaugeVue2 = exports.ArcGauge = void 0;
 var ArcGauge_1 = require("./ArcGauge");
 Object.defineProperty(exports, "ArcGauge", { enumerable: true, get: function () { return ArcGauge_1.ArcGauge; } });
+Object.defineProperty(exports, "ArcGaugeVue2", { enumerable: true, get: function () { return ArcGauge_1.ArcGaugeVue2; } });
 var CircularGauge_1 = require("./CircularGauge");
 Object.defineProperty(exports, "CircularGauge", { enumerable: true, get: function () { return CircularGauge_1.CircularGauge; } });
+Object.defineProperty(exports, "CircularGaugeVue2", { enumerable: true, get: function () { return CircularGauge_1.CircularGaugeVue2; } });
 var LinearGauge_1 = require("./LinearGauge");
 Object.defineProperty(exports, "LinearGauge", { enumerable: true, get: function () { return LinearGauge_1.LinearGauge; } });
+Object.defineProperty(exports, "LinearGaugeVue2", { enumerable: true, get: function () { return LinearGauge_1.LinearGaugeVue2; } });
 var RadialGauge_1 = require("./RadialGauge");
 Object.defineProperty(exports, "RadialGauge", { enumerable: true, get: function () { return RadialGauge_1.RadialGauge; } });
+Object.defineProperty(exports, "RadialGaugeVue2", { enumerable: true, get: function () { return RadialGauge_1.RadialGaugeVue2; } });
 // export * from './common/gauges';
 __exportStar(require("./types"), exports);

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-gauges',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1641396887,
+    publishDate: 1641982302,
     version: '',
     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'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-gauges",
   "description": "Kendo UI for Vue Gauges package",
-  "version": "2.7.2",
+  "version": "2.8.0-dev.202201121019",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -38,17 +38,17 @@
   },
   "dependencies": {
     "@progress/kendo-charts": "^1.18.0",
-    "@progress/kendo-vue-common": "2.7.2"
+    "@progress/kendo-vue-common": "2.8.0-dev.202201121019"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-file-saver": "^1.0.1",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "2.7.2",
-    "@progress/kendo-vue-dropdowns": "2.7.2",
-    "@progress/kendo-vue-inputs": "2.7.2",
-    "@progress/kendo-vue-intl": "2.7.2",
+    "@progress/kendo-vue-buttons": "2.8.0-dev.202201121019",
+    "@progress/kendo-vue-dropdowns": "2.8.0-dev.202201121019",
+    "@progress/kendo-vue-inputs": "2.8.0-dev.202201121019",
+    "@progress/kendo-vue-intl": "2.8.0-dev.202201121019",
     "cldr-core": "^36.0.0",
     "cldr-dates-full": "^36.0.0",
     "cldr-numbers-full": "^36.0.0",