v20.1.51 is released

Author: pipeline

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "20.1.48",
+	"version": "20.1.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.1.50 (2022-04-19)
+## 20.1.51 (2022-04-26)
 
 ### Radio Button
 

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "20.1.48",
+	"version": "20.1.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/polar-radar-panel.ts

@@ -416,7 +416,7 @@ export class PolarRadarPanel extends LineBase {
             y1 = this.centerY + radius * vector.y;
             x2 = this.centerX + radius * vector2.x;
             y2 = this.centerY + radius * vector2.y;
-            majorGrid = majorGrid.concat((i ? 'L ' : 'M ') + ' ' + x1 + ' ' + y1 + ' ' + 'L ' + ' ' + x2 + ' ' + y2 + ' ');
+            majorGrid = majorGrid.concat((i ? 'L ' : 'M ') + x1 + ' ' + y1 + ' ' + 'L ' + x2 + ' ' + y2 + ' ');
         }
         return majorGrid;
     }

controls/diagrams/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 20.1.50 (2022-04-19)
+## 20.1.51 (2022-04-26)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I375103` - Now, Port visibility will work properly on mouse hover in Canvas mode.
+
+## 20.1.48 (2022-04-12)
 
 ### Diagram
 

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "20.1.47",
+	"version": "20.1.48",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/diagrams/spec/diagram/objects/port-visibility.spec.ts

@@ -207,6 +207,92 @@ describe('Diagram Control', () => {
             done();
         })
     });
+
+    describe('Port Visiblity in Canvas Mode', () => {
+        let diagram: Diagram;
+        let ele: HTMLElement;
+
+        let mouseEvents: MouseEvents = new MouseEvents();
+
+        beforeAll((): void => {
+            const isDef = (o: any) => o !== undefined && o !== null;
+            if (!isDef(window.performance)) {
+                console.log("Unsupported environment, window.performance.memory is unavailable");
+                this.skip(); //Skips test (in Chai)
+                return;
+            }
+            ele = createElement('div', { id: 'diagram12' });
+            document.body.appendChild(ele);
+            let node1: NodeModel = {
+                id: 'node1', width: 100, height: 100, offsetX: 100, offsetY: 100,
+                ports: [{
+                    shape: 'Circle',
+                    visibility: PortVisibility.Visible | PortVisibility.Hover,
+                    offset: { x: 1, y: 0.75 }
+                }],
+                annotations: [{ content: 'Mouse Hover' }]
+            };
+            let node2: NodeModel = {
+                id: 'node2', width: 100, height: 100, offsetX: 300, offsetY: 100,
+                ports: [{
+                    shape: 'Circle',
+                    visibility: PortVisibility.Connect,
+                    offset: { x: 1, y: 0.75 }
+                }],
+                annotations: [{ content: 'Connect' }]
+            };
+            let node33: NodeModel = {
+                id: 'node33', width: 100, height: 150, offsetX: 300, offsetY: 500,
+                ports: [{
+                    shape: 'Circle',
+                    visibility: PortVisibility.Connect,
+                    offset: { x: 1, y: 0.75 }
+                }],
+                annotations: [{ content: 'Connect node' }]
+            };
+            let node3: NodeModel = {
+                id: 'node3', width: 100, height: 100, offsetX: 500, offsetY: 100,
+                ports: [{
+                    shape: 'Circle',
+                    visibility: PortVisibility.Visible,
+                    offset: { x: 1, y: 0.75 }
+                }],
+                annotations: [{ content: 'Port Visible' }]
+            };
+            let node4: NodeModel = {
+                id: 'node4', width: 100, height: 100, offsetX: 700, offsetY: 100,
+                ports: [{
+                    shape: 'Circle',
+                    visibility: PortVisibility.Hidden,
+                    constraints: PortConstraints.Drag,
+                    offset: { x: 1, y: 0.75 }
+                }],
+                annotations: [{ content: 'Port Hidden' }]
+            };
+            diagram = new Diagram({
+                width: 1000, height: 1000, nodes: [node1, node2, node3, node4, node33], mode: 'Canvas'
+            });
+
+            diagram.appendTo('#diagram12');
+
+        });
+
+        afterAll((): void => {
+            diagram.destroy();
+            ele.remove();
+        });
+
+        it('Checking PortVisibility - Hover', (done: Function) => {
+            expect((diagram.nodes[0] as Node).wrapper.children[2].visible === false).toBe(true);
+            let diagramCanvas: HTMLElement = document.getElementById(diagram.element.id + 'content');
+            mouseEvents.mouseMoveEvent(diagramCanvas, 60, 60, false, false);
+            expect((diagram.nodes[0] as Node).wrapper.children[2].visible === true).toBe(true);
+            mouseEvents.mouseMoveEvent(diagramCanvas, 160, 260, false, false);
+            expect((diagram.nodes[0] as Node).wrapper.children[2].visible === false).toBe(true);
+            done();
+        });
+    });
+
     describe('Testing symbol palette', () => {
         let diagram: Diagram;
         let palette: SymbolPalette;

controls/diagrams/src/diagram/diagram.ts

@@ -7719,6 +7719,10 @@ export class Diagram extends Component<HTMLElement> implements INotifyPropertyCh
             if (changed) {
                 this.updateDiagramObject(node);
             }
+            //EJ2-59672 - Added the below code to render the ports while hovering over the node  
+            if (this.mode === 'Canvas') {
+                this.refreshCanvasLayers();
+            }
         }
     }
 

controls/diagrams/themestudio/styles/navigations/breadcrumb/_layout.scss

@@ -341,7 +341,7 @@
       .e-breadcrumb-icon {
         display: flex;
         flex-grow: 1;
-        justify-content: end;
+        justify-content: flex-end;
      }
    }
 

controls/documenteditor/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 ## [Unreleased]
 
+## 20.1.51 (2022-04-26)
+
+### Document Editor
+
+#### Bug Fixes
+
+- `#I361566`, `#I372584` - Resolved the wrapping style issue in header/footer.
+- `#I373016` - Resolved the script error in accepting the revision inside the table.
+- `#I370714` - Resolved the character format updating issue.
+- `#I364803` - Resolved the track changes to empty page.
+- `#I356022` - Resolved the wrong comma placing in Hebrew language.
+- `#I368816` - Resolved the pie chart rendering and exporting issue.
+
 ## 20.1.50 (2022-04-19)
 
 ### Document Editor

controls/documenteditor/package.json

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

controls/documenteditor/spec/implementation/editor/track-changes.spec.ts

@@ -338,4 +338,45 @@ describe('Check the revision collection after perform undo', () => {
         container.revisions.acceptAll();
         expect(container.revisions.changes.length).toBe(0);
     });
+});
+describe('Check the empty paragraph deletion functionality', () => {
+    let container: DocumentEditor;
+    beforeAll(() => {
+        document.body.innerHTML = '';
+        let ele: HTMLElement = createElement('div', { id: 'container' });
+        document.body.appendChild(ele);
+        DocumentEditor.Inject(Editor, Selection, EditorHistory, SfdtExport);
+        container = new DocumentEditor({ enableEditor: true, isReadOnly: false, enableEditorHistory: true, enableSfdtExport: true });
+        (container.documentHelper as any).containerCanvasIn = TestHelper.containerCanvas;
+        (container.documentHelper as any).selectionCanvasIn = TestHelper.selectionCanvas;
+        (container.documentHelper.render as any).pageCanvasIn = TestHelper.pageCanvas;
+        (container.documentHelper.render as any).selectionCanvasIn = TestHelper.pageSelectionCanvas;
+        container.appendTo('#container');
+    });
+    afterAll((done): void => {
+        container.destroy();
+        document.body.removeChild(document.getElementById('container'));
+        container = undefined;
+        document.body.innerHTML = '';
+        setTimeout(function () {
+            done();
+        }, 1000);
+    });
+    it('Check the revision after delete empty paragraph', () => {
+        console.log('Check the revision after delete empty paragraph');
+        container.openBlank();
+        container.editor.insertTable(1,1);
+        container.editor.insertText("hi");
+        container.enableTrackChanges = true;
+        container.editor.onEnter();
+        container.editor.insertText("hi");
+        container.enableTrackChanges = false;
+        container.selection.moveToPreviousLine();
+        container.selection.moveToParagraphStart();
+        container.editor.delete();
+        container.editor.delete();
+        container.editor.delete();
+        container.revisions.acceptAll();
+        expect(container.revisions.changes.length).toBe(0);
+    });
 });