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

package/dist/es/tooltip/Popup.js

@@ -16,7 +16,6 @@ var POPUP_WRAPPER_CLASS = 'k-chart-tooltip-wrapper';
 /**
  * @hidden
  */
-
 var TooltipPopupVue2 = {
   name: 'KendoTooltipPopup',
   props: {
@@ -89,18 +88,18 @@ var TooltipPopupVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlots = getDefaultSlots(this);
     var _a = this.$props,
-        popupShown = _a.popupShown,
-        popupAlign = _a.popupAlign,
-        popupOffset = _a.popupOffset,
-        popupStyles = _a.popupStyles,
-        popupContent = _a.popupContent,
-        className = _a.className;
+      popupShown = _a.popupShown,
+      popupAlign = _a.popupAlign,
+      popupOffset = _a.popupOffset,
+      popupStyles = _a.popupStyles,
+      popupContent = _a.popupContent,
+      className = _a.className;
     var wrapperClass = [TOOLTIP_CLASS, className].join(' ').trim();
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(Popup, {
         animate: false,
         attrs: this.v3 ? undefined : {
@@ -139,15 +138,14 @@ var TooltipPopupVue2 = {
   methods: {
     onChartMouseLeave: function onChartMouseLeave(e) {
       var event = e.event;
-
       if (hasParent(event.relatedTarget, this.element)) {
         /* prevent default behavior so that the tooltip won't be hidden */
         return true;
       }
-
       return false;
     },
-    onMouseLeave: function onMouseLeave(_e) {//   const domEvent = toDomEvent(this, e);
+    onMouseLeave: function onMouseLeave(_e) {
+      //   const domEvent = toDomEvent(this, e);
       //   const isDefaultPrevented = this.context.childrenObserver.trigger('onMouseLeave', domEvent);
       // if (isDefaultPrevented) {
       //     e.preventDefault();
@@ -158,6 +156,5 @@ var TooltipPopupVue2 = {
 /**
  * @hidden
  */
-
 var TooltipPopup = TooltipPopupVue2;
 export { TooltipPopup, TooltipPopupVue2 };

package/dist/es/tooltip/Series.js

@@ -13,7 +13,6 @@ var INVERSE_TOOLTIP_CLASS = 'k-chart-tooltip-inverse';
 /**
  * @hidden
  */
-
 var SeriesTooltipVue2 = {
   name: 'KendoSeriesTooltip',
   // static contextType = ChartContext;
@@ -74,15 +73,13 @@ var SeriesTooltipVue2 = {
   },
   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
+        var defaultSharedToolTip =
+        // @ts-ignore  function children
         h(SharedTooltipContent, {
           categoryText: this.popupContext.categoryText,
           attrs: this.v3 ? undefined : {
@@ -112,7 +109,6 @@ var SeriesTooltipVue2 = {
           },
           innerHTML: this.popupContext.point.formattedValue
         });
-
         if (seriesRenderer !== null) {
           return getTemplate.call(this, {
             h: h,
@@ -133,7 +129,8 @@ var SeriesTooltipVue2 = {
       }
     } : Function.prototype;
     var popupContainerClassName = classNames((_a = {}, _a[SHARED_TOOLTIP_CLASS] = this.shared, _a[INVERSE_TOOLTIP_CLASS] = !!this.className, _a));
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(TooltipPopup, {
         popupShown: this.popupShown,
         attrs: this.v3 ? undefined : {
@@ -155,22 +152,19 @@ var SeriesTooltipVue2 = {
   methods: {
     onShowTooltip: function onShowTooltip(e) {
       var anchor = e.anchor,
-          style = e.style,
-          shared = e.shared,
-          className = e.className,
-          crosshair = e.crosshair;
+        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;
@@ -186,21 +180,18 @@ var SeriesTooltipVue2 = {
     },
     createSharedTooltipContext: function createSharedTooltipContext(e) {
       var points = e.points,
-          categoryText = e.categoryText;
+        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,
@@ -213,27 +204,23 @@ var SeriesTooltipVue2 = {
     },
     createTooltipContext: function createTooltipContext(e) {
       var point = e.point,
-          format = e.format;
+        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;
     }
   }
@@ -241,6 +228,5 @@ var SeriesTooltipVue2 = {
 /**
  * @hidden
  */
-
 var SeriesTooltip = SeriesTooltipVue2;
 export { SeriesTooltip, SeriesTooltipVue2 };

package/dist/es/tooltip/SharedTooltipContent.js

@@ -7,7 +7,6 @@ var TOOLTIP_MARKER_CLASS = 'k-chart-shared-tooltip-marker';
 /**
  * @hidden
  */
-
 var SharedTooltipContentVue2 = {
   name: 'KendoSharedTooltipPopup',
   props: {
@@ -33,12 +32,11 @@ var SharedTooltipContentVue2 = {
   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;
-
+      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: {
@@ -55,7 +53,6 @@ var SharedTooltipContentVue2 = {
         }
       })]), nameColumn && h("td", [point.series.name]), defaultTD]);
     };
-
     return h("table", [h("thead", [h("tr", [h("th", {
       colspan: colspan,
       attrs: this.v3 ? undefined : {
@@ -67,6 +64,5 @@ var SharedTooltipContentVue2 = {
 /**
  * @hidden
  */
-
 var SharedTooltipContent = SharedTooltipContentVue2;
 export { SharedTooltipContent, SharedTooltipContentVue2 };

package/dist/esm/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.js';
 /**
  * @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/esm/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/esm/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 };