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

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';
@@ -36,6 +37,12 @@ var BaseGaugeVue2 = {
       }
     },
     value: Number,
+    pointer: {
+      type: [Object, Array],
+      default: function _default() {
+        return undefined;
+      }
+    },
     gaugeConstructor: [Object, Function],
     deriveOptionsFromParent: Function
   },
@@ -51,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) {
@@ -75,34 +75,24 @@ 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')) {
         this.refresh();
       } else {
-        if (Object.keys(currentOthers).indexOf('pointer') > -1) {
+        if (Object.keys(currentOthers).indexOf('pointer') > -1 && currentOthers.pointer) {
           var isPointerArray = Array.isArray(typedCurrentOthers.pointer);
 
           if (isPointerArray) {
@@ -139,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
@@ -150,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]);
   },
@@ -162,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
       });
     },
@@ -206,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/BaseGaugeProps.d.ts

@@ -24,6 +24,7 @@ export interface BaseGaugeProps extends BaseGaugePrivateProps {
      */
     dir?: string;
     value?: number;
+    pointer?: object;
     color?: any;
     colors?: any[];
     opacity?: any;

package/dist/es/LinearGauge.js

@@ -49,12 +49,14 @@ var LinearGaugeVue2 = {
     var defaultSlots = getDefaultSlots(this);
     return (// @ts-ignore  function children
       h(BaseGauge, {
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        pointer: this.$props.pointer,
         attrs: this.v3 ? undefined : {
+          pointer: this.$props.pointer,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: KendoLinearGauge,
           getTarget: this.getTarget
         },
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',

package/dist/es/RadialGauge.js

@@ -47,15 +47,17 @@ var RadialGaugeVue2 = {
 
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
-    var className = this.$props.className;
+    var pointer = this.$props.pointer;
     return (// @ts-ignore  function children
       h(BaseGauge, {
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        pointer: pointer,
         attrs: this.v3 ? undefined : {
+          pointer: pointer,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: KendoRadialGauge,
           getTarget: this.getTarget
         },
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',

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: 1641982302,
+    publishDate: 1642407706,
     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");
 
@@ -51,6 +52,12 @@ var BaseGaugeVue2 = {
       }
     },
     value: Number,
+    pointer: {
+      type: [Object, Array],
+      default: function _default() {
+        return undefined;
+      }
+    },
     gaugeConstructor: [Object, Function],
     deriveOptionsFromParent: Function
   },
@@ -66,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) {
@@ -90,34 +90,24 @@ 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')) {
         this.refresh();
       } else {
-        if (Object.keys(currentOthers).indexOf('pointer') > -1) {
+        if (Object.keys(currentOthers).indexOf('pointer') > -1 && currentOthers.pointer) {
           var isPointerArray = Array.isArray(typedCurrentOthers.pointer);
 
           if (isPointerArray) {
@@ -154,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
@@ -165,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]);
   },
@@ -177,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
       });
     },
@@ -221,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/BaseGaugeProps.d.ts

@@ -24,6 +24,7 @@ export interface BaseGaugeProps extends BaseGaugePrivateProps {
      */
     dir?: string;
     value?: number;
+    pointer?: object;
     color?: any;
     colors?: any[];
     opacity?: any;

package/dist/npm/LinearGauge.js

@@ -61,12 +61,14 @@ var LinearGaugeVue2 = {
     var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
     return (// @ts-ignore  function children
       h(BaseGauge_1.BaseGauge, {
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        pointer: this.$props.pointer,
         attrs: this.v3 ? undefined : {
+          pointer: this.$props.pointer,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: kendo_charts_1.LinearGauge,
           getTarget: this.getTarget
         },
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',

package/dist/npm/RadialGauge.js

@@ -59,15 +59,17 @@ var RadialGaugeVue2 = {
 
     var h = gh || createElement;
     var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
-    var className = this.$props.className;
+    var pointer = this.$props.pointer;
     return (// @ts-ignore  function children
       h(BaseGauge_1.BaseGauge, {
-        deriveOptionsFromParent: this.deriveOptionsFromParent,
+        pointer: pointer,
         attrs: this.v3 ? undefined : {
+          pointer: pointer,
           deriveOptionsFromParent: this.deriveOptionsFromParent,
           gaugeConstructor: kendo_charts_1.RadialGauge,
           getTarget: this.getTarget
         },
+        deriveOptionsFromParent: this.deriveOptionsFromParent,
         ref: this.v3 ? function (el) {
           _this.baseGaugeRef = el;
         } : 'baseGauge',

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: 1641982302,
+    publishDate: 1642407706,
     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.202201121019",
+  "version": "3.0.0-dev.202201170830",
   "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.202201121019"
+    "@progress/kendo-vue-common": "3.0.0-dev.202201170830"
   },
   "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.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",
+    "@progress/kendo-vue-buttons": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-dropdowns": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-inputs": "3.0.0-dev.202201170830",
+    "@progress/kendo-vue-intl": "3.0.0-dev.202201170830",
     "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 };