@progress/kendo-vue-gauges 2.7.3 → 3.0.0-dev.202201141128

package/dist/es/ArcCenter.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;
@@ -41,8 +40,8 @@ export interface ArcCenterData {
 /**
  * @hidden
  */
-export interface ArcCenterAll extends Vue, ArcCenterMethods, ArcCenterData, ArcCenterComputed, ArcCenterState {
+export interface ArcCenterAll extends Vue2type, ArcCenterMethods, ArcCenterData, ArcCenterComputed, ArcCenterState {
 }
-declare let ArcCenter: ComponentOptions<ArcCenterAll, DefaultData<ArcCenterData>, DefaultMethods<ArcCenterAll>, ArcCenterComputed, RecordPropsDefinition<ArcCenterProps>>;
-declare const ArcCenterVue3: DefineComponent<ArcCenterProps, any, ArcCenterData, ArcCenterComputed, ArcCenterMethods, {}, {}, {}, string, ArcCenterProps, ArcCenterProps, {}>;
-export { ArcCenter, ArcCenterVue3 };
+declare let ArcCenterVue2: ComponentOptions<ArcCenterAll, DefaultData<ArcCenterData>, DefaultMethods<ArcCenterAll>, ArcCenterComputed, RecordPropsDefinition<ArcCenterProps>>;
+declare const ArcCenter: DefineComponent<ArcCenterProps, any, ArcCenterData, ArcCenterComputed, ArcCenterMethods, {}, {}, {}, string, ArcCenterProps, ArcCenterProps, {}>;
+export { ArcCenter, ArcCenterVue2 };

package/dist/es/ArcCenter.js

@@ -1,14 +1,37 @@
-// @ts-ignore
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
-var ArcCenter = {
+var ArcCenterVue2 = {
   name: 'KendoArcCenter',
   props: {
-    center: [String, Function, Object],
-    arcCenterValue: Object
+    center: [String, Function, Object]
+  },
+  inject: {
+    arcCenterValue: {
+      default: null
+    },
+    centerStyles: {
+      default: null
+    }
   },
   created: function created() {
     this.element = null;
@@ -24,9 +47,11 @@ var ArcCenter = {
   render: function render(createElement) {
     var h = gh || createElement;
     var center = this.$props.center;
-    var divStyle = {
+
+    var divStyle = __assign({
       zIndex: -1
-    };
+    }, this.centerStyles);
+
     var renderer = null;
 
     if (center) {
@@ -49,5 +74,5 @@ var ArcCenter = {
     return renderer;
   }
 };
-var ArcCenterVue3 = ArcCenter;
-export { ArcCenter, ArcCenterVue3 };
+var ArcCenter = ArcCenterVue2;
+export { ArcCenter, ArcCenterVue2 };

package/dist/es/ArcGauge.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;
@@ -36,8 +35,8 @@ export interface ArcGaugeData {
 /**
  * @hidden
  */
-export interface ArcGaugeAll extends Vue, ArcGaugeMethods, ArcGaugeData, ArcGaugeComputed, ArcGaugeState {
+export interface ArcGaugeAll extends Vue2type, ArcGaugeMethods, ArcGaugeData, ArcGaugeComputed, ArcGaugeState {
 }
-declare let ArcGauge: ComponentOptions<ArcGaugeAll, DefaultData<ArcGaugeData>, DefaultMethods<ArcGaugeAll>, ArcGaugeComputed, RecordPropsDefinition<ArcGaugeProps>>;
-declare const ArcGaugeVue3: DefineComponent<ArcGaugeProps, any, ArcGaugeData, ArcGaugeComputed, ArcGaugeMethods, {}, {}, {}, string, ArcGaugeProps, ArcGaugeProps, {}>;
-export { ArcGauge, ArcGaugeVue3 };
+declare let ArcGaugeVue2: ComponentOptions<ArcGaugeAll, DefaultData<ArcGaugeData>, DefaultMethods<ArcGaugeAll>, ArcGaugeComputed, RecordPropsDefinition<ArcGaugeProps>>;
+declare const ArcGauge: DefineComponent<ArcGaugeProps, any, ArcGaugeData, ArcGaugeComputed, ArcGaugeMethods, {}, {}, {}, string, ArcGaugeProps, ArcGaugeProps, {}>;
+export { ArcGauge, ArcGaugeVue2 };

package/dist/es/ArcGauge.js

@@ -8,7 +8,7 @@ import { ArcCenter } from './ArcCenter';
 import { Group, drawDOM } from '@progress/kendo-drawing';
 import { classNames, getDefaultSlots, templateRendering, getListeners } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
-var ArcGauge = {
+var ArcGaugeVue2 = {
   name: 'KendoArcGauge',
   props: {
     dir: String,
@@ -44,8 +44,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() {
@@ -88,29 +100,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": classNames('k-gauge k-arcgauge', className)
+        "class": 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, {
           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'
@@ -118,11 +129,8 @@ var ArcGauge = {
       } : [defaultSlots, h(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'
@@ -135,14 +143,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) {
@@ -166,8 +170,8 @@ var ArcGauge = {
       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());
@@ -192,5 +196,5 @@ var ArcGauge = {
     }
   }
 };
-var ArcGaugeVue3 = ArcGauge;
-export { ArcGauge, ArcGaugeVue3 };
+var ArcGauge = ArcGaugeVue2;
+export { ArcGauge, ArcGaugeVue2 };

package/dist/es/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/es/BaseGauge.js

@@ -18,13 +18,13 @@ var gh = allVue.h;
 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';
 import { packageMetadata } from './package-metadata'; // tslint:enable:max-line-length
 
-var BaseGauge = {
+var BaseGaugeVue2 = {
   name: 'KendoBaseGauge',
   props: {
     dir: String,
@@ -36,31 +36,32 @@ var BaseGauge = {
       }
     },
     value: Number,
+    pointer: {
+      type: [Object, Array],
+      default: function _default() {
+        return undefined;
+      }
+    },
     gaugeConstructor: [Object, Function],
     deriveOptionsFromParent: Function
   },
+  inject: {
+    kendoIntlService: {
+      default: null
+    }
+  },
   created: function created() {
     validatePackage(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 = 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) {
@@ -85,7 +86,7 @@ var BaseGauge = {
       var currentIntlService = 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) {
@@ -100,7 +101,7 @@ var BaseGauge = {
       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) {
@@ -117,8 +118,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() {
@@ -201,22 +205,15 @@ var BaseGauge = {
 
       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
         });
       }
     }
   }
 };
-var BaseGaugeVue3 = BaseGauge;
-export { BaseGauge, BaseGaugeVue3 };
+var BaseGauge = BaseGaugeVue2;
+export { BaseGauge, BaseGaugeVue2 };

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/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/es/CircularGauge.js

@@ -21,7 +21,7 @@ var gh = allVue.h;
 import { ArcGauge } from './ArcGauge';
 import { CircularGauge as KendoCircularGauge } from '@progress/kendo-charts'; // tslint:enable:max-line-length
 
-var CircularGauge = __assign(__assign({}, ArcGauge), {
+var CircularGaugeVue2 = __assign(__assign({}, ArcGauge), {
   name: 'KendoCircularGauge',
   created: function created() {
     this.gaugeType = KendoCircularGauge;
@@ -29,5 +29,5 @@ var CircularGauge = __assign(__assign({}, ArcGauge), {
   }
 });
 
-var CircularGaugeVue3 = CircularGauge;
-export { CircularGauge, CircularGaugeVue3 };
+var CircularGauge = CircularGaugeVue2;
+export { CircularGauge, CircularGaugeVue2 };

package/dist/es/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/es/LinearGauge.js

@@ -7,7 +7,7 @@ import { LinearGauge as KendoLinearGauge } from '@progress/kendo-charts';
 import { Group } from '@progress/kendo-drawing';
 import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
-var LinearGauge = {
+var LinearGaugeVue2 = {
   name: 'KendoLinearGauge',
   props: {
     dir: String,
@@ -49,12 +49,14 @@ var LinearGauge = {
     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',
@@ -89,8 +91,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 Group());
@@ -109,5 +111,5 @@ var LinearGauge = {
     }
   }
 };
-var LinearGaugeVue3 = LinearGauge;
-export { LinearGauge, LinearGaugeVue3 };
+var LinearGauge = LinearGaugeVue2;
+export { LinearGauge, LinearGaugeVue2 };

package/dist/es/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/es/RadialGauge.js

@@ -7,7 +7,7 @@ import { RadialGauge as KendoRadialGauge } from '@progress/kendo-charts';
 import { Group } from '@progress/kendo-drawing';
 import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
-var RadialGauge = {
+var RadialGaugeVue2 = {
   name: 'KendoRadialGauge',
   props: {
     dir: String,
@@ -47,15 +47,17 @@ var RadialGauge = {
 
     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',
@@ -90,8 +92,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 Group());
@@ -110,5 +112,5 @@ var RadialGauge = {
     }
   }
 };
-var RadialGaugeVue3 = RadialGauge;
-export { RadialGauge, RadialGaugeVue3 };
+var RadialGauge = RadialGaugeVue2;
+export { RadialGauge, RadialGaugeVue2 };

package/dist/es/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/es/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/es/main.js

@@ -1,7 +1,6 @@
-import { ArcGauge } from './ArcGauge';
-import { CircularGauge } from './CircularGauge';
-import { LinearGauge } from './LinearGauge';
-import { RadialGauge } from './RadialGauge';
-// export * from './common/gauges';
+import { ArcGauge, ArcGaugeVue2 } from './ArcGauge';
+import { CircularGauge, CircularGaugeVue2 } from './CircularGauge';
+import { LinearGauge, LinearGaugeVue2 } from './LinearGauge';
+import { RadialGauge, RadialGaugeVue2 } from './RadialGauge';
 export * from './types';
-export { ArcGauge, CircularGauge, LinearGauge, RadialGauge };
+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: 1641561416,
+    publishDate: 1642159203,
     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/ArcCenter.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;
@@ -41,8 +40,8 @@ export interface ArcCenterData {
 /**
  * @hidden
  */
-export interface ArcCenterAll extends Vue, ArcCenterMethods, ArcCenterData, ArcCenterComputed, ArcCenterState {
+export interface ArcCenterAll extends Vue2type, ArcCenterMethods, ArcCenterData, ArcCenterComputed, ArcCenterState {
 }
-declare let ArcCenter: ComponentOptions<ArcCenterAll, DefaultData<ArcCenterData>, DefaultMethods<ArcCenterAll>, ArcCenterComputed, RecordPropsDefinition<ArcCenterProps>>;
-declare const ArcCenterVue3: DefineComponent<ArcCenterProps, any, ArcCenterData, ArcCenterComputed, ArcCenterMethods, {}, {}, {}, string, ArcCenterProps, ArcCenterProps, {}>;
-export { ArcCenter, ArcCenterVue3 };
+declare let ArcCenterVue2: ComponentOptions<ArcCenterAll, DefaultData<ArcCenterData>, DefaultMethods<ArcCenterAll>, ArcCenterComputed, RecordPropsDefinition<ArcCenterProps>>;
+declare const ArcCenter: DefineComponent<ArcCenterProps, any, ArcCenterData, ArcCenterComputed, ArcCenterMethods, {}, {}, {}, string, ArcCenterProps, ArcCenterProps, {}>;
+export { ArcCenter, ArcCenterVue2 };