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

package/dist/npm/BaseChart.js

@@ -4,65 +4,42 @@ 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.BaseChartVue2 = exports.BaseChart = void 0; // @ts-ignore
-
+exports.BaseChartVue2 = exports.BaseChart = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-
 var kendo_charts_1 = require("@progress/kendo-charts");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-
 var main_1 = require("./utils/main");
-
 var dom_events_builder_1 = require("./events/dom-events-builder");
-
 var chart_event_builder_1 = require("./events/chart-event-builder");
-
 var dom_event_1 = require("./events/dom-event");
-
 var theme_service_1 = require("./theming/theme-service");
-
 var store_1 = require("./store/store");
-
 var reducer_1 = require("./store/reducer");
-
 var main_2 = require("./utils/main");
-
 require("./defaults");
-
 var Series_1 = require("./tooltip/Series");
-
 var CrosshairContainer_1 = require("./tooltip/CrosshairContainer");
-
 var kendo_vue_common_2 = require("@progress/kendo-vue-common");
-
 var package_metadata_1 = require("./package-metadata");
 /**
  * @hidden
  */
-
-
 var BaseChartVue2 = {
   name: 'KendoBaseChart',
   props: {
@@ -200,27 +177,29 @@ var BaseChartVue2 = {
     if (this.chartInstance !== null) {
       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)
+      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;
@@ -232,14 +211,13 @@ var BaseChartVue2 = {
     var h = gh || createElement;
     var defaultSlots = (0, kendo_vue_common_1.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,
@@ -250,7 +228,6 @@ var BaseChartVue2 = {
         "class": "k-chart-surface"
       }, [defaultSlots]);
     };
-
     return h(wrapper, {
       style: chartStyles,
       class: className,
@@ -277,7 +254,6 @@ var BaseChartVue2 = {
         this.chartInstance.destroy();
         this.chartInstance = null;
       }
-
       window.removeEventListener('resize', this.onWindowResize);
     },
     getDirection: function getDirection(dir) {
@@ -285,60 +261,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() {
@@ -346,11 +311,9 @@ var BaseChartVue2 = {
         var themeOptions = this.themeStore.getState();
         var chartOptions = this.getChartOptions();
         var transitions = chartOptions.transitions;
-
         if (this.suppressTransitions) {
           chartOptions.transitions = false;
         }
-
         if (kendo_vue_common_1.hasListener.call(this, 'refresh')) {
           this.trigger('refresh', {
             chartOptions: chartOptions,
@@ -360,7 +323,6 @@ var BaseChartVue2 = {
         } else {
           this.chartInstance.setOptions(chartOptions, themeOptions);
         }
-
         if (this.suppressTransitions) {
           chartOptions.transitions = transitions;
           this.suppressTransitions = false;
@@ -369,26 +331,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: (0, kendo_vue_intl_1.provideIntlService)(this),
         observer: this.chartObserver,
         sender: this
       });
-
       if (this.element && temp) {
         this.element.appendChild(temp);
       }
@@ -398,32 +356,26 @@ var BaseChartVue2 = {
       var eventObject = (0, chart_event_builder_1.create)(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) {
@@ -436,7 +388,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;
       });
@@ -450,16 +401,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: (0, main_2.toggle)(seriesByIndex.visible)
@@ -469,7 +417,6 @@ var BaseChartVue2 = {
             pv[pointIndex] = (0, main_2.toggle)(pv[pointIndex]);
             payload = Object.assign({}, seriesByIndex);
           }
-
           this.dispatchOptions({
             chartCollectionIdxKey: "series_".concat(seriesIndex),
             payload: payload
@@ -487,7 +434,6 @@ var BaseChartVue2 = {
     onChartMouseLeave: function onChartMouseLeave(e) {
       var domEvent = (0, dom_event_1.toDomEvent)(this, e);
       var isDefaultPrevented = this.triggerDomEvent('onMouseLeave', domEvent);
-
       if (isDefaultPrevented) {
         e.preventDefault();
       } else if (this.chartInstance !== null) {
@@ -496,22 +442,18 @@ var BaseChartVue2 = {
     },
     onChildMouseLeave: function onChildMouseLeave(e) {
       var event = e.event;
-
       if (this.chartInstance && !(0, main_1.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;
     }
   }
@@ -520,7 +462,6 @@ exports.BaseChartVue2 = BaseChartVue2;
 /**
  * @hidden
  */
-
 var BaseChart = BaseChartVue2;
 exports.BaseChart = BaseChart;
 kendo_charts_1.DomEventsBuilder.register(dom_events_builder_1.DomEventsBuilder);

package/dist/npm/Chart.js

@@ -3,27 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartVue2 = exports.Chart = void 0; // @ts-ignore
-
+exports.ChartVue2 = exports.Chart = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var BaseChart_1 = require("./BaseChart");
-
 var DonutCenter_1 = require("./DonutCenter");
-
 var kendo_charts_1 = require("@progress/kendo-charts");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var ChartVue2 = {
   name: 'KendoChart',
   props: {
@@ -94,21 +87,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() {
@@ -127,23 +117,23 @@ var ChartVue2 = {
   },
   render: function render(createElement) {
     var _this = this;
-
     var h = gh || createElement;
     var defaultSlots = (0, kendo_vue_common_1.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 ? kendo_vue_common_1.templateRendering.call(this, donutCenterRender, kendo_vue_common_1.getListeners.call(this)) : null;
-    return (// @ts-ignore  function children
+    return (
+      // @ts-ignore  function children
       h(BaseChart_1.BaseChart, {
         dir: dir,
         attrs: this.v3 ? undefined : {
@@ -182,7 +172,8 @@ var ChartVue2 = {
         },
         allListeners: kendo_vue_common_1.getListeners.call(this)
       }, this.v3 ? function () {
-        return [defaultSlots, // @ts-ignore
+        return [defaultSlots,
+        // @ts-ignore
         h(DonutCenter_1.DonutCenter, {
           render: centerRender,
           attrs: _this.v3 ? undefined : {
@@ -202,6 +193,5 @@ exports.ChartVue2 = ChartVue2;
 /**
  * @hidden
  */
-
 var Chart = ChartVue2;
 exports.Chart = Chart;

package/dist/npm/DonutCenter.js

@@ -3,23 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DonutCenterVue2 = exports.DonutCenter = void 0; // @ts-ignore
-
+exports.DonutCenterVue2 = exports.DonutCenter = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var kendo_charts_1 = require("@progress/kendo-charts");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var DonutCenterVue2 = {
   name: 'KendoDonutCenter',
   props: {
@@ -68,14 +63,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: {
@@ -83,11 +76,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;
@@ -106,6 +97,5 @@ exports.DonutCenterVue2 = DonutCenterVue2;
 /**
  * @hidden
  */
-
 var DonutCenter = DonutCenterVue2;
 exports.DonutCenter = DonutCenter;

package/dist/npm/Sparkline.js

@@ -3,25 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SparklineVue2 = exports.Sparkline = void 0; // @ts-ignore
-
+exports.SparklineVue2 = exports.Sparkline = void 0;
+// @ts-ignore
 var Vue = require("vue");
-
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
-
 var BaseChart_1 = require("./BaseChart");
-
 var kendo_charts_1 = require("@progress/kendo-charts");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
-
-
 var SparklineVue2 = {
   name: 'KendoSparkline',
   props: {
@@ -98,21 +92,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() {
@@ -120,8 +111,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
@@ -143,18 +134,19 @@ var SparklineVue2 = {
     var h = gh || createElement;
     var defaultSlots = (0, kendo_vue_common_1.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_1.BaseChart, {
         dataItems: dataItems,
         attrs: this.v3 ? undefined : {
@@ -204,6 +196,5 @@ exports.SparklineVue2 = SparklineVue2;
 /**
  * @hidden
  */
-
 var Sparkline = SparklineVue2;
 exports.Sparkline = Sparkline;