scichart 2.1.0-beta.40 → 2.1.2261

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

@@ -68,6 +68,7 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
     protected dataSeriesProperty: IDataSeries;
     protected animationFSM: SeriesAnimationFiniteStateMachine;
     protected animationQueue: SeriesAnimation[];
+    protected paletteProviderProperty: IPaletteProvider;
     protected typeMap: Map<string, string>;
     protected resamplerHelper: ExtremeResamplerHelper;
     protected pointSeries: XyPointSeriesResampled;
@@ -80,7 +81,6 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
     private drawNaNAsProperty;
     private isVisibleProperty;
     private effectProperty;
-    private paletteProviderProperty;
     private isDigitalLineProperty;
     private isSelectedProperty;
     private isHoveredProperty;
@@ -291,6 +291,7 @@ export declare abstract class BaseRenderableSeries implements IRenderableSeries
      */
     protected dataSeriesDataChanged(): void;
     protected valueChanged(oldValue: any, newValue: any): boolean;
+    protected setPaletteProvider(paletteProvider: IPaletteProvider): void;
     private invalidateParent;
     private effectPropertyChanged;
     private get canDraw();

package/Charting/Visuals/RenderableSeries/BaseRenderableSeries.js

@@ -62,6 +62,7 @@ var BaseRenderableSeries = /** @class */ (function () {
         /** @inheritDoc */
         this.hovered = new EventHandler_1.EventHandler();
         this.animationQueue = [];
+        this.paletteProviderProperty = IPaletteProvider_1.DefaultPaletteProvider.createEmpty();
         // used to track if registered types were used for function propertes, so they can be serialized
         this.typeMap = new Map();
         this.xAxisIdProperty = AxisCore_1.AxisCore.DEFAULT_AXIS_ID;
@@ -71,7 +72,6 @@ var BaseRenderableSeries = /** @class */ (function () {
         this.opacityProperty = 1;
         this.drawNaNAsProperty = WebGlRenderContext2D_1.ELineDrawMode.DiscontinuousLine;
         this.isVisibleProperty = true;
-        this.paletteProviderProperty = IPaletteProvider_1.DefaultPaletteProvider.createEmpty();
         this.isDigitalLineProperty = false;
         this.resamplingModeProperty = ResamplingMode_1.EResamplingMode.Auto;
         this.resamplingPrecisionProperty = 0;
@@ -223,15 +223,7 @@ var BaseRenderableSeries = /** @class */ (function () {
         },
         /** @inheritDoc */
         set: function (paletteProvider) {
-            var _a, _b;
-            if ((_a = this.paletteProviderProperty) === null || _a === void 0 ? void 0 : _a.onDetached) {
-                this.paletteProviderProperty.onDetached();
-            }
-            this.paletteProviderProperty = paletteProvider;
-            if ((_b = this.paletteProviderProperty) === null || _b === void 0 ? void 0 : _b.onAttached) {
-                this.paletteProviderProperty.onAttached(this);
-            }
-            this.notifyPropertyChanged(constants_1.PROPERTY.PALETTE_PROVIDER);
+            this.setPaletteProvider(paletteProvider);
         },
         enumerable: false,
         configurable: true
@@ -546,7 +538,8 @@ var BaseRenderableSeries = /** @class */ (function () {
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.hasDataSeriesValues = function () {
-        return this.dataSeries.hasValues;
+        var _a;
+        return (_a = this.dataSeries) === null || _a === void 0 ? void 0 : _a.hasValues;
     };
     /** @inheritDoc */
     BaseRenderableSeries.prototype.hasDataSeries = function () {
@@ -849,6 +842,17 @@ var BaseRenderableSeries = /** @class */ (function () {
     BaseRenderableSeries.prototype.valueChanged = function (oldValue, newValue) {
         return oldValue !== newValue;
     };
+    BaseRenderableSeries.prototype.setPaletteProvider = function (paletteProvider) {
+        var _a, _b;
+        if ((_a = this.paletteProviderProperty) === null || _a === void 0 ? void 0 : _a.onDetached) {
+            this.paletteProviderProperty.onDetached();
+        }
+        this.paletteProviderProperty = paletteProvider;
+        if ((_b = this.paletteProviderProperty) === null || _b === void 0 ? void 0 : _b.onAttached) {
+            this.paletteProviderProperty.onAttached(this);
+        }
+        this.notifyPropertyChanged(constants_1.PROPERTY.PALETTE_PROVIDER);
+    };
     BaseRenderableSeries.prototype.invalidateParent = function () {
         if (this.invalidateParentCallback) {
             this.invalidateParentCallback();

package/Charting/Visuals/RenderableSeries/DrawingProviders/ColumnSeriesDrawingProvider.d.ts

@@ -11,6 +11,7 @@ import { BaseSeriesDrawingProvider } from "./BaseSeriesDrawingProvider";
 export declare class ColumnSeriesDrawingProvider extends BaseSeriesDrawingProvider<FastColumnRenderableSeries> {
     private nativeDrawingProvider;
     private strokePenCache;
+    private strokePenFillColoredCache;
     private fillBrushCache;
     /**
      * Creates an instance of the {@link ColumnSeriesDrawingProvider}

package/Charting/Visuals/RenderableSeries/DrawingProviders/ColumnSeriesDrawingProvider.js

@@ -37,9 +37,14 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
         var _this = _super.call(this, webAssemblyContext, parentSeries) || this;
         _this.nativeDrawingProvider = new webAssemblyContext.SCRTColumnSeriesDrawingProvider();
         _this.strokePenCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
+        _this.strokePenFillColoredCache = new Pen2DCache_1.Pen2DCache(webAssemblyContext);
         _this.fillBrushCache = new BrushCache_1.BrushCache(webAssemblyContext);
         var _a = _this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, fill = _a.fill, opacity = _a.opacity;
         (0, Pen2DCache_1.createPenInCache)(_this.strokePenCache, stroke, strokeThickness, opacity);
+        // the pen is used to fix a bug when columns disappear when zooming out with zero stroke thickness
+        if (strokeThickness === 0) {
+            (0, Pen2DCache_1.createPenInCache)(_this.strokePenFillColoredCache, fill, 1, opacity);
+        }
         (0, BrushCache_1.createBrushInCache)(_this.fillBrushCache, fill, opacity);
         return _this;
     }
@@ -49,6 +54,7 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
     ColumnSeriesDrawingProvider.prototype.delete = function () {
         this.nativeDrawingProvider = (0, Deleter_1.deleteSafe)(this.nativeDrawingProvider);
         this.strokePenCache = (0, Deleter_1.deleteSafe)(this.strokePenCache);
+        this.strokePenFillColoredCache = (0, Deleter_1.deleteSafe)(this.strokePenFillColoredCache);
         this.fillBrushCache = (0, Deleter_1.deleteSafe)(this.fillBrushCache);
         _super.prototype.delete.call(this);
     };
@@ -58,21 +64,28 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
     ColumnSeriesDrawingProvider.prototype.draw = function (renderContext, renderPassData) {
         var pointSeries = renderPassData.pointSeries;
         var viewRect = this.parentSeries.parentSurface.seriesViewRect;
+        var strokeThickness = this.parentSeries.strokeThickness;
         var args = new this.webAssemblyContext.SCRTColumnDrawingParams();
         args.forceShaderMethod = true;
         args.verticalChart = renderPassData.isVerticalChart;
         args.zeroLineY = this.parentSeries.zeroLineY;
         args.columnWidth = this.parentSeries.getDataPointWidth(renderPassData.xCoordinateCalculator, this.parentSeries.dataPointWidth);
-        args.viewportWidth = viewRect.width;
-        args.viewportHeight = viewRect.height;
-        var fillBrush = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
-        if (fillBrush) {
-            args.SetFillBrush(fillBrush);
+        var strokePenCache = this.strokePenCache;
+        // ISSUE: If the strokeThickness property is not provided,
+        // the fill will be disappeared with large zoom (when the column width will be small or zero)
+        if (args.columnWidth === 0 && strokeThickness === 0) {
+            strokePenCache = this.strokePenFillColoredCache;
         }
-        var linesPen = (0, Pen2DCache_1.getScrtPenFromCache)(this.strokePenCache);
+        var linesPen = (0, Pen2DCache_1.getScrtPenFromCache)(strokePenCache);
         if (linesPen) {
             args.SetLinesPen(linesPen);
         }
+        var fillBrush = (0, BrushCache_1.getScrtBrushFromCache)(this.fillBrushCache);
+        if (fillBrush) {
+            args.SetFillBrush(fillBrush);
+        }
+        args.viewportWidth = viewRect.width;
+        args.viewportHeight = viewRect.height;
         // Paletting per point
         _super.prototype.applyStrokeFillPaletting.call(this, this.parentSeries.stroke, linesPen, this.parentSeries.fill, fillBrush, this.parentSeries.opacity);
         args.SetPalettedColors(this.palettingState.palettedColors);
@@ -96,16 +109,22 @@ var ColumnSeriesDrawingProvider = /** @class */ (function (_super) {
      */
     ColumnSeriesDrawingProvider.prototype.onSeriesPropertyChange = function (propertyName) {
         _super.prototype.onSeriesPropertyChange.call(this, propertyName);
+        var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity, fill = _a.fill;
         if (propertyName === constants_1.PROPERTY.STROKE ||
             propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
             propertyName === constants_1.PROPERTY.OPACITY) {
-            var _a = this.parentSeries, stroke = _a.stroke, strokeThickness = _a.strokeThickness, opacity = _a.opacity;
             (0, Pen2DCache_1.createPenInCache)(this.strokePenCache, stroke, strokeThickness, opacity);
         }
         if (propertyName === constants_1.PROPERTY.FILL || propertyName === constants_1.PROPERTY.OPACITY) {
-            var _b = this.parentSeries, fill = _b.fill, opacity = _b.opacity;
             (0, BrushCache_1.createBrushInCache)(this.fillBrushCache, fill, opacity);
         }
+        if (strokeThickness === 0 &&
+            (propertyName === constants_1.PROPERTY.STROKE_THICKNESS ||
+                propertyName === constants_1.PROPERTY.STROKE ||
+                propertyName === constants_1.PROPERTY.OPACITY ||
+                propertyName === constants_1.PROPERTY.FILL)) {
+            (0, Pen2DCache_1.createPenInCache)(this.strokePenFillColoredCache, fill, strokeThickness, opacity);
+        }
     };
     return ColumnSeriesDrawingProvider;
 }(BaseSeriesDrawingProvider_1.BaseSeriesDrawingProvider));

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

@@ -1,4 +1,5 @@
 import { ESeriesType } from "../../../types/SeriesType";
+import { IPointMarkerPaletteProvider } from "../../Model/IPaletteProvider";
 import { SCRTDoubleVector, TSciChart } from "../../../types/TSciChart";
 import { IPointSeries } from "../../Model/PointSeries/IPointSeries";
 import { ResamplingParams } from "../../Numerics/Resamplers/ResamplingParams";
@@ -43,6 +44,10 @@ export declare class FastBubbleRenderableSeries extends BaseRenderableSeries {
      */
     constructor(webAssemblyContext: TSciChart, options?: IBubbleRenderableSeriesOptions);
     /** @inheritDoc */
+    get paletteProvider(): IPointMarkerPaletteProvider;
+    /** @inheritDoc */
+    set paletteProvider(paletteProvider: IPointMarkerPaletteProvider);
+    /** @inheritDoc */
     applyTheme(themeProvider: IThemeProvider): void;
     /**
      * Gets the bubble diameter in pixels for the point index, by looking up the Z-value in the

package/Charting/Visuals/RenderableSeries/FastBubbleRenderableSeries.js

@@ -70,6 +70,18 @@ var FastBubbleRenderableSeries = /** @class */ (function (_super) {
         }
         return _this;
     }
+    Object.defineProperty(FastBubbleRenderableSeries.prototype, "paletteProvider", {
+        /** @inheritDoc */
+        get: function () {
+            return this.paletteProviderProperty;
+        },
+        /** @inheritDoc */
+        set: function (paletteProvider) {
+            this.setPaletteProvider(paletteProvider);
+        },
+        enumerable: false,
+        configurable: true
+    });
     /** @inheritDoc */
     FastBubbleRenderableSeries.prototype.applyTheme = function (themeProvider) {
         _super.prototype.applyTheme.call(this, themeProvider);

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

@@ -57,6 +57,7 @@ export declare class SciChartPieSurface implements ISciChartSurfaceBase {
     readonly domChartRoot: HTMLDivElement;
     readonly domCanvas2D: HTMLCanvasElement;
     readonly domSvgContainer: SVGSVGElement;
+    readonly domSvgAdornerLayer: SVGSVGElement;
     readonly domDivContainer: HTMLDivElement;
     animate: boolean;
     /**

package/Charting/Visuals/SciChartPieSurface/SciChartPieSurface.js

@@ -79,6 +79,7 @@ var SciChartPieSurface = /** @class */ (function () {
         this.domChartRoot = canvases.domChartRoot;
         this.domCanvas2D = canvases.domCanvas2D;
         this.domSvgContainer = canvases.domSvgContainer;
+        this.domSvgAdornerLayer = canvases.domSvgAdornerLayer;
         this.domDivContainer = canvases.domDivContainer;
         this.viewRect = new Rect_1.Rect(0, 0, this.domCanvas2D.width, this.domCanvas2D.height);
         this.drawChart = this.drawChart.bind(this);
@@ -328,13 +329,17 @@ var SciChartPieSurface = /** @class */ (function () {
             this.domChartRoot.style.height = "".concat(height, "px");
         }
         if (this.domCanvas2D) {
-            this.domCanvas2D.width = width;
-            this.domCanvas2D.height = height;
+            this.domCanvas2D.style.width = "".concat(width, "px");
+            this.domCanvas2D.style.height = "".concat(height, "px");
         }
         if (this.domSvgContainer) {
             this.domSvgContainer.setAttribute("width", width.toString());
             this.domSvgContainer.setAttribute("height", height.toString());
         }
+        if (this.domSvgAdornerLayer) {
+            this.domSvgAdornerLayer.setAttribute("width", width.toString());
+            this.domSvgAdornerLayer.setAttribute("height", height.toString());
+        }
         if (this.domDivContainer) {
             this.domDivContainer.style.height = "".concat(height, "px");
         }

package/Charting/Visuals/licenseManager2D.js

@@ -794,6 +794,8 @@ var updateLicenseDisplayInternal = function (licenseInfo, sciChartSurface, is2D,
             if (premsg) {
                 licenseMessageDiv.style.width = "100%";
                 licenseMessageDiv.style.height = "100%";
+                licenseMessageDiv.style.top = "0";
+                licenseMessageDiv.style.left = "0";
                 licenseMessageDiv.style.position = "absolute";
                 licenseMessageDiv.style.pointerEvents = "auto";
                 licenseMessageDiv.style.cursor = "pointer";

package/Charting/Visuals/loader.js

@@ -26,6 +26,8 @@ var DefaultSciChartLoader = /** @class */ (function () {
         loaderContainerDiv.style.background = theme.loadingAnimationBackground;
         loaderContainerDiv.style.height = "100%";
         loaderContainerDiv.style.width = "100%";
+        loaderContainerDiv.style.position = "relative";
+        loaderContainerDiv.style.zIndex = "11";
         var loaderDiv = document.createElement("div");
         var spinnerChunk = "<div><span style=\"background: ".concat(theme.loadingAnimationForeground, "\"/></div>");
         loaderDiv.innerHTML = spinnerChunk.repeat(8);

package/Charting/Visuals/sciChartInitCommon.js

@@ -74,6 +74,10 @@ var initCanvas = function (divElement, aspectWidth, aspectHeight, activeCanvas)
     DpiHelper_1.DpiHelper.initialize();
     var chartRoot = getChartRootDomElement(divElement);
     chartRoot.innerHTML = "";
+    // prevent unexpected behavior with no positioned element
+    if (chartRoot.style.position === "") {
+        chartRoot.style.position = "relative";
+    }
     var divElementId = chartRoot.id;
     var divWidth = chartRoot.offsetWidth, divHeight = chartRoot.offsetHeight;
     var maxHeight = getMaxHeight(chartRoot);

package/Core/BuildStamp.d.ts

@@ -1,4 +1,4 @@
 import { TSciChart } from "../types/TSciChart";
 import { TSciChart3D } from "../types/TSciChart3D";
-export declare const libraryVersion = "2.1.0-beta.40";
+export declare const libraryVersion = "2.1.2261";
 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 = "2022-01-25T00:00:00";
+var buildStamp = "2022-01-31T00:00:00";
 var result;
 // tslint:disable-next-line:no-var-requires
-exports.libraryVersion = "2.1.0-beta.40";
+exports.libraryVersion = "2.1.2261";
 var checkBuildStamp = function (wasmContext) {
     if (result !== undefined)
         return result;