v18.3.52 is released

Author: pipeline

controls/barcodegenerator/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-barcode-generator",
-	"version": "18.3.35",
+	"version": "18.3.47",
 	"description": "Barcode generator component is a pure JavaScript library which will convert a string to Barcode and show it to the user. This supports major 1D and 2D barcodes including coda bar, code 128, QR Code.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/barcodegenerator/src/barcode/one-dimension.ts

@@ -191,7 +191,8 @@ export abstract class OneDimension extends BarcodeBase {
     /* tslint:disable */
     /** @private */
     public calculateBarCodeAttributes(code: number[] | string[], canvas: HTMLElement, isUpcE?: string): void {
-        let temp: boolean = false;let canDoubleWidth: number;
+        let temp: boolean = false;
+        let canDoubleWidth: number;
         let barcodeSize: Rect = this.getDrawableSize(this.margin, this.width as number, this.height as number);
         if (barcodeSize.height > 0 && barcodeSize.width > 0) {
             let tempBaseAttributes: BaseAttributes; let options: BaseAttributes[] = []; let offsetX: number = barcodeSize.x;

controls/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 18.3.51 (2020-11-24)
+
+### Common
+
+#### Bug Fixes
+
+- Script error throws on expanding node in `TreeView` while using HTML id contains `#` has been fixed.
+
 ## 18.3.48 (2020-11-11)
 
 ### Common

controls/base/dist/ej2-base.umd.min.js

@@ -5341,7 +5341,9 @@ function querySelectId(selector) {
                     if (!list[j].match(/\[.*\]/)) {
                         var splitId = list[j].split('#');
                         if (splitId[1].match(/^\d/)) {
-                            list[j] = list[j].replace(/#/, '[id=\'') + '\']';
+                            var setId = list[j].split('.');
+                            setId[0] = setId[0].replace(/#/, '[id=\'') + '\']';
+                            list[j] = setId.join('.');
                         }
                     }
                 }
@@ -6967,6 +6969,15 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 var componentCount = 0;
 var lastPageID;
 var lastHistoryLen = 0;
+exports.versionBasedStatePersistence = false;
+/**
+ * To enable or disable version based statePersistence functionality for all components globally.
+ * @param {boolean} status - Optional argument Specifies the status value to enable or disable versionBasedStatePersistence option.
+ * @returns {void}
+ */
+function enableVersionBasedPersistence(status) {
+    exports.versionBasedStatePersistence = status;
+}
 /**
  * Base class for all Essential JavaScript components
  */
@@ -7229,14 +7240,25 @@ var Component = /** @class */ (function (_super) {
         }
     };
     Component.prototype.mergePersistData = function () {
-        var data = window.localStorage.getItem(this.getModuleName() + this.element.id);
+        var data;
+        if (exports.versionBasedStatePersistence) {
+            data = window.localStorage.getItem(this.getModuleName() + this.element.id + this.ej2StatePersistenceVersion);
+        }
+        else {
+            data = window.localStorage.getItem(this.getModuleName() + this.element.id);
+        }
         if (!(isNullOrUndefined(data) || (data === ''))) {
             this.setProperties(JSON.parse(data), true);
         }
     };
     Component.prototype.setPersistData = function () {
         if (!this.isDestroyed) {
-            window.localStorage.setItem(this.getModuleName() + this.element.id, this.getPersistData());
+            if (exports.versionBasedStatePersistence) {
+                window.localStorage.setItem(this.getModuleName() + this.element.id + this.ej2StatePersistenceVersion, this.getPersistData());
+            }
+            else {
+                window.localStorage.setItem(this.getModuleName() + this.element.id, this.getPersistData());
+            }
         }
     };
     //tslint:disable-next-line
@@ -9030,6 +9052,7 @@ exports.Base = Base;
 exports.getComponent = getComponent;
 exports.removeChildInstance = removeChildInstance;
 exports.Browser = Browser;
+exports.enableVersionBasedPersistence = enableVersionBasedPersistence;
 exports.Component = Component;
 exports.ChildProperty = ChildProperty;
 exports.Position = Position;

controls/base/dist/ej2-base.umd.min.js.map

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

controls/base/dist/es6/ej2-base.es2015.js

@@ -32,6 +32,7 @@ describe('Dom', () => {
     let elem1: Element = Dom.createElement('div', { id: 'ele-level-1', className: 'ele' });
     let elem2: Element = Dom.createElement('div', { id: 'ele-level-2', className: 'ele' });
     let elem3: Element = Dom.createElement('div', { id: 'ele-level-3', className: 'ele' });
+    let elem4: Element = Dom.createElement('div', { id: '1-element', className: 'ele' });
 
     elem2.appendChild(elem3);
     elem1.appendChild(elem2);
@@ -64,6 +65,18 @@ describe('Dom', () => {
             expect(eleAr[0].className).toBe('eleClass newclass class1 class2 class3');
             expect(eleAr[5].className).toBe('eleClass newclass class1 class2 class3');
         });
+        
+        it('For element as object', () => {
+            let vid: HTMLElement = Dom.createElement('div', { id: 'ele-level-0', className: 'check' });
+            let obj: Object = {}
+            for(var p in vid) {
+                obj[p] = vid[p];
+            }
+            (eleAr as any).push(obj);
+            Dom.addClass(eleAr, ['class1']);
+            expect((eleAr[6].attributes as any).className).toBe('class1');
+            eleAr.pop();
+        });
     });
 
     describe('removeClass', () => {
@@ -104,6 +117,10 @@ describe('Dom', () => {
         it('get single element context based', () => {
             expect(Dom.select('#ele-level-3', elem1)).toBe(elem3);
         });
+        
+        it('get id starts with number element', () => {
+            expect(Dom.select('#1-element', elem4));
+        });
 
         it('get multiple element', () => {
             Dom.append(eleAr, document.body);

controls/base/dist/es6/ej2-base.es2015.js.map

@@ -11,6 +11,16 @@ import { getRandomId } from './template-engine';
 let componentCount: number = 0;
 let lastPageID: number;
 let lastHistoryLen: number = 0;
+export let versionBasedStatePersistence: boolean = false;
+
+/**
+ * To enable or disable version based statePersistence functionality for all components globally.
+ * @param {boolean} status - Optional argument Specifies the status value to enable or disable versionBasedStatePersistence option.
+ * @returns {void}
+ */
+export function enableVersionBasedPersistence(status: boolean): void {
+    versionBasedStatePersistence = status;
+}
 /**
  * Base class for all Essential JavaScript components
  */
@@ -19,6 +29,7 @@ export abstract class Component<ElementType extends HTMLElement> extends Base<El
 
     public element: ElementType;
     private randomId: string = uniqueID();
+    public ej2StatePersistenceVersion: string;
     /**
      * Enable or disable persisting component's state between page reloads.
      * @default false
@@ -294,14 +305,24 @@ export abstract class Component<ElementType extends HTMLElement> extends Base<El
     }
 
     private mergePersistData(): void {
-        let data: string = window.localStorage.getItem(this.getModuleName() + this.element.id);
+        let data: string;
+        if (versionBasedStatePersistence) {
+            data = window.localStorage.getItem(this.getModuleName() + this.element.id + this.ej2StatePersistenceVersion);
+        } else {
+           data = window.localStorage.getItem(this.getModuleName() + this.element.id);
+        }
         if (!(isNullOrUndefined(data) || (data === ''))) {
             this.setProperties(JSON.parse(data), true);
         }
     }
     private setPersistData(): void {
         if (!this.isDestroyed) {
-            window.localStorage.setItem(this.getModuleName() + this.element.id, this.getPersistData());
+            if (versionBasedStatePersistence) {
+                window.localStorage.setItem
+                (this.getModuleName() + this.element.id + this.ej2StatePersistenceVersion, this.getPersistData());
+            } else {
+                window.localStorage.setItem(this.getModuleName() + this.element.id, this.getPersistData());
+            }
         }
     }
 

controls/base/dist/es6/ej2-base.es5.js

@@ -284,7 +284,9 @@ function querySelectId(selector: string): string {
                     if (!list[j].match(/\[.*\]/)) {
                         let splitId: string[] = list[j].split('#');
                         if (splitId[1].match(/^\d/)) {
-                            list[j] = list[j].replace(/#/, '[id=\'') + '\']';
+                            let setId: string[] = list[j].split('.');
+                            setId[0] = setId[0].replace(/#/, '[id=\'') + '\']';
+                            list[j] = setId.join('.');
                         }
                     }
                 }

controls/base/dist/es6/ej2-base.es5.js.map

@@ -2,6 +2,38 @@
 
 ## [Unreleased]
 
+## 18.3.52 (2020-12-01)
+
+### Calendar
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### DatePicker
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### DateRangePicker
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
+### TimePicker
+
+#### Bug Fixes
+
+- `#304117`,`#304560` - EJ1 and EJ2 controls theme compatibility issue resolved.
+
 ## 18.3.51 (2020-11-24)
 
 ### DatePicker