@progress/kendo-vue-charts 3.5.0 → 3.5.1-dev.202208150613

package/dist/esm/tooltip/Series.js

@@ -0,0 +1,246 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+import { classNames, getTemplate } from '@progress/kendo-vue-common';
+import { InstanceObserver } from '@progress/kendo-charts';
+import { TooltipPoint } from './Point.js';
+import { SharedTooltipContent } from './SharedTooltipContent.js';
+import { TooltipPopup } from './Popup.js';
+var SHARED_TOOLTIP_CLASS = 'k-chart-shared-tooltip';
+var INVERSE_TOOLTIP_CLASS = 'k-chart-tooltip-inverse';
+/**
+ * @hidden
+ */
+
+var SeriesTooltipVue2 = {
+  name: 'KendoSeriesTooltip',
+  // static contextType = ChartContext;
+  data: function data() {
+    return {
+      popupShown: false,
+      popupAlign: undefined,
+      popupOffset: undefined,
+      popupContext: {},
+      popupStyles: undefined,
+      className: undefined,
+      shared: undefined
+    };
+  },
+  inject: {
+    optionsState: {
+      default: {}
+    },
+    observersState: {
+      default: null
+    },
+    dispatchObservers: {
+      default: null
+    }
+  },
+  // chartObserver: InstanceObserver;
+  mounted: function mounted() {
+    // This is moved here as calls to the listed methods contains
+    // setState which is restricted before component mount
+    this.chartObserver = new InstanceObserver(this, {
+      showTooltip: 'onShowTooltip',
+      hideTooltip: 'onHideTooltip'
+    });
+    this.dispatchObservers({
+      type: 'add',
+      payload: this.chartObserver
+    });
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.dispatchObservers({
+      type: 'remove',
+      payload: this.chartObserver
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.dispatchObservers({
+      type: 'remove',
+      payload: this.chartObserver
+    });
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var _this = this;
+
+    var _a;
+
+    var h = gh || createElement;
+    var tooltipContent = this.popupShown ? function () {
+      var render = this.findRenderFunction();
+
+      if (this.shared) {
+        var defaultSharedToolTip = // @ts-ignore  function children
+        h(SharedTooltipContent, {
+          categoryText: this.popupContext.categoryText,
+          attrs: this.v3 ? undefined : {
+            categoryText: this.popupContext.categoryText,
+            colorMarker: this.popupContext.colorMarker,
+            colspan: this.popupContext.colspan,
+            nameColumn: this.popupContext.nameColumn,
+            points: this.popupContext.points
+          },
+          colorMarker: this.popupContext.colorMarker,
+          colspan: this.popupContext.colspan,
+          nameColumn: this.popupContext.nameColumn,
+          points: this.popupContext.points
+        });
+        return getTemplate.call(this, {
+          h: h,
+          template: render,
+          defaultRendering: defaultSharedToolTip,
+          additionalProps: Object.assign({}, this.popupContext)
+        });
+      } else {
+        var point = this.popupContext.point;
+        var seriesRenderer = this.findRenderFunctionByIndex(point.series.index);
+        var defaultTooltip = h('span', {
+          domProps: {
+            innerHTML: this.popupContext.point.formattedValue
+          },
+          innerHTML: this.popupContext.point.formattedValue
+        });
+
+        if (seriesRenderer !== null) {
+          return getTemplate.call(this, {
+            h: h,
+            template: seriesRenderer,
+            defaultRendering: defaultTooltip,
+            additionalProps: Object.assign({}, this.popupContext)
+          });
+        } else if (render !== null) {
+          return getTemplate.call(this, {
+            h: h,
+            template: render,
+            defaultRendering: defaultTooltip,
+            additionalProps: Object.assign({}, this.popupContext)
+          });
+        } else {
+          return defaultTooltip;
+        }
+      }
+    } : Function.prototype;
+    var popupContainerClassName = classNames((_a = {}, _a[SHARED_TOOLTIP_CLASS] = this.shared, _a[INVERSE_TOOLTIP_CLASS] = !!this.className, _a));
+    return (// @ts-ignore  function children
+      h(TooltipPopup, {
+        popupShown: this.popupShown,
+        attrs: this.v3 ? undefined : {
+          popupShown: this.popupShown,
+          popupAlign: this.popupAlign,
+          popupOffset: this.popupOffset,
+          popupStyles: this.popupStyles,
+          className: popupContainerClassName
+        },
+        popupAlign: this.popupAlign,
+        popupOffset: this.popupOffset,
+        popupStyles: this.popupStyles,
+        className: popupContainerClassName
+      }, this.v3 ? function () {
+        return [tooltipContent.call(_this)];
+      } : [tooltipContent.call(_this)])
+    );
+  },
+  methods: {
+    onShowTooltip: function onShowTooltip(e) {
+      var anchor = e.anchor,
+          style = e.style,
+          shared = e.shared,
+          className = e.className,
+          crosshair = e.crosshair;
+      var context;
+
+      if (crosshair) {
+        return;
+      }
+
+      if (shared) {
+        context = this.createSharedTooltipContext(e);
+      } else {
+        context = this.createTooltipContext(e);
+      }
+
+      this.popupShown = true;
+      this.popupAlign = anchor.align;
+      this.popupOffset = anchor.point;
+      this.popupContext = context;
+      this.popupStyles = style;
+      this.className = className;
+      this.shared = shared;
+    },
+    onHideTooltip: function onHideTooltip() {
+      this.popupShown = false;
+      this.popupStyles = {};
+      this.className = undefined;
+    },
+    createSharedTooltipContext: function createSharedTooltipContext(e) {
+      var points = e.points,
+          categoryText = e.categoryText;
+      var nameColumn = points.filter(function (point) {
+        return typeof point.series.name !== 'undefined';
+      }).length > 0;
+      var colorMarker = e.series.length > 1;
+      var colspan = 1;
+
+      if (nameColumn) {
+        colspan++;
+      }
+
+      if (colorMarker) {
+        colspan++;
+      }
+
+      return {
+        categoryText: categoryText,
+        colorMarker: colorMarker,
+        colspan: colspan,
+        nameColumn: nameColumn,
+        points: e.points.map(function (point) {
+          return new TooltipPoint(point, e.format);
+        })
+      };
+    },
+    createTooltipContext: function createTooltipContext(e) {
+      var point = e.point,
+          format = e.format;
+      return {
+        point: new TooltipPoint(point, format)
+      };
+    },
+    findRenderFunctionByIndex: function findRenderFunctionByIndex(seriesIdx) {
+      var series = this.optionsState.series;
+
+      if (series !== undefined && Array.isArray(series) && series[seriesIdx] !== undefined && series[seriesIdx].hasOwnProperty('tooltip') && series[seriesIdx].tooltip.hasOwnProperty('render')) {
+        return series[seriesIdx].tooltip.render;
+      }
+
+      return null;
+    },
+    findRenderFunction: function findRenderFunction() {
+      var tooltip = this.optionsState.tooltip;
+
+      if (tooltip !== undefined && tooltip.hasOwnProperty('render')) {
+        return tooltip.render;
+      }
+
+      return null;
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var SeriesTooltip = SeriesTooltipVue2;
+export { SeriesTooltip, SeriesTooltipVue2 };

package/dist/esm/tooltip/SharedTooltipContent.d.ts

@@ -0,0 +1,42 @@
+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;
+};
+import { SharedTooltipContext } from './Context';
+/**
+ * @hidden
+ */
+export interface SharedTooltipProps extends SharedTooltipContext {
+}
+/**
+ * @hidden
+ */
+export interface SharedTooltipPopupState {
+}
+/**
+ * @hidden
+ */
+export interface SharedTooltipPopupMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SharedTooltipPopupComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SharedTooltipPopupAll extends SharedTooltipPopupMethods, SharedTooltipPopupState, SharedTooltipPopupComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const SharedTooltipContentVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<SharedTooltipPopupAll>, SharedTooltipPopupComputed, RecordPropsDefinition<SharedTooltipProps>>;
+/**
+ * @hidden
+ */
+declare const SharedTooltipContent: DefineComponent<SharedTooltipProps, any, {}, {}, {}, {}, {}, {}, string, SharedTooltipProps, SharedTooltipProps, {}>;
+export { SharedTooltipContent, SharedTooltipContentVue2 };

package/dist/esm/tooltip/SharedTooltipContent.js

@@ -0,0 +1,72 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var TOOLTIP_MARKER_CLASS = 'k-chart-shared-tooltip-marker';
+/**
+ * @hidden
+ */
+
+var SharedTooltipContentVue2 = {
+  name: 'KendoSharedTooltipPopup',
+  props: {
+    categoryText: String,
+    colorMarker: {
+      type: Boolean,
+      default: undefined
+    },
+    colspan: Number,
+    nameColumn: {
+      type: Boolean,
+      default: undefined
+    },
+    points: Array
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var _a = this.$props,
+        categoryText = _a.categoryText,
+        colorMarker = _a.colorMarker,
+        colspan = _a.colspan,
+        nameColumn = _a.nameColumn,
+        points = _a.points;
+
+    var pointsMap = function pointsMap(point, idx) {
+      var defaultTD = h('span', {
+        domProps: {
+          innerHTML: point.formattedValue
+        },
+        innerHTML: point.formattedValue
+      });
+      return h("tr", {
+        key: idx
+      }, [colorMarker && h("td", [h("span", {
+        "class": TOOLTIP_MARKER_CLASS,
+        style: {
+          backgroundColor: point.series.color
+        }
+      })]), nameColumn && h("td", [point.series.name]), defaultTD]);
+    };
+
+    return h("table", [h("thead", [h("tr", [h("th", {
+      colspan: colspan,
+      attrs: this.v3 ? undefined : {
+        colspan: colspan
+      }
+    }, [categoryText])])]), h("tbody", [points.map(pointsMap.bind(this), this)])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var SharedTooltipContent = SharedTooltipContentVue2;
+export { SharedTooltipContent, SharedTooltipContentVue2 };

package/dist/esm/tooltip/main.d.ts

@@ -0,0 +1,3 @@
+import { TooltipPoint } from './Point';
+import { TooltipContext, SharedTooltipContext } from './Context';
+export { TooltipPoint, TooltipContext, SharedTooltipContext };

package/dist/esm/tooltip/main.js

@@ -0,0 +1,2 @@
+import { TooltipPoint } from './Point.js';
+export { TooltipPoint };

package/dist/esm/utils/main.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @hidden
+ */
+declare function hasParent(element: any, parent: any): boolean;
+/**
+ * @hidden
+ */
+declare function removeUndefinedProps(obj: any): any;
+/**
+ * @hidden
+ */
+declare function validateChildren<P>(props: P, propName: string, componentName: string, childType: any): Error;
+/**
+ * @hidden
+ */
+declare const toggle: (flag: any) => boolean;
+export { hasParent, validateChildren, toggle, removeUndefinedProps };

package/dist/esm/utils/main.js

@@ -0,0 +1,63 @@
+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);
+};
+/**
+ * @hidden
+ */
+function hasParent(element, parent) {
+    var current = element;
+    while (current && current !== parent) {
+        current = current.parentNode;
+    }
+    return current ? true : false;
+}
+/**
+ * @hidden
+ */
+function removeUndefinedProps(obj) {
+    var clonedObject = __assign({}, obj);
+    Object.keys(clonedObject).forEach(function (key) {
+        if (clonedObject[key] === undefined) {
+            delete clonedObject[key];
+        }
+        if (key === 'dataItems') {
+            clonedObject.data = clonedObject[key];
+            delete clonedObject[key];
+        }
+        if (key === 'lineStyle' && clonedObject[key]) {
+            clonedObject.style = clonedObject[key];
+            delete clonedObject[key];
+        }
+    });
+    return clonedObject;
+}
+/**
+ * @hidden
+ */
+function validateChildren(props, propName, componentName, childType) {
+    var prop = props[propName];
+    if (prop) {
+        if (Array.isArray(prop)) {
+            for (var _i = 0, prop_1 = prop; _i < prop_1.length; _i++) {
+                var value = prop_1[_i];
+                if (!value.type || value.type !== childType) {
+                    return new Error("".concat(componentName, " children should be Array of type ").concat(childType.displayName, "."));
+                }
+            }
+        }
+    }
+    return null;
+}
+/**
+ * @hidden
+ */
+var toggle = function (flag) { return flag === undefined ? false : !flag; };
+export { hasParent, validateChildren, toggle, removeUndefinedProps };

package/dist/npm/BaseChart.js

@@ -167,8 +167,8 @@ var BaseChartVue2 = {
     this.chartInstance = null;
     this.element = null;
     this.suppressTransitions = false;
-    kendo_vue_common_2.validatePackage(package_metadata_1.packageMetadata);
-    this.themeStore = store_1.default(reducer_1.themeReducer);
+    (0, kendo_vue_common_2.validatePackage)(package_metadata_1.packageMetadata);
+    this.themeStore = (0, store_1.default)(reducer_1.themeReducer);
     this.chartObserver = new kendo_charts_1.InstanceObserver(this, {
       render: 'onRender',
       legendItemClick: 'onLegendItemClick'
@@ -184,8 +184,8 @@ var BaseChartVue2 = {
     };
   },
   mounted: function mounted() {
-    this.element = kendo_vue_common_1.getRef(this, 'element');
-    theme_service_1.loadTheme(this.themeStore, this.instantiateCoreChart);
+    this.element = (0, kendo_vue_common_1.getRef)(this, 'element');
+    (0, theme_service_1.loadTheme)(this.themeStore, this.instantiateCoreChart);
     window.addEventListener('resize', this.onWindowResize);
   },
   destroyed: !!isV3 ? undefined : function () {
@@ -198,7 +198,7 @@ var BaseChartVue2 = {
   updated: function updated() {
     // const { dir, children, ...spreadProps } = this.$props;
     if (this.chartInstance !== null) {
-      var currentIntlService = kendo_vue_intl_1.provideIntlService(this);
+      var currentIntlService = (0, kendo_vue_intl_1.provideIntlService)(this);
       var chartService = this.chartInstance.chartService;
       var localeChanged = currentIntlService.locale !== chartService._intlService.locale; // const shouldUpdate = (Object as any).entries(prevProps)
       //     .filter((keyValue) => (keyValue[0] !== 'dir' && keyValue[0] !== 'children'))
@@ -230,7 +230,7 @@ var BaseChartVue2 = {
   },
   render: function render(createElement) {
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
         _b = _a.chartStyle,
         chartStyle = _b === void 0 ? {} : _b,
@@ -246,7 +246,7 @@ var BaseChartVue2 = {
         on: this.v3 ? undefined : {
           "mouseleave": this.onChartMouseLeave
         },
-        ref: kendo_vue_common_1.setRef(this, 'element'),
+        ref: (0, kendo_vue_common_1.setRef)(this, 'element'),
         "class": "k-chart-surface"
       }, [defaultSlots]);
     };
@@ -267,10 +267,10 @@ var BaseChartVue2 = {
   },
   methods: {
     dispatchOptions: function dispatchOptions(action) {
-      reducer_1.optionsReducer(this.optionsState, action);
+      (0, reducer_1.optionsReducer)(this.optionsState, action);
     },
     dispatchObservers: function dispatchObservers(action) {
-      this.observersState = reducer_1.observersReducer(this.observersState, action);
+      this.observersState = (0, reducer_1.observersReducer)(this.observersState, action);
     },
     onDestroyed: function onDestroyed() {
       if (this.chartInstance !== null) {
@@ -281,7 +281,7 @@ var BaseChartVue2 = {
       window.removeEventListener('resize', this.onWindowResize);
     },
     getDirection: function getDirection(dir) {
-      return dir !== undefined ? dir === 'rtl' : kendo_vue_common_1.isRtl(this.element);
+      return dir !== undefined ? dir === 'rtl' : (0, kendo_vue_common_1.isRtl)(this.element);
     },
     getChartOptions: function getChartOptions() {
       var _a = this.$props,
@@ -384,7 +384,7 @@ var BaseChartVue2 = {
 
       this.chartInstance = new chartConstructor(this.element, chartOptions, this.themeStore.getState(), {
         rtl: this.getDirection(dir),
-        intlService: kendo_vue_intl_1.provideIntlService(this),
+        intlService: (0, kendo_vue_intl_1.provideIntlService)(this),
         observer: this.chartObserver,
         sender: this
       });
@@ -395,7 +395,7 @@ var BaseChartVue2 = {
     },
     trigger: function trigger(name, e) {
       var target = this.$props.getTarget();
-      var eventObject = chart_event_builder_1.create(name, e, target);
+      var eventObject = (0, chart_event_builder_1.create)(name, e, target);
       var observers = this.observersState;
       var isDefaultPrevented = false;
 
@@ -462,16 +462,16 @@ var BaseChartVue2 = {
 
           if (pointIndex === undefined) {
             payload = Object.assign({}, seriesByIndex, {
-              visible: main_2.toggle(seriesByIndex.visible)
+              visible: (0, main_2.toggle)(seriesByIndex.visible)
             });
           } else {
             var pv = seriesByIndex.pointVisibility = seriesByIndex.pointVisibility || [];
-            pv[pointIndex] = main_2.toggle(pv[pointIndex]);
+            pv[pointIndex] = (0, main_2.toggle)(pv[pointIndex]);
             payload = Object.assign({}, seriesByIndex);
           }
 
           this.dispatchOptions({
-            chartCollectionIdxKey: "series_" + seriesIndex,
+            chartCollectionIdxKey: "series_".concat(seriesIndex),
             payload: payload
           });
           this.suppressTransitions = true;
@@ -485,7 +485,7 @@ var BaseChartVue2 = {
       }
     },
     onChartMouseLeave: function onChartMouseLeave(e) {
-      var domEvent = dom_event_1.toDomEvent(this, e);
+      var domEvent = (0, dom_event_1.toDomEvent)(this, e);
       var isDefaultPrevented = this.triggerDomEvent('onMouseLeave', domEvent);
 
       if (isDefaultPrevented) {
@@ -497,7 +497,7 @@ var BaseChartVue2 = {
     onChildMouseLeave: function onChildMouseLeave(e) {
       var event = e.event;
 
-      if (this.chartInstance && !main_1.hasParent(event.relatedTarget, this.element)) {
+      if (this.chartInstance && !(0, main_1.hasParent)(event.relatedTarget, this.element)) {
         this.chartInstance.hideElements();
       }
 

package/dist/npm/Chart.js

@@ -84,10 +84,10 @@ var ChartVue2 = {
     }
   },
   updated: function updated() {
-    this.baseChart = kendo_vue_common_1.getRef(this, 'baseChart');
+    this.baseChart = (0, kendo_vue_common_1.getRef)(this, 'baseChart');
   },
   mounted: function mounted() {
-    this.baseChart = kendo_vue_common_1.getRef(this, 'baseChart');
+    this.baseChart = (0, kendo_vue_common_1.getRef)(this, 'baseChart');
   },
   methods: {
     chartInstance: function chartInstance() {
@@ -129,7 +129,7 @@ var ChartVue2 = {
     var _this = this;
 
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
         donutCenterRender = _a.donutCenterRender,
         dir = _a.dir,
@@ -171,11 +171,11 @@ var ChartVue2 = {
         panes: panes,
         seriesDefaults: seriesDefaults,
         axisDefaults: axisDefaults,
-        ref: kendo_vue_common_1.setRef(this, 'baseChart'),
+        ref: (0, kendo_vue_common_1.setRef)(this, 'baseChart'),
         chartConstructor: kendo_charts_1.Chart,
         getTarget: this.getTarget,
         wrapper: "div",
-        "class": kendo_vue_common_1.classNames('k-chart k-widget'),
+        "class": (0, kendo_vue_common_1.classNames)('k-chart k-widget'),
         onBasechartevent: this.handleBaseChartEvents,
         on: this.v3 ? undefined : {
           "basechartevent": this.handleBaseChartEvents

package/dist/npm/Sparkline.js

@@ -88,10 +88,10 @@ var SparklineVue2 = {
     }
   },
   updated: function updated() {
-    this.baseChart = kendo_vue_common_1.getRef(this, 'baseChart');
+    this.baseChart = (0, kendo_vue_common_1.getRef)(this, 'baseChart');
   },
   mounted: function mounted() {
-    this.baseChart = kendo_vue_common_1.getRef(this, 'baseChart');
+    this.baseChart = (0, kendo_vue_common_1.getRef)(this, 'baseChart');
   },
   methods: {
     chartInstance: function chartInstance() {
@@ -141,7 +141,7 @@ var SparklineVue2 = {
   },
   render: function render(createElement) {
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
         dataItems = _a.dataItems,
         dir = _a.dir,
@@ -184,12 +184,12 @@ var SparklineVue2 = {
         panes: panes,
         seriesDefaults: seriesDefaults,
         axisDefaults: axisDefaults,
-        ref: kendo_vue_common_1.setRef(this, 'baseChart'),
+        ref: (0, kendo_vue_common_1.setRef)(this, 'baseChart'),
         chartConstructor: kendo_charts_1.Sparkline,
         getTarget: this.getTarget,
         wrapper: "span",
         deriveOptionsFromParent: this.deriveOptionsFromParent,
-        "class": kendo_vue_common_1.classNames('k-sparkline k-widget'),
+        "class": (0, kendo_vue_common_1.classNames)('k-sparkline k-widget'),
         onBasechartevent: this.handleBaseChartEvents,
         on: this.v3 ? undefined : {
           "basechartevent": this.handleBaseChartEvents

package/dist/npm/StockChart.js

@@ -90,10 +90,10 @@ var StockChartVue2 = {
     }
   },
   updated: function updated() {
-    this.baseChart = kendo_vue_common_1.getRef(this, 'baseChart');
+    this.baseChart = (0, kendo_vue_common_1.getRef)(this, 'baseChart');
   },
   mounted: function mounted() {
-    this.baseChart = kendo_vue_common_1.getRef(this, 'baseChart');
+    this.baseChart = (0, kendo_vue_common_1.getRef)(this, 'baseChart');
   },
   methods: {
     chartInstance: function chartInstance() {
@@ -148,7 +148,7 @@ var StockChartVue2 = {
   },
   render: function render(createElement) {
     var h = gh || createElement;
-    var defaultSlots = kendo_vue_common_1.getDefaultSlots(this);
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
     var _a = this.$props,
         partialRedraw = _a.partialRedraw,
         dir = _a.dir,
@@ -191,7 +191,7 @@ var StockChartVue2 = {
         panes: panes,
         seriesDefaults: seriesDefaults,
         axisDefaults: axisDefaults,
-        ref: kendo_vue_common_1.setRef(this, 'baseChart'),
+        ref: (0, kendo_vue_common_1.setRef)(this, 'baseChart'),
         chartConstructor: kendo_charts_1.StockChart,
         getTarget: this.getTarget,
         wrapper: "div",
@@ -201,7 +201,7 @@ var StockChartVue2 = {
           "refresh": this.onRefresh,
           "basechartevent": this.handleBaseChartEvents
         },
-        "class": kendo_vue_common_1.classNames('k-stockchart k-widget'),
+        "class": (0, kendo_vue_common_1.classNames)('k-stockchart k-widget'),
         onBasechartevent: this.handleBaseChartEvents
       }, this.v3 ? function () {
         return [defaultSlots];