v19.2.56 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 19.2.55 (2021-08-11)
+## 19.2.56 (2021-08-17)
 
 ### Common
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 19.2.55 (2021-08-11)
+## 19.2.56 (2021-08-17)
 
 ### Checkbox
 

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "19.2.47",
+	"version": "19.2.55",
 	"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/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 19.2.56 (2021-08-17)
+
+### Chart
+
+#### Bug Fixes
+
+- `#337487` - Query selector issue fixed for container ID.
+
 ## 19.2.55 (2021-08-11)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "19.2.51",
+	"version": "19.2.55",
 	"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/user-interaction/crosshair.spec.ts

@@ -681,8 +681,8 @@ describe('Chart Crosshair', () => {
                 expect(element2.getAttribute('fill') == 'green' || element2.getAttribute('fill') == null ).toBe(true); 
                 done();
             };
-            chartObj.crosshair.horizontalColor= 'red';
-            chartObj.crosshair.verticalColor = 'green'; 
+            chartObj.crosshair.horizontalLineColor = 'red';
+            chartObj.crosshair.verticalLineColor = 'green';
             chartObj.loaded = loaded;
             chartObj.refresh();
         });

controls/charts/src/chart/chart-model.d.ts

@@ -67,13 +67,13 @@ export interface CrosshairSettingsModel {
      * The color of the border that accepts value in hex and rgba as a valid CSS color string.
      * @default ''
      */
-    verticalColor?: string;
+    verticalLineColor?: string;
 
     /**
      * The color of the border that accepts value in hex and rgba as a valid CSS color string.
      * @default ''
      */
-    horizontalColor?: string;
+    horizontalLineColor?: string;
 
     /**
      * The opacity for background.

controls/charts/src/chart/chart.ts

@@ -179,15 +179,15 @@ export class CrosshairSettings extends ChildProperty<CrosshairSettings> {
      * @default ''
      */
     @Property('')
-    public verticalColor: string;
-      
+    public verticalLineColor: string;
+
     /**
      * The color of the border that accepts value in hex and rgba as a valid CSS color string.
      * @default ''
      */
     @Property('')
-    public horizontalColor: string;
-    
+    public horizontalLineColor: string;
+
     /**
      * The opacity for background.
      * @default 1
@@ -1566,12 +1566,18 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
      * Return the proper ID when the special character exist in the ID
      */
     private isIdHasSpecialCharacter(elementId: string): string {
-        const regex: RegExp = /^[A-Za-z0-9 ]+$/;
+        const regex: RegExp = /^[A-Za-z ]+$/;
+        const numberRegex: RegExp = /^[0-9 ]+$/;
         let childElementId: string = '';
         if (!regex.test(elementId)) {
-            for (let i: number = 0; i < elementId.length; i++) {
+            let start: number = 0;
+            if (numberRegex.test(elementId[0])) {
+                childElementId += ('\\3' + elementId[0]);
+                start = 1;
+            }
+            for (let i: number = start; i < elementId.length; i++) {
                 if (!regex.test(elementId[i]) && elementId.indexOf('-') === -1 &&
-                    elementId.indexOf('_') === -1 && elementId.indexOf('\\') === -1) {
+                    elementId.indexOf('_') === -1 && elementId.indexOf('\\') === -1 && !numberRegex.test(elementId[i])) {
                     childElementId += ('\\' + elementId[i]);
                 } else {
                     childElementId += elementId[i];
@@ -3786,4 +3792,4 @@ export class Chart extends Component<HTMLElement> implements INotifyPropertyChan
             }
         }
     }
-}
+}

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

@@ -159,7 +159,7 @@ export class Crosshair {
             }
             options = new PathOption(
                 this.elementID + '_HorizontalLine', 'none', crosshair.line.width,
-                crosshair.horizontalColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, horizontalCross
+                crosshair.horizontalLineColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, horizontalCross
             );
             this.drawCrosshairLine(options, cross, chartRect.x, this.valueY, chartRect.width, 0, horizontalCross);
             /**
@@ -168,7 +168,7 @@ export class Crosshair {
              */
             options = new PathOption(
                 this.elementID + '_VerticalLine', 'none', crosshair.line.width,
-                crosshair.verticalColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, verticalCross
+                crosshair.verticalLineColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, verticalCross
             );
             this.drawCrosshairLine(options, cross, this.valueX, chartRect.y, 0, chartRect.height, verticalCross);   
             this.renderAxisTooltip(chart, chartRect, <Element>axisTooltipGroup);
@@ -181,12 +181,12 @@ export class Crosshair {
                 axisTooltipGroup = chart.renderer.createGroup({ 'id': this.elementID + '_crosshair_axis' });
                 options = new PathOption(
                     this.elementID + '_HorizontalLine', 'none', crosshair.line.width,
-                    crosshair.horizontalColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, horizontalCross
+                    crosshair.horizontalLineColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, horizontalCross
                 );
                 this.renderCrosshairLine(options, crossGroup);
                 options = new PathOption(
                     this.elementID + '_VerticalLine', 'none', crosshair.line.width,
-                    crosshair.verticalColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, verticalCross
+                    crosshair.verticalLineColor || crosshair.line.color || chart.themeStyle.crosshairLine, crosshair.opacity, crosshair.dashArray, verticalCross
                 );
                 this.renderCrosshairLine(options, crossGroup);
                 crossGroup.appendChild(axisTooltipGroup);

controls/data/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 19.2.55 (2021-08-11)
+## 19.2.56 (2021-08-17)
 
 ### DataManager