@progress/kendo-vue-gauges 2.8.0-dev.202201131525 → 3.0.0-dev.202201171427

package/dist/es/ArcGauge.js

@@ -170,8 +170,8 @@ var ArcGaugeVue2 = {
       return null;
     },
     exportVisual: function exportVisual(options) {
-      if (this.gaugeInstance !== null && this.element()) {
-        return drawDOM(this.element(), options);
+      if (this.gaugeInstance !== null && this.$el) {
+        return drawDOM(this.$el, options);
       }
 
       return Promise.resolve(new Group());

package/dist/es/BaseGauge.js

@@ -15,10 +15,11 @@ var __rest = this && this.__rest || function (s, e) {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var inject = allVue.inject;
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { loadTheme } from './theming/theme-service';
 import createStore from './store/store';
-import { themeReducer, observersReducer } from './store/reducer';
+import { themeReducer } from './store/reducer';
 import { canUseDOM } from '@progress/kendo-vue-common'; // import { GaugeContextType, GaugeContext } from './GaugeContext';
 
 import { validatePackage, getDefaultSlots } from '@progress/kendo-vue-common';
@@ -57,18 +58,11 @@ var BaseGaugeVue2 = {
     this._prevRenderAs = this.renderAs;
     this._prevDir = this.dir;
     this.themeStore = createStore(themeReducer);
-    this.observersStore = createStore(observersReducer);
-    this.contextValue = {
-      observersStore: this.observersStore
-    };
   },
   mounted: function mounted() {
     loadTheme(this.themeStore, this.instantiateCoreGauge.bind(this));
     this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this));
     window.addEventListener('resize', this.onWindowResize);
-    this.trigger('render', {
-      sender: this
-    });
   },
   watch: {
     dir: function dir(_newDir, oldDir) {
@@ -81,28 +75,18 @@ var BaseGaugeVue2 = {
   updated: function updated() {
     var _a = this.$props,
         dir = _a.dir,
-        children = _a.children,
-        deriveOptionsFromParent = _a.deriveOptionsFromParent,
         getTarget = _a.getTarget,
         gaugeConstructor = _a.gaugeConstructor,
         className = _a.className,
         renderAs = _a.renderAs,
-        currentOthers = __rest(_a, ["dir", "children", "deriveOptionsFromParent", "getTarget", "gaugeConstructor", "className", "renderAs"]);
+        currentOthers = __rest(_a, ["dir", "getTarget", "gaugeConstructor", "className", "renderAs"]);
 
     if (this.gaugeInstance !== null) {
-      var currentIntlService = provideIntlService(this);
-      var gaugeService = this.gaugeInstance.contextService;
-      var localeChanged = currentIntlService.locale !== gaugeService._intlService.locale;
       var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs;
       var typedCurrentOthers = currentOthers;
 
-      if (localeChanged) {
-        this.gaugeInstance.contextService._intlService = currentIntlService;
-        this.gaugeInstance.contextService.format._intlService = currentIntlService;
-
-        if (!optionsChanged) {
-          this.gaugeInstance.noTransitionsRedraw();
-        }
+      if (!optionsChanged) {
+        this.gaugeInstance.noTransitionsRedraw();
       }
 
       if (optionsChanged || (renderAs || 'svg') !== (this._prevRenderAs || 'svg')) {
@@ -145,8 +129,10 @@ var BaseGaugeVue2 = {
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
+    var kendoIntlService = inject('kendoIntlService', {});
     return {
-      v3: v3
+      v3: v3,
+      kendoIntlService: kendoIntlService
     };
   },
   // @ts-ignore
@@ -156,7 +142,12 @@ var BaseGaugeVue2 = {
     var gaugeStyles = Object.assign({}, {
       position: 'relative'
     });
+    this._intl = provideIntlService(this);
     return h("div", {
+      locale: this._intl.locale,
+      attrs: this.v3 ? undefined : {
+        locale: this._intl.locale
+      },
       style: gaugeStyles
     }, [defaultSlots]);
   },
@@ -168,7 +159,7 @@ var BaseGaugeVue2 = {
       var gaugeOptions = this.getGaugeOptions();
       this.gaugeInstance = new gaugeConstructor(this.$el, gaugeOptions, this.themeStore.getState(), {
         rtl: this.getDirection(dir),
-        intlService: provideIntlService(this),
+        intlService: this._intl,
         sender: this
       });
     },
@@ -212,17 +203,10 @@ var BaseGaugeVue2 = {
 
       return gaugeOptions;
     },
-    trigger: function trigger(name, e) {
-      var observers = this.observersStore.getState();
-
-      for (var idx = 0; idx < observers.length; idx++) {
-        observers[idx].trigger(name, e);
-      }
-    },
     onWindowResize: function onWindowResize() {
       if (this.gaugeInstance !== null) {
         this.gaugeInstance.resize();
-        this.trigger('render', {
+        this.$emit('render', {
           sender: this
         });
       }

package/dist/es/main.js

@@ -2,6 +2,5 @@ import { ArcGauge, ArcGaugeVue2 } from './ArcGauge';
 import { CircularGauge, CircularGaugeVue2 } from './CircularGauge';
 import { LinearGauge, LinearGaugeVue2 } from './LinearGauge';
 import { RadialGauge, RadialGaugeVue2 } from './RadialGauge';
-// export * from './common/gauges';
 export * from './types';
 export { ArcGauge, ArcGaugeVue2, CircularGauge, CircularGaugeVue2, LinearGauge, LinearGaugeVue2, RadialGauge, RadialGaugeVue2 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-gauges',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1642087014,
+    publishDate: 1642429128,
     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/dist/npm/ArcGauge.js

@@ -183,8 +183,8 @@ var ArcGaugeVue2 = {
       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.$el) {
+        return kendo_drawing_1.drawDOM(this.$el, options);
       }
 
       return Promise.resolve(new kendo_drawing_1.Group());

package/dist/npm/BaseGauge.js

@@ -22,6 +22,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var inject = allVue.inject;
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
@@ -72,18 +73,11 @@ var BaseGaugeVue2 = {
     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 = {
-      observersStore: this.observersStore
-    };
   },
   mounted: function mounted() {
     theme_service_1.loadTheme(this.themeStore, this.instantiateCoreGauge.bind(this));
     this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this));
     window.addEventListener('resize', this.onWindowResize);
-    this.trigger('render', {
-      sender: this
-    });
   },
   watch: {
     dir: function dir(_newDir, oldDir) {
@@ -96,28 +90,18 @@ var BaseGaugeVue2 = {
   updated: function updated() {
     var _a = this.$props,
         dir = _a.dir,
-        children = _a.children,
-        deriveOptionsFromParent = _a.deriveOptionsFromParent,
         getTarget = _a.getTarget,
         gaugeConstructor = _a.gaugeConstructor,
         className = _a.className,
         renderAs = _a.renderAs,
-        currentOthers = __rest(_a, ["dir", "children", "deriveOptionsFromParent", "getTarget", "gaugeConstructor", "className", "renderAs"]);
+        currentOthers = __rest(_a, ["dir", "getTarget", "gaugeConstructor", "className", "renderAs"]);
 
     if (this.gaugeInstance !== null) {
-      var currentIntlService = kendo_vue_intl_1.provideIntlService(this);
-      var gaugeService = this.gaugeInstance.contextService;
-      var localeChanged = currentIntlService.locale !== gaugeService._intlService.locale;
       var optionsChanged = this._prevDir !== dir || this._prevRenderAs !== renderAs;
       var typedCurrentOthers = currentOthers;
 
-      if (localeChanged) {
-        this.gaugeInstance.contextService._intlService = currentIntlService;
-        this.gaugeInstance.contextService.format._intlService = currentIntlService;
-
-        if (!optionsChanged) {
-          this.gaugeInstance.noTransitionsRedraw();
-        }
+      if (!optionsChanged) {
+        this.gaugeInstance.noTransitionsRedraw();
       }
 
       if (optionsChanged || (renderAs || 'svg') !== (this._prevRenderAs || 'svg')) {
@@ -160,8 +144,10 @@ var BaseGaugeVue2 = {
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
+    var kendoIntlService = inject('kendoIntlService', {});
     return {
-      v3: v3
+      v3: v3,
+      kendoIntlService: kendoIntlService
     };
   },
   // @ts-ignore
@@ -171,7 +157,12 @@ var BaseGaugeVue2 = {
     var gaugeStyles = Object.assign({}, {
       position: 'relative'
     });
+    this._intl = kendo_vue_intl_1.provideIntlService(this);
     return h("div", {
+      locale: this._intl.locale,
+      attrs: this.v3 ? undefined : {
+        locale: this._intl.locale
+      },
       style: gaugeStyles
     }, [defaultSlots]);
   },
@@ -183,7 +174,7 @@ var BaseGaugeVue2 = {
       var gaugeOptions = this.getGaugeOptions();
       this.gaugeInstance = new gaugeConstructor(this.$el, gaugeOptions, this.themeStore.getState(), {
         rtl: this.getDirection(dir),
-        intlService: kendo_vue_intl_1.provideIntlService(this),
+        intlService: this._intl,
         sender: this
       });
     },
@@ -227,17 +218,10 @@ var BaseGaugeVue2 = {
 
       return gaugeOptions;
     },
-    trigger: function trigger(name, e) {
-      var observers = this.observersStore.getState();
-
-      for (var idx = 0; idx < observers.length; idx++) {
-        observers[idx].trigger(name, e);
-      }
-    },
     onWindowResize: function onWindowResize() {
       if (this.gaugeInstance !== null) {
         this.gaugeInstance.resize();
-        this.trigger('render', {
+        this.$emit('render', {
           sender: this
         });
       }

package/dist/npm/main.js

@@ -23,5 +23,4 @@ Object.defineProperty(exports, "LinearGaugeVue2", { enumerable: true, get: funct
 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: 1642087014,
+    publishDate: 1642429128,
     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.8.0-dev.202201131525",
+  "version": "3.0.0-dev.202201171427",
   "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.8.0-dev.202201131525"
+    "@progress/kendo-vue-common": "3.0.0-dev.202201171427"
   },
   "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.8.0-dev.202201131525",
-    "@progress/kendo-vue-dropdowns": "2.8.0-dev.202201131525",
-    "@progress/kendo-vue-inputs": "2.8.0-dev.202201131525",
-    "@progress/kendo-vue-intl": "2.8.0-dev.202201131525",
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201171427",
+    "@progress/kendo-vue-dropdowns": "3.0.0-dev.202201171427",
+    "@progress/kendo-vue-inputs": "3.0.0-dev.202201171427",
+    "@progress/kendo-vue-intl": "3.0.0-dev.202201171427",
     "cldr-core": "^36.0.0",
     "cldr-dates-full": "^36.0.0",
     "cldr-numbers-full": "^36.0.0",

package/dist/es/GaugeContext.d.ts

@@ -1 +0,0 @@
-

package/dist/es/GaugeContext.js

@@ -1,12 +0,0 @@
-// import { Store } from './store/store';
-// /**
-//  * @hidden
-//  */
-// export interface GaugeContextType {
-//     observersStore: Store;
-// }
-// /**
-//  * @hidden
-//  */
-// export const GaugeContext = React.createContext<GaugeContextType | null>(null);
-// GaugeContext.displayName = 'GaugeContext';

package/dist/es/common/gauges.d.ts

@@ -1 +0,0 @@
-

package/dist/es/common/gauges.js

@@ -1,5 +0,0 @@
-// import { ArcGauge } from './../ArcGauge';
-// import { LinearGauge } from './../LinearGauge';
-// import { RadialGauge } from './../RadialGauge';
-// type Gauges = ArcGauge | LinearGauge | RadialGauge;
-// export { Gauges };

package/dist/npm/GaugeContext.d.ts

@@ -1 +0,0 @@
-

package/dist/npm/GaugeContext.js

@@ -1,13 +0,0 @@
-// import { Store } from './store/store';
-// /**
-//  * @hidden
-//  */
-// export interface GaugeContextType {
-//     observersStore: Store;
-// }
-// /**
-//  * @hidden
-//  */
-// export const GaugeContext = React.createContext<GaugeContextType | null>(null);
-// GaugeContext.displayName = 'GaugeContext';
-"use strict";

package/dist/npm/common/gauges.d.ts

@@ -1 +0,0 @@
-

package/dist/npm/common/gauges.js

@@ -1,5 +0,0 @@
-// import { ArcGauge } from './../ArcGauge';
-// import { LinearGauge } from './../LinearGauge';
-// import { RadialGauge } from './../RadialGauge';
-// type Gauges = ArcGauge | LinearGauge | RadialGauge;
-// export { Gauges };