scichart 2.0.2139 → 2.0.2185

package/Charting/Visuals/Axis/AxisCore.js

@@ -12,19 +12,17 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AxisCore = void 0;
-var EasingFunctions_1 = require("../../../Core/Animations/EasingFunctions");
-var NumberRangeAnimator_1 = require("../../../Core/Animations/NumberRangeAnimator");
 var Deleter_1 = require("../../../Core/Deleter");
 var EventHandler_1 = require("../../../Core/EventHandler");
 var Guard_1 = require("../../../Core/Guard");
 var NumberRange_1 = require("../../../Core/NumberRange");
 var Thickness_1 = require("../../../Core/Thickness");
 var AutoRange_1 = require("../../../types/AutoRange");
+var LabelAlignment_1 = require("../../../types/LabelAlignment");
 var isRealNumber_1 = require("../../../utils/isRealNumber");
 var SciChartSurfaceBase_1 = require("../SciChartSurfaceBase");
 var DpiHelper_1 = require("../TextureManager/DpiHelper");
 var constants_1 = require("./constants");
-var LabelAlignment_1 = require("../../../types/LabelAlignment");
 var VisibleRangeChangedArgs_1 = require("./VisibleRangeChangedArgs");
 /** @ignore */
 var ZeroRangeGrowBy = 0.01;
@@ -52,6 +50,8 @@ var AxisCore = /** @class */ (function () {
          * @desc
          */
         this.visibleRangeChanged = new EventHandler_1.EventHandler();
+        /** A flag to indicate if measure has been called this frame.  Properties updated after measure must trigger a redraw */
+        this.isMeasured = false;
         /**
          * Internal backing property for {@link AxisCore.id}. To fire {@link AxisCore.invalidateParentCallback}, set the public property
          */
@@ -219,7 +219,7 @@ var AxisCore = /** @class */ (function () {
             return false;
         }
         var rangeIsZero = this.visibleRange.diff === 0;
-        return !rangeIsZero && isRealNumber_1.isRealNumber(this.visibleRange.max) && isRealNumber_1.isRealNumber(this.visibleRange.min);
+        return !rangeIsZero && (0, isRealNumber_1.isRealNumber)(this.visibleRange.max) && (0, isRealNumber_1.isRealNumber)(this.visibleRange.min);
     };
     /**
      * When true, the axis has the default {@link AxisCore.visibleRange}.
@@ -364,31 +364,17 @@ var AxisCore = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    /**
-     * Sets and animates the visibleRange of the axis from the current value to the provided value over the duration and with
-     * {@link TEasingFn | Easing Function} provided
-     * @param visibleRange the {@link NumberRange} which we wish to animate {@link AxisCore.visibleRange} to
-     * @param durationMs the duration of the animation in milliseconds
-     * @param easingFunction the {@link TEasingFn | Easing Function to use}. Default value is outCubic
-     * @param onCompleted the callback function
-     */
-    AxisCore.prototype.animateVisibleRange = function (visibleRange, durationMs, easingFunction, onCompleted) {
-        var _this = this;
-        var _a;
-        if (easingFunction === void 0) { easingFunction = EasingFunctions_1.easing.outCubic; }
-        if (onCompleted === void 0) { onCompleted = function () { }; }
-        if (durationMs <= 0) {
-            // Don't allow setting visibleRange to undefined if there is no data
-            this.visibleRange = visibleRange || this.visibleRange;
-            onCompleted();
-            return undefined;
-        }
-        (_a = this.visibleRangeAnimationToken) === null || _a === void 0 ? void 0 : _a.cancelAnimation();
-        this.visibleRangeAnimationToken = NumberRangeAnimator_1.NumberRangeAnimator.animate(this.visibleRange, visibleRange, durationMs, function (range) {
-            _this.visibleRange = range;
-        }, onCompleted, easingFunction);
-        return this.visibleRangeAnimationToken;
-    };
+    Object.defineProperty(AxisCore.prototype, "animatedVisibleRange", {
+        get: function () {
+            if (!this.visibleRangeAnimationToken) {
+                return this.visibleRange;
+            }
+            var animation = this.visibleRangeAnimationToken;
+            return animation.to;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(AxisCore.prototype, "majorDelta", {
         /**
          * The MajorDelta is the spacing between major gridlines and axis labels.
@@ -956,7 +942,7 @@ var AxisCore = /** @class */ (function () {
     AxisCore.prototype.getCurrentCoordinateCalculator = function (forceRecreate) {
         if (forceRecreate === void 0) { forceRecreate = false; }
         if (forceRecreate && this.coordCalcCache) {
-            this.coordCalcCache = Deleter_1.deleteSafe(this.coordCalcCache);
+            this.coordCalcCache = (0, Deleter_1.deleteSafe)(this.coordCalcCache);
         }
         if (!this.coordCalcCache) {
             this.coordCalcCache = this.getCurrentCoordinateCalculatorInternal();
@@ -967,7 +953,7 @@ var AxisCore = /** @class */ (function () {
      * @inheritDoc
      */
     AxisCore.prototype.delete = function () {
-        this.coordCalcCache = Deleter_1.deleteSafe(this.coordCalcCache);
+        this.coordCalcCache = (0, Deleter_1.deleteSafe)(this.coordCalcCache);
     };
     /**
      * Tests whether the range passed in is valid
@@ -1012,7 +998,7 @@ var AxisCore = /** @class */ (function () {
         if (propertyName === constants_1.PROPERTY.TICK_COORDINATES_CALCULATOR) {
             (_d = this.tickCoordinatesProvider) === null || _d === void 0 ? void 0 : _d.attachedToAxis(this);
         }
-        if (this.invalidateParentCallback) {
+        if (this.isMeasured && this.invalidateParentCallback) {
             this.invalidateParentCallback();
         }
     };

package/Charting/Visuals/Axis/AxisRenderer.d.ts

@@ -21,37 +21,100 @@ export declare class AxisRenderer implements IDeletable {
     private desiredTicksSize;
     private desiredHeightProperty;
     private desiredWidthProperty;
+    private axisThicknessProperty;
     private measureTextCanvas;
     private keepLabelsWithinAxisProperty;
     private hideOverlappingLabelsProperty;
+    /**
+     * Creates an instance of a {@link AxisRenderer}
+     * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
+     * access to our WebGL2 Engine and WebAssembly numerical methods
+     */
     constructor(webAssemblyContext: TSciChart);
+    /** @inheritDoc */
     delete(): void;
     /**
      * Called when the {@link AxisRenderer} is attached to an {@link AxisBase2D | Axis}
      * @param axis The Axis we are attached to.
      */
     attachedToAxis(axis: AxisBase2D): void;
+    /**
+     * Called internally - measures the axis label area as part of the layout phase
+     */
     measure(isHorizontalAxis: boolean, labelStyle: TTextStyle, majorTickLabels: string[], ticksSize: number, labelProvider: LabelProviderBase2D, drawLabels: boolean, drawTicks: boolean): void;
+    /**
+     * Called internally - calculates desired labels size
+     */
     calcDesiredLabelsSize(isHorizontalAxis: boolean, labelProvider: LabelProviderBase2D, labelStyle: TTextStyle, majorTickLabels: string[]): number;
+    /**
+     * Called internally - Gets or sets desired height during the layout process
+     */
     get desiredHeight(): number;
     set desiredHeight(height: number);
+    /**
+     * Called internally - Gets or sets desired width during the layout process
+     */
     get desiredWidth(): number;
     set desiredWidth(width: number);
+    /**
+     * Gets or sets keepLabelsWithinAxis property.
+     * When true (default), first and last labels will be shifted to stay within axis bounds.
+     * If set to false, these labels will stay aligned to their ticks
+     */
     get keepLabelsWithinAxis(): boolean;
     set keepLabelsWithinAxis(value: boolean);
+    /**
+     * Gets or sets hideOverlappingLabels property.
+     * Default (true) is to not show labels that would overlap. When using rotation you may want to set this false,
+     * as the bounding box of rotated text may overlap even if the text itself does not.
+     */
     get hideOverlappingLabels(): boolean;
     set hideOverlappingLabels(value: boolean);
+    /**
+     * Gets or sets axis label area thickness, by default the size is calculated to have enough space for labels.
+     * However, this property allows to set minimal width/height for vertical/horizontal axes.
+     * Useful to align seriesViewRects for different charts
+     */
+    get axisThickness(): number;
+    set axisThickness(value: number);
+    /**
+     * Called internally as a part of the layout process
+     */
     layout(rect: Rect): void;
+    /**
+     * Called internally - draws labels
+     */
     drawLabels(renderContext: WebGlRenderContext2D, axisAlignment: EAxisAlignment, isInnerAxis: boolean, tickLabels: string[], tickCoords: number[], axisOffset: number, labelStyle: TTextStyle, isVerticalChart: boolean, isFlippedCoordinates: boolean, labelProvider: LabelProviderBase2D): void;
+    /**
+     * Called internally - adjusts labels for label alignment
+     */
     adjustForLabelAlignment(xCoord: number, labelWidth: number, labelAlignment: ELabelAlignment, axisAlignment: EAxisAlignment, isInnerAxis: boolean, axisWidth: number, tickSize: number): number;
+    /**
+     * Called internally
+     */
     layoutLabels(size: number, tickCoords: number[], labelSizes: number[], isFlippedCoordinates: boolean, padBefore?: number, padAfter?: number): {
         labelCoords: number[];
         labelIndexes: number[];
     };
+    /**
+     * Called internally
+     */
     drawTicks(renderContext: WebGlRenderContext2D, axisAlignment: EAxisAlignment, isInnerAxis: boolean, tickCoords: number[], axisOffset: number, pen: SCRTPen, tickStyle: TTickLineStyle): void;
+    /**
+     * Called internally - draws axis labels when needed, for example for line annotations
+     */
     drawModifiersAxisLabel(renderContext: WebGlRenderContext2D, displayValue: string, coord: number, axisAlignment: EAxisAlignment, textStyle: TTextStyle, fill: string): Rect;
+    /**
+     * Called internally - used for {@link AxisMarkerAnnotation}
+     */
     createAxisMarker(axisAlignment: EAxisAlignment, text: string, textStyle: TTextStyle, backgroundColor?: string, opacity?: number): import("../TextureManager/TextureManager").TTextureObject;
+    /**
+     * Called internally - used for custom {@link AxisMarkerAnnotation}
+     */
     createAxisMarkerFromImage(image: HTMLImageElement, imageWidth: number, imageHeight: number): import("../TextureManager/TextureManager").TTextureObject;
+    /**
+     * Called internally
+     */
     createAnnotationLabelTexture(text: string, textStyle: TTextStyle, backgroundColor?: string, displayVertically?: boolean, displayMirrored?: boolean, opacity?: number): import("../TextureManager/TextureManager").TTextureObject;
     protected invalidateParent(): void;
     private drawLabelViewRects;

package/Charting/Visuals/Axis/AxisRenderer.js

@@ -28,6 +28,11 @@ var TextureManager_1 = require("../TextureManager/TextureManager");
  * Draws an axis using our WebGL Rendering engine
  */
 var AxisRenderer = /** @class */ (function () {
+    /**
+     * Creates an instance of a {@link AxisRenderer}
+     * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
+     * access to our WebGL2 Engine and WebAssembly numerical methods
+     */
     function AxisRenderer(webAssemblyContext) {
         this.viewRect = Rect_1.Rect.createZero();
         this.drawDebug = false;
@@ -35,6 +40,7 @@ var AxisRenderer = /** @class */ (function () {
         this.desiredTicksSize = 0;
         this.desiredHeightProperty = 0;
         this.desiredWidthProperty = 0;
+        this.axisThicknessProperty = 0;
         this.keepLabelsWithinAxisProperty = true;
         this.hideOverlappingLabelsProperty = true;
         this.webAssemblyContext = webAssemblyContext;
@@ -45,9 +51,10 @@ var AxisRenderer = /** @class */ (function () {
             this.measureTextCanvas.height = 1;
         }
     }
+    /** @inheritDoc */
     AxisRenderer.prototype.delete = function () {
         this.measureTextCanvas = undefined;
-        this.textureManager = Deleter_1.deleteSafe(this.textureManager);
+        this.textureManager = (0, Deleter_1.deleteSafe)(this.textureManager);
     };
     /**
      * Called when the {@link AxisRenderer} is attached to an {@link AxisBase2D | Axis}
@@ -56,15 +63,19 @@ var AxisRenderer = /** @class */ (function () {
     AxisRenderer.prototype.attachedToAxis = function (axis) {
         this.parentAxis = axis;
     };
+    /**
+     * Called internally - measures the axis label area as part of the layout phase
+     */
     AxisRenderer.prototype.measure = function (isHorizontalAxis, labelStyle, majorTickLabels, ticksSize, labelProvider, drawLabels, drawTicks) {
         if (SciChartSurfaceBase_1.DebugForDpi) {
-            console.log("AxisRenderer.measure. fontSize: " + labelStyle.fontSize);
+            console.log("AxisRenderer.measure. fontSize: ".concat(labelStyle.fontSize));
         }
         this.desiredLabelsSize = drawLabels
             ? this.calcDesiredLabelsSize(isHorizontalAxis, labelProvider, labelStyle, majorTickLabels)
             : 0;
         this.desiredTicksSize = drawTicks ? ticksSize : 0;
-        var desiredSize = this.desiredLabelsSize + this.desiredTicksSize;
+        var desiredLabelsSize = Math.max(this.desiredLabelsSize, this.axisThicknessProperty * DpiHelper_1.DpiHelper.PIXEL_RATIO);
+        var desiredSize = desiredLabelsSize + this.desiredTicksSize;
         if (isHorizontalAxis) {
             this.desiredHeightProperty = desiredSize;
         }
@@ -72,6 +83,9 @@ var AxisRenderer = /** @class */ (function () {
             this.desiredWidthProperty = desiredSize;
         }
     };
+    /**
+     * Called internally - calculates desired labels size
+     */
     AxisRenderer.prototype.calcDesiredLabelsSize = function (isHorizontalAxis, labelProvider, labelStyle, majorTickLabels) {
         if (app_1.IS_TEST_ENV)
             return 0;
@@ -88,6 +102,9 @@ var AxisRenderer = /** @class */ (function () {
         return desiredLabelsSize;
     };
     Object.defineProperty(AxisRenderer.prototype, "desiredHeight", {
+        /**
+         * Called internally - Gets or sets desired height during the layout process
+         */
         get: function () {
             return this.desiredHeightProperty;
         },
@@ -98,6 +115,9 @@ var AxisRenderer = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(AxisRenderer.prototype, "desiredWidth", {
+        /**
+         * Called internally - Gets or sets desired width during the layout process
+         */
         get: function () {
             return this.desiredWidthProperty;
         },
@@ -108,6 +128,11 @@ var AxisRenderer = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(AxisRenderer.prototype, "keepLabelsWithinAxis", {
+        /**
+         * Gets or sets keepLabelsWithinAxis property.
+         * When true (default), first and last labels will be shifted to stay within axis bounds.
+         * If set to false, these labels will stay aligned to their ticks
+         */
         get: function () {
             return this.keepLabelsWithinAxisProperty;
         },
@@ -119,6 +144,11 @@ var AxisRenderer = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(AxisRenderer.prototype, "hideOverlappingLabels", {
+        /**
+         * Gets or sets hideOverlappingLabels property.
+         * Default (true) is to not show labels that would overlap. When using rotation you may want to set this false,
+         * as the bounding box of rotated text may overlap even if the text itself does not.
+         */
         get: function () {
             return this.hideOverlappingLabelsProperty;
         },
@@ -129,17 +159,39 @@ var AxisRenderer = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(AxisRenderer.prototype, "axisThickness", {
+        /**
+         * Gets or sets axis label area thickness, by default the size is calculated to have enough space for labels.
+         * However, this property allows to set minimal width/height for vertical/horizontal axes.
+         * Useful to align seriesViewRects for different charts
+         */
+        get: function () {
+            return this.axisThicknessProperty;
+        },
+        set: function (value) {
+            this.axisThicknessProperty = value;
+            this.invalidateParent();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    /**
+     * Called internally as a part of the layout process
+     */
     AxisRenderer.prototype.layout = function (rect) {
         this.viewRect = rect;
         // Not much we can do here as we don't have access to tick coordinates yet
     };
+    /**
+     * Called internally - draws labels
+     */
     AxisRenderer.prototype.drawLabels = function (renderContext, axisAlignment, isInnerAxis, tickLabels, tickCoords, axisOffset, labelStyle, isVerticalChart, isFlippedCoordinates, labelProvider) {
         if (SciChartSurfaceBase_1.DebugForDpi) {
-            console.log("AxisRenderer.drawLabels. fontSize: " + labelStyle.fontSize);
+            console.log("AxisRenderer.drawLabels. fontSize: ".concat(labelStyle.fontSize));
         }
         var _a = this, viewRect = _a.viewRect, textureManager = _a.textureManager;
         var nativeContext = renderContext.getNativeContext();
-        var isAxisFlipped = isVerticalChart ? AxisAlignment_1.getIsHorizontal(axisAlignment) : AxisAlignment_1.getIsVertical(axisAlignment);
+        var isAxisFlipped = isVerticalChart ? (0, AxisAlignment_1.getIsHorizontal)(axisAlignment) : (0, AxisAlignment_1.getIsVertical)(axisAlignment);
         var width = Math.floor(viewRect.width);
         var height = Math.floor(viewRect.height);
         var tickSize = this.desiredTicksSize;
@@ -152,7 +204,7 @@ var AxisRenderer = /** @class */ (function () {
         // for debug
         var labelRects = [];
         tickCoords = tickCoords.map(function (t) { return t - axisOffset; });
-        if (AxisAlignment_1.getIsHorizontal(axisAlignment)) {
+        if ((0, AxisAlignment_1.getIsHorizontal)(axisAlignment)) {
             var tickSizes = tickLabels.map(function (label) { return labelProvider.getLabelWidth(ctx, label, labelStyle); });
             var _b = this.layoutLabels(width, tickCoords, tickSizes, isFlippedCoordinates, padding === null || padding === void 0 ? void 0 : padding.top, padding === null || padding === void 0 ? void 0 : padding.bottom), labelCoords = _b.labelCoords, labelIndexes = _b.labelIndexes;
             for (var index = 0; index < labelIndexes.length; index++) {
@@ -172,7 +224,7 @@ var AxisRenderer = /** @class */ (function () {
                     labelRects.push(Rect_1.Rect.create(xCoord, yCoord, tickSizes[labelIndexes[index]], labelHeight));
                 }
                 try {
-                    var _c = labelProvider.getLabelTexture(labelText, textureManager, labelStyle), bitmapTexture = _c.bitmapTexture, textureHeight = _c.textureHeight, textureWidth = _c.textureWidth;
+                    var _c = labelProvider.getCachedLabelTexture(labelText, textureManager, labelStyle), bitmapTexture = _c.bitmapTexture, textureHeight = _c.textureHeight, textureWidth = _c.textureWidth;
                     if (bitmapTexture) {
                         nativeContext.DrawTexture(bitmapTexture, Math.round(xCoord + viewRect.left), Math.round(yCoord + viewRect.top), textureWidth, textureHeight);
                         if (!labelProvider.useCache) {
@@ -199,10 +251,12 @@ var AxisRenderer = /** @class */ (function () {
                     labelRects.push(Rect_1.Rect.create(xCoord, yCoord, labelWidth, tickSizes[labelIndexes[index]]));
                 }
                 try {
-                    var _e = labelProvider.getLabelTexture(labelText, textureManager, labelStyle), bitmapTexture = _e.bitmapTexture, textureHeight = _e.textureHeight, textureWidth = _e.textureWidth;
-                    nativeContext.DrawTexture(bitmapTexture, Math.round(xCoord + viewRect.left), Math.round(yCoord + viewRect.top), textureWidth, textureHeight);
-                    if (!labelProvider.useCache) {
-                        bitmapTexture.delete();
+                    var _e = labelProvider.getCachedLabelTexture(labelText, textureManager, labelStyle), bitmapTexture = _e.bitmapTexture, textureHeight = _e.textureHeight, textureWidth = _e.textureWidth;
+                    if (bitmapTexture) {
+                        nativeContext.DrawTexture(bitmapTexture, Math.round(xCoord + viewRect.left), Math.round(yCoord + viewRect.top), textureWidth, textureHeight);
+                        if (!labelProvider.useCache) {
+                            bitmapTexture.delete();
+                        }
                     }
                 }
                 catch (err) {
@@ -215,6 +269,9 @@ var AxisRenderer = /** @class */ (function () {
             this.drawLabelViewRects(renderContext, viewRect, labelRects);
         }
     };
+    /**
+     * Called internally - adjusts labels for label alignment
+     */
     AxisRenderer.prototype.adjustForLabelAlignment = function (xCoord, labelWidth, labelAlignment, axisAlignment, isInnerAxis, axisWidth, tickSize) {
         var adj = axisWidth - tickSize - labelWidth;
         if ((axisAlignment === AxisAlignment_1.EAxisAlignment.Left && !isInnerAxis) ||
@@ -239,9 +296,15 @@ var AxisRenderer = /** @class */ (function () {
         }
         return xCoord;
     };
+    /**
+     * Called internally
+     */
     AxisRenderer.prototype.layoutLabels = function (size, tickCoords, labelSizes, isFlippedCoordinates, padBefore, padAfter) {
-        return exports.layoutLabelsHelper(this.keepLabelsWithinAxis, this.hideOverlappingLabels, size, tickCoords, labelSizes, isFlippedCoordinates);
+        return (0, exports.layoutLabelsHelper)(this.keepLabelsWithinAxis, this.hideOverlappingLabels, size, tickCoords, labelSizes, isFlippedCoordinates);
     };
+    /**
+     * Called internally
+     */
     AxisRenderer.prototype.drawTicks = function (renderContext, axisAlignment, isInnerAxis, tickCoords, axisOffset, pen, tickStyle) {
         var _this = this;
         if (!tickCoords || tickCoords.length === 0)
@@ -249,7 +312,7 @@ var AxisRenderer = /** @class */ (function () {
         var viewRect = this.viewRect;
         var tickSize = tickStyle.tickSize;
         var vertices = new this.webAssemblyContext.VectorColorVertex();
-        var isHorizontal = AxisAlignment_1.getIsHorizontal(axisAlignment);
+        var isHorizontal = (0, AxisAlignment_1.getIsHorizontal)(axisAlignment);
         if (isHorizontal === undefined) {
             return;
         }
@@ -296,6 +359,9 @@ var AxisRenderer = /** @class */ (function () {
         vertices.clear();
         vertices.delete();
     };
+    /**
+     * Called internally - draws axis labels when needed, for example for line annotations
+     */
     AxisRenderer.prototype.drawModifiersAxisLabel = function (renderContext, displayValue, coord, axisAlignment, textStyle, fill) {
         if (!displayValue)
             return undefined;
@@ -322,13 +388,22 @@ var AxisRenderer = /** @class */ (function () {
         bitmapTexture.delete();
         return new Rect_1.Rect(xPosition, yPosition, textureWidth, textureHeight);
     };
+    /**
+     * Called internally - used for {@link AxisMarkerAnnotation}
+     */
     AxisRenderer.prototype.createAxisMarker = function (axisAlignment, text, textStyle, backgroundColor, opacity) {
         var fontStyle = textStyle.fontStyle, fontWeight = textStyle.fontWeight, fontSize = textStyle.fontSize, fontFamily = textStyle.fontFamily, color = textStyle.color;
         return this.textureManager.createAxisMarkerTexture(axisAlignment, text, fontStyle, fontWeight, fontSize, fontFamily, color, 2 * DpiHelper_1.DpiHelper.PIXEL_RATIO, backgroundColor, opacity);
     };
+    /**
+     * Called internally - used for custom {@link AxisMarkerAnnotation}
+     */
     AxisRenderer.prototype.createAxisMarkerFromImage = function (image, imageWidth, imageHeight) {
         return this.textureManager.createTextureFromImage(image, imageWidth, imageHeight);
     };
+    /**
+     * Called internally
+     */
     AxisRenderer.prototype.createAnnotationLabelTexture = function (text, textStyle, backgroundColor, displayVertically, displayMirrored, opacity) {
         return this.textureManager.createSimpleTextTexture(text, __assign(__assign({}, textStyle), { padding: new Thickness_1.Thickness(2, 2, 2, 2) }), backgroundColor, displayVertically, displayMirrored, opacity);
     };
@@ -339,10 +414,10 @@ var AxisRenderer = /** @class */ (function () {
     };
     AxisRenderer.prototype.drawLabelViewRects = function (renderContext, axisRect, rects) {
         var vecRects = new this.webAssemblyContext.VectorRectVertex();
-        var brush = new this.webAssemblyContext.SCRTSolidBrush(parseColor_1.parseColorToUIntArgb("rgba(30,30,255,0.3)"), false);
+        var brush = new this.webAssemblyContext.SCRTSolidBrush((0, parseColor_1.parseColorToUIntArgb)("rgba(30,30,255,0.3)"), false);
         for (var _i = 0, rects_1 = rects; _i < rects_1.length; _i++) {
             var rect = rects_1[_i];
-            var nativeRect = createNativeRect_1.createNativeRect(this.webAssemblyContext, rect.left, rect.top, rect.right, rect.bottom);
+            var nativeRect = (0, createNativeRect_1.createNativeRect)(this.webAssemblyContext, rect.left, rect.top, rect.right, rect.bottom);
             vecRects.push_back(nativeRect);
             nativeRect.delete();
         }
@@ -354,7 +429,7 @@ var AxisRenderer = /** @class */ (function () {
 }());
 exports.AxisRenderer = AxisRenderer;
 /** @ignore */
-exports.layoutLabelsHelper = function (keepLabelsWithinAxis, hideOverlappingLabels, size, tickCoords, labelSizes, isFlippedCoordinates) {
+var layoutLabelsHelper = function (keepLabelsWithinAxis, hideOverlappingLabels, size, tickCoords, labelSizes, isFlippedCoordinates) {
     var labelSpacing = 0;
     var labelCoords = [];
     var labelIndexes = [];
@@ -409,3 +484,4 @@ exports.layoutLabelsHelper = function (keepLabelsWithinAxis, hideOverlappingLabe
     }
     return { labelCoords: labelCoords, labelIndexes: labelIndexes };
 };
+exports.layoutLabelsHelper = layoutLabelsHelper;

package/Charting/Visuals/Axis/AxisTitleRenderer.js

@@ -43,12 +43,16 @@ var AxisTitleRenderer = /** @class */ (function () {
         var lineWithSpacing = lines > 1 ? 1 + this.lineSpacing * (lines - 1) : lines;
         if (isHorizontal) {
             this.desiredHeightProperty = this.text
-                ? lineWithSpacing * TextureManager_1.measureTextHeight(textStyle.fontSize) + ((_a = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _a === void 0 ? void 0 : _a.bottom) + ((_b = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _b === void 0 ? void 0 : _b.top)
+                ? lineWithSpacing * (0, TextureManager_1.measureTextHeight)(textStyle.fontSize) +
+                    ((_a = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _a === void 0 ? void 0 : _a.bottom) +
+                    ((_b = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _b === void 0 ? void 0 : _b.top)
                 : PADDING.NO_TITLE;
         }
         else {
             this.desiredWidthProperty = this.text
-                ? lineWithSpacing * TextureManager_1.measureTextHeight(textStyle.fontSize) + ((_c = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _c === void 0 ? void 0 : _c.left) + ((_d = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _d === void 0 ? void 0 : _d.right)
+                ? lineWithSpacing * (0, TextureManager_1.measureTextHeight)(textStyle.fontSize) +
+                    ((_c = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _c === void 0 ? void 0 : _c.left) +
+                    ((_d = textStyle === null || textStyle === void 0 ? void 0 : textStyle.padding) === null || _d === void 0 ? void 0 : _d.right)
                 : PADDING.NO_TITLE;
         }
     };
@@ -93,7 +97,7 @@ var AxisTitleRenderer = /** @class */ (function () {
             nativeContext.DrawTexture(bitmapTexture, Math.round(xPositionCenter), Math.round(yPosition), textureWidth, textureHeight);
             // for debugging width and height measure
             if (debugRendering) {
-                var pen = new WebGlPen_1.WebGlPen(new this.webAssemblyContext.SCRTPen(parseColor_1.parseColorToUIntArgb("Red"), 1, true));
+                var pen = new WebGlPen_1.WebGlPen(new this.webAssemblyContext.SCRTPen((0, parseColor_1.parseColorToUIntArgb)("Red"), 1, true));
                 renderContext.drawRect(new Rect_1.Rect(xPositionCenter, yPosition, textureWidth, textureHeight), Rect_1.Rect.create(0, 0, 999, 999), pen);
                 pen.delete();
             }

package/Charting/Visuals/Axis/CategoryAxis.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 __());
@@ -37,7 +39,8 @@ var CategoryAxis = /** @class */ (function (_super) {
         var _a;
         var _this = _super.call(this, webAssemblyContext, options) || this;
         _this.type = AxisType_1.EAxisType.CategoryAxis;
-        _this.labelProvider = (_a = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _a !== void 0 ? _a : new DateLabelProvider_1.DateLabelProvider(options);
+        _this.labelProvider =
+            (_a = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _a !== void 0 ? _a : new DateLabelProvider_1.DateLabelProvider(options);
         return _this;
     }
     return CategoryAxis;

package/Charting/Visuals/Axis/CategoryAxisBase.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 __());
@@ -54,19 +56,19 @@ var CategoryAxisBase = /** @class */ (function (_super) {
      */
     CategoryAxisBase.prototype.prepareRenderData = function () {
         var _this = this;
-        Deleter_1.deleteSafe(this.coordCalcCache);
+        (0, Deleter_1.deleteSafe)(this.coordCalcCache);
         var coordCalc = this.getCurrentCoordinateCalculatorInternal();
         var scs = this.parentSurface;
         var renderableSeries = scs.renderableSeries.asArray().find(function (rs) { return rs.xAxisId === _this.id; });
         if (!renderableSeries) {
-            throw new Error("category x axis with id=" + this.id + " should have renderable series");
+            throw new Error("category x axis with id=".concat(this.id, " should have renderable series"));
         }
         if (!renderableSeries.hasDataSeries()) {
-            throw new Error("category x axis with id=" + this.id + " should have data series");
+            throw new Error("category x axis with id=".concat(this.id, " should have data series"));
         }
         var dataSeriesLength = renderableSeries.getDataSeriesValuesCount();
         if (dataSeriesLength === 0) {
-            throw new Error("category x axis with id=" + this.id + " should have data series count > 0");
+            throw new Error("category x axis with id=".concat(this.id, " should have data series count > 0"));
         }
         this.setBaseXValues(coordCalc, renderableSeries);
         this.coordCalcCache = coordCalc;
@@ -83,14 +85,14 @@ var CategoryAxisBase = /** @class */ (function (_super) {
         var scs = this.parentSurface;
         var renderableSeries = scs.renderableSeries.asArray().find(function (rs) { return rs.xAxisId === _this.id; });
         if (!renderableSeries) {
-            throw new Error("category x axis with id=" + this.id + " should have renderable series");
+            throw new Error("category x axis with id=".concat(this.id, " should have renderable series"));
         }
         if (!renderableSeries.hasDataSeries()) {
-            throw new Error("category x axis with id=" + this.id + " should have data series");
+            throw new Error("category x axis with id=".concat(this.id, " should have data series"));
         }
         var dataSeriesLength = renderableSeries.getDataSeriesValuesCount();
         if (dataSeriesLength === 0) {
-            throw new Error("category x axis with id=" + this.id + " should have data series count > 0");
+            throw new Error("category x axis with id=".concat(this.id, " should have data series count > 0"));
         }
         var coordCalc = shouldFlip
             ? new FlippedCategoryCoordinateCalculator_1.FlippedCategoryCoordinateCalculator(this.webAssemblyContext2D, size, 0, 0, min, max, this.offset)

package/Charting/Visuals/Axis/DeltaCalculator/CategoryDeltaCalculator.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/Axis/DeltaCalculator/LogarithmicDeltaCalculator.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/Axis/DeltaCalculator/NumericDeltaCalculator.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 __());