v20.3.52 is released

Author: pipeline

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "20.3.49",
+	"version": "20.3.50",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 20.3.50 (2022-10-18)
+## 20.3.52 (2022-10-26)
 
 ### Checkbox
 

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 20.3.50 (2022-10-18)
+## 20.3.52 (2022-10-26)
 
 ### Calendar
 

controls/charts/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 ## [Unreleased]
 
+## 20.3.52 (2022-10-26)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I412377` - Axis labels are now rendering properly inside the chart.
+- `#F171844` - Console error while using shared tooltip has been fixed.
+
 ## 20.3.50 (2022-10-18)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "20.3.49",
+	"version": "20.3.50",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/src/chart/axis/axis.ts

@@ -61,18 +61,22 @@ export class Row extends ChildProperty<Row> {
     public nearSizes: number[] = [];
     /** @private */
     public farSizes: number[] = [];
+    /** @private */
+    public insideFarSizes: number[] = [];
+    /** @private */
+    public insideNearSizes: number[] = [];
     /**
      * Measure the row size
      *
      * @returns {void}
      * @private
      */
-    public computeSize(axis: Axis, scrollBarHeight: number): void {
+    public computeSize(axis: Axis, scrollBarHeight: number, definition: Row | Column): void {
         let width: number = 0;
         const innerPadding: number = 5;
         if (axis.visible && axis.internalVisibility) {
             width += (axis.findTickSize(axis.crossInAxis) + scrollBarHeight +
-                axis.findLabelSize(axis.crossInAxis, innerPadding) + axis.lineStyle.width * 0.5);
+                axis.findLabelSize(axis.crossInAxis, innerPadding, definition) + axis.lineStyle.width * 0.5);
         }
 
         if (axis.isAxisOpposedPosition) {
@@ -116,6 +120,10 @@ export class Column extends ChildProperty<Column> {
     /** @private */
     public farSizes: number[] = [];
     /** @private */
+    public insideFarSizes: number[] = [];
+    /** @private */
+    public insideNearSizes: number[] = [];
+    /** @private */
     private padding: number = 0;
 
     /**
@@ -125,12 +133,12 @@ export class Column extends ChildProperty<Column> {
      * @private
      */
 
-    public computeSize(axis: Axis, scrollBarHeight: number ): void {
+    public computeSize(axis: Axis, scrollBarHeight: number, definition: Row | Column): void {
         let height: number = 0;
         const innerPadding: number = 5;
         if (axis.visible && axis.internalVisibility) {
             height += (axis.findTickSize(axis.crossInAxis) + scrollBarHeight +
-                axis.findLabelSize(axis.crossInAxis, innerPadding) + axis.lineStyle.width * 0.5);
+                axis.findLabelSize(axis.crossInAxis, innerPadding, definition) + axis.lineStyle.width * 0.5);
         }
         if (axis.isAxisOpposedPosition) {
             this.farSizes.push(height);
@@ -1045,7 +1053,7 @@ export class Axis extends ChildProperty<Axis> {
      * @returns {number} labelSize
      * @private
      */
-    public findLabelSize(crossAxis: Axis, innerPadding: number): number {
+    public findLabelSize(crossAxis: Axis, innerPadding: number, definition: Row | Column): number {
         let titleSize: number = 0; const isHorizontal: boolean = this.orientation === 'Horizontal';
         if (this.title) {
             this.titleSize = measureText(this.title, this.titleStyle);
@@ -1056,9 +1064,6 @@ export class Axis extends ChildProperty<Axis> {
                 titleSize = (titleSize * this.titleCollection.length);
             }
         }
-        if (this.labelPosition === 'Inside') {
-            return titleSize + innerPadding;
-        }
         let diff: number;
         let value: number;
         let labelSize: number = titleSize + innerPadding + this.titlePadding + this.labelPadding +
@@ -1075,6 +1080,15 @@ export class Axis extends ChildProperty<Axis> {
                 labelSize = (diff < labelSize) ? (labelSize - diff) : 0;
             }
         }
+        if (this.isAxisOpposedPosition) {
+            definition.insideFarSizes.push(labelSize);
+        }
+        else {
+            definition.insideNearSizes.push(labelSize);
+        }
+        if (this.labelPosition === 'Inside') {
+            return titleSize + innerPadding;
+        }
         return labelSize;
     }
     /**

controls/charts/src/chart/axis/cartesian-panel.ts

@@ -118,6 +118,8 @@ export class CartesianAxisLayoutPanel {
             row = <Row>item;
             row.nearSizes = [];
             row.farSizes = [];
+            row.insideNearSizes = [];
+            row.insideFarSizes = [];
             this.arrangeAxis(row);
             this.measureDefinition(row, chart, new Size(chart.availableSize.width, row.computedHeight));
             if (this.leftSize < sum(row.nearSizes)) {
@@ -136,6 +138,8 @@ export class CartesianAxisLayoutPanel {
             column = <Column>item;
             column.farSizes = [];
             column.nearSizes = [];
+            column.insideNearSizes = [];
+            column.insideFarSizes = [];
             this.arrangeAxis(column);
             this.measureDefinition(column, chart, new Size(column.computedWidth, chart.availableSize.height));
             if (this.bottomSize < sum(column.nearSizes)) {
@@ -164,7 +168,7 @@ export class CartesianAxisLayoutPanel {
                 || axis.scrollbarSettings.enable) ? ele : 0;
             axis.getModule(chart);
             axis.baseModule.calculateRangeAndInterval(size, axis);
-            definition.computeSize(axis, axis.scrollBarHeight);
+            definition.computeSize(axis, axis.scrollBarHeight, definition);
         }
         if (definition.farSizes.length > 0) {
             definition.farSizes[definition.farSizes.length - 1] -= axisPadding;
@@ -222,11 +226,21 @@ export class CartesianAxisLayoutPanel {
                     axis.rect.width = 0;
                 }
                 if (axis.isAxisOpposedPosition) {
-                    x = rect.x + rect.width + sum(subArray(row.farSizes, farCount));
+                    if (axis.labelPosition === 'Inside' && axis.orientation === "Vertical") {
+                        x = rect.x + rect.width - sum(subArray(row.insideFarSizes, farCount));
+                    }
+                    else {
+                        x = rect.x + rect.width + sum(subArray(row.farSizes, farCount));
+                    }
                     axis.rect.x = axis.rect.x >= x ? axis.rect.x : x;
                     farCount++;
                 } else {
-                    x = rect.x - sum(subArray(row.nearSizes, nearCount));
+                    if (axis.labelPosition === 'Inside' && axis.orientation === "Vertical") {
+                        x = rect.x + sum(subArray(row.insideNearSizes, nearCount));
+                    }
+                    else{
+                        x = rect.x - sum(subArray(row.nearSizes, nearCount));
+                    }
                     axis.rect.x = axis.rect.x <= x ? axis.rect.x : x;
                     nearCount++;
                 }
@@ -253,11 +267,21 @@ export class CartesianAxisLayoutPanel {
                     axis.rect.height = 0;
                 }
                 if (axis.isAxisOpposedPosition) {
-                    y = rect.y - sum(subArray(column.farSizes, farCount));
+                    if (axis.labelPosition === 'Inside' && axis.orientation === "Horizontal") {
+                        y = rect.y + sum(subArray(column.insideFarSizes, farCount));
+                    }
+                    else {
+                        y = rect.y - sum(subArray(column.farSizes, farCount));
+                    }
                     axis.rect.y = axis.rect.y <= y ? axis.rect.y : y;
                     farCount++;
                 } else {
-                    y = rect.y + rect.height + sum(subArray(column.nearSizes, nearCount));
+                    if (axis.labelPosition === 'Inside' && axis.orientation === "Horizontal") {
+                        y = rect.y + rect.height - sum(subArray(column.insideNearSizes, nearCount));
+                    }
+                    else {
+                        y = rect.y + rect.height + sum(subArray(column.nearSizes, nearCount));
+                    }
                     axis.rect.y = axis.rect.y >= y ? axis.rect.y : y;
                     nearCount++;
                 }

controls/charts/src/common/user-interaction/tooltip.ts

@@ -333,7 +333,6 @@ export class BaseTooltip extends ChartData {
         const isTemplateRendered: boolean = tooltipTemplate && tooltipTemplate.innerHTML !== '<div></div>';
         this.stopAnimation();
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        if ((this.chart as any).isReact && isTemplateRendered) { (this.chart as any).clearTemplate([tooltipTemplate.id], [0]); }
         if (tooltipElement && this.previousPoints.length > 0) {
             this.toolTipInterval = +setTimeout(
                 (): void => {

controls/circulargauge/CHANGELOG.md

@@ -4,7 +4,7 @@
 
 ## [Unreleased]
 
-## 20.3.50 (2022-10-18)
+## 20.3.52 (2022-10-26)
 
 ### Circular Gauge
 

controls/data/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 20.3.50 (2022-10-18)
+
+### DataManager
+
+#### Bug Fixes
+
+- `#F176305` - DataManager causes memory leak when doing multiple server side actions issue has been fixed.
+
 ## 19.4.52 (2022-02-15)
 
 ### DataManager