@progress/kendo-vue-charts 3.4.0 → 3.4.2-dev.202207070519

package/dist/es/BaseChart.js

@@ -18,9 +18,10 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 import { DomEventsBuilder as ChartDomEventsBuilder, InstanceObserver } from '@progress/kendo-charts';
-import { getDefaultSlots, hasListener, isRtl } from '@progress/kendo-vue-common';
+import { getDefaultSlots, hasListener, isRtl, setRef, getRef } from '@progress/kendo-vue-common';
 import { hasParent } from './utils/main';
 import { DomEventsBuilder } from './events/dom-events-builder';
 import { create as createEvent } from './events/chart-event-builder';
@@ -159,11 +160,11 @@ var BaseChartVue2 = {
     };
   },
   mounted: function mounted() {
-    this.element = this.v3 ? this.elementRef : this.$refs.element;
+    this.element = getRef(this, 'element');
     loadTheme(this.themeStore, this.instantiateCoreChart);
     window.addEventListener('resize', this.onWindowResize);
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     this.onDestroyed();
   },
   // @ts-ignore
@@ -197,8 +198,8 @@ var BaseChartVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -216,16 +217,12 @@ var BaseChartVue2 = {
     });
 
     var divContent = function divContent() {
-      var _this = this;
-
       return h("div", {
         onMouseleave: this.onChartMouseLeave,
         on: this.v3 ? undefined : {
           "mouseleave": this.onChartMouseLeave
         },
-        ref: this.v3 ? function (el) {
-          _this.elementRef = el;
-        } : 'element',
+        ref: setRef(this, 'element'),
         "class": "k-chart-surface"
       }, [defaultSlots]);
     };

package/dist/es/Chart.js

@@ -2,11 +2,12 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { BaseChart } from './BaseChart';
 import { DonutCenter } from './DonutCenter';
 import { Chart as KendoChart } from '@progress/kendo-charts';
-import { classNames, getDefaultSlots, getListeners, templateRendering } from '@progress/kendo-vue-common';
+import { classNames, getDefaultSlots, getListeners, getRef, setRef, templateRendering } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -71,10 +72,10 @@ var ChartVue2 = {
     }
   },
   updated: function updated() {
-    this.baseChart = this.v3 ? this.baseChartRef : this.$refs.baseChart;
+    this.baseChart = getRef(this, 'baseChart');
   },
   mounted: function mounted() {
-    this.baseChart = this.v3 ? this.baseChartRef : this.$refs.baseChart;
+    this.baseChart = getRef(this, 'baseChart');
   },
   methods: {
     chartInstance: function chartInstance() {
@@ -106,15 +107,13 @@ var ChartVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement;
@@ -160,9 +159,7 @@ var ChartVue2 = {
         panes: panes,
         seriesDefaults: seriesDefaults,
         axisDefaults: axisDefaults,
-        ref: this.v3 ? function (el) {
-          _this.baseChartRef = el;
-        } : 'baseChart',
+        ref: setRef(this, 'baseChart'),
         chartConstructor: KendoChart,
         getTarget: this.getTarget,
         wrapper: "div",
@@ -176,13 +173,13 @@ var ChartVue2 = {
         return [defaultSlots, // @ts-ignore
         h(DonutCenter, {
           render: centerRender,
-          attrs: _this2.v3 ? undefined : {
+          attrs: _this.v3 ? undefined : {
             render: centerRender
           }
         })];
       } : [defaultSlots, h(DonutCenter, {
         render: centerRender,
-        attrs: _this2.v3 ? undefined : {
+        attrs: _this.v3 ? undefined : {
           render: centerRender
         }
       })])

package/dist/es/DonutCenter.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { InstanceObserver } from '@progress/kendo-charts';
 import { getTemplate } from '@progress/kendo-vue-common';
@@ -42,8 +43,8 @@ var DonutCenterVue2 = {
     });
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/Sparkline.js

@@ -2,10 +2,11 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { BaseChart } from './BaseChart';
 import { Sparkline as KendoSparkline } from '@progress/kendo-charts';
-import { classNames, getDefaultSlots } from '@progress/kendo-vue-common';
+import { classNames, getDefaultSlots, getRef, setRef } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
@@ -76,10 +77,10 @@ var SparklineVue2 = {
     }
   },
   updated: function updated() {
-    this.baseChart = this.v3 ? this.baseChartRef : this.$refs.baseChart;
+    this.baseChart = getRef(this, 'baseChart');
   },
   mounted: function mounted() {
-    this.baseChart = this.v3 ? this.baseChartRef : this.$refs.baseChart;
+    this.baseChart = getRef(this, 'baseChart');
   },
   methods: {
     chartInstance: function chartInstance() {
@@ -121,15 +122,13 @@ var SparklineVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
@@ -174,9 +173,7 @@ var SparklineVue2 = {
         panes: panes,
         seriesDefaults: seriesDefaults,
         axisDefaults: axisDefaults,
-        ref: this.v3 ? function (el) {
-          _this.baseChartRef = el;
-        } : 'baseChart',
+        ref: setRef(this, 'baseChart'),
         chartConstructor: KendoSparkline,
         getTarget: this.getTarget,
         wrapper: "span",

package/dist/es/StockChart.js

@@ -2,10 +2,11 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 import { BaseChart } from './BaseChart';
 import { StockChart as KendoStockChart } from '@progress/kendo-charts';
-import { classNames, getDefaultSlots } from '@progress/kendo-vue-common';
+import { classNames, getDefaultSlots, getRef, setRef } from '@progress/kendo-vue-common';
 var NAVIGATOR_DEFAULTS = {
   autoBindElements: true,
   liveDrag: false,
@@ -77,6 +78,12 @@ var StockChartVue2 = {
       }
     }
   },
+  updated: function updated() {
+    this.baseChart = getRef(this, 'baseChart');
+  },
+  mounted: function mounted() {
+    this.baseChart = getRef(this, 'baseChart');
+  },
   methods: {
     chartInstance: function chartInstance() {
       if (this.baseChart !== null) {
@@ -122,15 +129,13 @@ var StockChartVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
@@ -175,9 +180,7 @@ var StockChartVue2 = {
         panes: panes,
         seriesDefaults: seriesDefaults,
         axisDefaults: axisDefaults,
-        ref: this.v3 ? function (el) {
-          _this.baseChartRef = el;
-        } : 'baseChart',
+        ref: setRef(this, 'baseChart'),
         chartConstructor: KendoStockChart,
         getTarget: this.getTarget,
         wrapper: "div",

package/dist/es/components/AxisDefaults.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -96,8 +97,8 @@ var ChartAxisDefaultsVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/CategoryAxis.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { CollectionConfiguration } from './base/CollectionConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -11,8 +12,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var ChartCategoryAxisVue2 = {
   name: 'KendoChartCategoryAxis',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/CategoryAxisItem.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -210,8 +211,8 @@ var ChartCategoryAxisItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/ChartArea.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -42,8 +43,8 @@ var ChartAreaVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/Legend.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -115,8 +116,8 @@ var ChartLegendVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/Navigator.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -48,8 +49,8 @@ var ChartNavigatorVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/Pane.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -54,8 +55,8 @@ var ChartPaneVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/PaneDefaults.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -54,8 +55,8 @@ var ChartPaneDefaultsVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/Panes.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { CollectionConfiguration } from './base/CollectionConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -11,8 +12,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var ChartPanesVue2 = {
   name: 'KendoChartPanes',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/PlotArea.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -40,8 +41,8 @@ var ChartPlotAreaVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/Series.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { CollectionConfiguration } from './base/CollectionConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -11,8 +12,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var ChartSeriesVue2 = {
   name: 'KendoChartSeries',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/SeriesDefaults.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -65,8 +66,8 @@ var ChartSeriesDefaultsVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/SeriesItem.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var reactive = allVue.reactive;
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots, noop } from '@progress/kendo-vue-common';
@@ -254,8 +255,8 @@ var ChartSeriesItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/Title.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -70,8 +71,8 @@ var ChartTitleVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/Tooltip.js

@@ -18,6 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent'; // import { SharedTooltipContext, TooltipContext } from './../tooltip/Context';
 
 import { getDefaultSlots, getListeners, templateRendering } from '@progress/kendo-vue-common';
@@ -72,8 +73,8 @@ var ChartTooltipVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/ValueAxis.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { CollectionConfiguration } from './base/CollectionConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -11,8 +12,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var ChartValueAxisVue2 = {
   name: 'KendoChartValueAxis',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/ValueAxisItem.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -143,8 +144,8 @@ var ChartValueAxisItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/XAxis.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { CollectionConfiguration } from './base/CollectionConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -11,8 +12,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var ChartXAxisVue2 = {
   name: 'KendoChartXAxis',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/XAxisItem.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -156,8 +157,8 @@ var ChartXAxisItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/YAxis.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { CollectionConfiguration } from './base/CollectionConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
@@ -11,8 +12,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var ChartYAxisVue2 = {
   name: 'KendoChartYAxis',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/components/YAxisItem.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { Configuration } from './base/ConfigurationComponent';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { removeUndefinedProps } from '../utils/main';
@@ -152,8 +153,8 @@ var ChartYAxisItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };