@progress/kendo-charts 2.7.2-dev.202502101310 → 2.7.2-develop.1

package/dist/es/chart/series-binder.js

@@ -2,9 +2,10 @@ import getField from './utils/get-field';
 import { VALUE } from '../common/constants';
 import { Class, defined } from '../common';
 
-var SeriesBinder = (function (Class) {
-    function SeriesBinder() {
-        Class.call(this);
+class SeriesBinder extends Class {
+
+    constructor() {
+        super();
 
         this._valueFields = {};
         this._otherFields = {};
@@ -12,57 +13,49 @@ var SeriesBinder = (function (Class) {
         this._undefinedValue = {};
     }
 
-    if ( Class ) SeriesBinder.__proto__ = Class;
-    SeriesBinder.prototype = Object.create( Class && Class.prototype );
-    SeriesBinder.prototype.constructor = SeriesBinder;
-
-    SeriesBinder.prototype.register = function register (seriesTypes, valueFields, otherFields) {
-        var this$1 = this;
-        if ( valueFields === void 0 ) valueFields = [ VALUE ];
-        if ( otherFields === void 0 ) otherFields = {};
+    register(seriesTypes, valueFields = [ VALUE ], otherFields = {}) {
 
+        for (let i = 0; i < seriesTypes.length; i++) {
+            const type = seriesTypes[i];
 
-        for (var i = 0; i < seriesTypes.length; i++) {
-            var type = seriesTypes[i];
-
-            this$1._valueFields[type] = valueFields;
-            this$1._otherFields[type] = otherFields;
-            this$1._nullValue[type] = this$1._makeValue(valueFields, null);
-            this$1._undefinedValue[type] = this$1._makeValue(valueFields, undefined);
+            this._valueFields[type] = valueFields;
+            this._otherFields[type] = otherFields;
+            this._nullValue[type] = this._makeValue(valueFields, null);
+            this._undefinedValue[type] = this._makeValue(valueFields, undefined);
         }
-    };
+    }
 
-    SeriesBinder.prototype.canonicalFields = function canonicalFields (series) {
+    canonicalFields(series) {
         return this.valueFields(series).concat(this.otherFields(series));
-    };
+    }
 
-    SeriesBinder.prototype.valueFields = function valueFields (series) {
+    valueFields(series) {
         return this._valueFields[series.type] || [ VALUE ];
-    };
+    }
 
-    SeriesBinder.prototype.otherFields = function otherFields (series) {
+    otherFields(series) {
         return this._otherFields[series.type] || [ VALUE ];
-    };
+    }
 
-    SeriesBinder.prototype.bindPoint = function bindPoint (series, pointIx, item) {
-        var data = series.data;
-        var pointData = defined(item) ? item : data[pointIx];
-        var result = { valueFields: { value: pointData } };
-        var valueFields = this.valueFields(series);
-        var otherFields = this._otherFields[series.type];
-        var fields, value;
+    bindPoint(series, pointIx, item) {
+        const data = series.data;
+        const pointData = defined(item) ? item : data[pointIx];
+        const result = { valueFields: { value: pointData } };
+        const valueFields = this.valueFields(series);
+        const otherFields = this._otherFields[series.type];
+        let fields, value;
 
         if (pointData === null) {
             value = this._nullValue[series.type];
         } else if (!defined(pointData)) {
             value = this._undefinedValue[series.type];
         } else if (Array.isArray(pointData)) {
-            var fieldData = pointData.slice(valueFields.length);
+            const fieldData = pointData.slice(valueFields.length);
             value = this._bindFromArray(pointData, valueFields);
             fields = this._bindFromArray(fieldData, otherFields);
         } else if (typeof pointData === "object") {
-            var srcValueFields = this.sourceFields(series, valueFields);
-            var srcPointFields = this.sourceFields(series, otherFields);
+            const srcValueFields = this.sourceFields(series, valueFields);
+            const srcPointFields = this.sourceFields(series, otherFields);
 
             value = this._bindFromObject(pointData, valueFields, srcValueFields);
             fields = this._bindFromObject(pointData, otherFields, srcPointFields);
@@ -79,45 +72,43 @@ var SeriesBinder = (function (Class) {
         result.fields = fields || {};
 
         return result;
-    };
+    }
 
-    SeriesBinder.prototype._makeValue = function _makeValue (fields, initialValue) {
-        var value = {};
-        var length = fields.length;
+    _makeValue(fields, initialValue) {
+        const value = {};
+        const length = fields.length;
 
-        for (var i = 0; i < length; i++) {
-            var fieldName = fields[i];
+        for (let i = 0; i < length; i++) {
+            const fieldName = fields[i];
             value[fieldName] = initialValue;
         }
 
         return value;
-    };
+    }
 
-    SeriesBinder.prototype._bindFromArray = function _bindFromArray (array, fields) {
-        var value = {};
+    _bindFromArray(array, fields) {
+        const value = {};
 
         if (fields) {
-            var length = Math.min(fields.length, array.length);
+            const length = Math.min(fields.length, array.length);
 
-            for (var i = 0; i < length; i++) {
+            for (let i = 0; i < length; i++) {
                 value[fields[i]] = array[i];
             }
         }
 
         return value;
-    };
-
-    SeriesBinder.prototype._bindFromObject = function _bindFromObject (object, fields, srcFields) {
-        if ( srcFields === void 0 ) srcFields = fields;
+    }
 
-        var value = {};
+    _bindFromObject(object, fields, srcFields = fields) {
+        const value = {};
 
         if (fields) {
-            var length = fields.length;
+            const length = fields.length;
 
-            for (var i = 0; i < length; i++) {
-                var fieldName = fields[i];
-                var srcFieldName = srcFields[i];
+            for (let i = 0; i < length; i++) {
+                const fieldName = fields[i];
+                const srcFieldName = srcFields[i];
                 if (srcFieldName !== null) {
                     value[fieldName] = getField(srcFieldName, object);
                 }
@@ -125,27 +116,25 @@ var SeriesBinder = (function (Class) {
         }
 
         return value;
-    };
+    }
 
-    SeriesBinder.prototype.sourceFields = function sourceFields (series, canonicalFields) {
-        var sourceFields = [];
+    sourceFields(series, canonicalFields) {
+        const sourceFields = [];
 
         if (canonicalFields) {
-            var length = canonicalFields.length;
+            const length = canonicalFields.length;
 
-            for (var i = 0; i < length; i++) {
-                var fieldName = canonicalFields[i];
-                var sourceFieldName = fieldName === VALUE ? "field" : fieldName + "Field";
+            for (let i = 0; i < length; i++) {
+                const fieldName = canonicalFields[i];
+                const sourceFieldName = fieldName === VALUE ? "field" : fieldName + "Field";
 
                 sourceFields.push(series[sourceFieldName] !== null ? (series[sourceFieldName] || fieldName) : null);
             }
         }
 
         return sourceFields;
-    };
-
-    return SeriesBinder;
-}(Class));
+    }
+}
 
 SeriesBinder.current = new SeriesBinder();
 

package/dist/es/chart/theme/base-theme.js

@@ -1,25 +1,25 @@
 import { AREA, LINE } from '../constants';
 import { INHERIT } from '../../common/constants';
 
-var BAR_GAP = 1.5;
-var BAR_SPACING = 0.4;
-var BLACK = '#000';
-var SANS = 'Arial, Helvetica, sans-serif';
-var SANS11 = "11px " + SANS;
-var SANS12 = '12px ' + SANS;
-var SANS16 = '16px ' + SANS;
-var TRANSPARENT = 'transparent';
-var WHITE = '#fff';
-
-var lineSeriesLegendItem = {
+const BAR_GAP = 1.5;
+const BAR_SPACING = 0.4;
+const BLACK = '#000';
+const SANS = 'Arial, Helvetica, sans-serif';
+const SANS11 = "11px " + SANS;
+const SANS12 = '12px ' + SANS;
+const SANS16 = '16px ' + SANS;
+const TRANSPARENT = 'transparent';
+const WHITE = '#fff';
+
+const lineSeriesLegendItem = {
     type: LINE
 };
 
-var areaSeriesLegendItem = {
+const areaSeriesLegendItem = {
     type: AREA
 };
 
-var areaNoMarkersSeriesLegendItem = Object.assign({}, areaSeriesLegendItem,
+const areaNoMarkersSeriesLegendItem = Object.assign({}, areaSeriesLegendItem,
     {markers: {
         visible: false
     },
@@ -27,7 +27,7 @@ var areaNoMarkersSeriesLegendItem = Object.assign({}, areaSeriesLegendItem,
         visible: false
     }});
 
-var notes = function () { return ({
+const notes = () => ({
     icon: {
         border: {
             width: 1
@@ -43,9 +43,9 @@ var notes = function () { return ({
     },
     legendItem: areaNoMarkersSeriesLegendItem,
     visible: true
-}); };
+});
 
-var axisDefaults = function () { return ({
+const axisDefaults = () => ({
     labels: {
         font: SANS12
     },
@@ -54,9 +54,9 @@ var axisDefaults = function () { return ({
         font: SANS16,
         margin: 5
     }
-}); };
+});
 
-var areaSeries = function () { return ({
+const areaSeries = () => ({
     highlight: {
         markers: {
             border: {}
@@ -72,9 +72,9 @@ var areaSeries = function () { return ({
     },
     legendItem: areaSeriesLegendItem,
     opacity: 0.4
-}); };
+});
 
-var rangeAreaSeries = function () { return ({
+const rangeAreaSeries = () => ({
     highlight: {
         markers: {
             border: {}
@@ -90,15 +90,15 @@ var rangeAreaSeries = function () { return ({
     },
     legendItem: areaSeriesLegendItem,
     opacity: 0.4
-}); };
+});
 
-var barSeries = function () { return ({
+const barSeries = () => ({
     gap: BAR_GAP,
     spacing: BAR_SPACING,
     legendItem: areaNoMarkersSeriesLegendItem,
-}); };
+});
 
-var boxPlotSeries = function () { return ({
+const boxPlotSeries = () => ({
     outliersField: "",
     meanField: "",
     border: {
@@ -133,9 +133,9 @@ var boxPlotSeries = function () { return ({
         width: 2
     },
     legendItem: areaNoMarkersSeriesLegendItem,
-}); };
+});
 
-var bubbleSeries = function () { return ({
+const bubbleSeries = () => ({
     border: {
         width: 0
     },
@@ -144,18 +144,18 @@ var bubbleSeries = function () { return ({
     },
     legendItem: areaNoMarkersSeriesLegendItem,
     opacity: 0.6
-}); };
+});
 
-var bulletSeries = function () { return ({
+const bulletSeries = () => ({
     gap: BAR_GAP,
     spacing: BAR_SPACING,
     target: {
         color: "#ff0000"
     },
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var candlestickSeries = function () { return ({
+const candlestickSeries = () => ({
     border: {
         _brightness: 0.8,
         width: 1
@@ -177,37 +177,37 @@ var candlestickSeries = function () { return ({
     },
     legendItem: areaNoMarkersSeriesLegendItem,
     spacing: 0.3
-}); };
+});
 
-var columnSeries = function () { return ({
+const columnSeries = () => ({
     gap: BAR_GAP,
     spacing: BAR_SPACING,
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var radarColumnSeries = function () { return ({
+const radarColumnSeries = () => ({
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var polarScatterSeries = function () { return ({
+const polarScatterSeries = () => ({
     legendItem: lineSeriesLegendItem
-}); };
+});
 
-var scatterSeries = function () { return ({
+const scatterSeries = () => ({
     legendItem: lineSeriesLegendItem
-}); };
+});
 
-var donutSeries = function () { return ({
+const donutSeries = () => ({
     margin: 1,
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var lineSeries = function () { return ({
+const lineSeries = () => ({
     width: 2,
     legendItem: lineSeriesLegendItem
-}); };
+});
 
-var ohlcSeries = function () { return ({
+const ohlcSeries = () => ({
     gap: 1,
     highlight: {
         line: {
@@ -220,9 +220,9 @@ var ohlcSeries = function () { return ({
     },
     legendItem: areaNoMarkersSeriesLegendItem,
     spacing: 0.3
-}); };
+});
 
-var radarAreaSeries = function () { return ({
+const radarAreaSeries = () => ({
     line: {
         opacity: 1,
         width: 0
@@ -233,34 +233,34 @@ var radarAreaSeries = function () { return ({
     },
     legendItem: areaSeriesLegendItem,
     opacity: 0.5
-}); };
+});
 
-var radarLineSeries = function () { return ({
+const radarLineSeries = () => ({
     markers: {
         visible: false
     },
     legendItem: lineSeriesLegendItem,
     width: 2
-}); };
+});
 
-var rangeBarSeries = function () { return ({
+const rangeBarSeries = () => ({
     gap: BAR_GAP,
     spacing: BAR_SPACING,
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var rangeColumnSeries = function () { return ({
+const rangeColumnSeries = () => ({
     gap: BAR_GAP,
     spacing: BAR_SPACING,
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var scatterLineSeries = function () { return ({
+const scatterLineSeries = () => ({
     width: 1,
     legendItem: lineSeriesLegendItem
-}); };
+});
 
-var waterfallSeries = function () { return ({
+const waterfallSeries = () => ({
     gap: 0.5,
     line: {
         color: BLACK,
@@ -268,9 +268,9 @@ var waterfallSeries = function () { return ({
     },
     legendItem: areaNoMarkersSeriesLegendItem,
     spacing: BAR_SPACING
-}); };
+});
 
-var pieSeries = function () { return ({
+const pieSeries = () => ({
     labels: {
         background: '',
         color: '',
@@ -282,9 +282,9 @@ var pieSeries = function () { return ({
         }
     },
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var funnelSeries = function () { return ({
+const funnelSeries = () => ({
     labels: {
         background: '',
         color: '',
@@ -296,11 +296,11 @@ var funnelSeries = function () { return ({
         }
     },
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var pyramidSeries = funnelSeries;
+const pyramidSeries = funnelSeries;
 
-var heatmapSeries = function () { return ({
+const heatmapSeries = () => ({
     labels: {
         color: '',
         background: TRANSPARENT,
@@ -312,9 +312,9 @@ var heatmapSeries = function () { return ({
         }
     },
     legendItem: areaNoMarkersSeriesLegendItem
-}); };
+});
 
-var trendlineSeriesDefaults = function (options) { return Object.assign({
+const trendlineSeriesDefaults = (options) => Object.assign({
     color: INHERIT,
     trendline: {},
     markers: {
@@ -323,9 +323,9 @@ var trendlineSeriesDefaults = function (options) { return Object.assign({
     width: 1,
     dashType: 'longDash',
     legendItem: lineSeriesLegendItem
-}, options); };
+}, options);
 
-var seriesDefaults = function (options) { return ({
+const seriesDefaults = (options) => ({
     visible: true,
     labels: {
         font: SANS11
@@ -372,26 +372,23 @@ var seriesDefaults = function (options) { return ({
     polynomialTrendline: trendlineSeriesDefaults({ style: 'smooth' }),
     powerTrendline: trendlineSeriesDefaults({ style: 'smooth' }),
     movingAverageTrendline: trendlineSeriesDefaults()
-}); };
+});
 
-var title = function () { return ({
+const title = () => ({
     font: SANS16
-}); };
+});
 
-var subtitle = function () { return ({
+const subtitle = () => ({
     font: SANS12
-}); };
+});
 
-var legend = function () { return ({
+const legend = () => ({
     labels: {
         font: SANS12
     }
-}); };
-
-export var baseTheme = function (options) {
-    if ( options === void 0 ) options = {};
+});
 
-    return ({
+export const baseTheme = (options = {}) => ({
     axisDefaults: axisDefaults(),
     categoryAxis: {
         majorGridLines: {
@@ -411,5 +408,4 @@ export var baseTheme = function (options) {
     subtitle: subtitle(),
     legend: legend()
 });
-};