@progress/kendo-vue-charts 3.6.4 → 3.7.0-dev.202210250731

package/dist/es/BaseChart.js

@@ -2,19 +2,15 @@ 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
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -38,7 +34,6 @@ import { packageMetadata } from './package-metadata';
 /**
  * @hidden
  */
-
 var BaseChartVue2 = {
   name: 'KendoBaseChart',
   props: {
@@ -176,27 +171,29 @@ var BaseChartVue2 = {
     if (this.chartInstance !== null) {
       var currentIntlService = provideIntlService(this);
       var chartService = this.chartInstance.chartService;
-      var localeChanged = currentIntlService.locale !== chartService._intlService.locale; // const shouldUpdate = (Object as any).entries(prevProps)
+      var localeChanged = currentIntlService.locale !== chartService._intlService.locale;
+      // const shouldUpdate = (Object as any).entries(prevProps)
       //     .filter((keyValue) => (keyValue[0] !== 'dir' && keyValue[0] !== 'children'))
       //     .some((keyValue) => {
       //         const [key, value] = keyValue;
       //         return !(spreadProps.hasOwnProperty(key) && spreadProps[key] === value);
       //     });
-
       if (localeChanged) {
         this.chartInstance.chartService._intlService = currentIntlService;
-        this.chartInstance.chartService.format._intlService = currentIntlService; // if (!shouldUpdate) {
-
-        this.chartInstance.noTransitionsRedraw(); // }
-      } //     if (shouldUpdate) {
-
-
-      this.refresh(); //     }
+        this.chartInstance.chartService.format._intlService = currentIntlService;
+        // if (!shouldUpdate) {
+        this.chartInstance.noTransitionsRedraw();
+        // }
+      }
+      //     if (shouldUpdate) {
+      this.refresh();
+      //     }
       //     if (prevProps.dir !== dir) {
       //         this.chartInstance.setDirection(this.getDirection(dir));
       //     }
     }
   },
+
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -208,14 +205,13 @@ var BaseChartVue2 = {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        _b = _a.chartStyle,
-        chartStyle = _b === void 0 ? {} : _b,
-        className = _a.className,
-        wrapper = _a.wrapper;
+      _b = _a.chartStyle,
+      chartStyle = _b === void 0 ? {} : _b,
+      className = _a.className,
+      wrapper = _a.wrapper;
     var chartStyles = Object.assign({}, chartStyle, {
       position: 'relative'
     });
-
     var divContent = function divContent() {
       return h("div", {
         onMouseleave: this.onChartMouseLeave,
@@ -226,7 +222,6 @@ var BaseChartVue2 = {
         "class": "k-chart-surface"
       }, [defaultSlots]);
     };
-
     return h(wrapper, {
       style: chartStyles,
       class: className,
@@ -253,7 +248,6 @@ var BaseChartVue2 = {
         this.chartInstance.destroy();
         this.chartInstance = null;
       }
-
       window.removeEventListener('resize', this.onWindowResize);
     },
     getDirection: function getDirection(dir) {
@@ -261,60 +255,49 @@ var BaseChartVue2 = {
     },
     getChartOptions: function getChartOptions() {
       var _a = this.$props,
-          renderAs = _a.renderAs,
-          pannable = _a.pannable,
-          zoomable = _a.zoomable,
-          paneDefaults = _a.paneDefaults,
-          panes = _a.panes,
-          transitions = _a.transitions,
-          seriesColors = _a.seriesColors,
-          seriesDefaults = _a.seriesDefaults,
-          axisDefaults = _a.axisDefaults,
-          deriveOptionsFromParent = _a.deriveOptionsFromParent;
-      var chartOptions = {}; // undefined clears chart defaults which leads to several issues
-
+        renderAs = _a.renderAs,
+        pannable = _a.pannable,
+        zoomable = _a.zoomable,
+        paneDefaults = _a.paneDefaults,
+        panes = _a.panes,
+        transitions = _a.transitions,
+        seriesColors = _a.seriesColors,
+        seriesDefaults = _a.seriesDefaults,
+        axisDefaults = _a.axisDefaults,
+        deriveOptionsFromParent = _a.deriveOptionsFromParent;
+      var chartOptions = {};
+      // undefined clears chart defaults which leads to several issues
       if (renderAs !== undefined) {
         chartOptions.renderAs = renderAs;
       }
-
       if (pannable !== undefined) {
         chartOptions.pannable = pannable;
       }
-
       if (zoomable !== undefined) {
         chartOptions.zoomable = zoomable;
       }
-
       if (paneDefaults !== undefined) {
         chartOptions.paneDefaults = paneDefaults;
       }
-
       if (panes !== undefined) {
         chartOptions.panes = panes;
       }
-
       if (transitions !== undefined) {
         chartOptions.transitions = transitions;
       }
-
       if (seriesColors !== undefined) {
         chartOptions.seriesColors = seriesColors;
       }
-
       if (seriesDefaults !== undefined) {
         chartOptions.seriesDefaults = seriesDefaults;
       }
-
       if (axisDefaults !== undefined) {
         chartOptions.axisDefaults = axisDefaults;
       }
-
       chartOptions = Object.assign(chartOptions, this.optionsState);
-
       if (deriveOptionsFromParent) {
         chartOptions = deriveOptionsFromParent(chartOptions);
       }
-
       return chartOptions;
     },
     refresh: function refresh() {
@@ -322,11 +305,9 @@ var BaseChartVue2 = {
         var themeOptions = this.themeStore.getState();
         var chartOptions = this.getChartOptions();
         var transitions = chartOptions.transitions;
-
         if (this.suppressTransitions) {
           chartOptions.transitions = false;
         }
-
         if (hasListener.call(this, 'refresh')) {
           this.trigger('refresh', {
             chartOptions: chartOptions,
@@ -336,7 +317,6 @@ var BaseChartVue2 = {
         } else {
           this.chartInstance.setOptions(chartOptions, themeOptions);
         }
-
         if (this.suppressTransitions) {
           chartOptions.transitions = transitions;
           this.suppressTransitions = false;
@@ -345,26 +325,22 @@ var BaseChartVue2 = {
     },
     instantiateCoreChart: function instantiateCoreChart() {
       var _a = this.$props,
-          dir = _a.dir,
-          chartConstructor = _a.chartConstructor;
+        dir = _a.dir,
+        chartConstructor = _a.chartConstructor;
       var chartOptions = this.getChartOptions();
       var temp = null;
-
       if (this.element) {
         temp = this.element.lastElementChild;
-
         if (temp) {
           this.element.removeChild(temp);
         }
       }
-
       this.chartInstance = new chartConstructor(this.element, chartOptions, this.themeStore.getState(), {
         rtl: this.getDirection(dir),
         intlService: provideIntlService(this),
         observer: this.chartObserver,
         sender: this
       });
-
       if (this.element && temp) {
         this.element.appendChild(temp);
       }
@@ -374,32 +350,26 @@ var BaseChartVue2 = {
       var eventObject = createEvent(name, e, target);
       var observers = this.observersState;
       var isDefaultPrevented = false;
-
       for (var idx = 0; idx < observers.length; idx++) {
         if (observers[idx].trigger(name, e)) {
           isDefaultPrevented = true;
         }
       }
       /* We have not prevented the event internally, now pass it to the user */
-
-
       if (isDefaultPrevented === false && eventObject) {
         this.$emit('basechartevent', name.toLowerCase(), eventObject);
         return eventObject.isDefaultPrevented && eventObject.isDefaultPrevented();
       }
-
       return isDefaultPrevented;
     },
     triggerDomEvent: function triggerDomEvent(name, e) {
       var observers = this.observersState;
       var isDefaultPrevented = false;
-
       for (var idx = 0; idx < observers.length; idx++) {
         if (observers[idx].trigger(name, e)) {
           isDefaultPrevented = true;
         }
       }
-
       return isDefaultPrevented;
     },
     onRender: function onRender(e) {
@@ -412,7 +382,6 @@ var BaseChartVue2 = {
       if (!this.$props.allListeners) {
         return false;
       }
-
       return Object.keys(this.$props.allListeners).some(function (item) {
         return item.toLowerCase().indexOf(name.toLowerCase()) !== -1;
       });
@@ -426,16 +395,13 @@ var BaseChartVue2 = {
           this.trigger('legendItemClick', e);
         } else {
           var series = this.optionsState.series;
-
           if (!series) {
             return;
           }
-
           var payload = {};
           var seriesIndex = e.seriesIndex,
-              pointIndex = e.pointIndex;
+            pointIndex = e.pointIndex;
           var seriesByIndex = series[seriesIndex];
-
           if (pointIndex === undefined) {
             payload = Object.assign({}, seriesByIndex, {
               visible: toggle(seriesByIndex.visible)
@@ -445,7 +411,6 @@ var BaseChartVue2 = {
             pv[pointIndex] = toggle(pv[pointIndex]);
             payload = Object.assign({}, seriesByIndex);
           }
-
           this.dispatchOptions({
             chartCollectionIdxKey: "series_".concat(seriesIndex),
             payload: payload
@@ -463,7 +428,6 @@ var BaseChartVue2 = {
     onChartMouseLeave: function onChartMouseLeave(e) {
       var domEvent = toDomEvent(this, e);
       var isDefaultPrevented = this.triggerDomEvent('onMouseLeave', domEvent);
-
       if (isDefaultPrevented) {
         e.preventDefault();
       } else if (this.chartInstance !== null) {
@@ -472,22 +436,18 @@ var BaseChartVue2 = {
     },
     onChildMouseLeave: function onChildMouseLeave(e) {
       var event = e.event;
-
       if (this.chartInstance && !hasParent(event.relatedTarget, this.element)) {
         this.chartInstance.hideElements();
       }
-
       return false;
     },
     requiresHandlers: function requiresHandlers(names) {
       for (var idx = 0; idx < names.length; idx++) {
         var name_1 = names[idx];
-
         if (this.hasListener(name_1)) {
           return true;
         }
       }
-
       return false;
     }
   }
@@ -495,7 +455,6 @@ var BaseChartVue2 = {
 /**
  * @hidden
  */
-
 var BaseChart = BaseChartVue2;
 export { BaseChart, BaseChartVue2 };
 ChartDomEventsBuilder.register(DomEventsBuilder);

package/dist/es/Chart.js

@@ -11,7 +11,6 @@ import { classNames, getDefaultSlots, getListeners, getRef, setRef, templateRend
 /**
  * @hidden
  */
-
 var ChartVue2 = {
   name: 'KendoChart',
   props: {
@@ -82,21 +81,18 @@ var ChartVue2 = {
       if (this.baseChart !== null) {
         return this.baseChart.chartInstance;
       }
-
       return null;
     },
     surface: function surface() {
       if (this.baseChart !== null) {
         return this.baseChart.surface;
       }
-
       return null;
     },
     element: function element() {
       if (this.baseChart !== null) {
         return this.baseChart.element;
       }
-
       return null;
     },
     getTarget: function getTarget() {
@@ -115,23 +111,23 @@ var ChartVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        donutCenterRender = _a.donutCenterRender,
-        dir = _a.dir,
-        renderAs = _a.renderAs,
-        pannable = _a.pannable,
-        zoomable = _a.zoomable,
-        seriesColors = _a.seriesColors,
-        transitions = _a.transitions,
-        paneDefaults = _a.paneDefaults,
-        panes = _a.panes,
-        seriesDefaults = _a.seriesDefaults,
-        axisDefaults = _a.axisDefaults;
+      donutCenterRender = _a.donutCenterRender,
+      dir = _a.dir,
+      renderAs = _a.renderAs,
+      pannable = _a.pannable,
+      zoomable = _a.zoomable,
+      seriesColors = _a.seriesColors,
+      transitions = _a.transitions,
+      paneDefaults = _a.paneDefaults,
+      panes = _a.panes,
+      seriesDefaults = _a.seriesDefaults,
+      axisDefaults = _a.axisDefaults;
     var centerRender = donutCenterRender ? templateRendering.call(this, donutCenterRender, getListeners.call(this)) : null;
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(BaseChart, {
         dir: dir,
         attrs: this.v3 ? undefined : {
@@ -170,7 +166,8 @@ var ChartVue2 = {
         },
         allListeners: getListeners.call(this)
       }, this.v3 ? function () {
-        return [defaultSlots, // @ts-ignore
+        return [defaultSlots,
+        // @ts-ignore
         h(DonutCenter, {
           render: centerRender,
           attrs: _this.v3 ? undefined : {
@@ -189,6 +186,5 @@ var ChartVue2 = {
 /**
  * @hidden
  */
-
 var Chart = ChartVue2;
 export { Chart, ChartVue2 };

package/dist/es/DonutCenter.js

@@ -9,7 +9,6 @@ import { getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var DonutCenterVue2 = {
   name: 'KendoDonutCenter',
   props: {
@@ -58,14 +57,12 @@ var DonutCenterVue2 = {
       template: render,
       defaultRendering: null
     });
-
     if (render && this.donutCenterStyles) {
       renderer = h("div", {
         "class": "k-chart-donut-center",
         style: this.donutCenterStyles
       }, [centerElement]);
     }
-
     return renderer;
   },
   methods: {
@@ -73,11 +70,9 @@ var DonutCenterVue2 = {
       var series = this.optionsState.series;
       var firstSeries = Array.isArray(series) ? series[0] : null;
       var charts = event.sender._plotArea.charts;
-
       if (!firstSeries || firstSeries.type !== 'donut' || charts[0].points.length === 0) {
         return;
       }
-
       var sector = charts[0].points[0].sector;
       var radius = sector.innerRadius;
       var top = sector.center.y - radius;
@@ -95,6 +90,5 @@ var DonutCenterVue2 = {
 /**
  * @hidden
  */
-
 var DonutCenter = DonutCenterVue2;
 export { DonutCenter, DonutCenterVue2 };

package/dist/es/Sparkline.js

@@ -10,7 +10,6 @@ import { classNames, getDefaultSlots, getRef, setRef } from '@progress/kendo-vue
 /**
  * @hidden
  */
-
 var SparklineVue2 = {
   name: 'KendoSparkline',
   props: {
@@ -87,21 +86,18 @@ var SparklineVue2 = {
       if (this.baseChart !== null) {
         return this.baseChart.chartInstance;
       }
-
       return null;
     },
     surface: function surface() {
       if (this.baseChart !== null) {
         return this.baseChart.surface;
       }
-
       return null;
     },
     element: function element() {
       if (this.baseChart !== null) {
         return this.baseChart.element;
       }
-
       return null;
     },
     getTarget: function getTarget() {
@@ -109,8 +105,8 @@ var SparklineVue2 = {
     },
     deriveOptionsFromParent: function deriveOptionsFromParent(options) {
       var _a = this.$props,
-          type = _a.type,
-          dataItems = _a.dataItems;
+        type = _a.type,
+        dataItems = _a.dataItems;
       var sparklineOptions = Object.assign({}, options, {
         type: type,
         data: dataItems
@@ -132,18 +128,19 @@ var SparklineVue2 = {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        dataItems = _a.dataItems,
-        dir = _a.dir,
-        renderAs = _a.renderAs,
-        pannable = _a.pannable,
-        zoomable = _a.zoomable,
-        seriesColors = _a.seriesColors,
-        transitions = _a.transitions,
-        paneDefaults = _a.paneDefaults,
-        panes = _a.panes,
-        seriesDefaults = _a.seriesDefaults,
-        axisDefaults = _a.axisDefaults;
-    return (// @ts-ignore  function children
+      dataItems = _a.dataItems,
+      dir = _a.dir,
+      renderAs = _a.renderAs,
+      pannable = _a.pannable,
+      zoomable = _a.zoomable,
+      seriesColors = _a.seriesColors,
+      transitions = _a.transitions,
+      paneDefaults = _a.paneDefaults,
+      panes = _a.panes,
+      seriesDefaults = _a.seriesDefaults,
+      axisDefaults = _a.axisDefaults;
+    return (
+      // @ts-ignore  function children
       h(BaseChart, {
         dataItems: dataItems,
         attrs: this.v3 ? undefined : {
@@ -192,6 +189,5 @@ var SparklineVue2 = {
 /**
  * @hidden
  */
-
 var Sparkline = SparklineVue2;
 export { Sparkline, SparklineVue2 };

package/dist/es/StockChart.js

@@ -15,7 +15,6 @@ var NAVIGATOR_DEFAULTS = {
 /**
  * @hidden
  */
-
 var StockChartVue2 = {
   name: 'KendoStockChart',
   props: {
@@ -89,21 +88,18 @@ var StockChartVue2 = {
       if (this.baseChart !== null) {
         return this.baseChart.chartInstance;
       }
-
       return null;
     },
     surface: function surface() {
       if (this.baseChart !== null) {
         return this.baseChart.surface;
       }
-
       return null;
     },
     element: function element() {
       if (this.baseChart !== null) {
         return this.baseChart.element;
       }
-
       return null;
     },
     getTarget: function getTarget() {
@@ -139,18 +135,19 @@ var StockChartVue2 = {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        partialRedraw = _a.partialRedraw,
-        dir = _a.dir,
-        renderAs = _a.renderAs,
-        pannable = _a.pannable,
-        zoomable = _a.zoomable,
-        seriesColors = _a.seriesColors,
-        transitions = _a.transitions,
-        paneDefaults = _a.paneDefaults,
-        panes = _a.panes,
-        seriesDefaults = _a.seriesDefaults,
-        axisDefaults = _a.axisDefaults;
-    return (// @ts-ignore  function children
+      partialRedraw = _a.partialRedraw,
+      dir = _a.dir,
+      renderAs = _a.renderAs,
+      pannable = _a.pannable,
+      zoomable = _a.zoomable,
+      seriesColors = _a.seriesColors,
+      transitions = _a.transitions,
+      paneDefaults = _a.paneDefaults,
+      panes = _a.panes,
+      seriesDefaults = _a.seriesDefaults,
+      axisDefaults = _a.axisDefaults;
+    return (
+      // @ts-ignore  function children
       h(BaseChart, {
         partialRedraw: partialRedraw,
         attrs: this.v3 ? undefined : {
@@ -201,6 +198,5 @@ var StockChartVue2 = {
 /**
  * @hidden
  */
-
 var StockChart = StockChartVue2;
 export { StockChart, StockChartVue2 };

package/dist/es/components/AxisDefaults.js

@@ -9,7 +9,6 @@ import { removeUndefinedProps } from '../utils/main';
 /**
  * @hidden
  */
-
 var ChartAxisDefaultsVue2 = {
   name: 'KendoChartAxisDefaults',
   props: {
@@ -123,6 +122,5 @@ var ChartAxisDefaultsVue2 = {
 /**
  * @hidden
  */
-
 var ChartAxisDefaults = ChartAxisDefaultsVue2;
 export { ChartAxisDefaults, ChartAxisDefaultsVue2 };

package/dist/es/components/CategoryAxis.js

@@ -8,7 +8,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var ChartCategoryAxisVue2 = {
   name: 'KendoChartCategoryAxis',
   // @ts-ignore
@@ -21,7 +20,8 @@ var ChartCategoryAxisVue2 = {
   render: function render(createElement) {
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(CollectionConfiguration, {
         chartKey: "categoryAxis",
         attrs: this.v3 ? undefined : {
@@ -36,6 +36,5 @@ var ChartCategoryAxisVue2 = {
 /**
  * @hidden
  */
-
 var ChartCategoryAxis = ChartCategoryAxisVue2;
 export { ChartCategoryAxis, ChartCategoryAxisVue2 };

package/dist/es/components/CategoryAxisItem.js

@@ -9,7 +9,6 @@ import { removeUndefinedProps } from '../utils/main';
 /**
  * @hidden
  */
-
 var ChartCategoryAxisItemVue2 = {
   name: 'KendoChartCategoryAxisItem',
   props: {
@@ -235,6 +234,5 @@ var ChartCategoryAxisItemVue2 = {
 /**
  * @hidden
  */
-
 var ChartCategoryAxisItem = ChartCategoryAxisItemVue2;
 export { ChartCategoryAxisItem, ChartCategoryAxisItemVue2 };

package/dist/es/components/ChartArea.js

@@ -9,7 +9,6 @@ import { removeUndefinedProps } from '../utils/main';
 /**
  * @hidden
  */
-
 var ChartAreaVue2 = {
   name: 'KendoChartArea',
   props: {
@@ -69,6 +68,5 @@ var ChartAreaVue2 = {
 /**
  * @hidden
  */
-
 var ChartArea = ChartAreaVue2;
 export { ChartArea, ChartAreaVue2 };

package/dist/es/components/Legend.js

@@ -9,7 +9,6 @@ import { removeUndefinedProps } from '../utils/main';
 /**
  * @hidden
  */
-
 var ChartLegendVue2 = {
   name: 'KendoChartLegend',
   props: {
@@ -142,6 +141,5 @@ var ChartLegendVue2 = {
 /**
  * @hidden
  */
-
 var ChartLegend = ChartLegendVue2;
 export { ChartLegend, ChartLegendVue2 };