scichart 2.0.2146 → 2.0.2194

package/Builder/chartBuilder.js

@@ -46,6 +46,7 @@ var buildDataSeries_1 = require("./buildDataSeries");
 var buildModifiers_1 = require("./buildModifiers");
 var buildSeries_1 = require("./buildSeries");
 var buildSurface_1 = require("./buildSurface");
+// import { chartReviver } from "./chartReviver";
 var classFactory_1 = require("./classFactory");
 /**
  * The reviver function needed when parsing definitions to JSON
@@ -71,7 +72,7 @@ exports.chartReviver = chartReviver;
  * @param definition a {@link TSurfaceDefinition } or a string which will be parsed to it.
  * @returns
  */
-exports.buildChart = function (divElementId, definition) { return __awaiter(void 0, void 0, void 0, function () {
+var buildChart = function (divElementId, definition) { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
         switch (_a.label) {
             case 0:
@@ -83,26 +84,28 @@ exports.buildChart = function (divElementId, definition) { return __awaiter(void
                 }
                 if (!("type" in definition)) return [3 /*break*/, 6];
                 if (!(definition.type === SciChartSurfaceType_1.ESciChartSurfaceType.Default2D)) return [3 /*break*/, 2];
-                return [4 /*yield*/, buildSurface_1.build2DChart(divElementId, definition.options)];
+                return [4 /*yield*/, (0, buildSurface_1.build2DChart)(divElementId, definition.options)];
             case 1: return [2 /*return*/, _a.sent()];
             case 2:
                 if (!(definition.type === SciChartSurfaceType_1.ESciChartSurfaceType.Pie2D)) return [3 /*break*/, 4];
-                return [4 /*yield*/, buildSurface_1.buildPieChart(divElementId, definition.options)];
+                return [4 /*yield*/, (0, buildSurface_1.buildPieChart)(divElementId, definition.options)];
             case 3: return [2 /*return*/, _a.sent()];
             case 4: 
             // @ts-ignore
-            throw new Error("Surface type: " + definition.type + " is not yet supported by the builder api");
+            throw new Error("Surface type: ".concat(definition.type, " is not yet supported by the builder api"));
             case 5: return [3 /*break*/, 8];
-            case 6: return [4 /*yield*/, buildSurface_1.build2DChart(divElementId, definition)];
+            case 6: return [4 /*yield*/, (0, buildSurface_1.build2DChart)(divElementId, definition)];
             case 7: return [2 /*return*/, _a.sent()];
             case 8: return [2 /*return*/];
         }
     });
 }); };
+exports.buildChart = buildChart;
 /**
  * This is just something to call to ensure that all the registrations are run before a surface is created
  */
-exports.ensureRegistrations = function () { };
+var ensureRegistrations = function () { };
+exports.ensureRegistrations = ensureRegistrations;
 exports.chartBuilder = {
     /** @inheritdoc */
     buildChart: exports.buildChart,

package/Builder/classFactory.js

@@ -11,7 +11,7 @@ var constructorMap = new Map();
  * @param constructor A function that takes an optional options argument and returns an instance of the desired type.
  * @param overWrite Whether to override an existing registration for the type.  Default false.
  */
-exports.registerType = function (baseType, type, constructor, overWrite) {
+var registerType = function (baseType, type, constructor, overWrite) {
     if (overWrite === void 0) { overWrite = false; }
     var typeName = baseType + ":" + type;
     if (constructorMap.has(typeName) && !overWrite) {
@@ -19,6 +19,7 @@ exports.registerType = function (baseType, type, constructor, overWrite) {
     }
     constructorMap.set(typeName, { func: constructor });
 };
+exports.registerType = registerType;
 /**
  * Register a function that requires a webAssemblyContext to return an object of the specified type.
  * @param baseType The {@link EBaseType} of the object that is being registered.
@@ -28,7 +29,7 @@ exports.registerType = function (baseType, type, constructor, overWrite) {
  * and an optional options argument and returns an instance of the desired type.
  * @param overWrite Whether to override an existing registration for the type.  Default false.
  */
-exports.registerWasmType = function (baseType, type, constructor, overWrite) {
+var registerWasmType = function (baseType, type, constructor, overWrite) {
     if (overWrite === void 0) { overWrite = false; }
     var typeName = baseType + ":" + type;
     if (constructorMap.has(typeName) && !overWrite) {
@@ -36,6 +37,7 @@ exports.registerWasmType = function (baseType, type, constructor, overWrite) {
     }
     constructorMap.set(typeName, { wasm: true, func: constructor });
 };
+exports.registerWasmType = registerWasmType;
 /**
  * Register a pure function
  * @param baseType The base type for, which indicates where the function will be used, Either OptionFunction or OnCreated
@@ -43,7 +45,7 @@ exports.registerWasmType = function (baseType, type, constructor, overWrite) {
  * @param constructor the function to register
  * @param overWrite Whether to override an existing registration for the type name.  Default false.
  */
-exports.registerFunction = function (baseType, type, constructor, overWrite) {
+var registerFunction = function (baseType, type, constructor, overWrite) {
     if (overWrite === void 0) { overWrite = false; }
     var typeName = baseType + ":" + type;
     if (constructorMap.has(typeName) && !overWrite) {
@@ -51,7 +53,8 @@ exports.registerFunction = function (baseType, type, constructor, overWrite) {
     }
     constructorMap.set(typeName, { func: constructor });
 };
-exports.getFunction = function (baseType, type) {
+exports.registerFunction = registerFunction;
+var getFunction = function (baseType, type) {
     var typeName = baseType + ":" + type;
     var elem = constructorMap.get(typeName);
     if (elem) {
@@ -61,7 +64,8 @@ exports.getFunction = function (baseType, type) {
         throw new Error("Nothing registered for " + typeName);
     }
 };
-exports.createType = function (baseType, type, wasmContext, options) {
+exports.getFunction = getFunction;
+var createType = function (baseType, type, wasmContext, options) {
     var typeName = baseType + ":" + type;
     var elem = constructorMap.get(typeName);
     if (elem) {
@@ -77,10 +81,12 @@ exports.createType = function (baseType, type, wasmContext, options) {
         throw new Error("Nothing registered for " + typeName);
     }
 };
-exports.getSubTypes = function (baseType) {
+exports.createType = createType;
+var getSubTypes = function (baseType) {
     var keys = Array.from(constructorMap.keys());
     return keys
         .map(function (k) { return k.split(":"); })
         .filter(function (a) { return a[0] === baseType; })
         .map(function (a) { return a[1]; });
 };
+exports.getSubTypes = getSubTypes;

package/Charting/ChartModifiers/ChartModifierBase.js

@@ -20,7 +20,7 @@ var ChartModifierBase = /** @class */ (function () {
         var _a;
         this.isEnabledProperty = true;
         this.executeOnProperty = ExecuteOn_1.EExecuteOn.MouseLeftButton;
-        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : guid_1.generateGuid();
+        this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
     }
     /** @inheritDoc */
     ChartModifierBase.prototype.applyTheme = function (themeProvider) {

package/Charting/ChartModifiers/ChartModifierBase2D.d.ts

@@ -76,7 +76,7 @@ export declare abstract class ChartModifierBase2D extends ChartModifierBase<SciC
     getAllSeries(): IRenderableSeries[];
     toJSON(): {
         type: string;
-        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
     protected testPropertyChanged(propertyName: string): boolean;
     protected notifyPropertyChanged(propertyName: string): void;

package/Charting/ChartModifiers/ChartModifierBase2D.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -138,33 +140,36 @@ var ChartModifierBase2D = /** @class */ (function (_super) {
     return ChartModifierBase2D;
 }(ChartModifierBase_1.ChartModifierBase));
 exports.ChartModifierBase2D = ChartModifierBase2D;
-exports.testIsOverAxes = function (xAxisArr, mousePoint) {
+var testIsOverAxes = function (xAxisArr, mousePoint) {
     var result = false;
     xAxisArr.forEach(function (x) {
         if (x.viewRect) {
             var _a = x.viewRect, left = _a.left, right = _a.right, top_1 = _a.top, bottom = _a.bottom;
-            if (pointUtil_1.testIsInBounds(mousePoint.x, mousePoint.y, left, bottom, right, top_1)) {
+            if ((0, pointUtil_1.testIsInBounds)(mousePoint.x, mousePoint.y, left, bottom, right, top_1)) {
                 result = true;
             }
         }
     });
     return result;
 };
-exports.getActiveAxes = function (xAxisArr, mousePoint) {
+exports.testIsOverAxes = testIsOverAxes;
+var getActiveAxes = function (xAxisArr, mousePoint) {
     var result = [];
     xAxisArr.forEach(function (x) {
         if (x.viewRect) {
             var _a = x.viewRect, left = _a.left, right = _a.right, top_2 = _a.top, bottom = _a.bottom;
-            if (pointUtil_1.testIsInBounds(mousePoint.x, mousePoint.y, left, bottom, right, top_2)) {
+            if ((0, pointUtil_1.testIsInBounds)(mousePoint.x, mousePoint.y, left, bottom, right, top_2)) {
                 result.push(x);
             }
         }
     });
     return result;
 };
-exports.scaleAxes = function (axes, initialVisibleRanges, delta, isMoreThanHalf) {
+exports.getActiveAxes = getActiveAxes;
+var scaleAxes = function (axes, initialVisibleRanges, delta, isMoreThanHalf) {
     axes.forEach(function (currentAxis, index) {
         var initialRange = initialVisibleRanges[index];
         currentAxis.scale(initialRange, delta, isMoreThanHalf);
     });
 };
+exports.scaleAxes = scaleAxes;

package/Charting/ChartModifiers/CursorModifier.d.ts

@@ -24,6 +24,10 @@ export interface ICursorModifierOptions extends IChartModifierBaseOptions {
     showAxisLabels?: boolean;
     axisLabelStroke?: string;
     axisLabelFill?: string;
+    xAxisLabelStroke?: string;
+    xAxisLabelFill?: string;
+    yAxisLabelStroke?: string;
+    yAxisLabelFill?: string;
     tooltipLegendTemplate?: TCursorTooltipSvgTemplate | string;
     tooltipLegendOffsetX?: number;
     tooltipLegendOffsetY?: number;
@@ -70,13 +74,29 @@ export declare class CursorModifier extends ChartModifierBase2D implements IIncl
      */
     showAxisLabels: boolean;
     /**
-     * Gets or sets the axis label text color as an HTML Color code
+     * Gets or sets both axiseslabel text color as an HTML Color code
      */
     axisLabelStroke: string;
     /**
-     * Gets or sets the axis label fill as an HTML Color code.
+     * Gets or sets both axises label fill as an HTML Color code.
      */
     axisLabelFill: string;
+    /**
+     * Gets or sets the xAxis label text color as an HTML Color code
+     */
+    xAxisLabelStroke: string;
+    /**
+     * Gets or sets the xAxis label fill as an HTML Color code.
+     */
+    xAxisLabelFill: string;
+    /**
+     * Gets or sets the xAxis label text color as an HTML Color code
+     */
+    yAxisLabelStroke: string;
+    /**
+     * Gets or sets the xAxis label fill as an HTML Color code.
+     */
+    yAxisLabelFill: string;
     /**
      * Gets or sets the template for the legend
      */
@@ -97,7 +117,10 @@ export declare class CursorModifier extends ChartModifierBase2D implements IIncl
     private tooltipDataTemplateProperty?;
     private includedSeriesMap;
     /**
-     * Creates an instance of the RolloverModifier
+     * Creates an instance of the CursorModifier
+     *
+     * If number of renderable series is more then 10 and showTooltip enabled consider passing {@link TCursorTooltipDataTemplate} or {@link TCursorTooltipSvgTemplate} to reduce the output for the tooltip
+     *
      * @param options Optional parameters {@link ICursorModifierOptions} used to configure the modifier
      */
     constructor(options?: ICursorModifierOptions);
@@ -163,7 +186,7 @@ export declare class CursorModifier extends ChartModifierBase2D implements IIncl
     hitTestRenderableSeries(rs: IRenderableSeries, mousePoint: Point): HitTestInfo;
     toJSON(): {
         type: string;
-        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
     protected notifyPropertyChanged(propertyName: string): void;
     private getSeriesInfos;

package/Charting/ChartModifiers/CursorModifier.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -42,11 +44,14 @@ var constants_1 = require("./constants");
 var CursorModifier = /** @class */ (function (_super) {
     __extends(CursorModifier, _super);
     /**
-     * Creates an instance of the RolloverModifier
+     * Creates an instance of the CursorModifier
+     *
+     * If number of renderable series is more then 10 and showTooltip enabled consider passing {@link TCursorTooltipDataTemplate} or {@link TCursorTooltipSvgTemplate} to reduce the output for the tooltip
+     *
      * @param options Optional parameters {@link ICursorModifierOptions} used to configure the modifier
      */
     function CursorModifier(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         var _this = _super.call(this, options) || this;
         _this.type = ChartModifierType_1.EChart2DModifierType.Cursor;
         _this.tooltipSvgTemplate = defaultTooltipTemplate;
@@ -75,13 +80,29 @@ var CursorModifier = /** @class */ (function (_super) {
          */
         _this.showAxisLabels = true;
         /**
-         * Gets or sets the axis label text color as an HTML Color code
+         * Gets or sets both axiseslabel text color as an HTML Color code
          */
         _this.axisLabelStroke = "#fff";
         /**
-         * Gets or sets the axis label fill as an HTML Color code.
+         * Gets or sets both axises label fill as an HTML Color code.
          */
         _this.axisLabelFill = "#228B22";
+        /**
+         * Gets or sets the xAxis label text color as an HTML Color code
+         */
+        _this.xAxisLabelStroke = undefined;
+        /**
+         * Gets or sets the xAxis label fill as an HTML Color code.
+         */
+        _this.xAxisLabelFill = undefined;
+        /**
+         * Gets or sets the xAxis label text color as an HTML Color code
+         */
+        _this.yAxisLabelStroke = undefined;
+        /**
+         * Gets or sets the xAxis label fill as an HTML Color code.
+         */
+        _this.yAxisLabelFill = undefined;
         /**
          * Gets or sets the legend X offset
          */
@@ -97,7 +118,7 @@ var CursorModifier = /** @class */ (function (_super) {
             if (typeof options.tooltipSvgTemplate === "string") {
                 _this.typeMap.set("tooltipSvgTemplate", options.tooltipSvgTemplate);
                 // @ts-ignore
-                options.tooltipSvgTemplate = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.tooltipSvgTemplate);
+                options.tooltipSvgTemplate = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.tooltipSvgTemplate);
             }
         }
         _this.tooltipSvgTemplate = (_a = options === null || options === void 0 ? void 0 : options.tooltipSvgTemplate) !== null && _a !== void 0 ? _a : _this.tooltipSvgTemplate;
@@ -108,26 +129,32 @@ var CursorModifier = /** @class */ (function (_super) {
         _this.tooltipTextStroke = (_f = options === null || options === void 0 ? void 0 : options.tooltipTextStroke) !== null && _f !== void 0 ? _f : _this.tooltipTextStroke;
         _this.showTooltip = (_g = options === null || options === void 0 ? void 0 : options.showTooltip) !== null && _g !== void 0 ? _g : _this.showTooltip;
         _this.showAxisLabels = (_h = options === null || options === void 0 ? void 0 : options.showAxisLabels) !== null && _h !== void 0 ? _h : _this.showAxisLabels;
-        _this.axisLabelStroke = (_j = options === null || options === void 0 ? void 0 : options.axisLabelStroke) !== null && _j !== void 0 ? _j : _this.axisLabelStroke;
-        _this.axisLabelFill = (_k = options === null || options === void 0 ? void 0 : options.axisLabelFill) !== null && _k !== void 0 ? _k : _this.axisLabelFill;
+        _this.axisLabelFill = (_j = options === null || options === void 0 ? void 0 : options.axisLabelFill) !== null && _j !== void 0 ? _j : _this.axisLabelFill;
+        _this.axisLabelStroke = (_k = options === null || options === void 0 ? void 0 : options.axisLabelStroke) !== null && _k !== void 0 ? _k : _this.axisLabelStroke;
+        _this.xAxisLabelStroke = (_l = options === null || options === void 0 ? void 0 : options.xAxisLabelStroke) !== null && _l !== void 0 ? _l : _this.xAxisLabelStroke;
+        _this.xAxisLabelFill = (_m = options === null || options === void 0 ? void 0 : options.xAxisLabelFill) !== null && _m !== void 0 ? _m : _this.xAxisLabelFill;
+        _this.yAxisLabelStroke = (_o = options === null || options === void 0 ? void 0 : options.yAxisLabelStroke) !== null && _o !== void 0 ? _o : _this.yAxisLabelStroke;
+        _this.yAxisLabelFill = (_p = options === null || options === void 0 ? void 0 : options.yAxisLabelFill) !== null && _p !== void 0 ? _p : _this.yAxisLabelFill;
         if (options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) {
             if (typeof options.tooltipLegendTemplate === "string") {
                 _this.typeMap.set("tooltipLegendTemplate", options.tooltipLegendTemplate);
                 // @ts-ignore
-                options.tooltipLegendTemplate = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.tooltipLegendTemplate);
+                options.tooltipLegendTemplate = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.tooltipLegendTemplate);
             }
         }
-        _this.tooltipLegendTemplate = (_l = options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) !== null && _l !== void 0 ? _l : _this.tooltipLegendTemplate;
-        _this.tooltipLegendOffsetX = (_m = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetX) !== null && _m !== void 0 ? _m : _this.tooltipLegendOffsetX;
-        _this.tooltipLegendOffsetY = (_o = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetY) !== null && _o !== void 0 ? _o : _this.tooltipLegendOffsetY;
+        _this.tooltipLegendTemplate =
+            (_q = options === null || options === void 0 ? void 0 : options.tooltipLegendTemplate) !== null && _q !== void 0 ? _q : _this.tooltipLegendTemplate;
+        _this.tooltipLegendOffsetX = (_r = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetX) !== null && _r !== void 0 ? _r : _this.tooltipLegendOffsetX;
+        _this.tooltipLegendOffsetY = (_s = options === null || options === void 0 ? void 0 : options.tooltipLegendOffsetY) !== null && _s !== void 0 ? _s : _this.tooltipLegendOffsetY;
         if (options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) {
             if (typeof options.tooltipDataTemplate === "string") {
                 _this.typeMap.set("tooltipDataTemplate", options.tooltipDataTemplate);
                 // @ts-ignore
-                options.tooltipDataTemplate = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.tooltipDataTemplate);
+                options.tooltipDataTemplate = (0, classFactory_1.getFunction)(BaseType_1.EBaseType.OptionFunction, options.tooltipDataTemplate);
             }
         }
-        _this.tooltipDataTemplateProperty = (_p = options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) !== null && _p !== void 0 ? _p : _this.tooltipDataTemplateProperty;
+        _this.tooltipDataTemplateProperty =
+            (_t = options === null || options === void 0 ? void 0 : options.tooltipDataTemplate) !== null && _t !== void 0 ? _t : _this.tooltipDataTemplateProperty;
         return _this;
     }
     /**
@@ -144,8 +171,12 @@ var CursorModifier = /** @class */ (function (_super) {
     CursorModifier.prototype.onAttach = function () {
         var _a;
         _super.prototype.onAttach.call(this);
-        this.xLineAnnotation = this.newLineAnnotation();
-        this.yLineAnnotation = this.newLineAnnotation();
+        var xAxisLabelFill = this.xAxisLabelFill ? this.xAxisLabelFill : this.axisLabelFill;
+        var yAxisLabelFill = this.yAxisLabelFill ? this.yAxisLabelFill : this.axisLabelFill;
+        var xAxisLabelStroke = this.xAxisLabelStroke ? this.xAxisLabelStroke : this.axisLabelStroke;
+        var yAxisLabelStroke = this.yAxisLabelStroke ? this.yAxisLabelStroke : this.axisLabelStroke;
+        this.xLineAnnotation = this.newLineAnnotation(xAxisLabelFill, xAxisLabelStroke);
+        this.yLineAnnotation = this.newLineAnnotation(yAxisLabelFill, yAxisLabelStroke);
         this.tooltipAnnotation = new CursorTooltipSvgAnnotation_1.CursorTooltipSvgAnnotation({
             cursorModifier: this,
             xCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
@@ -195,7 +226,7 @@ var CursorModifier = /** @class */ (function (_super) {
             this.mousePosition = MousePosition_1.EMousePosition.OutOfCanvas;
         }
         else {
-            translatedMousePoint = translate_1.translateFromCanvasToSeriesViewRect(this.mousePoint, this.parentSurface.seriesViewRect);
+            translatedMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(this.mousePoint, this.parentSurface.seriesViewRect);
             if (!translatedMousePoint) {
                 this.mousePosition = MousePosition_1.EMousePosition.AxisArea;
             }
@@ -295,6 +326,10 @@ var CursorModifier = /** @class */ (function (_super) {
         var options = {
             axisLabelFill: this.axisLabelFill,
             axisLabelStroke: this.axisLabelStroke,
+            xAxisLabelFill: this.xAxisLabelFill,
+            xAxisLabelStroke: this.xAxisLabelStroke,
+            yAxisLabelFill: this.yAxisLabelFill,
+            yAxisLabelStroke: this.yAxisLabelStroke,
             crosshairStroke: this.crosshairStroke,
             crosshairStrokeDashArray: this.crosshairStrokeDashArray,
             crosshairStrokeThickness: this.crosshairStrokeThickness,
@@ -343,15 +378,15 @@ var CursorModifier = /** @class */ (function (_super) {
             this.tooltipAnnotation.isHidden = true;
             return;
         }
-        var translatedMousePoint = translate_1.translateFromCanvasToSeriesViewRect(this.mousePoint, this.parentSurface.seriesViewRect);
+        var translatedMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(this.mousePoint, this.parentSurface.seriesViewRect);
         this.xLineAnnotation.isHidden = false;
         this.yLineAnnotation.isHidden = false;
         if (this.showTooltip) {
             this.tooltipAnnotation.isHidden = false;
         }
         if (translatedMousePoint) {
-            var x = translate_1.translateToNotScaled(translatedMousePoint.x);
-            var y = translate_1.translateToNotScaled(translatedMousePoint.y);
+            var x = (0, translate_1.translateToNotScaled)(translatedMousePoint.x);
+            var y = (0, translate_1.translateToNotScaled)(translatedMousePoint.y);
             this.xLineAnnotation.y1 = 0;
             this.yLineAnnotation.x1 = 0;
             if (this.isVerticalChart()) {
@@ -379,7 +414,7 @@ var CursorModifier = /** @class */ (function (_super) {
             }
         }
     };
-    CursorModifier.prototype.newLineAnnotation = function () {
+    CursorModifier.prototype.newLineAnnotation = function (axisLabelFill, axisLabelStroke) {
         return new LineAnnotation_1.LineAnnotation({
             xCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
             yCoordinateMode: AnnotationBase_1.ECoordinateMode.Pixel,
@@ -388,8 +423,8 @@ var CursorModifier = /** @class */ (function (_super) {
             stroke: this.crosshairStroke,
             isHidden: true,
             showLabel: this.showAxisLabels,
-            axisLabelFill: this.axisLabelFill,
-            axisLabelStroke: this.axisLabelStroke,
+            axisLabelFill: axisLabelFill,
+            axisLabelStroke: axisLabelStroke,
             xAxisId: this.xAxisId,
             yAxisId: this.yAxisId
         });
@@ -425,35 +460,35 @@ var defaultTooltipDataTemplate = function (seriesInfos, tooltipTitle) {
                 valuesWithLabels.push(si.seriesName);
             }
             else if (seriesInfos.length > 1) {
-                valuesWithLabels.push("Series #" + (index + 1));
+                valuesWithLabels.push("Series #".concat(index + 1));
             }
             if (si.dataSeriesType === IDataSeries_1.EDataSeriesType.Ohlc) {
                 var ohlcSeriesInfo = si;
-                valuesWithLabels.push("X: " + ohlcSeriesInfo.formattedXValue);
-                valuesWithLabels.push("Open: " + ohlcSeriesInfo.formattedOpenValue);
-                valuesWithLabels.push("Highest: " + ohlcSeriesInfo.formattedHighValue);
-                valuesWithLabels.push("Lowest: " + ohlcSeriesInfo.formattedLowValue);
-                valuesWithLabels.push("Close: " + ohlcSeriesInfo.formattedCloseValue);
+                valuesWithLabels.push("X: ".concat(ohlcSeriesInfo.formattedXValue));
+                valuesWithLabels.push("Open: ".concat(ohlcSeriesInfo.formattedOpenValue));
+                valuesWithLabels.push("Highest: ".concat(ohlcSeriesInfo.formattedHighValue));
+                valuesWithLabels.push("Lowest: ".concat(ohlcSeriesInfo.formattedLowValue));
+                valuesWithLabels.push("Close: ".concat(ohlcSeriesInfo.formattedCloseValue));
             }
             else if (si.dataSeriesType === IDataSeries_1.EDataSeriesType.Xyy) {
                 // Band Series
                 var xyySeriesInfo = si;
-                valuesWithLabels.push("X: " + xyySeriesInfo.formattedXValue);
-                valuesWithLabels.push("Y: " + xyySeriesInfo.formattedYValue);
-                valuesWithLabels.push("Y1: " + xyySeriesInfo.formattedY1Value);
+                valuesWithLabels.push("X: ".concat(xyySeriesInfo.formattedXValue));
+                valuesWithLabels.push("Y: ".concat(xyySeriesInfo.formattedYValue));
+                valuesWithLabels.push("Y1: ".concat(xyySeriesInfo.formattedY1Value));
             }
             else if (si.dataSeriesType === IDataSeries_1.EDataSeriesType.HeatmapUniform) {
                 // Heatmap Series
                 var heatmapSeriesInfo = si;
-                valuesWithLabels.push("X: " + heatmapSeriesInfo.formattedXValue);
-                valuesWithLabels.push("Y: " + heatmapSeriesInfo.formattedYValue);
+                valuesWithLabels.push("X: ".concat(heatmapSeriesInfo.formattedXValue));
+                valuesWithLabels.push("Y: ".concat(heatmapSeriesInfo.formattedYValue));
                 if (heatmapSeriesInfo.zValue !== null && heatmapSeriesInfo.zValue !== undefined) {
-                    valuesWithLabels.push("Z: " + heatmapSeriesInfo.formattedZValue);
+                    valuesWithLabels.push("Z: ".concat(heatmapSeriesInfo.formattedZValue));
                 }
             }
             else {
                 var xySeriesInfo = si;
-                valuesWithLabels.push("X: " + xySeriesInfo.formattedXValue + " Y: " + xySeriesInfo.formattedYValue);
+                valuesWithLabels.push("X: ".concat(xySeriesInfo.formattedXValue, " Y: ").concat(xySeriesInfo.formattedYValue));
             }
         }
     });
@@ -462,7 +497,7 @@ var defaultTooltipDataTemplate = function (seriesInfos, tooltipTitle) {
 /** @ignore */
 var defaultTooltipTemplate = function (seriesInfos, svgAnnotation) {
     var _a;
-    var id = "id_" + Date.now();
+    var id = "id_".concat(Date.now());
     var tooltipDataTemplate = (_a = svgAnnotation.cursorModifier.tooltipDataTemplate) !== null && _a !== void 0 ? _a : defaultTooltipDataTemplate;
     var valuesWithLabels = tooltipDataTemplate(seriesInfos, svgAnnotation.title);
     if (valuesWithLabels.length === 0) {
@@ -476,17 +511,17 @@ var defaultTooltipTemplate = function (seriesInfos, svgAnnotation) {
     var seriesViewRect = svgAnnotation.parentSurface.seriesViewRect;
     var xCoord = svgAnnotation.x1;
     var yCoord = svgAnnotation.y1;
-    var xCoordShift = translate_1.translateToNotScaled(seriesViewRect.width) - xCoord < width ? -width : 5;
-    var yCoordShift = translate_1.translateToNotScaled(seriesViewRect.height) - yCoord < height ? -height : 5;
+    var xCoordShift = (0, translate_1.translateToNotScaled)(seriesViewRect.width) - xCoord < width ? -width : 5;
+    var yCoordShift = (0, translate_1.translateToNotScaled)(seriesViewRect.height) - yCoord < height ? -height : 5;
     svgAnnotation.xCoordShift = xCoordShift;
     svgAnnotation.yCoordShift = yCoordShift;
     var valuesBlock = "";
     valuesWithLabels.forEach(function (val, index) {
-        valuesBlock += "<tspan x=\"8\" dy=\"1.2em\">" + val + "</tspan>";
+        valuesBlock += "<tspan x=\"8\" dy=\"1.2em\">".concat(val, "</tspan>");
     });
     var tooltipFill = svgAnnotation.containerBackground;
     var tooltipStroke = svgAnnotation.textStroke;
-    return "<svg class=\"scichart__cursor-tooltip\" width=\"" + width + "\" height=\"" + height + "\">\n        <defs>\n            <filter id=\"" + id + "\" x=\"0\" y=\"0\" width=\"200%\" height=\"200%\">\n                <feOffset result=\"offOut\" in=\"SourceAlpha\" dx=\"3\" dy=\"3\" />\n                <feGaussianBlur result=\"blurOut\" in=\"offOut\" stdDeviation=\"3\" />\n                <feBlend in=\"SourceGraphic\" in2=\"blurOut\" mode=\"normal\" />\n            </filter>\n        </defs>\n        <rect rx=\"4\" ry=\"4\" width=\"95%\" height=\"90%\" fill=\"" + tooltipFill + "\" filter=\"url(#" + id + ")\" />\n        <svg width=\"100%\">\n            <text x=\"8\" y=\"3\" font-size=\"13\" font-family=\"Verdana\" dy=\"0\" fill=\"" + tooltipStroke + "\">" + valuesBlock + "</text>\n        </svg>\n    </svg>";
+    return "<svg class=\"scichart__cursor-tooltip\" width=\"".concat(width, "\" height=\"").concat(height, "\">\n        <defs>\n            <filter id=\"").concat(id, "\" x=\"0\" y=\"0\" width=\"200%\" height=\"200%\">\n                <feOffset result=\"offOut\" in=\"SourceAlpha\" dx=\"3\" dy=\"3\" />\n                <feGaussianBlur result=\"blurOut\" in=\"offOut\" stdDeviation=\"3\" />\n                <feBlend in=\"SourceGraphic\" in2=\"blurOut\" mode=\"normal\" />\n            </filter>\n        </defs>\n        <rect rx=\"4\" ry=\"4\" width=\"95%\" height=\"90%\" fill=\"").concat(tooltipFill, "\" filter=\"url(#").concat(id, ")\" />\n        <svg width=\"100%\">\n            <text x=\"8\" y=\"3\" font-size=\"13\" font-family=\"Verdana\" dy=\"0\" fill=\"").concat(tooltipStroke, "\">").concat(valuesBlock, "</text>\n        </svg>\n    </svg>");
 };
 /** @ignore */
 var calcTooltipWidth = function (textLength, fontSize) {

package/Charting/ChartModifiers/DataPointSelectionModifier.d.ts

@@ -199,7 +199,7 @@ export declare class DataPointSelectionModifier extends ChartModifierBase2D impl
     getSelectionMode(modifierKeys: TModifierKeys, isAreaSelection: boolean): ESelectionMode;
     toJSON(): {
         type: string;
-        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
+        options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
     /**
      * Selects all points inside the {@link Rect}, according to the {@link ESelectionMode} passed in