scichart 3.2.509 → 3.2.516

package/Charting/Visuals/Annotations/AxisMarkerAnnotation.js

@@ -400,8 +400,7 @@ var AxisMarkerAnnotation = /** @class */ (function (_super) {
         if (this.isSelected) {
             var _a = this.getAdornerAnnotationBorders(true, true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
             var svgString = this.svgStringAdornerTemplate(x1, y1, x2, y2);
-            var adornerSvgRoot = this.parentSurface.domSvgAdornerLayer;
-            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
+            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgAdornerRoot);
         }
     };
     AxisMarkerAnnotation.prototype.svgStringAdornerTemplate = function (x1, y1, x2, y2) {

package/Charting/Visuals/Annotations/BoxAnnotation.js

@@ -299,12 +299,11 @@ var BoxAnnotation = /** @class */ (function (_super) {
         }
     };
     BoxAnnotation.prototype.updateAdornerInner = function () {
-        var adornerSvgRoot = this.parentSurface.domSvgAdornerLayer;
         this.deleteAdorner();
         if (this.isSelected) {
             var _a = this.getAdornerAnnotationBorders(true, true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
             var svgString = this.svgStringAdornerTemplate(x1, y1, x2, y2);
-            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
+            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgAdornerRoot);
         }
     };
     BoxAnnotation.prototype.svgStringAdornerTemplate = function (x1, y1, x2, y2) {

package/Charting/Visuals/Annotations/LineAnnotation.js

@@ -443,12 +443,11 @@ var LineAnnotation = /** @class */ (function (_super) {
         }
     };
     LineAnnotation.prototype.updateAdornerInner = function () {
-        var adornerSvgRoot = this.parentSurface.domSvgAdornerLayer;
         this.deleteAdorner();
         if (this.isSelected) {
             var _a = this.getAdornerAnnotationBorders(), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
             var svgString = this.svgStringAdornerTemplate(x1, y1, x2, y2);
-            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
+            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgAdornerRoot);
         }
     };
     LineAnnotation.prototype.svgStringAdornerTemplate = function (x1, y1, x2, y2) {

package/Charting/Visuals/Annotations/NativeTextAnnotation.js

@@ -543,12 +543,11 @@ var NativeTextAnnotation = /** @class */ (function (_super) {
         return (0, pointUtil_1.testIsInBounds)(x, y, x1, y2, x2, y1);
     };
     NativeTextAnnotation.prototype.updateAdornerInner = function () {
-        var adornerSvgRoot = this.parentSurface.domSvgAdornerLayer;
         this.deleteAdorner();
         if (this.isSelected) {
             var _a = this.getAdornerAnnotationBorders(), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
             var svgString = this.svgStringAdornerTemplate(x1, y1, x2, y2);
-            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
+            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgAdornerRoot);
         }
     };
     NativeTextAnnotation.prototype.svgStringAdornerTemplate = function (x1, y1, x2, y2) {

package/Charting/Visuals/Annotations/OverviewCustomResizableAnnotation.js

@@ -444,9 +444,8 @@ var OverviewCustomResizableAnnotation = /** @class */ (function (_super) {
         this.deleteAdorner();
         if (this.adornerSvgStringTemplate) {
             var _a = this.getAdornerAnnotationBorders(true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
-            var adornerSvgRoot = this.parentSurface.domSvgAdornerLayer;
             var svgString = this.adornerSvgStringTemplate(x1, y1, x2, y2);
-            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
+            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgAdornerRoot);
         }
     };
     OverviewCustomResizableAnnotation.prototype.checkIsClickedOnAnnotationInternal = function (x, y) {

package/Charting/Visuals/Annotations/SvgAnnotationBase.js

@@ -289,12 +289,11 @@ var SvgAnnotationBase = /** @class */ (function (_super) {
         return (0, pointUtil_1.testIsInBounds)(notScaledX, notScaledY, x1, y2, x2, y1);
     };
     SvgAnnotationBase.prototype.updateAdornerInner = function () {
-        var _a = this.getAdornerAnnotationBorders(true, true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
-        var adornerSvgRoot = this.parentSurface.domSvgAdornerLayer;
         this.deleteAdorner();
         if (this.isSelected) {
+            var _a = this.getAdornerAnnotationBorders(true, true), x1 = _a.x1, x2 = _a.x2, y1 = _a.y1, y2 = _a.y2;
             var svgString = this.svgStringAdornerTemplate(x1, y1, x2, y2);
-            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, adornerSvgRoot);
+            this.svgAdorner = annotationHelpers_1.annotationHelpers.createSvg(svgString, this.svgAdornerRoot);
         }
     };
     Object.defineProperty(SvgAnnotationBase.prototype, "svgRoot", {

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

@@ -1,6 +1,6 @@
 import { NumberRange } from "../../../Core/NumberRange";
 import { EAutoRange } from "../../../types/AutoRange";
-import { TGridLineStyle, TTextStyle, TTickLineStyle } from "./AxisCore";
+import { TAxisTitleStyle, TGridLineStyle, TTickLineStyle } from "./AxisCore";
 /**
  * Optional parameters passed to {@link AxisCore} constructor to set defaults at construction time
  */
@@ -70,7 +70,7 @@ export interface IAxisCoreOptions {
      * @summary Sets the Axis Title style
      * @remarks See {@link TTextStyle} for the type which contains style options
      */
-    axisTitleStyle?: TTextStyle;
+    axisTitleStyle?: TAxisTitleStyle;
     /**
      * The maximum number of ticks on the axis when SciChart's Axis is in {@link AxisCore.autoTicks} mode
      * @remarks

package/Charting/Visuals/Legend/SciChartLegendBase.d.ts

@@ -235,4 +235,4 @@ export declare abstract class SciChartLegendBase extends DeletableEntity impleme
     protected getParentDiv(): HTMLDivElement;
 }
 export declare const getLegendItemHtml: (orientation: ELegendOrientation, showCheckboxes: boolean, showSeriesMarkers: boolean, item: TLegendItem) => string;
-export declare const getLegendContainerHtml: (placement: ELegendPlacement, textColor: string, backgroundColor: string, margin: Thickness, body: string) => string;
+export declare const getLegendContainerHtml: (placement: ELegendPlacement, textColor: string, backgroundColor: string, margin: Thickness, body: string, isExternal?: boolean) => string;

package/Charting/Visuals/Legend/SciChartLegendBase.js

@@ -297,7 +297,7 @@ var SciChartLegendBase = /** @class */ (function (_super) {
             var _a;
             return (prev + _this.getLegendItemHTML(orientation, showCheckboxes, (_a = curr.showMarker) !== null && _a !== void 0 ? _a : showSeriesMarkers, curr));
         }, "");
-        return (0, exports.getLegendContainerHtml)(placement, textColor, backgroundColor, margin, body);
+        return (0, exports.getLegendContainerHtml)(placement, textColor, backgroundColor, margin, body, this.isExternal());
     };
     /**
      * Gets HTML string for legend items
@@ -368,11 +368,16 @@ var getLegendItemHtml = function (orientation, showCheckboxes, showSeriesMarkers
     return str;
 };
 exports.getLegendItemHtml = getLegendItemHtml;
-var getLegendContainerHtml = function (placement, textColor, backgroundColor, margin, body) {
+var getLegendContainerHtml = function (placement, textColor, backgroundColor, margin, body, isExternal) {
+    if (isExternal === void 0) { isExternal = false; }
     if (!body)
         return "";
     //const float = [ELegendPlacement.TopLeft, ELegendPlacement.BottomLeft].includes(placement) ? "left" : "right";
+    var position = "";
     var positionStyle = "";
+    if (!isExternal) {
+        position = "position: absolute;";
+    }
     if (placement === ELegendPlacement.TopLeft) {
         positionStyle = "left: 0; top: 0;";
     }
@@ -385,7 +390,7 @@ var getLegendContainerHtml = function (placement, textColor, backgroundColor, ma
     else if (placement === ELegendPlacement.BottomRight) {
         positionStyle = "right: 0; bottom: 0;";
     }
-    var htmlStr = "<div class=\"scichart__legend\" style=\"height: 100%; position: absolute; display: flex; ".concat(positionStyle, " text-align: center;\">");
+    var htmlStr = "<div class=\"scichart__legend\" style=\"height: 100%; ".concat(position, " display: flex; ").concat(positionStyle, " text-align: center;\">");
     var alignSelf = [ELegendPlacement.TopLeft, ELegendPlacement.TopRight].includes(placement)
         ? "flex-start"
         : "flex-end";

package/Charting/Visuals/RenderableSeries/DataLabels/DataLabelState.js

@@ -30,7 +30,7 @@ var DataLabelState = /** @class */ (function () {
             var indicesRange = this.parentSeries.getIndicesRange(new NumberRange_1.NumberRange(renderPassData.xCoordinateCalculator.visibleMin, renderPassData.xCoordinateCalculator.visibleMax), isCategoryAxis);
             this.indexStart = indicesRange.min;
             this.indexEnd = indicesRange.max;
-            this.pointCount = indicesRange.diff + 1;
+            this.pointCount = renderPassData.indexRange.diff + 1;
             if (this.pointCount > 1) {
                 this.pointGap = renderPassData.isVerticalChart
                     ? Math.abs(this.yCoord(this.indexStart) - this.yCoord(this.indexEnd)) / this.pointCount
@@ -40,9 +40,9 @@ var DataLabelState = /** @class */ (function () {
                 this.pointGap = Infinity; // Single point
         }
         else {
-            this.indexStart = renderPassData.indexRange.min;
-            this.pointCount = renderPassData.indexRange.diff + 1;
-            this.indexEnd = renderPassData.indexRange.max;
+            this.indexStart = pointSeries.resampled ? 0 : renderPassData.indexRange.min;
+            this.pointCount = pointSeries.resampled ? pointSeries.count : renderPassData.indexRange.diff + 1;
+            this.indexEnd = pointSeries.resampled ? pointSeries.count - 1 : renderPassData.indexRange.max;
             if (this.pointCount > 1) {
                 this.pointGap = renderPassData.isVerticalChart
                     ? Math.abs(this.yCoord(this.indexStart) - this.yCoord(this.indexEnd)) / this.pointCount

package/Core/BuildStamp.d.ts

@@ -1,4 +1,4 @@
 import { TSciChart } from "../types/TSciChart";
 import { TSciChart3D } from "../types/TSciChart3D";
-export declare const libraryVersion = "3.2.509";
+export declare const libraryVersion = "3.2.516";
 export declare const checkBuildStamp: (wasmContext: TSciChart | TSciChart3D) => boolean;

package/Core/BuildStamp.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkBuildStamp = exports.libraryVersion = void 0;
-var buildStamp = "2023-11-07T00:00:00";
+var buildStamp = "2023-11-13T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "3.2.509";
+exports.libraryVersion = "3.2.516";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;

package/README.md

@@ -1,5 +1,9 @@
 # SciChart.js: High Performance JavaScript Chart Library
 
+> **NEW!** ChangeLog
+>
+> Find out what's new in every Major and Minor release at the [Change Log here](https://www.scichart.com/changelog/scichart-js/)
+
 [SciChart.js](https://www.scichart.com) is a High Performance JavaScript & TypeScript Charting library
 which WebGL and WebAssembly to achieve incredible real-time and big-data performance. Fast and able to draw millions of datapoints in realtime, our charts will never cause your app to slow down again!
 
@@ -11,7 +15,7 @@ which WebGL and WebAssembly to achieve incredible real-time and big-data perform
 
 SciChart.JS v3.2 is released! Check out
 
--   [Latest Changes](https://www.scichart.com/cbxchangelog/scichart-js-changelog/)
+-   [Latest Changes](https://www.scichart.com/changelog/scichart-js/)
 -   [v3.2 Release notes](https://www.scichart.com/scichart-js-v3-2-released/)
 -   [v3.1 Release notes](https://www.scichart.com/scichart-js-v3-1-released/)
 -   [v3.0 Release notes](https://www.scichart.com/scichart-js-v3-0-released) There should not be any breaking changes from v2.