scichart 2.0.2132 → 2.0.2179

package/Charting/Visuals/Annotations/RolloverTooltipSvgAnnotation.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 __());
@@ -100,7 +102,7 @@ var RolloverTooltipSvgAnnotation = /** @class */ (function (_super) {
         else {
             var tooltipTitle = this.tooltipProps.tooltipTitle;
             var idTitle = ("" + tooltipTitle).replace(/\s/g, "");
-            var id = "id" + Math.floor(this.y1) + "_" + idTitle + "_" + Date.now();
+            var id = "id".concat(Math.floor(this.y1), "_").concat(idTitle, "_").concat(Date.now());
             var tooltipTemplate = (_a = this.tooltipProps.tooltipTemplate) !== null && _a !== void 0 ? _a : defaultTooltipTemplate;
             svgString = tooltipTemplate(id, this.seriesInfo, this);
         }
@@ -132,12 +134,12 @@ var defaultTooltipDataTemplate = function (seriesInfo, tooltipTitle, tooltipLabe
     if (seriesInfo.dataSeriesType === IDataSeries_1.EDataSeriesType.Ohlc) {
         var ohlcSeriesInfo = seriesInfo;
         if (tooltipLabelX) {
-            valuesWithLabels.push(tooltipLabelX + ": " + ohlcSeriesInfo.formattedXValue);
+            valuesWithLabels.push("".concat(tooltipLabelX, ": ").concat(ohlcSeriesInfo.formattedXValue));
         }
-        valuesWithLabels.push("Open: " + ohlcSeriesInfo.formattedOpenValue);
-        valuesWithLabels.push("Highest: " + ohlcSeriesInfo.formattedHighValue);
-        valuesWithLabels.push("Lowest: " + ohlcSeriesInfo.formattedLowValue);
-        valuesWithLabels.push("Close: " + ohlcSeriesInfo.formattedCloseValue);
+        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 (seriesInfo.dataSeriesType === IDataSeries_1.EDataSeriesType.Xyy) {
         // Band Series
@@ -153,12 +155,12 @@ var defaultTooltipDataTemplate = function (seriesInfo, tooltipTitle, tooltipLabe
         // Band Series
         var heatmapSeriesInfo = seriesInfo;
         if (tooltipLabelX) {
-            valuesWithLabels.push(tooltipLabelX + ": " + heatmapSeriesInfo.formattedXValue);
+            valuesWithLabels.push("".concat(tooltipLabelX, ": ").concat(heatmapSeriesInfo.formattedXValue));
         }
         if (tooltipLabelY) {
-            valuesWithLabels.push(tooltipLabelY + ": " + heatmapSeriesInfo.formattedYValue);
+            valuesWithLabels.push("".concat(tooltipLabelY, ": ").concat(heatmapSeriesInfo.formattedYValue));
         }
-        valuesWithLabels.push("Z: " + heatmapSeriesInfo.formattedZValue);
+        valuesWithLabels.push("Z: ".concat(heatmapSeriesInfo.formattedZValue));
     }
     else {
         // Line Series
@@ -181,9 +183,9 @@ var defaultTooltipTemplate = function (id, seriesInfo, rolloverTooltip) {
     var height = (_d = tooltipProps.height) !== null && _d !== void 0 ? _d : calcTooltipHeight(valuesWithLabels.length);
     rolloverTooltip.updateSize(width, height);
     valuesWithLabels.forEach(function (val, index) {
-        valuesBlock += "<tspan x=\"8\" dy=\"1.2em\">" + val + "</tspan>";
+        valuesBlock += "<tspan x=\"8\" dy=\"1.2em\">".concat(val, "</tspan>");
     });
-    return "<svg class=\"scichart__rollover-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=\"" + tooltipColor + "\" filter=\"url(#" + id + ")\" />\n        <svg width=\"100%\">\n            <text x=\"8\" y=\"3\" font-size=\"13\" font-family=\"Verdana\" dy=\"0\" fill=\"" + tooltipTextColor + "\">" + valuesBlock + "</text>\n        </svg>\n    </svg>";
+    return "<svg class=\"scichart__rollover-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(tooltipColor, "\" filter=\"url(#").concat(id, ")\" />\n        <svg width=\"100%\">\n            <text x=\"8\" y=\"3\" font-size=\"13\" font-family=\"Verdana\" dy=\"0\" fill=\"").concat(tooltipTextColor, "\">").concat(valuesBlock, "</text>\n        </svg>\n    </svg>");
 };
 /** @ignore */
 var calcTooltipWidth = function (textLength, fontSize) {
@@ -201,10 +203,10 @@ var calcTooltipHeight = function (lines, fontSize) {
 var addValueWithLabel = function (valuesWithLabels, xValue, yValue, xLabel, yLabel) {
     if (xLabel) {
         var yLabel2 = yLabel !== null && yLabel !== void 0 ? yLabel : "Y";
-        valuesWithLabels.push(xLabel + ": " + xValue + " " + yLabel2 + ": " + yValue);
+        valuesWithLabels.push("".concat(xLabel, ": ").concat(xValue, " ").concat(yLabel2, ": ").concat(yValue));
     }
     else {
-        var yLabel2 = yLabel ? yLabel + ": " : "";
-        valuesWithLabels.push("" + yLabel2 + yValue);
+        var yLabel2 = yLabel ? "".concat(yLabel, ": ") : "";
+        valuesWithLabels.push("".concat(yLabel2).concat(yValue));
     }
 };

package/Charting/Visuals/Annotations/SvgAnnotationBase.d.ts

@@ -84,7 +84,7 @@ export declare abstract class SvgAnnotationBase extends AnnotationBase {
     delete(): void;
     toJSON(): {
         type: import("./IAnnotation").EAnnotationType;
-        options: Required<Pick<IAnnotationBaseOptions, "opacity" | "id" | "annotationLayer" | "isHidden" | "resizeDirections" | "isEditable" | "x1" | "x2" | "y1" | "y2" | "xAxisId" | "xCoordinateMode" | "yAxisId" | "yCoordinateMode" | "isSelected" | "onDragStarted" | "onDragEnded" | "onDrag">>;
+        options: Required<Omit<IAnnotationBaseOptions, never>>;
     };
     get svg(): SVGElement;
     protected checkIsClickedOnAnnotationInternal(x: number, y: number): boolean;

package/Charting/Visuals/Annotations/SvgAnnotationBase.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 __());
@@ -68,8 +70,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets an offset to shift X-coordinates
          */
         set: function (value) {
-            this.xCoordShiftProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.X_COORD_SHIFT);
+            if (this.xCoordShiftProperty !== value) {
+                this.xCoordShiftProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.X_COORD_SHIFT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -85,8 +89,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets an offset to shift Y-coordinates
          */
         set: function (value) {
-            this.yCoordShiftProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.Y_COORD_SHIFT);
+            if (this.yCoordShiftProperty !== value) {
+                this.yCoordShiftProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.Y_COORD_SHIFT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -102,8 +108,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets vertical anchor point
          */
         set: function (value) {
-            this.verticalAnchorPointProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.VERTICAL_ANCHOR_POINT);
+            if (this.verticalAnchorPointProperty !== value) {
+                this.verticalAnchorPointProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.VERTICAL_ANCHOR_POINT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -119,8 +127,10 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
          * Gets or sets horizontal anchor point
          */
         set: function (value) {
-            this.horizontalAnchorPointProperty = value;
-            this.notifyPropertyChanged(constants_1.PROPERTY.HORIZONTAL_ANCHOR_POINT);
+            if (this.horizontalAnchorPointProperty !== value) {
+                this.horizontalAnchorPointProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.HORIZONTAL_ANCHOR_POINT);
+            }
         },
         enumerable: false,
         configurable: true
@@ -200,12 +210,12 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         if (this.horizontalAnchorPoint === AnchorPoint_1.EHorizontalAnchorPoint.Center) {
             circleCenterX = circleCenterX + width;
         }
-        var xyMousePoint = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect);
+        var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect);
         if (!xyMousePoint) {
             return false;
         }
         if (xyCoord1) {
-            var dist = pointUtil_1.calcDistance(circleCenterX, circleCenterY, translate_1.translateToNotScaled(xyMousePoint.x), translate_1.translateToNotScaled(xyMousePoint.y));
+            var dist = (0, pointUtil_1.calcDistance)(circleCenterX, circleCenterY, (0, translate_1.translateToNotScaled)(xyMousePoint.x), (0, translate_1.translateToNotScaled)(xyMousePoint.y));
             if (dist < constants_1.ADORNER_GRIP_RADIUS) {
                 this.adornerDraggingPoint = AnnotationBase_1.EDraggingGripPoint.Point1;
                 return true;
@@ -247,7 +257,7 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         // For SVG annotations we need to use not scaled coordinates
         var notScaledX = x / DpiHelper_1.DpiHelper.PIXEL_RATIO;
         var notScaledY = y / DpiHelper_1.DpiHelper.PIXEL_RATIO;
-        return pointUtil_1.testIsInBounds(notScaledX, notScaledY, x1, y2, x2, y1);
+        return (0, pointUtil_1.testIsInBounds)(notScaledX, notScaledY, x1, y2, x2, y1);
     };
     SvgAnnotationBase.prototype.updateAdornerInner = function () {
         var _a = this.getAdornerAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
@@ -323,5 +333,5 @@ var svgStringAdornerTemplate = function (x1, y1, x2, y2, verticalAnchorPoint, ho
     if (horizontalAnchorPoint === AnchorPoint_1.EHorizontalAnchorPoint.Center) {
         circleCenterX = circleCenterX + width;
     }
-    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"" + (x1 - delta) + "\" y1=\"" + y1 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y1 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <line x1=\"" + x2 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x2 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <line x1=\"" + (x1 - delta) + "\" y1=\"" + y2 + "\" x2=\"" + (x2 + delta) + "\" y2=\"" + y2 + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <line x1=\"" + x1 + "\" y1=\"" + (y1 + delta) + "\" x2=\"" + x1 + "\" y2=\"" + (y2 - delta) + "\" stroke=\"" + colorLine + "\" stroke-width=\"" + 2 * delta + "\" />\n    <circle cx=\"" + circleCenterX + "\" cy=\"" + circleCenterY + "\" r=\"" + constants_1.ADORNER_GRIP_RADIUS + "\" fill=\"" + adornerFill + "\" stroke=\"" + adornerStroke + "\"/>\n  </svg>";
+    return "<svg xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"".concat(x1 - delta, "\" y1=\"").concat(y1, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y1, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <line x1=\"").concat(x2, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x2, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <line x1=\"").concat(x1 - delta, "\" y1=\"").concat(y2, "\" x2=\"").concat(x2 + delta, "\" y2=\"").concat(y2, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <line x1=\"").concat(x1, "\" y1=\"").concat(y1 + delta, "\" x2=\"").concat(x1, "\" y2=\"").concat(y2 - delta, "\" stroke=\"").concat(colorLine, "\" stroke-width=\"").concat(2 * delta, "\" />\n    <circle cx=\"").concat(circleCenterX, "\" cy=\"").concat(circleCenterY, "\" r=\"").concat(constants_1.ADORNER_GRIP_RADIUS, "\" fill=\"").concat(adornerFill, "\" stroke=\"").concat(adornerStroke, "\"/>\n  </svg>");
 };

package/Charting/Visuals/Annotations/TextAnnotation.d.ts

@@ -70,7 +70,7 @@ export declare class TextAnnotation extends SvgAnnotationBase {
     set fontWeight(fontWeight: string);
     toJSON(): {
         type: EAnnotationType;
-        options: Required<Pick<import("./AnnotationBase").IAnnotationBaseOptions, "opacity" | "id" | "annotationLayer" | "isHidden" | "resizeDirections" | "isEditable" | "x1" | "x2" | "y1" | "y2" | "xAxisId" | "xCoordinateMode" | "yAxisId" | "yCoordinateMode" | "isSelected" | "onDragStarted" | "onDragEnded" | "onDrag">>;
+        options: Required<Omit<import("./AnnotationBase").IAnnotationBaseOptions, never>>;
     };
     /**
      * Notifies listeners of {@link invalidateParentCallback} that a property has changed

package/Charting/Visuals/Annotations/TextAnnotation.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 __());
@@ -160,7 +162,7 @@ exports.TextAnnotation = TextAnnotation;
 /** @ignore */
 /** @ignore */
 var createSvg = function (svgRoot, text, color, fontSize, fontFamily, fontWeight) {
-    var svgString = "<svg class=\"scichart__text-annotation\">\n        <text x=\"0\" y=\"" + fontSize + "\" fill=\"" + color + "\" font-size=\"" + fontSize + "\" font-family=\"" + fontFamily + "\" font-weight=\"" + fontWeight + "\">" + text + "</text>\n    </svg>";
+    var svgString = "<svg class=\"scichart__text-annotation\">\n        <text x=\"0\" y=\"".concat(fontSize, "\" fill=\"").concat(color, "\" font-size=\"").concat(fontSize, "\" font-family=\"").concat(fontFamily, "\" font-weight=\"").concat(fontWeight, "\">").concat(text, "</text>\n    </svg>");
     var svgNode = document.createRange().createContextualFragment(svgString);
     svgRoot.appendChild(svgNode);
     return svgRoot.lastChild;

package/Charting/Visuals/Annotations/VerticalLineAnnotation.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 __());
@@ -109,7 +111,7 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         Guard_1.Guard.notNull(renderContext, "renderContext");
         Guard_1.Guard.notNull(xCalc, "xCalc");
         Guard_1.Guard.notNull(yCalc, "yCalc");
-        var strokePen = Pen2DCache_1.getWebGlPenFromCache(this.strokePenCache);
+        var strokePen = (0, Pen2DCache_1.getWebGlPenFromCache)(this.strokePenCache);
         var _a = this.getDrawConfig(xCalc, yCalc), annotationCoord = _a.annotationCoord, lineAnnotationEdgeCoord = _a.lineAnnotationEdgeCoord, horizontalAxis = _a.horizontalAxis, verticalAxis = _a.verticalAxis, horizontalAxisCoordinateMode = _a.horizontalAxisCoordinateMode, verticalAxisCoordinateMode = _a.verticalAxisCoordinateMode, horizontalCoordinateCalculator = _a.horizontalCoordinateCalculator, verticalCoordinateCalculator = _a.verticalCoordinateCalculator, isAlignmentTop = _a.isAlignmentTop;
         var borderY1 = viewRect.height;
         var borderY2 = 0;
@@ -136,10 +138,10 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         var isLineAnnotationEdgeVisible = !isPartialLine || isLineAnnotationInVerticalVisibleRange;
         if (isAxisLabelInHorizontalVisibleRange && isLineAnnotationEdgeVisible) {
             var textStyle = __assign(__assign({}, verticalAxis.labelStyle), { color: this.axisLabelStroke, fontSize: this.axisFontSize * DpiHelper_1.DpiHelper.PIXEL_RATIO, fontFamily: this.axisFontFamily });
-            var labelRect = drawLabel_1.drawLineAnnotation(horizontalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
+            var labelRect = (0, drawLabel_1.drawLineAnnotation)(horizontalAxis, renderContext, this.labelPlacement, this.labelValue, borderX1, borderX2, borderY1, borderY2, textStyle, this.axisLabelFill, strokePen, viewRect, this.showLabel, this.opacity);
             if (labelRect) {
-                var point1 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(labelRect.left, labelRect.top), viewRect, true);
-                var point2 = translate_1.translateFromCanvasToSeriesViewRect(new Point_1.Point(labelRect.right, labelRect.bottom), viewRect, true);
+                var point1 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.left, labelRect.top), viewRect, true);
+                var point2 = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(labelRect.right, labelRect.bottom), viewRect, true);
                 this.labelRect = Rect_1.Rect.createWithPoints(point1, point2);
             }
         }
@@ -168,7 +170,7 @@ var VerticalLineAnnotation = /** @class */ (function (_super) {
         if (this.dragOnLabel && this.labelRect) {
             var _a = this.labelRect, left = _a.left, top_1 = _a.top, right = _a.right, bottom = _a.bottom;
             // TODO not sure if this is a bug in testIsInBounds or if it's just the reversed nature of y on screen
-            if (pointUtil_1.testIsInBounds(x, y, left, bottom, right, top_1)) {
+            if ((0, pointUtil_1.testIsInBounds)(x, y, left, bottom, right, top_1)) {
                 return true;
             }
         }

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

@@ -70,6 +70,16 @@ export declare type TTickObject = {
      */
     minorTickCoords: number[];
 };
+export interface IAutoRangeAnimationOptions {
+    /** Whether to animate the first autorange  Default false */
+    animateInitialRanging: boolean;
+    /** Whether to animate all other autoRanges */
+    animateSubsequentRanging: boolean;
+    /** The length of the animation */
+    duration: number;
+    /** The easing function to use */
+    easing?: TEasingFn;
+}
 export interface IAxisBase2dOptions extends IAxisCoreOptions {
     /**
      * Limits {@link AxisCore.visibleRange}, meaning the chart cannot autorange outside that range
@@ -112,10 +122,20 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
      */
     keepLabelsWithinAxis?: boolean;
     /**
-     * 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 ratoated text may overlap even if the text itself does not.
+     * 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.
      */
     hideOverlappingLabels?: boolean;
+    /**
+     * Options to configure if and how the axis should animate when autoRanging
+     */
+    autoRangeAnimation?: IAutoRangeAnimationOptions;
+    /**
+     * Sets axis label area thickness, by default the value 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
+     */
+    axisThickness?: number;
 }
 /**
  * The base class for 2D Chart Axis within SciChart - High Performance {@link https://www.scichart.com/javascript-chart-features | JavaScript Charts}.
@@ -128,28 +148,6 @@ export interface IAxisBase2dOptions extends IAxisCoreOptions {
  *  Set axis on the {@link SciChartSurface.xAxes} or {@link SciChartSurface.yAxes} collections in 2D Charts.
  */
 export declare abstract class AxisBase2D extends AxisCore implements IThemeable {
-    abstract type: EAxisType.CategoryAxis | EAxisType.LogarithmicAxis | EAxisType.NumericAxis;
-    /**
-     * Gets the parent {@link SciChartSurface} that this axis is attached to
-     */
-    parentSurface: SciChartSurface;
-    /**
-     * Gets the {@link AxisTitleRenderer} instance responsible for drawing the axis title
-     */
-    readonly axisTitleRenderer: AxisTitleRenderer;
-    /**
-     * Gets the {@link AxisLayoutState} class which manages layout
-     */
-    readonly axisLayoutState: AxisLayoutState;
-    /**
-     * Gets the {@link Rect | ViewRect} - a rectangle defining the location of the axis within the parent {@link SciChartSurface}
-     */
-    viewRect: Rect;
-    /**
-     * The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
-     * access to our WebGL2 Engine and WebAssembly numerical methods
-     */
-    protected axisRendererProperty: AxisRenderer;
     /**
      * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
      */
@@ -158,36 +156,6 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * Gets or sets a {@link LabelProvider} - a class which is responsible for formatting axis labels and cursor labels from numeric values
      */
     set labelProvider(labelProvider: LabelProviderBase2D);
-    protected readonly webAssemblyContext2D: TSciChart;
-    private labelStyleProperty;
-    private axisAlignmentProperty;
-    private isInnerAxisProperty;
-    private visibleRangeLimitProperty;
-    private zoomExtentsRangeProperty;
-    private isPrimaryAxisProperty;
-    private isStackedAxisProperty;
-    private penCacheForMajorGridLines;
-    private penCacheForMinorGridLines;
-    private penCacheForMajorTickLines;
-    private penCacheForMinorTickLines;
-    private solidBrushCacheAxisBands;
-    private axisBorderProperty;
-    private solidBrushCacheBorder;
-    private axisLengthProperty;
-    private offsetProperty;
-    private tickCache;
-    /**
-     * Creates an instance of the {@link AxisBase2D}
-     * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
-     * access to our WebGL2 Engine and WebAssembly numerical methods
-     * @param options Optional parameters of type {@link IAxisBase2dOptions} used to configure the axis at instantiation time
-     */
-    protected constructor(webAssemblyContext: TSciChart, options?: IAxisBase2dOptions);
-    /**
-     * @inheritDoc
-     */
-    applyTheme(themeProvider: IThemeProvider): void;
-    onAttach(parentSurface: SciChartSurface, isXAxis: boolean, isPrimaryAxis: boolean): void;
     /**
      * Gets the {@link AxisRenderer} instance responsible for drawing the axis
      */
@@ -263,12 +231,9 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     set isStackedAxis(value: boolean);
     /**
-     * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
+     * Called internally - Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
      */
     get axisLength(): number;
-    /**
-     * Gets or sets the length the current Axis. E.g. width of horizontal axis or height of vertical axis.
-     */
     set axisLength(value: number);
     /**
      * Gets or sets the offset of the axis position.
@@ -304,6 +269,68 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      * Gets or sets the Axis Border properties
      */
     set axisBorder(border: TBorder);
+    /**
+     * Gets or sets a {@link IAutoRangeAnimationOptions} object that controls if and how the visible range is animated during autoRanging
+     */
+    get autoRangeAnimation(): IAutoRangeAnimationOptions;
+    /**
+     * Gets or sets a {@link IAutoRangeAnimationOptions} object that controls if and how the visible range is animated during autoRanging
+     */
+    set autoRangeAnimation(autoRangeAnimation: IAutoRangeAnimationOptions);
+    abstract type: EAxisType.CategoryAxis | EAxisType.LogarithmicAxis | EAxisType.NumericAxis;
+    /**
+     * Gets the parent {@link SciChartSurface} that this axis is attached to
+     */
+    parentSurface: SciChartSurface;
+    /**
+     * Gets the {@link AxisTitleRenderer} instance responsible for drawing the axis title
+     */
+    readonly axisTitleRenderer: AxisTitleRenderer;
+    /**
+     * Gets the {@link AxisLayoutState} class which manages layout
+     */
+    readonly axisLayoutState: AxisLayoutState;
+    /**
+     * Gets the {@link Rect | ViewRect} - a rectangle defining the location of the axis within the parent {@link SciChartSurface}
+     */
+    viewRect: Rect;
+    protected axisRendererProperty: AxisRenderer;
+    protected autoRangeAnimationProperty: IAutoRangeAnimationOptions;
+    /**
+     * The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
+     * access to our WebGL2 Engine and WebAssembly numerical methods
+     */
+    protected readonly webAssemblyContext2D: TSciChart;
+    private labelStyleProperty;
+    private axisAlignmentProperty;
+    private isInnerAxisProperty;
+    private visibleRangeLimitProperty;
+    private zoomExtentsRangeProperty;
+    private isPrimaryAxisProperty;
+    private isStackedAxisProperty;
+    private penCacheForMajorGridLines;
+    private penCacheForMinorGridLines;
+    private penCacheForMajorTickLines;
+    private penCacheForMinorTickLines;
+    private solidBrushCacheAxisBands;
+    private axisBorderProperty;
+    private solidBrushCacheBorder;
+    private axisLengthProperty;
+    private offsetProperty;
+    private tickCache;
+    /**
+     * Creates an instance of the {@link AxisBase2D}
+     * @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
+     * access to our WebGL2 Engine and WebAssembly numerical methods
+     * @param options Optional parameters of type {@link IAxisBase2dOptions} used to configure the axis at instantiation time
+     */
+    protected constructor(webAssemblyContext: TSciChart, options?: IAxisBase2dOptions);
+    /** @inheritDoc */
+    applyTheme(themeProvider: IThemeProvider): void;
+    /**
+     * Called when the {@link AxisBase2D} is attached to an {@link SciChartSurface}
+     */
+    onAttach(parentSurface: SciChartSurface, isXAxis: boolean, isPrimaryAxis: boolean): void;
     /**
      * Called internally - measures the axis as part of the layout phase
      */
@@ -362,6 +389,10 @@ export declare abstract class AxisBase2D extends AxisCore implements IThemeable
      */
     zoom(fromCoord: number, toCoord: number, duration?: number, easingFunction?: TEasingFn): void;
     scale(initialRange: NumberRange, delta: number, isMoreThanHalf: boolean): void;
+    /**
+     * @inheritDoc
+     */
+    animateVisibleRange(visibleRange: NumberRange, durationMs: number, easingFunction?: TEasingFn, onCompleted?: () => void): import("../../../Core/Animations/GenericAnimation").IGenericAnimation;
     /**
      * @inheritDoc
      */