v20.4.48 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 ## [Unreleased]
 
+## 20.4.48 (2023-02-01)
+
+### Dashboard Layout
+
+#### Bug Fixes
+
+- `#I423971` - Provided cancel option in Drag Start and Drag Stop events of the Dashboard Layout component.
+
+### Common
+
+#### Bug Fixes
+
+- `#I424071` - The issue with the "Tooltip component throws a script error when setting content as '${}'" has been resolved.
+
 ## 20.4.44 (2023-01-18)
 
 ### Common

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "20.4.42",
+	"version": "20.4.44",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/base/src/draggable.ts

@@ -159,6 +159,10 @@ export interface DragEventArgs {
      * Specifies the current target element.
      */
     target?: HTMLElement;
+    /**
+     * 'true' if the drag or drop action is to be prevented; otherwise false.
+     */
+    cancel?: boolean;
 }
 
 /**

controls/base/src/template.ts

@@ -217,9 +217,9 @@ function evalExp(str: string, nameSpace: string, helper?: Object, ignorePrefix?:
                     cnt = '"+' + NameSpaceForspecialChar(cnt, (localKeys.indexOf(cnt) === -1), nameSpace, localKeys) + '"]+"';
                 } else {
                     // evaluate normal expression
-                    cnt = '"+' + addNameSpace(
+                    cnt = cnt !== '' ? '"+' + addNameSpace(
                         cnt.replace(/,/gi, '+' + nameSpace + '.'),
-                        (localKeys.indexOf(cnt) === -1), nameSpace, localKeys, ignorePrefix) + '+"';
+                        (localKeys.indexOf(cnt) === -1), nameSpace, localKeys, ignorePrefix) + '+"' : ' ';
                 }
             }
             return cnt;

controls/base/src/validate-lic.ts

@@ -18,9 +18,9 @@ class LicenseValidator {
     public platform: RegExp = /JavaScript|ASPNET|ASPNETCORE|ASPNETMVC|FileFormats/i;
     private errors: IErrorType = {
         noLicense: '<span>This application was built using a trial version of Syncfusion Essential Studio.' +
-            ' You should include the valid license key to remove the license validation message permanently.</span>',
+            ' To remove the license validation message permanently, a valid license key must be included.</span>',
         trailExpired: '<span>This application was built using a trial version of Syncfusion Essential Studio.' +
-            ' You should include the valid license key to remove the license validation message permanently.</span>',
+            ' To remove the license validation message permanently, a valid license key must be included.</span>',
         versionMismatched: '<span>The included Syncfusion license key is invalid.</span>',
         platformMismatched: '<span>The included Syncfusion license key is invalid.</span>',
         invalidKey: '<span>The included Syncfusion license key is invalid.</span>'

controls/base/themestudio/README.md

@@ -38,7 +38,7 @@ latest: "bootstrap5"
 
 ![fluent](images/fluent.png)
 
-2.	**gulp compile-themes**, gulp task will get all scss files from dist folder and then generated with respective css files for our themes.
+2.	**gulp styles-compile**, gulp task will get all scss files from dist folder and then generated with respective css files for our themes.
 
 3.	Then we can use this generated css files in our demos and check the styles for our components. To check the samples run the **gulp test-samples** gulp task to run the local samples.
 

controls/base/themestudio/styles/buttons/check-box/_layout.scss

@@ -192,6 +192,10 @@
     }
   }
 
+  .e-checkbox-wrapper[readonly] {
+    pointer-events: none;
+  }
+
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,

controls/base/themestudio/styles/dropdowns/multi-select/_bootstrap-dark-definition.scss

@@ -88,6 +88,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 12px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $brand-primary !default;
 $ddl-popup-active-focus-font-color: $brand-primary-font !default;

controls/base/themestudio/styles/dropdowns/multi-select/_bootstrap-definition.scss

@@ -87,6 +87,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 12px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $brand-primary !default;
 $ddl-popup-active-focus-font-color: $brand-primary-font !default;

controls/base/themestudio/styles/dropdowns/multi-select/_bootstrap4-definition.scss

@@ -90,6 +90,7 @@ $ddl-sel-chip-close-mobile-left: 17px !default;
 $ddl-chip-sel-mobile-close-height: 40px !default;
 $ddl-chip-sel-mobile-close-margin: 0 0 0 0 !default;
 $ddl-input-text-indent: 6px !default;
+$ddl-input-placeholder-padding: 0 0 0 8px !default;
 $ddl-rtl-chip-sel-close-left: -10px !default;
 $ddl-popup-active-focus-bg-color: $primary !default;
 $ddl-popup-active-focus-font-color: $primary-font !default;