scichart 3.1.329 → 3.1.346

package/Charting/ChartModifiers/RolloverModifier.d.ts

@@ -222,6 +222,17 @@ export declare class RolloverModifier extends ChartModifierBase2D implements IIn
         type: string;
         options: Required<Omit<IChartModifierBaseOptions, never>>;
     };
+    /**
+     * Called internally to adjust the positions of tooltips if there are overlaps, or if it is a vertical chart
+     * @param tooltipArray
+     * @param allowTooltipOverlapping
+     * @param spacing
+     * @param seriesViewRect
+     * @param pixelRatio
+     * @param isVerticalChart
+     * @returns TTooltipProps[]
+     */
+    protected CalculateTooltipPositions(tooltipArray: TTooltipProps[], allowTooltipOverlapping: boolean, spacing: number, seriesViewRect: Rect, pixelRatio: number, isVerticalChart?: boolean): TTooltipProps[];
     /** @inheritDoc */
     protected notifyPropertyChanged(propertyName: string): void;
     private isVerticalChart;

package/Charting/ChartModifiers/RolloverModifier.js

@@ -389,6 +389,20 @@ var RolloverModifier = /** @class */ (function (_super) {
         Object.assign(json.options, options);
         return json;
     };
+    /**
+     * Called internally to adjust the positions of tooltips if there are overlaps, or if it is a vertical chart
+     * @param tooltipArray
+     * @param allowTooltipOverlapping
+     * @param spacing
+     * @param seriesViewRect
+     * @param pixelRatio
+     * @param isVerticalChart
+     * @returns TTooltipProps[]
+     */
+    RolloverModifier.prototype.CalculateTooltipPositions = function (tooltipArray, allowTooltipOverlapping, spacing, seriesViewRect, pixelRatio, isVerticalChart) {
+        if (isVerticalChart === void 0) { isVerticalChart = false; }
+        return (0, exports.calcTooltipPositions)(tooltipArray, allowTooltipOverlapping, spacing, seriesViewRect, pixelRatio, isVerticalChart);
+    };
     /** @inheritDoc */
     RolloverModifier.prototype.notifyPropertyChanged = function (propertyName) {
         _super.prototype.notifyPropertyChanged.call(this, propertyName);
@@ -546,12 +560,10 @@ var RolloverModifier = /** @class */ (function (_super) {
         }
         var tooltipArray = [];
         rsList.forEach(function (rs, index) {
-            var visibleYMin = rs.yAxis.visibleRange.min;
-            var visibleYMax = rs.yAxis.visibleRange.max;
             var hitTestInfo = _this.hitTestRenderableSeries(rs, _this.mousePoint);
             if (hitTestInfo) {
                 if (rs.type !== SeriesType_1.ESeriesType.StackedColumnSeries || hitTestInfo.isHit) {
-                    var isVisible = visibleYMin <= hitTestInfo.yValue && hitTestInfo.yValue <= visibleYMax;
+                    var isVisible = 0 <= hitTestInfo.yCoord && hitTestInfo.yCoord <= _this.parentSurface.seriesViewRect.height;
                     if (isVisible) {
                         var absoluteXCoord = _this.isVerticalChart() ? hitTestInfo.yCoord : hitTestInfo.xCoord;
                         var absoluteYCoord = _this.isVerticalChart() ? hitTestInfo.xCoord : hitTestInfo.yCoord;
@@ -561,7 +573,7 @@ var RolloverModifier = /** @class */ (function (_super) {
                     }
                 }
                 if (rs.type === SeriesType_1.ESeriesType.BandSeries) {
-                    var isVisibleY1 = visibleYMin <= hitTestInfo.y1Value && hitTestInfo.y1Value <= visibleYMax;
+                    var isVisibleY1 = 0 <= hitTestInfo.y1Coord && hitTestInfo.y1Coord <= _this.parentSurface.seriesViewRect.height;
                     if (isVisibleY1) {
                         var absoluteXCoord = _this.isVerticalChart() ? hitTestInfo.y1Coord : hitTestInfo.xCoord;
                         var absoluteYCoord = _this.isVerticalChart() ? hitTestInfo.xCoord : hitTestInfo.y1Coord;
@@ -575,7 +587,7 @@ var RolloverModifier = /** @class */ (function (_super) {
         var orderedTooltipArray = tooltipArray.sort(function (a, b) {
             return a.yCoord > b.yCoord ? 1 : b.yCoord > a.yCoord ? -1 : 0;
         });
-        var tooltipPositions = (0, exports.calcTooltipPositions)(orderedTooltipArray, this.allowTooltipOverlapping, TOOLTIP_SPACING * DpiHelper_1.DpiHelper.PIXEL_RATIO, this.parentSurface.seriesViewRect, DpiHelper_1.DpiHelper.PIXEL_RATIO, this.isVerticalChart());
+        var tooltipPositions = this.CalculateTooltipPositions(orderedTooltipArray, this.allowTooltipOverlapping, TOOLTIP_SPACING * DpiHelper_1.DpiHelper.PIXEL_RATIO, this.parentSurface.seriesViewRect, DpiHelper_1.DpiHelper.PIXEL_RATIO, this.isVerticalChart());
         tooltipPositions.forEach(function (el) {
             var rs = rsList[el.index];
             var showTooltip = _this.showTooltip && el.seriesInfo.isHit;
@@ -661,50 +673,51 @@ exports.RolloverModifier = RolloverModifier;
 var calcTooltipProps = function (index, rs, rolloverProps, seriesViewRect, xValue, yValue, absoluteXCoord, absoluteYCoord, hitTestInfo, pixelRatio, isY1, isVerticalChart) {
     if (isY1 === void 0) { isY1 = false; }
     if (isVerticalChart === void 0) { isVerticalChart = false; }
-    var visibleRange = rs.yAxis.visibleRange;
-    var isVisible = visibleRange.min <= yValue && yValue <= visibleRange.max;
-    if (isVisible) {
-        var seriesInfo = rs.getSeriesInfo(hitTestInfo);
-        var width = rolloverProps.tooltip.width;
-        var scaledWidth = width * pixelRatio;
-        var height = rolloverProps.tooltip.height;
-        var scaledHeight = height * pixelRatio;
-        var distTop = absoluteYCoord;
-        var distBottom = seriesViewRect.height - absoluteYCoord;
-        var defaultVerticalShift = 5 * pixelRatio;
-        var xCoordShift = seriesViewRect.width - absoluteXCoord < scaledWidth ? -width : 5;
-        var yCoordShift = isVerticalChart ? defaultVerticalShift : -height / 2;
-        if (isVerticalChart) {
-            if (distBottom < scaledHeight + defaultVerticalShift) {
-                yCoordShift = ((scaledHeight + defaultVerticalShift) / pixelRatio) * -1;
-            }
+    // This check is done in calling code
+    // const visibleRange = rs.yAxis.visibleRange;
+    // const isVisible = visibleRange.min <= yValue && yValue <= visibleRange.max);
+    // if (isVisible) {
+    var seriesInfo = rs.getSeriesInfo(hitTestInfo);
+    var width = rolloverProps.tooltip.width;
+    var scaledWidth = width * pixelRatio;
+    var height = rolloverProps.tooltip.height;
+    var scaledHeight = height * pixelRatio;
+    var distTop = absoluteYCoord;
+    var distBottom = seriesViewRect.height - absoluteYCoord;
+    var defaultVerticalShift = 5 * pixelRatio;
+    var xCoordShift = seriesViewRect.width - absoluteXCoord < scaledWidth ? -width : 5;
+    var yCoordShift = isVerticalChart ? defaultVerticalShift : -height / 2;
+    if (isVerticalChart) {
+        if (distBottom < scaledHeight + defaultVerticalShift) {
+            yCoordShift = ((scaledHeight + defaultVerticalShift) / pixelRatio) * -1;
         }
-        else {
-            if (distTop < scaledHeight / 2) {
-                yCoordShift = -distTop / pixelRatio;
-            }
-            else if (distBottom < scaledHeight / 2) {
-                yCoordShift = -(scaledHeight - distBottom) / pixelRatio;
-            }
+    }
+    else {
+        if (distTop < scaledHeight / 2) {
+            yCoordShift = -distTop / pixelRatio;
+        }
+        else if (distBottom < scaledHeight / 2) {
+            yCoordShift = -(scaledHeight - distBottom) / pixelRatio;
         }
-        var newRecord = {
-            index: index,
-            isY1: isY1,
-            xValue: xValue,
-            yValue: yValue,
-            xCoord: absoluteXCoord,
-            yCoord: absoluteYCoord,
-            hitTestPointValues: hitTestInfo.hitTestPointValues,
-            isCategoryAxis: hitTestInfo.isCategoryAxis,
-            xCoordShift: xCoordShift,
-            yCoordShift: yCoordShift,
-            height: scaledHeight,
-            width: scaledWidth,
-            seriesInfo: seriesInfo
-        };
-        return newRecord;
     }
-    return undefined;
+    var newRecord = {
+        index: index,
+        isY1: isY1,
+        xValue: xValue,
+        yValue: yValue,
+        xCoord: absoluteXCoord,
+        yCoord: absoluteYCoord,
+        hitTestPointValues: hitTestInfo.hitTestPointValues,
+        isCategoryAxis: hitTestInfo.isCategoryAxis,
+        xCoordShift: xCoordShift,
+        yCoordShift: yCoordShift,
+        height: scaledHeight,
+        width: scaledWidth,
+        seriesInfo: seriesInfo
+    };
+    return newRecord;
+    // }
+    // return undefined;
 };
 exports.calcTooltipProps = calcTooltipProps;
 /**

package/Charting/ChartModifiers/ZoomExtentsModifier.js

@@ -125,11 +125,11 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
                     activeAxes.forEach(function (axis) {
                         if (axis.isXAxis) {
                             var maxXRange = axis.getMaximumRange();
-                            scs.addAnimation(axis.animateVisibleRange(maxXRange, animationDuration, _this.easingFunction));
+                            axis.animateVisibleRange(maxXRange, animationDuration, _this.easingFunction);
                         }
                         else {
                             var yRange = axis.getWindowedYRange(undefined);
-                            scs.addAnimation(axis.animateVisibleRange(yRange, animationDuration, _this.easingFunction));
+                            axis.animateVisibleRange(yRange, animationDuration, _this.easingFunction);
                         }
                     });
                 }

package/Charting/ChartModifiers/ZoomPanModifier.js

@@ -75,6 +75,8 @@ var ZoomPanModifier = /** @class */ (function (_super) {
     }
     /** @inheritDoc */
     ZoomPanModifier.prototype.modifierMouseDown = function (args) {
+        // handles default browser dragging behavior when canvas was selected with Ctrl + A
+        args.nativeEvent.preventDefault();
         _super.prototype.modifierMouseDown.call(this, args);
         if (this.executeOn !== args.button) {
             return;

package/Charting/Model/BaseDataSeries.js

@@ -535,10 +535,10 @@ isSorted) {
     // TODO: getPositiveRange
     var count = xValues.size();
     // if one point
+    // We will expand zero width ranges in the axis
     if (count === 1) {
-        var min = yValues.get(0) - 1;
-        var max = yValues.get(0) + 1;
-        return new NumberRange_1.NumberRange(min, max);
+        var y = yValues.get(0);
+        return new NumberRange_1.NumberRange(y, y);
     }
     var indicesRange = isXCategoryAxis ? xRange : (0, exports.getIndicesRange)(webAssemblyContext, xValues, xRange, isSorted);
     var iMin = Math.max(Math.floor(indicesRange.min), 0);
@@ -552,9 +552,6 @@ isSorted) {
         if (!(0, isRealNumber_1.isRealNumber)(minMax.minD) || !(0, isRealNumber_1.isRealNumber)(minMax.maxD)) {
             return undefined;
         }
-        if (minMax.minD === minMax.maxD) {
-            return new NumberRange_1.NumberRange(minMax.minD - 1, minMax.minD + 1);
-        }
         return new NumberRange_1.NumberRange(minMax.minD, minMax.maxD);
     }
     finally {

package/Charting/Model/HlcDataSeries.js

@@ -394,13 +394,12 @@ var HlcDataSeries = /** @class */ (function (_super) {
         // if one point
         if (this.count() === 1 && !isHorizontalDirection) {
             if (isHorizontalDirection) {
-                var min = yValues.get(0) - 1;
-                var max = yValues.get(0) + 1;
-                return new NumberRange_1.NumberRange(min, max);
+                var y = yValues.get(0);
+                return new NumberRange_1.NumberRange(y, y);
             }
             else {
-                var min = Math.min(hValues.get(0), lValues.get(0)) - 1;
-                var max = Math.max(hValues.get(0), lValues.get(0)) + 1;
+                var min = Math.min(hValues.get(0), lValues.get(0));
+                var max = Math.max(hValues.get(0), lValues.get(0));
                 return new NumberRange_1.NumberRange(min, max);
             }
         }

package/Charting/Model/OhlcDataSeries.js

@@ -352,9 +352,8 @@ var OhlcDataSeries = /** @class */ (function (_super) {
         if (dataSeriesValueType === void 0) { dataSeriesValueType = IDataSeries_1.EDataSeriesValueType.Default; }
         var _a = this.getOHLCValues(dataSeriesValueType), closeValues = _a.closeValues, highValues = _a.highValues, lowValues = _a.lowValues;
         if (this.count() === 1) {
-            var min = closeValues.get(0) - 1;
-            var max = closeValues.get(0) + 1;
-            return new NumberRange_1.NumberRange(min, max);
+            var y = closeValues.get(0);
+            return new NumberRange_1.NumberRange(y, y);
         }
         var indicesRange = isXCategoryAxis ? xRange : this.getIndicesRange(xRange);
         var yMin = Number.MAX_VALUE;

package/Charting/Model/XyyDataSeries.js

@@ -288,8 +288,8 @@ var XyyDataSeries = /** @class */ (function (_super) {
         // TODO: getPositiveRange
         // if one point
         if (this.count() === 1) {
-            var min = Math.min(yValues.get(0), y1Values.get(0)) - 1;
-            var max = Math.max(yValues.get(0), y1Values.get(0)) + 1;
+            var min = Math.min(yValues.get(0), y1Values.get(0));
+            var max = Math.max(yValues.get(0), y1Values.get(0));
             return new NumberRange_1.NumberRange(min, max);
         }
         var indicesRange = isXCategoryAxis ? xRange : this.getIndicesRange(xRange);

package/Charting/Services/ChartTitleRenderer.d.ts

@@ -26,10 +26,6 @@ export declare class ChartTitleRenderer extends TitleRendererBase<TChartTitleSty
      */
     draw(renderContext: WebGlRenderContext2D): void;
     protected getTitleTexture(): import("../Visuals/TextureManager/TextureManager").TTextureObject;
-    /**
-     * Calculates width and hight of the title text
-     */
-    protected getTextSize(title: string | string[], textStyle: TChartTitleStyle, renderContext: WebGlRenderContext2D): void;
     /**
      * Calculates the {@link ChartTitleRenderer.titleOffset}
      */

package/Charting/Services/ChartTitleRenderer.js

@@ -29,7 +29,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChartTitleRenderer = void 0;
 var Thickness_1 = require("../../Core/Thickness");
 var TextStyle_1 = require("../../types/TextStyle");
-var text_1 = require("../../utils/text");
 var SciChartSurfaceBase_1 = require("../Visuals/SciChartSurfaceBase");
 var TitleRenderer_1 = require("./TitleRenderer");
 /**
@@ -60,12 +59,15 @@ var ChartTitleRenderer = /** @class */ (function (_super) {
         var shouldUpdateTextSize = title !== this.text ||
             !(0, TextStyle_1.areEqualTextStyles)(originalTextStyle, this.originalTextStyle) ||
             ((_a = this.originalTextStyle) === null || _a === void 0 ? void 0 : _a.position) !== originalTextStyle.position;
-        this.text = title;
-        if (title) {
-            if (!this.useCache || !this.texture || shouldUpdateTextSize) {
+        if (title && title.length > 0) {
+            if (!this.useCache || (!this.texture && !originalTextStyle.useNativeText) || shouldUpdateTextSize) {
                 // recalculate cached text size info or texture
+                this.invalidateCache();
+                this.text = title;
                 this.originalTextStyle = __assign({}, originalTextStyle);
                 this.textStyle = (0, TextStyle_1.adjustTextStyle)(originalTextStyle);
+                this.useNativeTextProperty = originalTextStyle.useNativeText;
+                this.titlePosition = originalTextStyle.position;
                 this.getTextSize(title, this.textStyle, renderContext);
             }
             else {
@@ -81,7 +83,7 @@ var ChartTitleRenderer = /** @class */ (function (_super) {
      * @param chartViewRect - the container area which is used as an origin for title layout calculation
      */
     ChartTitleRenderer.prototype.layout = function (chartViewRect) {
-        if (!this.text) {
+        if (!this.text || this.text.length === 0) {
             this.viewRectProperty = undefined;
             return;
         }
@@ -91,29 +93,21 @@ var ChartTitleRenderer = /** @class */ (function (_super) {
      * Performs rendering of the title
      */
     ChartTitleRenderer.prototype.draw = function (renderContext) {
-        if (!this.text) {
+        if (!this.text || this.text.length === 0) {
             return;
         }
         if (SciChartSurfaceBase_1.DebugForDpi) {
             console.log("ChartTitleRenderer.draw fontSize: ".concat(this.textStyle.fontSize));
         }
         var _a = this.textStyle, useNativeText = _a.useNativeText, position = _a.position, lineSpacing = _a.lineSpacing;
-        this.drawInternal(renderContext, useNativeText, position, lineSpacing);
+        this.drawInternal(renderContext, useNativeText, position);
         if (this.drawDebug) {
             this.drawTitleDebugViewRect(renderContext);
         }
     };
     ChartTitleRenderer.prototype.getTitleTexture = function () {
         var position = this.textStyle.position;
-        var adjRotation = 0;
-        // let adjRotation = this.textStyle.rotation;
-        if (position === TextStyle_1.ETitlePosition.Left) {
-            adjRotation += -90;
-        }
-        else if (position === TextStyle_1.ETitlePosition.Right) {
-            adjRotation += 90;
-        }
-        // TODO try using rotation property here
+        var adjRotation = (0, TitleRenderer_1.getAdjustedRotation)(this.textStyle.rotation, position);
         var titleText = Array.isArray(this.text) ? this.text : this.text.split("\n");
         var texture = this.textureManager.createTextTexture(titleText, 
         // @ts-ignore mismatch with TTextStyle
@@ -122,39 +116,11 @@ var ChartTitleRenderer = /** @class */ (function (_super) {
         adjRotation, this.textStyle.lineSpacing);
         return texture;
     };
-    /**
-     * Calculates width and hight of the title text
-     */
-    ChartTitleRenderer.prototype.getTextSize = function (title, textStyle, renderContext) {
-        if (title === void 0) { title = ""; }
-        var hasHorizontalPlacement = (0, TextStyle_1.getIsHorizontalPlacement)(textStyle.position);
-        if (textStyle.useNativeText) {
-            // @ts-ignore mismatch with TTextStyle
-            var nativeFont = renderContext.getFont(textStyle, !hasHorizontalPlacement);
-            var titleString = Array.isArray(title) ? title.join("\n") : title;
-            var _a = (0, text_1.getNativeTextSize)(titleString, nativeFont, textStyle, this.webAssemblyContext), textHeight = _a.textHeight, textWidth = _a.textWidth, nativeLineSpacing = _a.nativeLineSpacing, firstLineAscent = _a.firstLineAscent;
-            this.textHeight = textHeight;
-            this.textWidth = textWidth;
-            this.nativeLineSpacing = nativeLineSpacing;
-            this.firstLineAscent = firstLineAscent;
-            this.desiredHeightProperty = hasHorizontalPlacement ? this.textHeight : this.textWidth;
-            this.desiredWidthProperty = hasHorizontalPlacement ? this.textWidth : this.textHeight;
-        }
-        else {
-            // current title texture doesn't include paddings, so they should be added here
-            var texture = this.getTitleTexture();
-            this.texture = texture;
-            this.desiredHeightProperty = texture.textureHeight;
-            this.desiredWidthProperty = texture.textureWidth;
-            this.textHeight = hasHorizontalPlacement ? this.desiredHeightProperty : this.desiredWidthProperty;
-            this.textWidth = hasHorizontalPlacement ? this.desiredWidthProperty : this.desiredHeightProperty;
-        }
-    };
     /**
      * Calculates the {@link ChartTitleRenderer.titleOffset}
      */
     ChartTitleRenderer.prototype.getTitleOffset = function (title, textStyle) {
-        if (!title || textStyle.placeWithinChart) {
+        if (!this.text || this.text.length === 0 || textStyle.placeWithinChart) {
             return Thickness_1.Thickness.fromNumber(0);
         }
         var height = this.textHeight;

package/Charting/Services/TitleRenderer.d.ts

@@ -4,7 +4,7 @@ import { Rect } from "../../Core/Rect";
 import { Thickness } from "../../Core/Thickness";
 import { ETextAlignment, ETitlePosition, TChartTitleStyle } from "../../types/TextStyle";
 import { WebGlRenderContext2D } from "../Drawing/WebGlRenderContext2D";
-import { TTextStyle } from "../Visuals/Axis/AxisCore";
+import { TAxisTitleStyle } from "../Visuals/Axis/AxisCore";
 import { TSciChart } from "../Visuals/SciChartSurface";
 import { INotifyOnDpiChanged, TDpiChangedEventArgs } from "../Visuals/TextureManager/DpiHelper";
 import { TextureManager, TTextureObject } from "../Visuals/TextureManager/TextureManager";
@@ -18,7 +18,7 @@ export interface IChartTitleRenderer extends ITitleRenderer {
     titleOffset: Thickness;
     measure(title: string | string[], originalTextStyle: Required<TChartTitleStyle>, renderContext: WebGlRenderContext2D): void;
 }
-export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChartTitleStyle> implements ITitleRenderer {
+export declare class TitleRendererBase<TextStyleType extends TAxisTitleStyle | TChartTitleStyle> implements ITitleRenderer {
     /**
      * Defines a bounding {@link Rect} containing the title text
      */
@@ -28,7 +28,7 @@ export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChart
     /**
      * Current title
      */
-    text: string | string[];
+    protected text: string | string[];
     protected viewRectProperty: Rect;
     protected webAssemblyContext: TSciChart;
     protected textureManager: TextureManager;
@@ -63,8 +63,10 @@ export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChart
     protected texture: TTextureObject;
     /** The line spacing for native text calculated during measure */
     protected nativeLineSpacing: number;
-    /** The height of the first line above baseline for native text, calculated during measure*/
-    protected firstLineAscent: number;
+    protected nativeTextShiftX: number;
+    protected nativeTextShiftY: number;
+    protected useNativeTextProperty: boolean;
+    protected titlePosition: ETitlePosition;
     constructor(webAssemblyContext: TSciChart);
     measure(...params: any[]): void;
     layout(originRect: Rect): void;
@@ -76,9 +78,14 @@ export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChart
     /**
      * Performs rendering of the title
      */
-    protected drawInternal(renderContext: WebGlRenderContext2D, useNativeText: boolean, titlePosition: ETitlePosition, lineSpacing: number): void;
+    protected drawInternal(renderContext: WebGlRenderContext2D, useNativeText: boolean, titlePosition: ETitlePosition): void;
     protected drawWithNativeText(renderContext: WebGlRenderContext2D, position: ETitlePosition): void;
     protected drawWithTexture(renderContext: WebGlRenderContext2D, titlePosition: ETitlePosition): void;
+    /**
+     * Calculates width and hight of the title text
+     */
+    protected getTextSize(title: string | string[], textStyle: TChartTitleStyle, renderContext: WebGlRenderContext2D): void;
+    protected getTitleTexture(): TTextureObject;
     /**
      * Calculates the {@link TitleRenderer.viewRect}
      */
@@ -89,3 +96,4 @@ export declare class TitleRendererBase<TextStyleType extends TTextStyle | TChart
      */
     private getAlignmentAdjustmentDelta;
 }
+export declare const getAdjustedRotation: (rotation: number, position: ETitlePosition) => number;

package/Charting/Services/TitleRenderer.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TitleRendererBase = void 0;
+exports.getAdjustedRotation = exports.TitleRendererBase = void 0;
+var app_1 = require("../../constants/app");
 var Deleter_1 = require("../../Core/Deleter");
 var Rect_1 = require("../../Core/Rect");
 var TextPosition_1 = require("../../types/TextPosition");
 var TextStyle_1 = require("../../types/TextStyle");
 var parseColor_1 = require("../../utils/parseColor");
+var text_1 = require("../../utils/text");
 var createNativeRect_1 = require("../Visuals/Helpers/createNativeRect");
 var NativeObject_1 = require("../Visuals/Helpers/NativeObject");
 var DpiHelper_1 = require("../Visuals/TextureManager/DpiHelper");
@@ -31,6 +33,7 @@ var TitleRendererBase = /** @class */ (function () {
          * The width taken by the text considering current orientation orientation including padding
          */
         this.desiredWidthProperty = 0;
+        this.useNativeTextProperty = false;
         this.webAssemblyContext = webAssemblyContext;
         this.textureManager = new TextureManager_1.TextureManager(webAssemblyContext);
         this.onDpiChanged = this.onDpiChanged.bind(this);
@@ -66,12 +69,11 @@ var TitleRendererBase = /** @class */ (function () {
     };
     TitleRendererBase.prototype.resetCache = function () {
         this.invalidateCache();
+        this.textStyle = undefined;
+        this.originalTextStyle = undefined;
     };
     TitleRendererBase.prototype.invalidateCache = function () {
         var _a;
-        this.text = undefined;
-        this.textStyle = undefined;
-        this.originalTextStyle = undefined;
         (0, Deleter_1.deleteSafe)((_a = this.texture) === null || _a === void 0 ? void 0 : _a.bitmapTexture);
         this.texture = undefined;
     };
@@ -81,8 +83,8 @@ var TitleRendererBase = /** @class */ (function () {
     /**
      * Performs rendering of the title
      */
-    TitleRendererBase.prototype.drawInternal = function (renderContext, useNativeText, titlePosition, lineSpacing) {
-        if (!this.text) {
+    TitleRendererBase.prototype.drawInternal = function (renderContext, useNativeText, titlePosition) {
+        if (!this.text || this.text.length === 0) {
             return;
         }
         if (useNativeText) {
@@ -101,20 +103,9 @@ var TitleRendererBase = /** @class */ (function () {
         var nativeFont = renderContext.getFont(this.textStyle, true);
         // calculate start coordinates for native text drawing;
         // the start point is the beginning of alphabetic text baseline
-        var tx = this.viewRect.left + this.textStyle.padding.left;
-        var ty = this.viewRect.top + this.textStyle.padding.top + this.firstLineAscent;
-        var adjRotation = 0;
-        // let adjRotation = this.textStyle.rotation;
-        if (position === TextStyle_1.ETitlePosition.Left) {
-            adjRotation += -90;
-            tx = this.viewRect.left + this.textStyle.padding.top + this.firstLineAscent;
-            ty = this.viewRect.bottom - this.textStyle.padding.left;
-        }
-        else if (position === TextStyle_1.ETitlePosition.Right) {
-            adjRotation += 90;
-            tx = this.viewRect.right - this.textStyle.padding.top - this.firstLineAscent;
-            ty = this.viewRect.top + this.textStyle.padding.left;
-        }
+        var tx = this.viewRect.left + this.nativeTextShiftX;
+        var ty = this.viewRect.top + this.nativeTextShiftY;
+        var adjRotation = (0, exports.getAdjustedRotation)(this.textStyle.rotation, position);
         var rotationRad = -(adjRotation * Math.PI) / 180;
         var nativeMultilineAlignment = (0, TextPosition_1.convertMultiLineAlignment)(this.textStyle.multilineAlignment, this.webAssemblyContext);
         var textColor = (0, parseColor_1.parseColorToUIntArgb)(this.textStyle.color);
@@ -138,12 +129,71 @@ var TitleRendererBase = /** @class */ (function () {
             }
         }
     };
+    /**
+     * Calculates width and hight of the title text
+     */
+    TitleRendererBase.prototype.getTextSize = function (title, textStyle, renderContext) {
+        if (title === void 0) { title = ""; }
+        if (!title || title.length === 0) {
+            this.desiredHeightProperty = 0;
+            this.desiredWidthProperty = 0;
+            this.textHeight = 0;
+            this.textWidth = 0;
+            return;
+        }
+        var hasHorizontalPlacement = (0, TextStyle_1.getIsHorizontalPlacement)(this.titlePosition);
+        if (this.useNativeTextProperty) {
+            // @ts-ignore mismatch with TTextStyle
+            var nativeFont = renderContext.getFont(textStyle, !hasHorizontalPlacement);
+            var titleString = Array.isArray(title) ? title.join("\n") : title;
+            var adjRotation = (0, exports.getAdjustedRotation)(textStyle.rotation, this.titlePosition);
+            var _a = (0, text_1.getNativeTextSize)(titleString, nativeFont, textStyle, this.webAssemblyContext, adjRotation), textHeight = _a.textHeight, textWidth = _a.textWidth, nativeLineSpacing = _a.nativeLineSpacing, deltaX = _a.deltaX, deltaY = _a.deltaY;
+            this.textHeight = hasHorizontalPlacement ? textHeight : textWidth;
+            this.textWidth = hasHorizontalPlacement ? textWidth : textHeight;
+            this.nativeLineSpacing = nativeLineSpacing;
+            this.nativeTextShiftX = deltaX;
+            this.nativeTextShiftY = deltaY;
+            this.desiredHeightProperty = hasHorizontalPlacement ? this.textHeight : this.textWidth;
+            this.desiredWidthProperty = hasHorizontalPlacement ? this.textWidth : this.textHeight;
+        }
+        else {
+            // current title texture doesn't include paddings, so they should be added here
+            var texture = this.getTitleTexture();
+            this.texture = texture;
+            this.desiredHeightProperty = texture.textureHeight;
+            this.desiredWidthProperty = texture.textureWidth;
+            this.textHeight = hasHorizontalPlacement ? this.desiredHeightProperty : this.desiredWidthProperty;
+            this.textWidth = hasHorizontalPlacement ? this.desiredWidthProperty : this.desiredHeightProperty;
+        }
+        if (app_1.IS_TEST_ENV) {
+            if (hasHorizontalPlacement) {
+                this.desiredHeightProperty =
+                    (0, TextureManager_1.measureTextHeight)(textStyle.fontSize) + this.textStyle.padding.top + this.textStyle.padding.bottom;
+                this.desiredWidthProperty = 0;
+            }
+            else {
+                this.desiredHeightProperty = 0;
+                this.desiredWidthProperty =
+                    (0, TextureManager_1.measureTextHeight)(textStyle.fontSize) + this.textStyle.padding.top + this.textStyle.padding.bottom;
+            }
+        }
+    };
+    TitleRendererBase.prototype.getTitleTexture = function () {
+        // TODO this is not used at the moment; consider unifying logic for Chart Title Renderer and Axis Title Renderer
+        var titleText = Array.isArray(this.text) ? this.text : this.text.split("\n");
+        var texture = this.textureManager.createTextTexture(titleText, 
+        // @ts-ignore mismatch with TTextStyle
+        this.textStyle
+        // { ...this.textStyle, padding: new Thickness(0, 0, 0, 0) },
+        );
+        return texture;
+    };
     /**
      * Calculates the {@link TitleRenderer.viewRect}
      */
     TitleRendererBase.prototype.getViewRect = function (title, originRect, titlePosition, alignment) {
         if (title === void 0) { title = ""; }
-        if (!title) {
+        if (!title || title.length === 0) {
             return Rect_1.Rect.createZero();
         }
         var hasHorizontalPlacement = (0, TextStyle_1.getIsHorizontalPlacement)(titlePosition);
@@ -188,3 +238,17 @@ var TitleRendererBase = /** @class */ (function () {
     return TitleRendererBase;
 }());
 exports.TitleRendererBase = TitleRendererBase;
+var getAdjustedRotation = function (rotation, position) {
+    if (rotation !== undefined) {
+        return (rotation + 360) % 360;
+    }
+    var adjustedRotation = 0;
+    if (position === TextStyle_1.ETitlePosition.Left) {
+        adjustedRotation += -90;
+    }
+    else if (position === TextStyle_1.ETitlePosition.Right) {
+        adjustedRotation += 90;
+    }
+    return (adjustedRotation + 360) % 360;
+};
+exports.getAdjustedRotation = getAdjustedRotation;

package/Charting/Visuals/Annotations/OverviewCustomResizableAnnotation.js

@@ -175,6 +175,8 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
      */
     OverviewCustomResizableAnnotation.prototype.onDragStarted = function (args) {
         var _a;
+        // handles default browser dragging behavior when canvas was selected with Ctrl + A
+        args.nativeEvent.preventDefault();
         (_a = this.dragStarted) === null || _a === void 0 ? void 0 : _a.raiseEvent();
         var _b = this.getAnnotationBorders(true), x1 = _b.x1, x2 = _b.x2, y1 = _b.y1, y2 = _b.y2;
         var xyMousePoint = (0, translate_1.translateFromCanvasToSeriesViewRect)(new Point_1.Point(args.mousePoint.x, args.mousePoint.y), this.parentSurface.seriesViewRect, true);