v19.2.47 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## [Unreleased]
 
+## 19.2.47 (2021-07-13)
+
+### Common
+
+- `I327143`,`I332883` - Resolved the issue with Template Compilation malfunctions when value have special character apostrophe.
+
 ## 19.1.64 (2021-05-19)
 
 ### Common

controls/base/src/animation.ts

@@ -283,7 +283,7 @@ export interface AnimationOptions extends AnimationModel {
 export function rippleEffect(element: HTMLElement, rippleOptions?: RippleOptions, done?: Function): () => void {
     let rippleModel: RippleOptions = getRippleModel(rippleOptions);
     if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
-        return Function;
+        return (() => {});
     }
     element.setAttribute('data-ripple', 'true');
     EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel });

controls/base/src/template.ts

@@ -60,7 +60,14 @@ export function compile(template: string, helper?: Object, ignorePrefix?: boolea
     let argName: string = 'data';
 
     let evalExpResult: string = evalExp(template, argName, helper, ignorePrefix);
-    let fnCode: string = `var str="${evalExpResult}"; return str;`;
+    let condtion = `if(str.match(/value='([^\/]+)'\\s/g)){
+        var check = str.match(/value='([^\/]+)'/g)[0].split('=')[1];
+        var change = check.replace(/^\'/, '\"');
+        change = change.replace(/.$/,'\"');
+        str = str.replace(check, change);
+    }`;
+    let fnCode = "var str=\"" + evalExpResult + "\";" + condtion + " return str;";
+    // let fnCode: string = `var str="${evalExpResult}"; return str;`;
 
     // tslint:disable-next-line:no-function-constructor-with-string-args
     let fn: Function = new Function(argName, fnCode);
@@ -234,4 +241,4 @@ function HandleSpecialCharArrObj(str: string, nameSpaceNew: string, keys: string
     } else {
         return str;
     }
-}
+}

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 19.2.47 (2021-07-13)
+
+### Checkbox
+
+#### Bug Fixes
+
+- Issue with checkbox icon on Mac OS has been resolved.
+
 ## 19.2.46 (2021-07-06)
 
 ### Chips

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "19.1.63",
+	"version": "19.2.46",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/buttons/styles/check-box/_bootstrap4-definition.scss

@@ -50,9 +50,9 @@ $cbox-indeterminate-disabled-border-color: $primary-font !default;
 $cbox-indeterminate-disabled-color: $primary-font !default;
 $cbox-indeterminate-fontsize: 8px !default;
 $cbox-indeterminate-hover-color: $white !default;
-$cbox-indeterminate-lineheight: 13px !default;
+$cbox-indeterminate-lineheight: 1.5 !default;
 $cbox-key-focussed-bgcolor: transparent !default;
-$cbox-lineheight: 13px !default;
+$cbox-lineheight: 1.5 !default;
 $cbox-margin: 8px !default;
 $cbox-padding: 0 !default;
 $cbox-ripple-bgcolor: transparent !default;

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "17.2.48",
+	"version": "19.2.46",
 	"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,12 +2,29 @@
 
 ## [Unreleased]
 
+## 19.2.47 (2021-07-13)
+
+### Chart
+
+#### Bug Fixes
+
+- `#333145` - Point selection is now working properly, when specifying the selection on load.
+- `#334269` - Range area series is now rendering properly in stock chart.
+
 ## 19.2.46 (2021-07-06)
 
 ### Chart
 
 #### Bug Fixes
 
+- `#332577` - `StepArea` gets truncated while using canvas mode issue has been fixed.
+
+## 19.2.44 (2021-06-30)
+
+### Chart
+
+#### Bug Fixes
+
 - `#331558` - Zooming working fine when the pan element not shown in toolbar.
 
 #### New Features

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "19.1.65",
+	"version": "19.2.46",
 	"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/multi-level-labels.ts

@@ -11,7 +11,7 @@ import { Axis } from '../axis/axis';
 import { FontModel } from '../../common/model/base-model';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { textWrap, appendClipElement, appendChildElement } from '../../common/utils/helper';
-import { valueToCoefficient, textTrim, textElement } from '../../common/utils/helper';
+import { valueToCoefficient, textTrim, textElement, withInBounds } from '../../common/utils/helper';
 import { Size, measureText, TextOption, PathOption, Rect, SvgRenderer } from '@syncfusion/ej2-svg-base';
 import { MultiLevelLabels, MultiLevelCategories } from '../model/chart-base';
 import { IAxisMultiLabelRenderEventArgs, IMultiLevelLabelClickEventArgs } from '../../chart/model/chart-interface';
@@ -38,6 +38,10 @@ export class MultiLevelLabel {
     public multiElements: Element;
     /** @private */
     public labelElement: Element;
+    /** @private */
+    public multiLevelLabelRectXRegion: Rect[] = [];
+    /** @private */
+    public xLabelCollection: TextOption[] = [];
     /**
      * Constructor for the logerithmic module.
      *
@@ -170,6 +174,11 @@ export class MultiLevelLabel {
                         this.chart.renderer, options, argsData.textStyle, argsData.textStyle.color || this.chart.themeStyle.axisLabel,
                         this.labelElement, false, this.chart.redraw, true, null, null, null, null, null, this.chart.enableCanvas
                     );
+                    if (this.chart.enableCanvas) {
+                        let textSize: Size = measureText(argsData.text, argsData.textStyle);
+                        this.multiLevelLabelRectXRegion.push(new Rect(options.x, options.y, textSize.width, textSize.height));
+                        this.xLabelCollection.push(options);
+                    }
                     if (multiLevel.border.width > 0 && multiLevel.border.type !== 'WithoutBorder') {
                         pathRect = this.renderXAxisLabelBorder(
                             level, endX - startX - padding, axis, startX, startY, labelSize, options, axisRect, argsData.alignment,
@@ -511,11 +520,20 @@ export class MultiLevelLabel {
      * @private
      */
     public click(event: Event): void {
-        const targetId: string = (<HTMLElement>event.target).id;
+        let targetId: string = (<HTMLElement>event.target).id;
         const multiLevelID: string = '_Axis_MultiLevelLabel_Level_';
         let textId: string;
         let elementId: string;
         let axisIndex: number;
+        if (this.chart.enableCanvas) {
+            for (let i: number = 0; i < this.multiLevelLabelRectXRegion.length; i++) {
+                if (withInBounds(
+                    event['x'], event['y'], this.multiLevelLabelRectXRegion[i],
+                    this.multiLevelLabelRectXRegion[i].width, this.multiLevelLabelRectXRegion[i].height)) {
+                        targetId = this.xLabelCollection[i].id;
+                    }
+            }
+        }
         if (targetId.indexOf(multiLevelID) > -1) {
             textId = targetId.split(multiLevelID)[1];
             elementId = targetId.split(multiLevelID)[0];