v18.4.49 is released

Author: pipeline

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "18.4.43",
+	"version": "18.4.48",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "18.4.47",
+	"version": "18.4.48",
 	"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/spec/chart/legend/legend.spec.ts

@@ -738,13 +738,14 @@ describe('Chart Legend', () => {
                 legendElement = document.getElementById(legendId + '_text_' + 4);
                 trigger.clickEvent(legendElement);
                 selectedElement = document.getElementsByClassName(selection + 4);
-                expect(selectedElement.length).toBe(0);
+                expect(selectedElement.length).toBe(1);
                 legendElement = document.getElementById(legendId + '_text_' + 1);
                 trigger.clickEvent(legendElement);
                 selectedElement = document.getElementsByClassName(selection + 1);
-                expect(selectedElement.length).toBe(0);
+                expect(selectedElement.length).toBe(1);
                 done();
             };
+            chartObj.legendSettings.toggleVisibility = false;
             chartObj.selectionMode = 'Point';
             chartObj.isMultiSelect = true;
             for (let series of chartObj.series) {
@@ -1871,4 +1872,4 @@ describe('Chart Legend', () => {
         //Check the final memory usage against the first usage, there should be little change if everything was properly deallocated
         expect(memory).toBeLessThan(profile.samples[0] + 0.25);
     })
-});
+});

controls/charts/src/chart/chart.ts

@@ -1370,6 +1370,8 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
     public svgId: string;
     /** @private */
     public isBlazor: boolean;
+    /** @private */
+    public isRedrawSelection: boolean;
     /**
      * Touch object to unwire the touch event from element
      */

controls/charts/src/chart/user-interaction/selection.ts

@@ -315,11 +315,11 @@ export class Selection extends BaseSelection {
      */
     public performSelection(index: Index, chart: Chart, element?: Element): void {
         this.isSeriesMode = this.currentMode === 'Series';
-        if (chart.series[index.series].type === 'BoxAndWhisker' &&
+        if (chart.series[index.series].type === 'BoxAndWhisker' && element &&
             element.id === chart.element.id + '_Series_' + index.series + '_Point_' + index.point + '_BoxPath') {
             element = <Element>element.parentNode;
         }
-        if (chart.series[index.series].type === 'Area' && (this.currentMode === 'Point' || this.currentMode === 'Cluster') &&
+        if (chart.series[index.series].type === 'Area' && (this.currentMode === 'Point' || this.currentMode === 'Cluster') && element &&
             (element.id === this.chart.element.id + '_Series_' + index.series)) {
             let className: string = this.generateStyle(chart.series[index.series]);
             let selectionEle: NodeListOf<HTMLElement> = document.querySelectorAll('.' + className);
@@ -333,7 +333,7 @@ export class Selection extends BaseSelection {
                 this.blurEffect(chart.element.id, chart.visibleSeries);
                 break;
             case 'Point':
-                if (!isNaN(index.point)) {
+                if (!isNaN(index.point) && element) {
                     this.selection(chart, index, [element]);
                     this.selectionComplete(chart, index, this.currentMode);
                     this.blurEffect(chart.element.id, chart.visibleSeries);
@@ -639,6 +639,13 @@ export class Selection extends BaseSelection {
      */
     public redrawSelection(chart: Chart, oldMode: SelectionMode | HighlightMode): void {
         this.isSeriesMode = oldMode === 'Series';
+        if (!isNullOrUndefined(oldMode)) {
+            if (oldMode.indexOf('Drag') !== -1 || oldMode === 'Lasso') {
+                chart.isRedrawSelection = false;
+            } else {
+                chart.isRedrawSelection = true;
+            }
+        }
         let selectedDataIndexes: Indexes[] = <Indexes[]>extend([], this.selectedDataIndexes, null, true);
         let highlightDataIndexes: Indexes[] = <Indexes[]>extend([], this.highlightDataIndexes, null, true);
         if (this.styleId.indexOf('highlight') > 0 && highlightDataIndexes.length > 0 ) {
@@ -1156,7 +1163,7 @@ export class Selection extends BaseSelection {
         }
     }
     private removeSelectedElements(chart: Chart, index: Index[], seriesCollection: SeriesModel[]): void {
-        index.splice(0, index.length);
+        index = chart.isRedrawSelection ? index : index.splice(0, index.length); // No need to remove selected indexes while redrawing
         let seriesElements: Element[];
         for (let series of seriesCollection) {
             seriesElements = this.getSeriesElements(series);

controls/charts/src/common/model/theme.ts

@@ -197,7 +197,7 @@ export function getThemeColor(theme: ChartTheme | AccumulationTheme): IThemeStyl
             break;
         case 'Bootstrap4':
             style = {
-                axisLabel: '#212529', axisTitle: '#ffffff', axisLine: '#CED4DA', majorGridLine: '#CED4DA',
+                axisLabel: '#212529', axisTitle: '#212529', axisLine: '#CED4DA', majorGridLine: '#CED4DA',
                 minorGridLine: '#DEE2E6', majorTickLine: '#ADB5BD', minorTickLine: '#CED4DA', chartTitle: '#212529', legendLabel: '#212529',
                 background: '#FFFFFF', areaBorder: '#DEE2E6', errorBar: '#000000', crosshairLine: '#6C757D', crosshairFill: '#495057',
                 crosshairLabel: '#FFFFFF', tooltipFill: 'rgba(0, 0, 0, 0.9)', tooltipBoldLabel: 'rgba(255,255,255)',

controls/compression/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 18.4.48 (2021-03-16)
+## 18.4.49 (2021-03-23)
 
 ### Compression
 

controls/data/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 18.4.48 (2021-03-16)
+## 18.4.49 (2021-03-23)
 
 ### DataManager
 

controls/diagrams/CHANGELOG.md

@@ -11,6 +11,7 @@
 - `#316472` - This issue "Strange snapping behaviors with swimlane " has been fixed.
 - `#317149` - This issue "Exception occurs when drag and drop a lane on connector in swimlane " has been fixed.
 - `F23048` - This issue "When change  style of group at runtime the same is applied to its child too " has been fixed.
+- `317728` - This issue "Line routing is not working if the connection end point of the connector has two or more nodes " has been fixed.
 
 ## 18.4.47 (2021-03-09)
 

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "18.4.47",
+	"version": "18.4.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",