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

controls/data/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-data",
-	"version": "0.15.3",
+	"version": "20.3.50",
 	"description": "Essential JS 2 DataManager",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/diagrams/CHANGELOG.md

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

controls/documenteditor/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## [Unreleased]
 
+## 20.3.52 (2022-10-26)
+
+### Document Editor
+
+#### Bug Fixes
+
+- `#I410179` - Cell background color is now rendering properly.
+- `#I411016` - List numbering is now rendered properly.
+- `#I411008` - Paragraph border is now rendering properly.
+- `#FB37770` - Resolved the script error while printing the document.
+- `#I409887` - Replacing text with bookmark is now working properly.
+
 ## 20.3.50 (2022-10-18)
 
 ### Document Editor

controls/documenteditor/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-documenteditor",
-	"version": "20.3.49",
+	"version": "20.3.50",
 	"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs.",
 	"keywords": [
 		"ej2",

controls/documenteditor/spec/implementation/print.spec.ts

@@ -1,4 +1,4 @@
-import { PageLayoutViewer, DocumentHelper, } from '../../src/index';
+import { PageLayoutViewer, DocumentHelper, Editor, Selection, } from '../../src/index';
 import { DocumentEditor } from '../../src/document-editor/document-editor';
 import { Page, Rect } from '../../src/index';
 import { createElement } from '@syncfusion/ej2-base';
@@ -475,3 +475,32 @@ console.log('Test print canvas alpha after enabling HF');
         expect((documentHelper.render as any).pageContext.globalAlpha).toBe(1);
     });
 });
+describe('Validate the image printing', () => {
+    let editor: DocumentEditor = undefined;
+    beforeAll((): void => {
+        let ele: HTMLElement = createElement('div', { id: 'container' });
+        document.body.appendChild(ele);
+        editor = new DocumentEditor({ enablePrint: true, enableEditor: true, isReadOnly: false });
+        DocumentEditor.Inject(Editor, Print, Selection); editor.enableEditorHistory = true;
+        (editor.documentHelper as any).containerCanvasIn = TestHelper.containerCanvas;
+        (editor.documentHelper as any).selectionCanvasIn = TestHelper.selectionCanvas;
+        (editor.documentHelper.render as any).pageCanvasIn = TestHelper.pageCanvas;
+        (editor.documentHelper.render as any).selectionCanvasIn = TestHelper.pageSelectionCanvas;
+        editor.appendTo('#container');
+    });
+    afterAll((): void => {
+        if (editor) {
+            editor.destroy();
+        }
+        document.body.removeChild(document.getElementById('container'));
+        editor = undefined;
+        document.body.innerHTML = '';
+    });
+    it('Validate the image printing', () => {
+        console.log('Validate the image printing');
+        editor.openBlank();
+        editor.editor.insertImage('https://cdn.syncfusion.com/content/images/Logo/Logo_150dpi.png');
+        expect(editor.exportAsImage(1, 'Png')).not.toThrowError;
+    });
+});
+