scichart 2.0.2139 → 2.0.2185

package/Charting/Visuals/RenderableSeries/StackedMountainCollection.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 __());
@@ -67,8 +69,8 @@ var StackedMountainCollection = /** @class */ (function (_super) {
     }
     /** @inheritDoc */
     StackedMountainCollection.prototype.delete = function () {
-        this.nativeDrawingProvider = Deleter_1.deleteSafe(this.nativeDrawingProvider);
-        this.transparentPenCache = Deleter_1.deleteSafe(this.transparentPenCache);
+        this.nativeDrawingProvider = (0, Deleter_1.deleteSafe)(this.nativeDrawingProvider);
+        this.transparentPenCache = (0, Deleter_1.deleteSafe)(this.transparentPenCache);
         _super.prototype.delete.call(this);
     };
     /** @inheritDoc */
@@ -120,7 +122,7 @@ var StackedMountainCollection = /** @class */ (function (_super) {
                 var currAccumVec = el.accumulatedValues;
                 if (index === 0) {
                     var accumulatedVector0 = _this.accumulatedValues0;
-                    var transparentPen = Pen2DCache_1.getScrtPenFromCache(_this.transparentPenCache);
+                    var transparentPen = (0, Pen2DCache_1.getScrtPenFromCache)(_this.transparentPenCache);
                     drawBand(_this.webAssemblyContext, renderContext, renderPassData, _this.nativeDrawingProvider, xValues_1, accumulatedVector0, currAccumVec, el.getFillBrush(), transparentPen, el.getStrokePen(), viewRect_1, el.isDigitalLine);
                 }
                 else {
@@ -142,7 +144,7 @@ var StackedMountainCollection = /** @class */ (function (_super) {
     StackedMountainCollection.prototype.onAttach = function (scs) {
         _super.prototype.onAttach.call(this, scs);
         this.nativeDrawingProvider = new this.webAssemblyContext.SCRTBandSeriesDrawingProvider();
-        Pen2DCache_1.createPenInCache(this.transparentPenCache, "transparent", 2, 0);
+        (0, Pen2DCache_1.createPenInCache)(this.transparentPenCache, "transparent", 2, 0);
     };
     /** @inheritDoc */
     StackedMountainCollection.prototype.notifyPropertyChanged = function (propertyName) {

package/Charting/Visuals/RenderableSeries/StackedMountainRenderableSeries.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 __());
@@ -71,8 +73,8 @@ var StackedMountainRenderableSeries = /** @class */ (function (_super) {
      * @inheritDoc
      */
     StackedMountainRenderableSeries.prototype.delete = function () {
-        this.strokePenCache = Deleter_1.deleteSafe(this.strokePenCache);
-        this.fillBrushCache = Deleter_1.deleteSafe(this.fillBrushCache);
+        this.strokePenCache = (0, Deleter_1.deleteSafe)(this.strokePenCache);
+        this.fillBrushCache = (0, Deleter_1.deleteSafe)(this.fillBrushCache);
         _super.prototype.delete.call(this);
     };
     /**
@@ -89,20 +91,20 @@ var StackedMountainRenderableSeries = /** @class */ (function (_super) {
         this.getParentSurfaceFn = getParentSurfaceFn;
         this.notifyParentPropertyChangedFn = notifyPropertyChangedFn;
         var _a = this, stroke = _a.stroke, strokeThickness = _a.strokeThickness, fill = _a.fill, opacity = _a.opacity;
-        Pen2DCache_1.createPenInCache(this.strokePenCache, stroke, strokeThickness, opacity);
-        BrushCache_1.createBrushInCache(this.fillBrushCache, fill, opacity);
+        (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, stroke, strokeThickness, opacity);
+        (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, fill, opacity);
     };
     /**
      * Gets the fill brush of the mountain as an HTML color code
      */
     StackedMountainRenderableSeries.prototype.getFillBrush = function () {
-        return BrushCache_1.getScrtBrushFromCache(this.fillBrushCache);
+        return (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
     };
     /**
      * Gets the stroke of the mountain as an HTML color code
      */
     StackedMountainRenderableSeries.prototype.getStrokePen = function () {
-        return Pen2DCache_1.getScrtPenFromCache(this.strokePenCache);
+        return (0, Pen2DCache_1.getScrtPenFromCache)(this.strokePenCache);
     };
     /**
      * @inheritDoc
@@ -119,10 +121,10 @@ var StackedMountainRenderableSeries = /** @class */ (function (_super) {
         if (propertyName === constants_1.PROPERTY.STROKE ||
             propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
             propertyName === constants_1.PROPERTY.OPACITY) {
-            Pen2DCache_1.createPenInCache(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity);
+            (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, this.stroke, this.strokeThickness, this.opacity);
         }
         if (propertyName === constants_1.PROPERTY.FILL || propertyName === constants_1.PROPERTY.OPACITY) {
-            BrushCache_1.createBrushInCache(this.fillBrushCache, this.fill, this.opacity);
+            (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, this.fill, this.opacity);
         }
     };
     Object.defineProperty(StackedMountainRenderableSeries.prototype, "fill", {

package/Charting/Visuals/RenderableSeries/UniformContoursRenderableSeries.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 __());
@@ -174,11 +176,11 @@ var UniformContoursRenderableSeries = /** @class */ (function (_super) {
         var _a, _b;
         var heatmapSeries = this.dataSeries;
         var dataZRange = heatmapSeries.zRange;
-        var zMin = this.zMin && isRealNumber_1.isRealNumber(this.zMin) ? this.zMin : dataZRange.min;
-        var zMax = this.zMax && isRealNumber_1.isRealNumber(this.zMax) ? this.zMax : dataZRange.max;
+        var zMin = this.zMin && (0, isRealNumber_1.isRealNumber)(this.zMin) ? this.zMin : dataZRange.min;
+        var zMax = this.zMax && (0, isRealNumber_1.isRealNumber)(this.zMax) ? this.zMax : dataZRange.max;
         zMin = Math.max(zMin, dataZRange.min);
         zMax = Math.min(zMax, dataZRange.max);
-        var majorStepZ = this.zStep && isRealNumber_1.isRealNumber(this.zStep)
+        var majorStepZ = this.zStep && (0, isRealNumber_1.isRealNumber)(this.zStep)
             ? this.zStep
             : Math.abs(zMax - zMin) / UniformContoursRenderableSeries.DEFAULT_CONTOURS_COUNT;
         var minorStepZ = this.minorsPerMajor && this.minorsPerMajor > 0 ? majorStepZ / (this.minorsPerMajor + 1) : majorStepZ;

package/Charting/Visuals/RenderableSeries/UniformHeatmapRenderableSeries.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 __());
@@ -87,7 +89,8 @@ var UniformHeatmapRenderableSeries = /** @class */ (function (_super) {
         _this.dataSeries = options === null || options === void 0 ? void 0 : options.dataSeries;
         _this.xAxisId = (_a = options === null || options === void 0 ? void 0 : options.xAxisId) !== null && _a !== void 0 ? _a : AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
         _this.xAxisId = (_b = options === null || options === void 0 ? void 0 : options.yAxisId) !== null && _b !== void 0 ? _b : AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
-        _this.useLinearTextureFilteringProperty = (_c = options === null || options === void 0 ? void 0 : options.useLinearTextureFiltering) !== null && _c !== void 0 ? _c : _this.useLinearTextureFilteringProperty;
+        _this.useLinearTextureFilteringProperty =
+            (_c = options === null || options === void 0 ? void 0 : options.useLinearTextureFiltering) !== null && _c !== void 0 ? _c : _this.useLinearTextureFilteringProperty;
         // Must be called here for the series type to be available
         if ((_d = _this.paletteProvider) === null || _d === void 0 ? void 0 : _d.onAttached) {
             (_e = _this.paletteProvider) === null || _e === void 0 ? void 0 : _e.onAttached(_this);

package/Charting/Visuals/RenderableSeries/XyScatterRenderableSeries.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 __());

package/Charting/Visuals/RubberBandSvgRect/RubberBandSvgRect.js

@@ -128,12 +128,12 @@ var RubberBandSvgRect = /** @class */ (function () {
             if (propertyName === constants_1.PROPERTY.X1 || propertyName === constants_1.PROPERTY.X2) {
                 var width = Math.abs(this.x2 - this.x1);
                 this.svg.setAttribute("x", this.x1.toString());
-                this.svg.setAttribute("width", width + "px");
+                this.svg.setAttribute("width", "".concat(width, "px"));
             }
             if (propertyName === constants_1.PROPERTY.Y1 || propertyName === constants_1.PROPERTY.Y2) {
                 var height = Math.abs(this.y2 - this.y1);
                 this.svg.setAttribute("y", this.y1.toString());
-                this.svg.setAttribute("height", height + "px");
+                this.svg.setAttribute("height", "".concat(height, "px"));
             }
         }
     };
@@ -149,5 +149,5 @@ exports.RubberBandSvgRect = RubberBandSvgRect;
 var svgTemplate = function (fill, stroke, strokeThickness, width, height) {
     if (width === void 0) { width = 0; }
     if (height === void 0) { height = 0; }
-    return "<svg width=\"" + width + "\" height=\"" + height + "\" style=\"display: none\">\n        <rect width=\"100%\" height=\"100%\" fill=\"" + fill + "\" stroke=\"" + stroke + "\" stroke-width=\"" + strokeThickness + "\"/>\n    </svg>";
+    return "<svg width=\"".concat(width, "\" height=\"").concat(height, "\" style=\"display: none\">\n        <rect width=\"100%\" height=\"100%\" fill=\"").concat(fill, "\" stroke=\"").concat(stroke, "\" stroke-width=\"").concat(strokeThickness, "\"/>\n    </svg>");
 };

package/Charting/Visuals/SciChartDefaults.d.ts

@@ -0,0 +1,11 @@
+export declare class SciChartDefaults {
+    /**
+     * Experimental - set true to enable async label texture creation
+     * Can also be set on individual labelProviders.
+     */
+    static asyncLabels: boolean;
+    /**
+     * Set this true to allow resuse of label textures across diferent axes and different charts
+     */
+    static useSharedCache: boolean;
+}

package/Charting/Visuals/SciChartDefaults.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SciChartDefaults = void 0;
+var SciChartDefaults = /** @class */ (function () {
+    function SciChartDefaults() {
+    }
+    /**
+     * Experimental - set true to enable async label texture creation
+     * Can also be set on individual labelProviders.
+     */
+    SciChartDefaults.asyncLabels = false;
+    /**
+     * Set this true to allow resuse of label textures across diferent axes and different charts
+     */
+    SciChartDefaults.useSharedCache = false;
+    return SciChartDefaults;
+}());
+exports.SciChartDefaults = SciChartDefaults;

package/Charting/Visuals/SciChartOverview.js

@@ -51,9 +51,11 @@ exports.SciChartOverview = void 0;
 var buildSeries_1 = require("../../Builder/buildSeries");
 var NumberRange_1 = require("../../Core/NumberRange");
 var AutoRange_1 = require("../../types/AutoRange");
+var AxisType_1 = require("../../types/AxisType");
 var OverviewRangeSelectionModifier_1 = require("../ChartModifiers/OverviewRangeSelectionModifier");
 var AxisBase2D_1 = require("./Axis/AxisBase2D");
 var CategoryAxis_1 = require("./Axis/CategoryAxis");
+var LogarithmicAxis_1 = require("./Axis/LogarithmicAxis");
 var NumericAxis_1 = require("./Axis/NumericAxis");
 var SciChartSurface_1 = require("./SciChartSurface");
 /**
@@ -170,21 +172,25 @@ var createSciChartOverview = function (originalSciChartSurface, overviewRootElem
                 originalMainAxis = originalSciChartSurface.getXAxisById(mainAxisId);
                 originalSecondaryAxis = originalSciChartSurface.getYAxisById(secondaryAxisId);
                 if (!originalMainAxis)
-                    throw new Error("Could not find a main axis with id " + mainAxisId + "." +
+                    throw new Error("Could not find a main axis with id ".concat(mainAxisId, ".") +
                         (!(options === null || options === void 0 ? void 0 : options.mainAxisId) ? "Please specify mainAxisId in the options" : ""));
                 if (!originalMainAxis)
-                    throw new Error("Could not find a secondary axis with id " + secondaryAxisId + "." +
+                    throw new Error("Could not find a secondary axis with id ".concat(secondaryAxisId, ".") +
                         (!(options === null || options === void 0 ? void 0 : options.secondaryAxisId) ? "Please specify secondaryAxisId in the options" : ""));
                 originalXAxis = originalMainAxis.isXAxis ? originalMainAxis : originalSecondaryAxis;
                 originalYAxis = originalMainAxis.isXAxis ? originalSecondaryAxis : originalMainAxis;
-                xAxisOptions = __assign({ axisAlignment: originalXAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always }, options === null || options === void 0 ? void 0 : options.overviewXAxisOptions);
-                yAxisOptions = __assign({ axisAlignment: originalYAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always }, options === null || options === void 0 ? void 0 : options.overviewYAxisOptions);
+                xAxisOptions = __assign({ axisAlignment: originalXAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always, visibleRange: originalXAxis.visibleRange }, options === null || options === void 0 ? void 0 : options.overviewXAxisOptions);
+                yAxisOptions = __assign({ axisAlignment: originalYAxis.axisAlignment, isVisible: false, autoRange: AutoRange_1.EAutoRange.Always, visibleRange: originalYAxis.visibleRange }, options === null || options === void 0 ? void 0 : options.overviewYAxisOptions);
                 xAxis = originalXAxis.isCategoryAxis
                     ? new CategoryAxis_1.CategoryAxis(wasmContext, xAxisOptions)
-                    : new NumericAxis_1.NumericAxis(wasmContext, xAxisOptions);
+                    : originalXAxis.type === AxisType_1.EAxisType.LogarithmicAxis
+                        ? new LogarithmicAxis_1.LogarithmicAxis(wasmContext, xAxisOptions)
+                        : new NumericAxis_1.NumericAxis(wasmContext, xAxisOptions);
                 yAxis = originalYAxis.isCategoryAxis
                     ? new CategoryAxis_1.CategoryAxis(wasmContext, yAxisOptions)
-                    : new NumericAxis_1.NumericAxis(wasmContext, yAxisOptions);
+                    : originalXAxis.type === AxisType_1.EAxisType.LogarithmicAxis
+                        ? new LogarithmicAxis_1.LogarithmicAxis(wasmContext, yAxisOptions)
+                        : new NumericAxis_1.NumericAxis(wasmContext, yAxisOptions);
                 mainOverviewAxis = originalMainAxis.isXAxis ? xAxis : yAxis;
                 defaultTransform = function (rendSeries) {
                     // return undefined to skip
@@ -192,7 +198,7 @@ var createSciChartOverview = function (originalSciChartSurface, overviewRootElem
                         return undefined;
                     }
                     // clone the series using builder api
-                    var overviewSeries = buildSeries_1.buildSeries(wasmContext, rendSeries.toJSON(true))[0];
+                    var overviewSeries = (0, buildSeries_1.buildSeries)(wasmContext, rendSeries.toJSON(true))[0];
                     overviewSeries.dataSeries = rendSeries.dataSeries;
                     overviewSeries.xAxisId = xAxis.id;
                     overviewSeries.yAxisId = yAxis.id;

package/Charting/Visuals/SciChartPieSurface/PieSegment/PieSegment.js

@@ -10,7 +10,7 @@ var PieSegment = /** @class */ (function () {
         this.isSelectedProperty = false;
         this.textProperty = "";
         this.deltaProperty = 0;
-        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)();
         this.colorProperty = (_b = options === null || options === void 0 ? void 0 : options.color) !== null && _b !== void 0 ? _b : this.colorProperty;
         this.colorLinearGradientProperty = (_c = options === null || options === void 0 ? void 0 : options.colorLinearGradient) !== null && _c !== void 0 ? _c : this.colorLinearGradientProperty;
         this.isSelectedProperty = (_d = options === null || options === void 0 ? void 0 : options.isSelected) !== null && _d !== void 0 ? _d : this.isSelectedProperty;

package/Charting/Visuals/SciChartPieSurface/SciChartPieSurface.js

@@ -1,10 +1,12 @@
 "use strict";
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addEventListenerToPieSegment = exports.SciChartPieSurface = exports.EPieType = exports.ESizingMode = void 0;
@@ -117,10 +119,10 @@ var SciChartPieSurface = /** @class */ (function () {
      */
     SciChartPieSurface.create = function (divElementId, options) {
         var _a, _b;
-        chartBuilder_1.ensureRegistrations();
+        (0, chartBuilder_1.ensureRegistrations)();
         var canvases = sciChartInitCommon_1.default.initCanvas(divElementId, (_a = options === null || options === void 0 ? void 0 : options.widthAspect) !== null && _a !== void 0 ? _a : 0, (_b = options === null || options === void 0 ? void 0 : options.heightAspect) !== null && _b !== void 0 ? _b : 0, sciChartInitCommon_1.default.ECanvasType.svg);
         return new Promise(function (resolve) {
-            var conflictingRenderContextDestinations = __spreadArrays(createMaster_1.sciChartDestinations, createMaster3d_1.sciChartDestinations, createSingle_1.sciChartSingleDestinations).filter(function (destination) { return destination.sciChartSurface.domChartRoot.id === canvases.domChartRoot.id; });
+            var conflictingRenderContextDestinations = __spreadArray(__spreadArray(__spreadArray([], createMaster_1.sciChartDestinations, true), createMaster3d_1.sciChartDestinations, true), createSingle_1.sciChartSingleDestinations, true).filter(function (destination) { return destination.sciChartSurface.domChartRoot.id === canvases.domChartRoot.id; });
             conflictingRenderContextDestinations.forEach(function (destination) { return destination.sciChartSurface.delete(); });
             options = SciChartSurfaceBase_1.SciChartSurfaceBase.resolveOptions(options);
             var scps = new SciChartPieSurface(canvases, options);
@@ -193,7 +195,7 @@ var SciChartPieSurface = /** @class */ (function () {
         this.titleDivs = [];
         for (var _i = 0, _a = this.deletables; _i < _a.length; _i++) {
             var deletable = _a[_i];
-            Deleter_1.deleteSafe(deletable);
+            (0, Deleter_1.deleteSafe)(deletable);
         }
         this.deletables = [];
     };
@@ -323,7 +325,7 @@ var SciChartPieSurface = /** @class */ (function () {
      */
     SciChartPieSurface.prototype.changeDomViewportSize = function (width, height) {
         if (this.domChartRoot) {
-            this.domChartRoot.style.height = height + "px";
+            this.domChartRoot.style.height = "".concat(height, "px");
         }
         if (this.domCanvas2D) {
             this.domCanvas2D.width = width;
@@ -334,7 +336,7 @@ var SciChartPieSurface = /** @class */ (function () {
             this.domSvgContainer.setAttribute("height", height.toString());
         }
         if (this.domDivContainer) {
-            this.domDivContainer.style.height = height + "px";
+            this.domDivContainer.style.height = "".concat(height, "px");
         }
     };
     // PRIVATE
@@ -386,7 +388,7 @@ var SciChartPieSurface = /** @class */ (function () {
         if (!app_1.IS_TEST_ENV) {
             this.pieSegments.asArray().forEach(function (ps) {
                 var el = document.getElementById(ps.id);
-                exports.addEventListenerToPieSegment(ps, el, _this.animate);
+                (0, exports.addEventListenerToPieSegment)(ps, el, _this.animate);
             });
         }
         this.drawSegmentTitles();
@@ -417,16 +419,16 @@ var SciChartPieSurface = /** @class */ (function () {
         segments.forEach(function (el) {
             var newValue = el.value * animationProgress;
             var hasGradient = !!el.colorLinearGradient;
-            var gradientId = "grad" + el.id;
+            var gradientId = "grad".concat(el.id);
             if (hasGradient) {
                 var x1 = el.colorLinearGradient.startPoint.x * 100;
                 var y1 = el.colorLinearGradient.startPoint.y * 100;
                 var x2 = el.colorLinearGradient.endPoint.x * 100;
                 var y2 = el.colorLinearGradient.endPoint.y * 100;
-                var gradientBlock_1 = "<linearGradient id=\"" + gradientId + "\" x1=\"" + x1 + "%\" y1=\"" + y1 + "%\" x2=\"" + x2 + "%\" y2=\"" + y2 + "%\">";
+                var gradientBlock_1 = "<linearGradient id=\"".concat(gradientId, "\" x1=\"").concat(x1, "%\" y1=\"").concat(y1, "%\" x2=\"").concat(x2, "%\" y2=\"").concat(y2, "%\">");
                 el.colorLinearGradient.gradientStops.forEach(function (gStop) {
                     var offset = gStop.offset * 100;
-                    gradientBlock_1 += "<stop offset=\"" + offset + "%\" style=\"stop-color:" + gStop.color + ";stop-opacity:1\" />";
+                    gradientBlock_1 += "<stop offset=\"".concat(offset, "%\" style=\"stop-color:").concat(gStop.color, ";stop-opacity:1\" />");
                 });
                 gradientBlock_1 += "</linearGradient>";
                 gradientsBlock += gradientBlock_1;
@@ -437,13 +439,13 @@ var SciChartPieSurface = /** @class */ (function () {
                 ? getDonutSectorPath(xCoord, yCoord, outerRadius, innerRadius, angleFrom, angleTo, el.delta)
                 : getSectorPath(xCoord, yCoord, outerRadius, angleFrom, angleTo, el.delta);
             var pathBlock = hasGradient
-                ? "<g fill=\"url(#" + gradientId + ")\"><path id=\"" + el.id + "\" stroke=\"" + strokeColor + "\" stroke-width=\"" + strokeWidth + "\" d=\"" + dAttribute + "\" /></g>"
-                : "<path id=\"" + el.id + "\" stroke=\"" + strokeColor + "\" stroke-width=\"" + strokeWidth + "\" d=\"" + dAttribute + "\" fill=\"" + el.color + "\" />";
+                ? "<g fill=\"url(#".concat(gradientId, ")\"><path id=\"").concat(el.id, "\" stroke=\"").concat(strokeColor, "\" stroke-width=\"").concat(strokeWidth, "\" d=\"").concat(dAttribute, "\" /></g>")
+                : "<path id=\"".concat(el.id, "\" stroke=\"").concat(strokeColor, "\" stroke-width=\"").concat(strokeWidth, "\" d=\"").concat(dAttribute, "\" fill=\"").concat(el.color, "\" />");
             pathsBlock += pathBlock;
             currentValue += newValue;
         });
         gradientsBlock += "</defs>";
-        var svgString = "<svg width=\"" + this.viewRect.width + "\" height=\"" + this.viewRect.height + "\">" + gradientsBlock + pathsBlock + "</svg>";
+        var svgString = "<svg width=\"".concat(this.viewRect.width, "\" height=\"").concat(this.viewRect.height, "\">").concat(gradientsBlock).concat(pathsBlock, "</svg>");
         // CREATING AND ATTACHING SVG TO DOM
         var svgNode = document.createRange().createContextualFragment(svgString);
         this.domSvgContainer.appendChild(svgNode);
@@ -471,15 +473,15 @@ var SciChartPieSurface = /** @class */ (function () {
             div.style.fontWeight = "bold";
             div.style.display = "block";
             div.style.fontFamily = "Arial";
-            div.innerHTML = "<div>" + el.getPercentage(totalValue) + "</div>";
+            div.innerHTML = "<div>".concat(el.getPercentage(totalValue), "</div>");
             _this.domDivContainer.appendChild(div);
             var divWidth = div.offsetWidth;
             var divHeight = div.offsetHeight;
             var angleFrom = (360 * currentValue) / totalValue - START_ANGLE;
             var angleTo = (360 * (currentValue + el.value)) / totalValue - START_ANGLE;
             var position = calcTitlePosition(xCoord, yCoord, outerRadius, innerRadius, angleFrom, angleTo, el.delta, divWidth, divHeight);
-            div.style.left = position.left + "px";
-            div.style.top = position.top + "px";
+            div.style.left = "".concat(position.left, "px");
+            div.style.top = "".concat(position.top, "px");
             _this.titleDivs.push(div);
             currentValue += el.value;
         });
@@ -512,7 +514,7 @@ var getSectorPath = function (x, y, outerRadius, a1, a2, delta) {
     var cy1 = Math.sin(DEG_TO_RAD * a2) * outerRadius + y + deltaY;
     var cx2 = Math.cos(DEG_TO_RAD * a1) * outerRadius + x + deltaX;
     var cy2 = Math.sin(DEG_TO_RAD * a1) * outerRadius + y + deltaY;
-    return "M" + (x + deltaX) + " " + (y + deltaY) + " " + cx1 + " " + cy1 + " A" + outerRadius + " " + outerRadius + " 0 " + bigArc + " 0 " + cx2 + " " + cy2 + "Z";
+    return "M".concat(x + deltaX, " ").concat(y + deltaY, " ").concat(cx1, " ").concat(cy1, " A").concat(outerRadius, " ").concat(outerRadius, " 0 ").concat(bigArc, " 0 ").concat(cx2, " ").concat(cy2, "Z");
 };
 /**
  * @ignore
@@ -538,7 +540,7 @@ var getDonutSectorPath = function (x, y, outerR, innerR, a1, a2, delta) {
     var innerY1 = Math.sin(DEG_TO_RAD * a2) * innerR + y + deltaY;
     var innerX2 = Math.cos(DEG_TO_RAD * a1) * innerR + x + deltaX;
     var innerY2 = Math.sin(DEG_TO_RAD * a1) * innerR + y + deltaY;
-    return "M" + outerX1 + " " + outerY1 + " A" + outerR + " " + outerR + " 0 " + bigArc + " 0 " + outerX2 + " " + outerY2 + " L" + innerX2 + " " + innerY2 + " A" + innerR + " " + innerR + " 0 " + bigArc + " 1 " + innerX1 + " " + innerY1 + "Z";
+    return "M".concat(outerX1, " ").concat(outerY1, " A").concat(outerR, " ").concat(outerR, " 0 ").concat(bigArc, " 0 ").concat(outerX2, " ").concat(outerY2, " L").concat(innerX2, " ").concat(innerY2, " A").concat(innerR, " ").concat(innerR, " 0 ").concat(bigArc, " 1 ").concat(innerX1, " ").concat(innerY1, "Z");
 };
 /** @ignore */
 var calcTitlePosition = function (x, y, outerRadius, innerRadius, a1, a2, delta, divWidth, divHeight) {
@@ -553,7 +555,7 @@ var calcTitlePosition = function (x, y, outerRadius, innerRadius, a1, a2, delta,
 /** @ignore */
 var isListenerBlocked = false;
 /** @ignore */
-exports.addEventListenerToPieSegment = function (ps, el, animate) {
+var addEventListenerToPieSegment = function (ps, el, animate) {
     if (el) {
         el.addEventListener("click", function (e) {
             if (!animate) {
@@ -581,3 +583,4 @@ exports.addEventListenerToPieSegment = function (ps, el, animate) {
         });
     }
 };
+exports.addEventListenerToPieSegment = addEventListenerToPieSegment;

package/Charting/Visuals/SciChartSurface.d.ts

@@ -1,5 +1,6 @@
 import { ISciChart2DDefinition } from "../../Builder/buildSurface";
 import { TEasingFn } from "../../Core/Animations/EasingFunctions";
+import { IGenericAnimation } from "../../Core/Animations/GenericAnimation";
 import { EventHandler } from "../../Core/EventHandler";
 import { ObservableArray } from "../../Core/ObservableArray";
 import { Rect } from "../../Core/Rect";
@@ -174,6 +175,7 @@ export declare class SciChartSurface extends SciChartSurfaceBase {
      * access to our WebGL2 Engine and WebAssembly numerical methods
      */
     readonly webAssemblyContext2D: TSciChart;
+    protected animationList: IGenericAnimation[];
     private readonly sciChartRenderer;
     private layoutManagerProperty;
     private zoomStateProperty;
@@ -360,6 +362,17 @@ export declare class SciChartSurface extends SciChartSurfaceBase {
      * @param timeElapsed
      */
     onAnimate(timeElapsed: number): void;
+    /**
+     * Gets the generic animations currently on the surface. Do not manipulate this array directly.
+     * To add, use addAnimation.  To remove, find an animation and call .cancel() on it.
+     */
+    getAnimations(): ReadonlyArray<IGenericAnimation>;
+    /**
+     * Add a {@link GenericAnimation} to the surface.
+     * Multiple animations will be run in parallel, so if you want to run one after another, use the onCompleted callback
+     * to add another animation after the first completes
+     */
+    addAnimation(animation: IGenericAnimation): void;
     /**
      * Returns true if an animation is running
      */