scichart 2.0.0-alpha.1930 → 2.0.0-alpha.1991

package/Charting/ChartModifiers/RubberBandXyZoomModifier.d.ts

@@ -128,7 +128,7 @@ export declare class RubberBandXyZoomModifier extends ChartModifierBase2D {
     set fill(value: string);
     toJSON(): {
         type: string;
-        options: IChartModifierBaseOptions;
+        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
     };
     /**
      * Performs the zoom operation on the parent Surface, using the mouse points from & to, which

package/Charting/ChartModifiers/SeriesSelectionModifier.d.ts

@@ -1,10 +1,18 @@
+import { EventHandler } from "../../Core/EventHandler";
+import { EChart2DModifierType } from "../../types/ChartModifierType";
 import { HoveredChangedArgs } from "../Visuals/RenderableSeries/HoveredChangedArgs";
-import { ChartModifierBase2D, IChartModifierBaseOptions } from "./ChartModifierBase2D";
-import { ModifierMouseArgs } from "./ModifierMouseArgs";
 import { IRenderableSeries } from "../Visuals/RenderableSeries/IRenderableSeries";
-import { EventHandler } from "../../Core/EventHandler";
 import { SelectionChangedArgs } from "../Visuals/RenderableSeries/SelectionChangedArgs";
-import { EChart2DModifierType } from "../../types/ChartModifierType";
+import { ChartModifierBase2D, IChartModifierBaseOptions } from "./ChartModifierBase2D";
+import { ModifierMouseArgs } from "./ModifierMouseArgs";
+/**
+ * The type of the {@link ISeriesSelectionModifierOptions.onSelectionChanged } callback function
+ */
+export declare type TSelectionChangedCallback = (args: SelectionChangedArgs) => void;
+/**
+ * The type of the {@link ISeriesSelectionModifierOptions.onHoverChanged } callback function
+ */
+export declare type THoveredChangedCallback = (args: HoveredChangedArgs) => void;
 export interface ISeriesSelectionModifierOptions extends IChartModifierBaseOptions {
     /**
      * A hit-test radius in pixels used when selecting series. Defaults to 7
@@ -25,12 +33,12 @@ export interface ISeriesSelectionModifierOptions extends IChartModifierBaseOptio
      * Optional callback for when any series is selected or deselected
      * @param arg Argument of
      */
-    onSelectionChanged?: ((args: SelectionChangedArgs) => void) | string;
+    onSelectionChanged?: TSelectionChangedCallback | string;
     /**
      * Optional callback for when any series is hovered or unhovered
      * @param arg
      */
-    onHoverChanged?: (() => void) | string;
+    onHoverChanged?: THoveredChangedCallback | string;
 }
 export declare class SeriesSelectionModifier extends ChartModifierBase2D {
     readonly type = EChart2DModifierType.SeriesSelection;
@@ -114,7 +122,7 @@ export declare class SeriesSelectionModifier extends ChartModifierBase2D {
     modifierMouseUp(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: IChartModifierBaseOptions;
+        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
     };
     /**
      * This function called when the user sets series.isSelected = true elsewhere in code and we want to sync the modifier

package/Charting/ChartModifiers/SeriesSelectionModifier.js

@@ -14,14 +14,16 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SeriesSelectionModifier = void 0;
+var classFactory_1 = require("../../Builder/classFactory");
+var EventHandler_1 = require("../../Core/EventHandler");
+var BaseType_1 = require("../../types/BaseType");
+var ChartModifierType_1 = require("../../types/ChartModifierType");
+var array_1 = require("../../utils/array");
 var BaseHitTestProvider_1 = require("../Visuals/RenderableSeries/HitTest/BaseHitTestProvider");
 var HoveredChangedArgs_1 = require("../Visuals/RenderableSeries/HoveredChangedArgs");
+var SelectionChangedArgs_1 = require("../Visuals/RenderableSeries/SelectionChangedArgs");
 var ChartModifierBase2D_1 = require("./ChartModifierBase2D");
 var constants_1 = require("./constants");
-var EventHandler_1 = require("../../Core/EventHandler");
-var SelectionChangedArgs_1 = require("../Visuals/RenderableSeries/SelectionChangedArgs");
-var array_1 = require("../../utils/array");
-var ChartModifierType_1 = require("../../types/ChartModifierType");
 var SeriesSelectionModifier = /** @class */ (function (_super) {
     __extends(SeriesSelectionModifier, _super);
     /**
@@ -58,22 +60,20 @@ var SeriesSelectionModifier = /** @class */ (function (_super) {
         if (options === null || options === void 0 ? void 0 : options.onSelectionChanged) {
             if (typeof options.onSelectionChanged === "string") {
                 _this.typeMap.set("onSelectionChanged", options.onSelectionChanged);
-                //@ts-ignore
-                _this.selectionChanged.subscribe(getFunction(EBaseType.OptionFunction, options.onSelectionChanged));
+                var onSelectionChangedCallback = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onSelectionChanged);
+                _this.selectionChanged.subscribe(onSelectionChangedCallback);
             }
             else {
-                //@ts-ignore
                 _this.selectionChanged.subscribe(options.onSelectionChanged);
             }
         }
         if (options === null || options === void 0 ? void 0 : options.onHoverChanged) {
             if (typeof options.onHoverChanged === "string") {
                 _this.typeMap.set("onHoverChanged", options.onHoverChanged);
-                //@ts-ignore
-                _this.hoverChanged.subscribe(getFunction(EBaseType.OptionFunction, options.onHoverChanged));
+                var onHoverChangedCallback = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onHoverChanged);
+                _this.hoverChanged.subscribe(onHoverChangedCallback);
             }
             else {
-                //@ts-ignore
                 _this.hoverChanged.subscribe(options.onHoverChanged);
             }
         }

package/Charting/ChartModifiers/XAxisDragModifier.d.ts

@@ -69,7 +69,7 @@ export declare class XAxisDragModifier extends ChartModifierBase2D {
     modifierMouseUp(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: IChartModifierBaseOptions;
+        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
     };
     private updateCursor;
     private doPanning;

package/Charting/ChartModifiers/YAxisDragModifier.d.ts

@@ -70,7 +70,7 @@ export declare class YAxisDragModifier extends ChartModifierBase2D implements II
     modifierMouseUp(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: IChartModifierBaseOptions;
+        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
     };
     private updateCursor;
     private doPanning;

package/Charting/ChartModifiers/ZoomExtentsModifier.d.ts

@@ -1,7 +1,12 @@
 import { TEasing } from "../../Core/Animations/EasingFunctions";
 import { EChart2DModifierType } from "../../types/ChartModifierType";
+import { SciChartSurface } from "../Visuals/SciChartSurface";
 import { ChartModifierBase2D, IChartModifierBaseOptions } from "./ChartModifierBase2D";
 import { ModifierMouseArgs } from "./ModifierMouseArgs";
+/**
+ * A function to execute when zoomExtents is activated.  If this exists and returns false, the builtin behaviour is ignored;
+ */
+export declare type TZoomExtentsCallback = (sciChartSurface: SciChartSurface) => boolean;
 /**
  * Optional parameters used to configure a {@link ZoomExtentsModifier} at construct time
  */
@@ -18,6 +23,10 @@ export interface IZoomExtentsModifierOptions extends IChartModifierBaseOptions {
      * Defines the easing function for animation. See {@link TEasing} for a range of functions
      */
     easingFunction?: TEasing | string;
+    /**
+     * A function to execute when zoomExtents is activated.  If this exists and returns false, the builtin behaviour is ignored;
+     */
+    onZoomExtents?: TZoomExtentsCallback | string;
 }
 /**
  * The ZoomExtentsModifier provides double-tap or double-click to zoom-to-fit (Zoom Extents) behavior
@@ -49,6 +58,10 @@ export declare class ZoomExtentsModifier extends ChartModifierBase2D {
      * Defines the easing function for animation. See {@link TEasing} for a range of functions
      */
     easingFunction: TEasing;
+    /**
+     * A function to execute when zoomExtents is activated.  If this exists and returns false, the builtin behaviour is ignored;
+     */
+    onZoomExtents?: (sciChartSurface: SciChartSurface) => boolean;
     constructor(options?: IZoomExtentsModifierOptions);
     /**
      * @inheritDoc
@@ -56,6 +69,6 @@ export declare class ZoomExtentsModifier extends ChartModifierBase2D {
     modifierDoubleClick(args: ModifierMouseArgs): void;
     toJSON(): {
         type: string;
-        options: IChartModifierBaseOptions;
+        options: Required<Pick<IChartModifierBaseOptions, "id" | "xAxisId" | "yAxisId" | "executeOn" | "xyDirection" | "modifierGroup">>;
     };
 }

package/Charting/ChartModifiers/ZoomExtentsModifier.js

@@ -14,7 +14,9 @@ var __extends = (this && this.__extends) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZoomExtentsModifier = void 0;
+var classFactory_1 = require("../../Builder/classFactory");
 var EasingFunctions_1 = require("../../Core/Animations/EasingFunctions");
+var BaseType_1 = require("../../types/BaseType");
 var ChartModifierType_1 = require("../../types/ChartModifierType");
 var ZoomState_1 = require("../../types/ZoomState");
 var ChartModifierBase2D_1 = require("./ChartModifierBase2D");
@@ -58,6 +60,13 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
             options.easingFunction = EasingFunctions_1.easing[options.easingFunction];
         }
         _this.easingFunction = (_c = options === null || options === void 0 ? void 0 : options.easingFunction) !== null && _c !== void 0 ? _c : EasingFunctions_1.easing.outExpo;
+        if (options === null || options === void 0 ? void 0 : options.onZoomExtents) {
+            if (typeof options.onZoomExtents === "string") {
+                _this.typeMap.set("onZoomExtents", options.onZoomExtents);
+                options.onZoomExtents = classFactory_1.getFunction(BaseType_1.EBaseType.OptionFunction, options.onZoomExtents);
+            }
+        }
+        _this.onZoomExtents = options === null || options === void 0 ? void 0 : options.onZoomExtents;
         return _this;
     }
     /**
@@ -66,9 +75,11 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
     ZoomExtentsModifier.prototype.modifierDoubleClick = function (args) {
         var scs = this.parentSurface;
         if (scs !== undefined) {
-            var animationDuration = this.isAnimated ? this.animationDuration : 0;
-            scs.zoomExtents(animationDuration, this.easingFunction, function () { return scs.setZoomState(ZoomState_1.EZoomState.AtExtents); });
-            args.handled = true;
+            if (!this.onZoomExtents || this.onZoomExtents(scs)) {
+                var animationDuration = this.isAnimated ? this.animationDuration : 0;
+                scs.zoomExtents(animationDuration, this.easingFunction, function () { return scs.setZoomState(ZoomState_1.EZoomState.AtExtents); });
+                args.handled = true;
+            }
         }
     };
     ZoomExtentsModifier.prototype.toJSON = function () {
@@ -76,7 +87,8 @@ var ZoomExtentsModifier = /** @class */ (function (_super) {
         var options = {
             animationDuration: this.animationDuration,
             easingFunction: this.easingFunction.name,
-            isAnimated: this.isAnimated
+            isAnimated: this.isAnimated,
+            onZoomExtents: this.typeMap.get("onZoomExtents")
         };
         Object.assign(json.options, options);
         return json;

package/Charting/Drawing/BrushCache.js

@@ -47,20 +47,18 @@ var BrushCache = /** @class */ (function (_super) {
      * @param fillLinearGradient
      */
     BrushCache.prototype.create = function (fill, opacity, fillLinearGradient) {
-        if (this.cachedEntity
-            && fill === this.fill
-            && opacity === this.opacity
-            && fillLinearGradient === this.fillLinearGradient) {
+        if (this.cachedEntity &&
+            fill === this.fill &&
+            opacity === this.opacity &&
+            fillLinearGradient === this.fillLinearGradient) {
             return this.cachedEntity;
         }
         this.invalidateCache();
         this.fill = fill;
         this.opacity = opacity;
         this.fillLinearGradient = fillLinearGradient;
-        var brush = fillLinearGradient
-            ? this.createGradientBrush()
-            : this.createSolidBrush(fill, opacity);
-        return this.cachedEntity = new WebGlBrush_1.WebGlBrush(brush);
+        var brush = fillLinearGradient ? this.createGradientBrush() : this.createSolidBrush(fill, opacity);
+        return (this.cachedEntity = new WebGlBrush_1.WebGlBrush(brush));
     };
     BrushCache.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);

package/Charting/Drawing/Pen2DCache.d.ts

@@ -32,16 +32,14 @@ export declare class Pen2DCache extends BaseCache<WebGlPen> {
     private stroke;
     private opacity;
     private strokeThickness;
+    private adjustedStrokeThickness;
     private strokeDashArray;
+    private adjustedStrokeDashArray;
     private antiAliased;
     get value(): WebGlPen;
     /**
-     * Creates or fetches a new pen with the specified color string, strokethickness and antialiased property
-     * @param stroke
-     * @param strokeThickness
-     * @param strokeDashArray
-     * @param antiAliased
-     * @param opacity
+     * Creates or fetches a new pen with the specified color string, stroke thickness and antialiased property
+     * @param options
      */
     create(options: IPenOptions): WebGlPen;
 }

package/Charting/Drawing/Pen2DCache.js

@@ -17,6 +17,7 @@ exports.createPenInCache = exports.getScrtPenFromCache = exports.getWebGlPenFrom
 var Deleter_1 = require("../../Core/Deleter");
 var Guard_1 = require("../../Core/Guard");
 var array_1 = require("../../utils/array");
+var parseColor_1 = require("../../utils/parseColor");
 var createPen_1 = require("../Visuals/Helpers/createPen");
 var DpiHelper_1 = require("../Visuals/TextureManager/DpiHelper");
 var BaseCache_1 = require("./BaseCache");
@@ -48,26 +49,26 @@ var Pen2DCache = /** @class */ (function (_super) {
         configurable: true
     });
     /**
-     * Creates or fetches a new pen with the specified color string, strokethickness and antialiased property
-     * @param stroke
-     * @param strokeThickness
-     * @param strokeDashArray
-     * @param antiAliased
-     * @param opacity
+     * Creates or fetches a new pen with the specified color string, stroke thickness and antialiased property
+     * @param options
      */
     Pen2DCache.prototype.create = function (options) {
         var stroke = options.stroke, _a = options.strokeThickness, strokeThickness = _a === void 0 ? 1 : _a, strokeDashArray = options.strokeDashArray, _b = options.antiAliased, antiAliased = _b === void 0 ? true : _b, _c = options.opacity, opacity = _c === void 0 ? 1 : _c;
+        var _d = DpiHelper_1.DpiHelper.adjustStrokeSize({ strokeThickness: strokeThickness, strokeDashArray: strokeDashArray }), adjustedStrokeThickness = _d.strokeThickness, adjustedStrokeDashArray = _d.strokeDashArray;
         // Return pen from cache
         if (this.cachedEntity &&
             stroke === this.stroke &&
-            strokeThickness === this.strokeThickness &&
+            adjustedStrokeThickness === this.adjustedStrokeThickness &&
             antiAliased === this.antiAliased &&
-            array_1.areArraysEqual(strokeDashArray, this.strokeDashArray)) {
+            array_1.areArraysEqual(adjustedStrokeDashArray, this.adjustedStrokeDashArray)) {
             // optimization for opacity updates
             if (opacity !== this.opacity) {
                 this.opacity = opacity;
                 this.cachedEntity.setOpacity(opacity);
             }
+            // ensure that original stroke size is cached
+            this.strokeThickness = strokeThickness;
+            this.strokeDashArray = strokeDashArray;
             return this.cachedEntity;
         }
         // Create new pen
@@ -76,9 +77,11 @@ var Pen2DCache = /** @class */ (function (_super) {
         this.opacity = opacity;
         this.antiAliased = antiAliased;
         this.strokeThickness = strokeThickness;
+        this.adjustedStrokeThickness = adjustedStrokeThickness;
         this.strokeDashArray = strokeDashArray;
-        var scrtPen = createPen_1.createSCRTPen(this.webAssemblyContext, stroke, strokeThickness, opacity, strokeDashArray, antiAliased);
-        return (this.cachedEntity = new WebGlPen_1.WebGlPen(scrtPen));
+        this.adjustedStrokeDashArray = adjustedStrokeDashArray;
+        var scrtPen = createPen_1.createSCRTPen(this.webAssemblyContext, stroke, adjustedStrokeThickness, opacity, adjustedStrokeDashArray, antiAliased);
+        return (this.cachedEntity = new WebGlPen_1.WebGlPen(scrtPen, parseColor_1.parseColorToUIntArgb(stroke)));
     };
     return Pen2DCache;
 }(BaseCache_1.BaseCache));
@@ -116,7 +119,7 @@ exports.createPenInCache = function (penCache, stroke, strokeThickness, opacity,
     Guard_1.Guard.notNull(penCache, "penCache");
     var cachedPen = penCache.create({
         stroke: stroke,
-        strokeThickness: strokeThickness * DpiHelper_1.DpiHelper.PIXEL_RATIO,
+        strokeThickness: strokeThickness,
         opacity: opacity,
         strokeDashArray: strokeDashArray
     });

package/Charting/Drawing/WebGlPen.d.ts

@@ -10,8 +10,9 @@ export declare class WebGlPen implements IPen2D {
     /**
      * Creates an instance of WebGlPen
      * @param scrtPen the inner {@link SCRTPen} which can be passed to SciChart's WebAssembly WebGL engine
+     * @param originalColor the original color which is used to change the opacity
      */
-    constructor(scrtPen: SCRTPen);
+    constructor(scrtPen: SCRTPen, originalColor?: number);
     /**
      * the inner {@link SCRTPen} which can be passed to SciChart's WebAssembly WebGL engine
      */

package/Charting/Drawing/WebGlPen.js

@@ -12,10 +12,11 @@ var WebGlPen = /** @class */ (function () {
     /**
      * Creates an instance of WebGlPen
      * @param scrtPen the inner {@link SCRTPen} which can be passed to SciChart's WebAssembly WebGL engine
+     * @param originalColor the original color which is used to change the opacity
      */
-    function WebGlPen(scrtPen) {
+    function WebGlPen(scrtPen, originalColor) {
         this.scrtPenProperty = scrtPen;
-        this.originalColor = scrtPen === null || scrtPen === void 0 ? void 0 : scrtPen.m_uiColor;
+        this.originalColor = originalColor !== null && originalColor !== void 0 ? originalColor : scrtPen === null || scrtPen === void 0 ? void 0 : scrtPen.m_uiColor;
     }
     Object.defineProperty(WebGlPen.prototype, "scrtPen", {
         /**

package/Charting/LayoutManager/BottomAlignedOuterAxisLayoutStrategy.js

@@ -28,7 +28,7 @@ var BottomAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
     }
     BottomAlignedOuterAxisLayoutStrategy.prototype.measureAxes = function (sciChartSurface, chartLayoutState, axes) {
         var _a, _b;
-        var requiredSize = (_b = (_a = sciChartSurface.padding) === null || _a === void 0 ? void 0 : _a.bottom) !== null && _b !== void 0 ? _b : 0;
+        var requiredSize = (_b = (_a = sciChartSurface.adjustedPadding) === null || _a === void 0 ? void 0 : _a.bottom) !== null && _b !== void 0 ? _b : 0;
         requiredSize += sciChartSurface.bottomViewportBorder + sciChartSurface.bottomCanvasBorder;
         axes.forEach(function (axis) {
             axis.measure();

package/Charting/LayoutManager/BottomAlignedOuterHorizontallyStackedAxisLayoutStrategy.js

@@ -39,8 +39,8 @@ var BottomAlignedOuterHorizontallyStackedAxisLayoutStrategy = /** @class */ (fun
         var firstStackedAxis = axes[0];
         var lastStackedAxis = axes[axes.length - 1];
         AxisLayoutHelpers_1.updateLeftAndRightChartLayoutState(chartLayoutState, firstStackedAxis === null || firstStackedAxis === void 0 ? void 0 : firstStackedAxis.axisLayoutState.additionalLeftSize, lastStackedAxis === null || lastStackedAxis === void 0 ? void 0 : lastStackedAxis.axisLayoutState.additionalRightSize);
-        var bottomViewportBorder = sciChartSurface.bottomViewportBorder, bottomCanvasBorder = sciChartSurface.bottomCanvasBorder, padding = sciChartSurface.padding;
-        requiredSize += (_a = bottomViewportBorder + bottomCanvasBorder + (padding === null || padding === void 0 ? void 0 : padding.bottom)) !== null && _a !== void 0 ? _a : 0;
+        var bottomViewportBorder = sciChartSurface.bottomViewportBorder, bottomCanvasBorder = sciChartSurface.bottomCanvasBorder, adjustedPadding = sciChartSurface.adjustedPadding;
+        requiredSize += (_a = bottomViewportBorder + bottomCanvasBorder + (adjustedPadding === null || adjustedPadding === void 0 ? void 0 : adjustedPadding.bottom)) !== null && _a !== void 0 ? _a : 0;
         chartLayoutState.bottomOuterAreaSize = Math.max(chartLayoutState.bottomOuterAreaSize, requiredSize);
     };
     BottomAlignedOuterHorizontallyStackedAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
@@ -57,6 +57,7 @@ var BottomAlignedOuterHorizontallyStackedAxisLayoutStrategy = /** @class */ (fun
             leftOffset += additionalLeftSize;
             axis.offset = leftOffset - left;
             axis.axisLength = rightOffset - leftOffset;
+            axis.isStackedAxis = true;
             axis.isPrimaryAxis = true;
             axis.viewRect = Rect_1.Rect.createWithCoords(leftOffset, topOffset, rightOffset, bottomOffset);
             leftOffset = rightOffset + additionalRightSize;

package/Charting/LayoutManager/LeftAlignedOuterAxisLayoutStrategy.js

@@ -29,7 +29,7 @@ var LeftAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
     }
     LeftAlignedOuterAxisLayoutStrategy.prototype.measureAxes = function (sciChartSurface, chartLayoutState, axes) {
         var _a, _b;
-        var requiredSize = (_b = (_a = sciChartSurface.padding) === null || _a === void 0 ? void 0 : _a.left) !== null && _b !== void 0 ? _b : 0;
+        var requiredSize = (_b = (_a = sciChartSurface.adjustedPadding) === null || _a === void 0 ? void 0 : _a.left) !== null && _b !== void 0 ? _b : 0;
         requiredSize += sciChartSurface.leftViewportBorder + sciChartSurface.leftCanvasBorder;
         axes.forEach(function (axis) {
             axis.measure();

package/Charting/LayoutManager/LeftAlignedOuterVerticallyStackedAxisLayoutStrategy.js

@@ -39,8 +39,8 @@ var LeftAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functio
         var firstStackedAxis = axes[0];
         var lastStackedAxis = axes[axes.length - 1];
         AxisLayoutHelpers_1.updateTopAndBottomChartLayoutState(chartLayoutState, firstStackedAxis === null || firstStackedAxis === void 0 ? void 0 : firstStackedAxis.axisLayoutState.additionalTopSize, lastStackedAxis === null || lastStackedAxis === void 0 ? void 0 : lastStackedAxis.axisLayoutState.additionalBottomSize);
-        var leftViewportBorder = sciChartSurface.leftViewportBorder, leftCanvasBorder = sciChartSurface.leftCanvasBorder, padding = sciChartSurface.padding;
-        requiredSize += (_a = leftViewportBorder + leftCanvasBorder + (padding === null || padding === void 0 ? void 0 : padding.left)) !== null && _a !== void 0 ? _a : 0;
+        var leftViewportBorder = sciChartSurface.leftViewportBorder, leftCanvasBorder = sciChartSurface.leftCanvasBorder, adjustedPadding = sciChartSurface.adjustedPadding;
+        requiredSize += (_a = leftViewportBorder + leftCanvasBorder + (adjustedPadding === null || adjustedPadding === void 0 ? void 0 : adjustedPadding.left)) !== null && _a !== void 0 ? _a : 0;
         chartLayoutState.leftOuterAreaSize = Math.max(chartLayoutState.leftOuterAreaSize, requiredSize);
     };
     LeftAlignedOuterVerticallyStackedAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
@@ -57,6 +57,7 @@ var LeftAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functio
             topOffset += additionalTopSize;
             axis.offset = topOffset - top;
             axis.axisLength = bottomOffset - topOffset;
+            axis.isStackedAxis = true;
             axis.isPrimaryAxis = true;
             axis.viewRect = Rect_1.Rect.createWithCoords(leftOffset, topOffset, rightOffset, bottomOffset);
             topOffset = bottomOffset + additionalBottomSize;

package/Charting/LayoutManager/RightAlignedOuterAxisLayoutStrategy.js

@@ -28,7 +28,7 @@ var RightAlignedOuterAxisLayoutStrategy = /** @class */ (function (_super) {
     }
     RightAlignedOuterAxisLayoutStrategy.prototype.measureAxes = function (sciChartSurface, chartLayoutState, axes) {
         var _a, _b;
-        var requiredSize = (_b = (_a = sciChartSurface.padding) === null || _a === void 0 ? void 0 : _a.right) !== null && _b !== void 0 ? _b : 0;
+        var requiredSize = (_b = (_a = sciChartSurface.adjustedPadding) === null || _a === void 0 ? void 0 : _a.right) !== null && _b !== void 0 ? _b : 0;
         requiredSize += sciChartSurface.rightViewportBorder + sciChartSurface.rightCanvasBorder;
         axes.forEach(function (axis) {
             axis.measure();

package/Charting/LayoutManager/RightAlignedOuterVerticallyStackedAxisLayoutStrategy.js

@@ -39,8 +39,8 @@ var RightAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functi
         var firstStackedAxis = axes[0];
         var lastStackedAxis = axes[axes.length - 1];
         AxisLayoutHelpers_1.updateTopAndBottomChartLayoutState(chartLayoutState, firstStackedAxis === null || firstStackedAxis === void 0 ? void 0 : firstStackedAxis.axisLayoutState.additionalTopSize, lastStackedAxis === null || lastStackedAxis === void 0 ? void 0 : lastStackedAxis.axisLayoutState.additionalBottomSize);
-        var rightViewportBorder = sciChartSurface.rightViewportBorder, rightCanvasBorder = sciChartSurface.rightCanvasBorder, padding = sciChartSurface.padding;
-        requiredSize += (_a = rightViewportBorder + rightCanvasBorder + (padding === null || padding === void 0 ? void 0 : padding.right)) !== null && _a !== void 0 ? _a : 0;
+        var rightViewportBorder = sciChartSurface.rightViewportBorder, rightCanvasBorder = sciChartSurface.rightCanvasBorder, adjustedPadding = sciChartSurface.adjustedPadding;
+        requiredSize += (_a = rightViewportBorder + rightCanvasBorder + (adjustedPadding === null || adjustedPadding === void 0 ? void 0 : adjustedPadding.right)) !== null && _a !== void 0 ? _a : 0;
         chartLayoutState.rightOuterAreaSize = Math.max(chartLayoutState.rightOuterAreaSize, requiredSize);
     };
     RightAlignedOuterVerticallyStackedAxisLayoutStrategy.prototype.layoutAxes = function (left, top, right, bottom, axes) {
@@ -57,6 +57,7 @@ var RightAlignedOuterVerticallyStackedAxisLayoutStrategy = /** @class */ (functi
             topOffset += additionalTopSize;
             axis.offset = topOffset - top;
             axis.axisLength = bottomOffset - topOffset;
+            axis.isStackedAxis = true;
             axis.isPrimaryAxis = true;
             axis.viewRect = Rect_1.Rect.createWithCoords(leftOffset, topOffset, rightOffset, bottomOffset);
             topOffset = bottomOffset + additionalBottomSize;