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

package/dist/npm/ArcCenter.js

@@ -1,9 +1,25 @@
 "use strict";
 
+var __assign = undefined && undefined.__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);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ArcCenterVue3 = exports.ArcCenter = void 0; // @ts-ignore
+exports.ArcCenterVue2 = exports.ArcCenter = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -13,11 +29,18 @@ var gh = allVue.h;
 var kendo_vue_common_1 = require("@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;
@@ -33,9 +56,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) {
@@ -58,6 +83,6 @@ var ArcCenter = {
     return renderer;
   }
 };
-exports.ArcCenter = ArcCenter;
-var ArcCenterVue3 = ArcCenter;
-exports.ArcCenterVue3 = ArcCenterVue3;
+exports.ArcCenterVue2 = ArcCenterVue2;
+var ArcCenter = ArcCenterVue2;
+exports.ArcCenter = ArcCenter;

package/dist/npm/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/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.$el) {
+        return kendo_drawing_1.drawDOM(this.$el, 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,
@@ -51,31 +51,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() {
     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 = {
-      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) {
@@ -100,7 +101,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) {
@@ -115,7 +116,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) {
@@ -132,8 +133,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() {
@@ -216,23 +220,16 @@ 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
         });
       }
     }
   }
 };
-exports.BaseGauge = BaseGauge;
-var BaseGaugeVue3 = BaseGauge;
-exports.BaseGaugeVue3 = BaseGaugeVue3;
+exports.BaseGaugeVue2 = BaseGaugeVue2;
+var BaseGauge = BaseGaugeVue2;
+exports.BaseGauge = BaseGauge;

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/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,
@@ -61,12 +61,14 @@ var LinearGauge = {
     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',
@@ -101,8 +103,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 +123,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,
@@ -59,15 +59,17 @@ var RadialGauge = {
 
     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',
@@ -102,8 +104,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 +124,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,17 @@ 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; } });
-// export * from './common/gauges';
+Object.defineProperty(exports, "RadialGaugeVue2", { enumerable: true, get: function () { return RadialGauge_1.RadialGaugeVue2; } });
 __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: 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'
 };