scichart 3.2.491 → 3.2.509

package/Charting/Visuals/Axis/DeltaCalculator/LogarithmicDeltaCalculator.d.ts

@@ -11,6 +11,7 @@ export declare class LogarithmicDeltaCalculator extends DeltaCalculator {
      * Gets or sets the logarithmic base. Defaults to 10
      */
     logarithmicBase: number;
+    isHighPrecisionTicks: boolean;
     private webAssemblyContext;
     /**
      * Creates an instance of the {@link LogarithmicDeltaCalculator}

package/Charting/Visuals/Axis/DeltaCalculator/LogarithmicDeltaCalculator.js

@@ -36,6 +36,7 @@ var LogarithmicDeltaCalculator = /** @class */ (function (_super) {
          * Gets or sets the logarithmic base. Defaults to 10
          */
         _this.logarithmicBase = 10;
+        _this.isHighPrecisionTicks = true;
         _this.webAssemblyContext = webAssemblyContext;
         return _this;
     }
@@ -54,10 +55,18 @@ var LogarithmicDeltaCalculator = /** @class */ (function (_super) {
             min = max;
             max = temp;
         }
-        var delta = this.webAssemblyContext.NiceLogScale.CalculateTickSpacing(min, max, this.logarithmicBase, minorsPerMajor, maxTicks);
-        var tsDelta = new NumberRange_1.NumberRange(delta.minD, delta.maxD);
-        delta.delete();
-        return tsDelta;
+        if (this.isHighPrecisionTicks) {
+            var delta = this.webAssemblyContext.NiceLogScale.CalculateTickSpacing(min, max, this.logarithmicBase, minorsPerMajor, maxTicks);
+            var tsDelta = new NumberRange_1.NumberRange(delta.minD, delta.maxD);
+            delta.delete();
+            return tsDelta;
+        }
+        else {
+            var delta = this.webAssemblyContext.NiceLogScale.CalculateLowPrecisionTickSpacing(min, max, this.logarithmicBase, minorsPerMajor, maxTicks);
+            var tsDelta = new NumberRange_1.NumberRange(delta.minD, delta.maxD);
+            delta.delete();
+            return tsDelta;
+        }
     };
     return LogarithmicDeltaCalculator;
 }(DeltaCalculator_1.DeltaCalculator));

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

@@ -34,6 +34,8 @@ export interface ILogarithmicAxisOptions extends INumericAxisOptions {
      *  the first linear minor tick would be more than 70% of the major tick)
      */
     minorTickMode?: ELogarithmicMinorTickMode;
+    /** If false, only ticks that are whole number multiples of the log base will be used */
+    isHighPrecisionTicks?: boolean;
 }
 /**
  * Creates an instance of a {@link LogarithmicAxis}
@@ -45,6 +47,7 @@ export declare class LogarithmicAxis extends AxisBase2D {
     readonly type = EAxisType.LogarithmicAxis;
     private logBaseProperty;
     private isNegativeProperty;
+    private isHighPrecisionTicksProperty;
     constructor(wasmContext: TSciChart, options?: ILogarithmicAxisOptions);
     /**
      * Gets or sets the Logarithmic Base for the axis. Defaults to 10
@@ -56,6 +59,8 @@ export declare class LogarithmicAxis extends AxisBase2D {
     set logBase(logBase: number);
     get isNegative(): boolean;
     set isNegative(isNegative: boolean);
+    get isHighPrecisionTicks(): boolean;
+    set isHighPrecisionTicks(isHighPrecisionTicks: boolean);
     getDefaultNonZeroRange(): NumberRange;
     hasValidVisibleRange(): boolean;
     get tickProvider(): TickProvider;
@@ -102,5 +107,5 @@ export declare class LogarithmicAxis extends AxisBase2D {
     protected getCurrentCoordinateCalculatorInternal(): CoordinateCalculatorBase;
     protected getMaxXRange(): NumberRange;
     private get logTickProvider();
-    private updateLogarithmicBase;
+    private updateProviders;
 }

package/Charting/Visuals/Axis/LogarithmicAxis.js

@@ -39,10 +39,11 @@ var LogarithmicAxis = /** @class */ (function (_super) {
     __extends(LogarithmicAxis, _super);
     function LogarithmicAxis(wasmContext, options) {
         var _this = this;
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         _this = _super.call(this, wasmContext, options) || this;
         _this.type = AxisType_1.EAxisType.LogarithmicAxis;
         _this.logBaseProperty = 10;
+        _this.isHighPrecisionTicksProperty = true;
         _this.tickProvider = new LogarithmicTickProvider_1.LogarithmicTickProvider(wasmContext);
         _this.deltaCalculator = new LogarithmicDeltaCalculator_1.LogarithmicDeltaCalculator(wasmContext);
         _this.labelProvider =
@@ -52,6 +53,7 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         _this.visibleRange = (options === null || options === void 0 ? void 0 : options.visibleRange) || _this.getDefaultNonZeroRange();
         _this.majorTickMode = (options === null || options === void 0 ? void 0 : options.majorTickMode) || _this.majorTickMode;
         _this.minorTickMode = (options === null || options === void 0 ? void 0 : options.minorTickMode) || _this.minorTickMode;
+        _this.isHighPrecisionTicks = (_d = options === null || options === void 0 ? void 0 : options.isHighPrecisionTicks) !== null && _d !== void 0 ? _d : _this.isHighPrecisionTicksProperty;
         if (options === null || options === void 0 ? void 0 : options.visibleRangeLimit) {
             _this.visibleRangeLimit = options.visibleRangeLimit;
         }
@@ -80,7 +82,7 @@ var LogarithmicAxis = /** @class */ (function (_super) {
             if (this.logBaseProperty !== logBase) {
                 this.logBaseProperty = logBase;
                 this.clearCoordCalcCache();
-                this.updateLogarithmicBase(this.logBase);
+                this.updateProviders();
                 this.notifyPropertyChanged(constants_1.PROPERTY.LOG_BASE);
             }
         },
@@ -104,6 +106,18 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(LogarithmicAxis.prototype, "isHighPrecisionTicks", {
+        get: function () {
+            return this.isHighPrecisionTicksProperty;
+        },
+        set: function (isHighPrecisionTicks) {
+            this.isHighPrecisionTicksProperty = isHighPrecisionTicks;
+            this.updateProviders();
+            this.notifyPropertyChanged(constants_1.PROPERTY.HIGH_PRECISION_TICKS);
+        },
+        enumerable: false,
+        configurable: true
+    });
     LogarithmicAxis.prototype.getDefaultNonZeroRange = function () {
         var adj = this.isNegativeProperty ? -1 : 1;
         return new NumberRange_1.NumberRange(adj * Math.pow(this.logBase, -1), adj * Math.pow(this.logBase, 2));
@@ -117,7 +131,7 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         },
         set: function (tickProvider) {
             this.tickProviderProperty = tickProvider;
-            this.updateLogarithmicBase(this.logBase);
+            this.updateProviders();
             this.notifyPropertyChanged(constants_1.PROPERTY.TICK_PROVIDER);
         },
         enumerable: false,
@@ -129,7 +143,7 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         },
         set: function (deltaCalculator) {
             this.deltaCalculatorProperty = deltaCalculator;
-            this.updateLogarithmicBase(this.logBase);
+            this.updateProviders();
             this.notifyPropertyChanged(constants_1.PROPERTY.DELTA_CALCULATOR);
         },
         enumerable: false,
@@ -141,7 +155,7 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         },
         set: function (labelProvider) {
             this.labelProviderProperty = labelProvider;
-            this.updateLogarithmicBase(this.logBase);
+            this.updateProviders();
             this.notifyPropertyChanged(constants_1.PROPERTY.LABEL_PROVIDER);
         },
         enumerable: false,
@@ -268,7 +282,8 @@ var LogarithmicAxis = /** @class */ (function (_super) {
             logBase: this.logBase,
             isNegative: this.isNegative,
             majorTickMode: this.majorTickMode,
-            minorTickMode: this.minorTickMode
+            minorTickMode: this.minorTickMode,
+            isHighPrecisionTicks: this.isHighPrecisionTicks
         };
         Object.assign(json.options, options);
         return json;
@@ -300,18 +315,20 @@ var LogarithmicAxis = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    LogarithmicAxis.prototype.updateLogarithmicBase = function (logBase) {
+    LogarithmicAxis.prototype.updateProviders = function () {
         var logTickProvider = this.tickProvider;
         if (logTickProvider) {
-            logTickProvider.logarithmicBase = logBase;
+            logTickProvider.logarithmicBase = this.logBase;
+            logTickProvider.isHighPrecisionTicks = this.isHighPrecisionTicks;
         }
         var logDeltaCalculator = this.deltaCalculator;
         if (logDeltaCalculator) {
-            logDeltaCalculator.logarithmicBase = logBase;
+            logDeltaCalculator.logarithmicBase = this.logBase;
+            logDeltaCalculator.isHighPrecisionTicks = this.isHighPrecisionTicks;
         }
         var logLabelProvider = this.labelProvider;
         if (logLabelProvider) {
-            logLabelProvider.logarithmicBase = logBase;
+            logLabelProvider.logarithmicBase = this.logBase;
         }
     };
     return LogarithmicAxis;

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

@@ -46,5 +46,6 @@ export declare enum PROPERTY {
     TICK_PROVIDER = "TICK_PROVIDER",
     VIEW_RECT = "VIEW_RECT",
     ZOOMEXTENTS_RANGE = "ZOOMEXTENTS_RANGE",
-    DRAW_ONLY_WITHIN_XRANGE = "DRAW_ONLY_WITHIN_XRANGE"
+    DRAW_ONLY_WITHIN_XRANGE = "DRAW_ONLY_WITHIN_XRANGE",
+    HIGH_PRECISION_TICKS = "HIGH_PRECISION_TICKS"
 }

package/Charting/Visuals/Axis/constants.js

@@ -51,4 +51,5 @@ var PROPERTY;
     PROPERTY["VIEW_RECT"] = "VIEW_RECT";
     PROPERTY["ZOOMEXTENTS_RANGE"] = "ZOOMEXTENTS_RANGE";
     PROPERTY["DRAW_ONLY_WITHIN_XRANGE"] = "DRAW_ONLY_WITHIN_XRANGE";
+    PROPERTY["HIGH_PRECISION_TICKS"] = "HIGH_PRECISION_TICKS";
 })(PROPERTY = exports.PROPERTY || (exports.PROPERTY = {}));

package/Charting/Visuals/Helpers/createPen.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createSCRTPen = void 0;
 var app_1 = require("../../../constants/app");
+var MemoryUsageHelper_1 = require("../../../utils/MemoryUsageHelper");
 var colorUtil_1 = require("../../../utils/colorUtil");
 var parseColor_1 = require("../../../utils/parseColor");
 /**
@@ -27,6 +28,13 @@ var createSCRTPen = function (wasmContext, htmlColorCode, strokeThickness, opaci
     if (strokeDashArray && strokeDashArray.length) {
         // Create a dashed pen
         var strokeDashFloatVector_1 = new wasmContext.FloatVector();
+        if (process.env.NODE_ENV !== "production") {
+            // prevent unnecessary warning
+            if (MemoryUsageHelper_1.MemoryUsageHelper.isMemoryUsageDebugEnabled) {
+                var vectorId = MemoryUsageHelper_1.MemoryUsageHelper.objectRegistry.getObjectId(strokeDashFloatVector_1);
+                MemoryUsageHelper_1.MemoryUsageHelper.unregister(vectorId);
+            }
+        }
         strokeDashArray.forEach(function (item) { return strokeDashFloatVector_1.push_back(item); });
         return wasmContext.SCRTCreateDahedPen(colorArgb, strokeThickness, antiAliased, strokeDashFloatVector_1);
     }

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.d.ts

@@ -91,6 +91,7 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
     private isHoveredProperty;
     private resamplingModeProperty;
     private resamplingPrecisionProperty;
+    private clipToYRangeProperty;
     /**
      * Creates an instance of the {@link BaseRenderableSeries}
      * @param webAssemblyContext The {@link TSciChart | SciChart WebAssembly Context} containing
@@ -186,6 +187,12 @@ export declare abstract class BaseRenderableSeries extends DeletableEntity imple
      */
     get resamplingPrecision(): number;
     set resamplingPrecision(value: number);
+    /**
+     * If true, the drawing will be clipped to the visibleRange of the associated Y Axis.
+     * This is only really relevant if you are using Stacked Y Axes and do not want the series to be drawn outside that axis range
+     */
+    get clipToYRange(): boolean;
+    set clipToYRange(value: boolean);
     /** @inheritDoc */
     get isSpline(): boolean;
     /** @inheritDoc */

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -50,6 +50,7 @@ var SeriesHoveredArgs_1 = require("./SeriesHoveredArgs");
 var SeriesSelectedArgs_1 = require("./SeriesSelectedArgs");
 var SeriesVisibleChangedArgs_1 = require("./SeriesVisibleChangedArgs");
 var DataLabelProviderType_1 = require("../../../types/DataLabelProviderType");
+var Rect_1 = require("../../../Core/Rect");
 var DeletableEntity_1 = require("../../../Core/DeletableEntity");
 var XyzSeriesInfo_1 = require("../../Model/ChartData/XyzSeriesInfo");
 /**
@@ -72,7 +73,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
      */
     function BaseRenderableSeries(webAssemblyContext, options) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         _this = _super.call(this) || this;
         /** @inheritDoc */
         _this.rolloverModifierProps = new RolloverModifierRenderableSeriesProps_1.RolloverModifierRenderableSeriesProps(_this);
@@ -99,6 +100,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         _this.isDigitalLineProperty = false;
         _this.resamplingModeProperty = ResamplingMode_1.EResamplingMode.Auto;
         _this.resamplingPrecisionProperty = 0;
+        _this.clipToYRangeProperty = false;
         _this.isStacked = false;
         _this.webAssemblyContext = webAssemblyContext;
         _this.id = (_a = options === null || options === void 0 ? void 0 : options.id) !== null && _a !== void 0 ? _a : (0, guid_1.generateGuid)();
@@ -155,6 +157,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         _this.hitTestProvider = _this.newHitTestProvider();
         _this.isSelected = (_q = options === null || options === void 0 ? void 0 : options.isSelected) !== null && _q !== void 0 ? _q : false;
         _this.isHovered = (_r = options === null || options === void 0 ? void 0 : options.isHovered) !== null && _r !== void 0 ? _r : false;
+        _this.clipToYRangeProperty = (_s = options === null || options === void 0 ? void 0 : options.clipToYRange) !== null && _s !== void 0 ? _s : _this.clipToYRangeProperty;
         if (options === null || options === void 0 ? void 0 : options.onIsVisibleChanged) {
             if (typeof options.onIsVisibleChanged === "string") {
                 _this.typeMap.set("onIsVisibleChanged", options.onIsVisibleChanged);
@@ -563,6 +566,23 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BaseRenderableSeries.prototype, "clipToYRange", {
+        /**
+         * If true, the drawing will be clipped to the visibleRange of the associated Y Axis.
+         * This is only really relevant if you are using Stacked Y Axes and do not want the series to be drawn outside that axis range
+         */
+        get: function () {
+            return this.clipToYRangeProperty;
+        },
+        set: function (value) {
+            if (this.clipToYRangeProperty !== value) {
+                this.clipToYRangeProperty = value;
+                this.notifyPropertyChanged(constants_1.PROPERTY.CLIPTOYRANGE);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseRenderableSeries.prototype, "isSpline", {
         /** @inheritDoc */
         get: function () {
@@ -573,29 +593,33 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
     });
     /** @inheritDoc */
     BaseRenderableSeries.prototype.draw = function (renderContext, renderPassData) {
-        var _a;
+        var _a, _b;
         this.currentRenderPassData = renderPassData;
         (_a = this.hitTestProvider) === null || _a === void 0 ? void 0 : _a.update(renderPassData);
         if (this.canDraw) {
-            // const nativeContext = renderContext.getNativeContext();
-            // const viewRect = this.parentSurface.seriesViewRect;
+            var nativeContext = renderContext.getNativeContext();
+            var viewRect = (_b = this.parentSurface) === null || _b === void 0 ? void 0 : _b.seriesViewRect;
             try {
                 renderContext.pushShaderEffect(this.effect);
-                // This is prep for clipping series to the axis range.  Need to add an option to AxisBase to drive it.
-                // need to handle case where clipping is only set for one axis
-                // const { offset: x, viewportDimension: width } = renderPassData.xCoordinateCalculator;
-                // const { offset: y, viewportDimension: height } = renderPassData.yCoordinateCalculator;
-                // if (renderPassData.isVerticalChart) {
-                //     const clipRect = new Rect(viewRect.x + y, viewRect.y + x, height, width);
-                //     nativeContext.SetClipRect(clipRect.x, clipRect.y, clipRect.width, clipRect.height);
-                // } else {
-                //     const clipRect = new Rect(viewRect.x + x, viewRect.y + y, width, height);
-                //     nativeContext.SetClipRect(clipRect.x, clipRect.y, clipRect.width, clipRect.height);
-                // }
+                if (this.clipToYRange) {
+                    var _c = renderPassData.xCoordinateCalculator, x = _c.offset, width = _c.viewportDimension;
+                    var _d = renderPassData.yCoordinateCalculator, y = _d.offset, height = _d.viewportDimension;
+                    if (renderPassData.isVerticalChart) {
+                        var clipRect = new Rect_1.Rect(viewRect.x + y, viewRect.y + x, height, width);
+                        nativeContext.SetClipRect(clipRect.x, clipRect.y, clipRect.width, clipRect.height);
+                    }
+                    else {
+                        var clipRect = new Rect_1.Rect(viewRect.x + x, viewRect.y + y, width, height);
+                        nativeContext.SetClipRect(clipRect.x, clipRect.y, clipRect.width, clipRect.height);
+                    }
+                }
                 this.drawingProviders.forEach(function (dp) { return dp.draw(renderContext, renderPassData); });
             }
             finally {
-                //nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
+                if (this.clipToYRange) {
+                    // Reset clip rect
+                    nativeContext.SetClipRect(viewRect.x, viewRect.y, viewRect.width, viewRect.height);
+                }
                 renderContext.popShaderEffect();
             }
             if (this.dataLabelProvider) {
@@ -774,6 +798,7 @@ var BaseRenderableSeries = /** @class */ (function (_super) {
             animation: this.animation,
             resamplingMode: this.resamplingMode,
             resamplingPrecision: this.resamplingPrecision,
+            clipToYRange: this.clipToYRange,
             // @ts-ignore
             dataLabelProvider: (_c = this.dataLabelProvider) === null || _c === void 0 ? void 0 : _c.toJSON()
             // onSelectedChanged: this.onSelectedChanged

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

@@ -271,7 +271,7 @@ var DataLabelProvider = /** @class */ (function (_super) {
         var firstlabel = this.getText(state);
         var bounds = (0, NativeObject_1.getTextBounds)(this.webAssemblyContext);
         state.font.CalculateStringBounds(firstlabel !== null && firstlabel !== void 0 ? firstlabel : "", bounds, (_b = (_a = this.style) === null || _a === void 0 ? void 0 : _a.lineSpacing) !== null && _b !== void 0 ? _b : 2);
-        return state.pointGap > bounds.m_fWidth * this.pointGapThreshold;
+        return state.pointGap >= bounds.m_fWidth * this.pointGapThreshold;
     };
     DataLabelProvider.prototype.getPosition = function (state, textBounds) {
         var _a, _b, _c, _d, _e, _f, _g, _h;

package/Charting/Visuals/RenderableSeries/IBaseRenderableSeriesOptions.d.ts

@@ -180,4 +180,9 @@ export interface IBaseRenderableSeriesOptions {
      * A {@link SeriesTextProvider} used for creating and drawing per-point text.
      */
     dataLabelProvider?: BaseDataLabelProvider | TDataLabelProviderDefinition;
+    /**
+     * If true, the drawing will be clipped to the visibleRange of the associated Y Axis.
+     * This is only really relevant if you are using Stacked Y Axes and do not want the series to be drawn outside that axis range
+     */
+    clipToYRange?: boolean;
 }

package/Charting/Visuals/RenderableSeries/RolloverModifier/RolloverModifierRenderableSeriesProps.js

@@ -126,9 +126,14 @@ var RolloverModifierRenderableSeriesProps = /** @class */ (function () {
         configurable: true
     });
     RolloverModifierRenderableSeriesProps.prototype.delete = function () {
+        var _a, _b;
         this.rolloverModifier = undefined;
-        this.marker = (0, Deleter_1.deleteSafe)(this.marker);
-        this.tooltip = (0, Deleter_1.deleteSafe)(this.tooltip);
+        if (!((_a = this.marker) === null || _a === void 0 ? void 0 : _a.isDeleted)) {
+            this.marker = (0, Deleter_1.deleteSafe)(this.marker);
+        }
+        if (!((_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.isDeleted)) {
+            this.tooltip = (0, Deleter_1.deleteSafe)(this.tooltip);
+        }
     };
     RolloverModifierRenderableSeriesProps.prototype.notifyPropertyChanged = function (propertyName) {
         if (this.invalidateParentCallback) {

package/Charting/Visuals/RenderableSeries/constants.d.ts

@@ -61,5 +61,6 @@ export declare enum PROPERTY {
     Z_MIN = "Z_MIN",
     Z_MULTIPLIER = "Z_MULTIPLIER",
     Z_LABEL_PROVIDER = "Z_LABEL_PROVIDER",
-    SERIES_TEXT_PROVIDER = "SERIES_TEXT_PROVIDER"
+    SERIES_TEXT_PROVIDER = "SERIES_TEXT_PROVIDER",
+    CLIPTOYRANGE = "CLIPTOYRANGE"
 }

package/Charting/Visuals/RenderableSeries/constants.js

@@ -66,4 +66,5 @@ var PROPERTY;
     PROPERTY["Z_MULTIPLIER"] = "Z_MULTIPLIER";
     PROPERTY["Z_LABEL_PROVIDER"] = "Z_LABEL_PROVIDER";
     PROPERTY["SERIES_TEXT_PROVIDER"] = "SERIES_TEXT_PROVIDER";
+    PROPERTY["CLIPTOYRANGE"] = "CLIPTOYRANGE";
 })(PROPERTY = exports.PROPERTY || (exports.PROPERTY = {}));

package/Charting/Visuals/SciChartOverview.js

@@ -170,8 +170,9 @@ var SciChartOverview = /** @class */ (function (_super) {
     };
     /** @inheritDoc */
     SciChartOverview.prototype.delete = function () {
-        var _a;
-        (_a = this.overviewSciChartSurface) === null || _a === void 0 ? void 0 : _a.delete();
+        if (this.overviewSciChartSurface && !this.overviewSciChartSurface.isDeleted) {
+            this.overviewSciChartSurface.delete();
+        }
         this.overviewWasmContext = undefined;
     };
     return SciChartOverview;

package/Charting/Visuals/SciChartPieSurface/IPieSurfaceOptions.d.ts

@@ -50,6 +50,7 @@ export interface IPieSurfaceOptions extends ISurfaceOptionsBase {
     valueMode?: EPieValueMode;
     /**
      * Use this to adjust the position of the labels.  1 is the default.  Larger values will shift the labels outwards.
+     * For Pie charts, 1.7 will place the labels outside the pie.
      * If you want more detailed control you can override calcTitlePosition.
      */
     labelRadiusAdjustment?: number;

package/Charting/Visuals/SciChartPieSurface/SciChartPieSurface.js

@@ -102,7 +102,7 @@ var SciChartPieSurface = /** @class */ (function (_super) {
     function SciChartPieSurface(canvases, options) {
         if (canvases === void 0) { canvases = {}; }
         var _this = this;
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         _this = _super.call(this) || this;
         _this.animate = true;
         /* The number of frames for the animation. Default 30.  A frame will be trigged every 20ms. */
@@ -166,18 +166,19 @@ var SciChartPieSurface = /** @class */ (function (_super) {
         _this.animate = (_f = options === null || options === void 0 ? void 0 : options.animate) !== null && _f !== void 0 ? _f : _this.animate;
         _this.holeRadiusSizingModeProperty = (_g = options === null || options === void 0 ? void 0 : options.holeRadiusSizingMode) !== null && _g !== void 0 ? _g : _this.holeRadiusSizingModeProperty;
         _this.seriesSpacingProperty = (_h = options === null || options === void 0 ? void 0 : options.seriesSpacing) !== null && _h !== void 0 ? _h : _this.seriesSpacingProperty;
-        _this.legend.showLegend = (_j = options === null || options === void 0 ? void 0 : options.showLegend) !== null && _j !== void 0 ? _j : _this.legend.showLegend;
-        _this.legend.animate = (_k = options === null || options === void 0 ? void 0 : options.animateLegend) !== null && _k !== void 0 ? _k : _this.legend.animate;
-        _this.legend.showCheckboxes = (_l = options === null || options === void 0 ? void 0 : options.showLegendCheckBoxes) !== null && _l !== void 0 ? _l : _this.legend.showCheckboxes;
-        _this.legend.showSeriesMarkers = (_m = options === null || options === void 0 ? void 0 : options.showLegendSeriesMarkers) !== null && _m !== void 0 ? _m : _this.legend.showSeriesMarkers;
-        _this.paddingProperty = (_o = options === null || options === void 0 ? void 0 : options.padding) !== null && _o !== void 0 ? _o : _this.paddingProperty;
+        _this.labelRadiusProperty = (_j = options === null || options === void 0 ? void 0 : options.labelRadiusAdjustment) !== null && _j !== void 0 ? _j : _this.labelRadiusProperty;
+        _this.legend.showLegend = (_k = options === null || options === void 0 ? void 0 : options.showLegend) !== null && _k !== void 0 ? _k : _this.legend.showLegend;
+        _this.legend.animate = (_l = options === null || options === void 0 ? void 0 : options.animateLegend) !== null && _l !== void 0 ? _l : _this.legend.animate;
+        _this.legend.showCheckboxes = (_m = options === null || options === void 0 ? void 0 : options.showLegendCheckBoxes) !== null && _m !== void 0 ? _m : _this.legend.showCheckboxes;
+        _this.legend.showSeriesMarkers = (_o = options === null || options === void 0 ? void 0 : options.showLegendSeriesMarkers) !== null && _o !== void 0 ? _o : _this.legend.showSeriesMarkers;
+        _this.paddingProperty = (_p = options === null || options === void 0 ? void 0 : options.padding) !== null && _p !== void 0 ? _p : _this.paddingProperty;
         if (options === null || options === void 0 ? void 0 : options.labelProvider) {
             if (!("getSegmentText" in (options === null || options === void 0 ? void 0 : options.labelProvider))) {
                 options.labelProvider = (0, classFactory_1.createType)(BaseType_1.EBaseType.LabelProvider, options.labelProvider.type, undefined, options.labelProvider.options);
             }
         }
-        _this.labelProvider = (_p = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _p !== void 0 ? _p : new PieLabelProvider_1.PieLabelProvider();
-        _this.valueModeProperty = (_q = options === null || options === void 0 ? void 0 : options.valueMode) !== null && _q !== void 0 ? _q : _this.valueModeProperty;
+        _this.labelProvider = (_q = options === null || options === void 0 ? void 0 : options.labelProvider) !== null && _q !== void 0 ? _q : new PieLabelProvider_1.PieLabelProvider();
+        _this.valueModeProperty = (_r = options === null || options === void 0 ? void 0 : options.valueMode) !== null && _r !== void 0 ? _r : _this.valueModeProperty;
         return _this;
     }
     /**

package/Charting/Visuals/SciChartSurfaceBase.js

@@ -133,11 +133,15 @@ var SciChartSurfaceBase = /** @class */ (function (_super) {
             if (process.env.NODE_ENV !== "production") {
                 if (MemoryUsageHelper_1.MemoryUsageHelper.isMemoryUsageDebugEnabled) {
                     var rootContainer = document.body;
+                    var wasAttached_1 = false;
                     var observer_1 = new MutationObserver(function () {
                         var isInDom = _this.domChartRoot.isConnected;
-                        if (!isInDom && !_this.isDeleted) {
+                        if (wasAttached_1 && !isInDom && !_this.isDeleted) {
                             console.warn("The chart root element \"".concat(_this.domChartRoot.id, "\" was detached before the surface ").concat(_this.id, " was properly disposed! Make sure to call \"delete\" method on the surface when it is not longer needed."));
                         }
+                        if (isInDom) {
+                            wasAttached_1 = true;
+                        }
                     });
                     observer_1.observe(rootContainer, { childList: true, subtree: true });
                     _this.addDeletable({

package/Charting3D/Visuals/Axis/AxisBase3D.d.ts

@@ -224,7 +224,7 @@ export declare abstract class AxisBase3D extends AxisCore implements IThemeable
     /**
      * gets the axis size from the WorldDimensions, depending on whether it is an X,Y or ZAxis
      */
-    protected getAxisSize(): number;
+    getAxisSize(): number;
     /**
      * Given an array of numeric values for axis labels, returns a list of strings. Uses {@link labelProvider} property to format labels
      * @param majorTicks The major tick values as numbers to be converted to labels

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.491";
+export declare const libraryVersion = "3.2.509";
 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-10-18T00:00:00";
+var buildStamp = "2023-11-07T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "3.2.491";
+exports.libraryVersion = "3.2.509";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;

package/README.md

@@ -9,7 +9,12 @@ which WebGL and WebAssembly to achieve incredible real-time and big-data perform
 
 [![SciChart.js 2D 3D chart types](https://www.scichart.com/wp-content/uploads/2022/12/sc-home-collage.png)](https://www.scichart.com/javascript-chart-features)
 
-SciChart.JS v3 is released! Check out [what's new](https://www.scichart.com/scichart-js-v3-0-released). There should not be any breaking changes.
+SciChart.JS v3.2 is released! Check out
+
+-   [Latest Changes](https://www.scichart.com/cbxchangelog/scichart-js-changelog/)
+-   [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.
 
 ## License