v17.2.39 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -6,6 +6,6 @@
 
 ### Barcode
 
-The Syncfusion Essential JS Barcode widget enables rendering of one dimension and two dimension barcodes in web page. Barcode provides you a simple and inexpensive method of encoding text information that can be easily read by electronic readers
+The Syncfusion Essential JS Barcode widget enables rendering of one dimension and two dimension barcodes in the web page. Barcode provides you a simple and inexpensive method of encoding text information that can be easily read by electronic readers
 
 - Supports 2 two-dimensional barcodes such as QR and DataMatrix barcodes.

controls/barcodegenerator/dist/ej2-barcode-generator.umd.min.js.map

@@ -111,6 +111,7 @@ export type DataMatrixEncoding =
  * * Size16x36 - will generate 16*36 modules.
  * * Size16x48 - will generate 16*48 modules.
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
  */
 
@@ -358,6 +359,7 @@ export type QRInputMode =
  * * Version39 - Specifies version 39(173 x 173 modules).
  * * Version40 - Specifies version 40(177 x 177 modules).
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
  */
 
@@ -536,6 +538,7 @@ export enum QRCodeVersion {
  * * Quartile -The Recovery capacity is 25%(approx.) 
  * * High -The Recovery capacity is 30%(approx.) 
  * @aspNumberEnum
+ * @blazorNumberEnum
  * @IgnoreSingular
  */
 export enum ErrorCorrectionLevel {

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es2015.js

@@ -33,8 +33,10 @@ export interface QRCodeGeneratorModel extends ComponentModel{
 
     /**
      * Defines the error correction level of the QR code.
+     * @blazorDefaultValueIgnore
      * @aspDefaultValueIgnore
      * @aspNumberEnum 
+     * @blazorNumberEnum
      * @default undefined
      */
     errorCorrectionLevel?: ErrorCorrectionLevel;
@@ -72,6 +74,8 @@ export interface QRCodeGeneratorModel extends ComponentModel{
     /**
      * * Defines the version of the QR code.
      * @aspDefaultValueIgnore
+     * @blazorNumberEnum
+     * @blazorDefaultValueIgnore
      * @aspNumberEnum 
      * @default undefined
      */

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es2015.js.map

@@ -53,8 +53,10 @@ export class QRCodeGenerator extends Component<HTMLElement> implements INotifyPr
 
     /**
      * Defines the error correction level of the QR code.
+     * @blazorDefaultValueIgnore
      * @aspDefaultValueIgnore
      * @aspNumberEnum 
+     * @blazorNumberEnum
      * @default undefined
      */
     @Property()
@@ -99,6 +101,8 @@ export class QRCodeGenerator extends Component<HTMLElement> implements INotifyPr
     /**
      * * Defines the version of the QR code.
      * @aspDefaultValueIgnore
+     * @blazorNumberEnum
+     * @blazorDefaultValueIgnore
      * @aspNumberEnum 
      * @default undefined
      */

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es5.js

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 17.2.39 (2019-07-30)
+
+### Common
+
+#### Bug Fixes
+
+- `#I242062` - Resolved Special characters `(@)` are not working for template Engine support.
+
 ## 17.1.49 (2019-05-29)
 
 ### Common

controls/barcodegenerator/dist/es6/ej2-barcode-generator.es5.js.map

@@ -4,6 +4,7 @@ import {  createElement} from '../src/dom';
  * Template Engine Spec
  */
 
+ let specialCharValue = [{'@ShipCountry': 'France'}];
 let dsJSONArray: any = [{ name: 'one', info: { id: '01' } }, { name: 'two', info: { id: '02' } }];
 let dsSubArray: any = [{ name: 'one', items: ['AR Item1', 'AR Item2'] }, { name: 'two', items: ['AR Item1', 'AR Item2'] }];
 let dsJSONSubArray: any = [{ name: 'one', info: { id: '01', items: ['AR Item1', 'AR Item2'] } }, { name: 'two', info: { id: '02', items: ['AR Item1', 'AR Item2'] } }];
@@ -42,6 +43,13 @@ describe('Template', () => {
         expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
     });
 
+    it('JSON Array Input With Template Stringn which has special charactor', () => {
+        let templateStr: string = '<div>${@ShipCountry}</div>';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'France' }));
+        expect(outDOM(template.compile(templateStr), specialCharValue)).toEqual(result);
+    });
+
     it('JSON Array Input With two space between class Names', () => {
         let templateStr: string = '<div class="class1  class2  class3">${name}</div>';
         let result: Element[] = [];

controls/barcodegenerator/dist/global/ej2-barcode-generator.min.js.map

@@ -13,7 +13,7 @@ const CALL_FUNCTION: RegExp = new RegExp('\\((.*)\\)', '');
 const NOT_NUMBER: RegExp = new RegExp('^[0-9]+$', 'g');
 const WORD: RegExp = new RegExp('[\\w"\'.\\s+]+', 'g');
 const DBL_QUOTED_STR: RegExp = new RegExp('"(.*?)"', 'g');
-
+const SPECIAL_CHAR: RegExp = /\@|\#|\$/g;
 let exp: RegExp = new RegExp('\\${([^}]*)}', 'g');
 // let cachedTemplate: Object = {};
 
@@ -147,6 +147,9 @@ function evalExp(str: string, nameSpace: string, helper?: Object): string {
             } else if (!!cnt.match(IF_OR_FOR)) {
                 // close condition 
                 cnt = cnt.replace(IF_OR_FOR, '"; \n } \n str = str + "');
+            } else if (SPECIAL_CHAR.test(cnt)) {
+                // evaluate normal expression with special character
+                cnt = '"+' + NameSpaceForspecialChar(cnt, (localKeys.indexOf(cnt) === -1), nameSpace, localKeys) + '"]+"';
             } else {
                 // evaluate normal expression
                 cnt = '"+' + addNameSpace(
@@ -165,3 +168,7 @@ function addNameSpace(str: string, addNS: Boolean, nameSpace: string, ignoreList
 // function hashCode(str: string): string {
 //     return str.split('').reduce((a: number, b: string) => { a = ((a << 5) - a) + b.charCodeAt(0); return a & a; }, 0).toString();
 // }
+
+function NameSpaceForspecialChar(str: string, addNS: Boolean, nameSpace: string, ignoreList: string[]): string {
+    return ((addNS && !(NOT_NUMBER.test(str)) && ignoreList.indexOf(str.split('.')[0]) === -1) ? nameSpace + '["' + str : str);
+}

controls/barcodegenerator/src/barcode/enum/enum.ts

@@ -320,6 +320,7 @@ let CalendarBase = class CalendarBase extends Component {
     }
     updateFooter() {
         this.todayElement.textContent = this.l10.getConstant('today');
+        this.todayElement.setAttribute('aria-label', this.l10.getConstant('today'));
     }
     createContentFooter() {
         if (this.showTodayButton) {
@@ -328,7 +329,7 @@ let CalendarBase = class CalendarBase extends Component {
             let l10nLocale = { today: 'Today' };
             this.globalize = new Internationalization(this.locale);
             this.l10 = new L10n(this.getModuleName(), l10nLocale, this.locale);
-            this.todayElement = this.createElement('button');
+            this.todayElement = this.createElement('button', { attrs: { role: 'button' } });
             rippleEffect(this.todayElement);
             this.updateFooter();
             addClass([this.todayElement], [BTN, TODAY, FLAT, PRIMARY, CSS]);

controls/barcodegenerator/src/qrcode/qrcode-model.d.ts

@@ -336,6 +336,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
     };
     CalendarBase.prototype.updateFooter = function () {
         this.todayElement.textContent = this.l10.getConstant('today');
+        this.todayElement.setAttribute('aria-label', this.l10.getConstant('today'));
     };
     CalendarBase.prototype.createContentFooter = function () {
         if (this.showTodayButton) {
@@ -344,7 +345,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             var l10nLocale = { today: 'Today' };
             this.globalize = new Internationalization(this.locale);
             this.l10 = new L10n(this.getModuleName(), l10nLocale, this.locale);
-            this.todayElement = this.createElement('button');
+            this.todayElement = this.createElement('button', { attrs: { role: 'button' } });
             rippleEffect(this.todayElement);
             this.updateFooter();
             addClass([this.todayElement], [BTN, TODAY, FLAT, PRIMARY, CSS]);

controls/barcodegenerator/src/qrcode/qrcode.ts

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

@@ -2383,14 +2383,15 @@ describe('Calendar', () => {
 
         describe('Keyboard interaction ', () => {
             let calendar: any;
-            let keyEventArgs: any = {
+            let keyEventArgs: any;
+            beforeEach(() => {
+                let ele: HTMLElement = createElement('div', { id: 'calendar' });
+                document.body.appendChild(ele);                
+                keyEventArgs = {
                 preventDefault: (): void => { /** NO Code */ },
                 target: null,
                 action: 'controlUp'
-            };
-            beforeEach(() => {
-                let ele: HTMLElement = createElement('div', { id: 'calendar' });
-                document.body.appendChild(ele);
+                };
             });
             afterEach(() => {
                 if (calendar) {
@@ -2421,6 +2422,50 @@ describe('Calendar', () => {
                 expect(calendar.currentView()).toBe("Decade");
                 expect(document.querySelector('.e-title').textContent).toBe('2010 - 2019');
             });
+            it('keyConfigs as null test case', () => {
+                calendar = new Calendar({ value: new Date('3/3/2017'), keyConfigs:null });
+                calendar.appendTo('#calendar');
+                expect(document.querySelector('.e-title').textContent).toBe('March 2017');
+                calendar.keyActionHandle(keyEventArgs);
+                expect(calendar.currentView()).toBe("Year");
+                keyEventArgs.action = 'home';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('Jan');
+                keyEventArgs.action = 'end';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('Dec');
+                keyEventArgs.action = 'controlUp';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(calendar.currentView()).toBe("Decade");
+                keyEventArgs.action = 'home';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('2010');
+                keyEventArgs.action = 'end';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('2019');
+            });
+            it('keyConfigs as undefined test case', () => {
+                calendar = new Calendar({ value: new Date('3/3/2017'), keyConfigs:undefined });
+                calendar.appendTo('#calendar');
+                expect(document.querySelector('.e-title').textContent).toBe('March 2017');
+                calendar.keyActionHandle(keyEventArgs);
+                expect(calendar.currentView()).toBe("Year");
+                keyEventArgs.action = 'home';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('Jan');
+                keyEventArgs.action = 'end';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('Dec');
+                keyEventArgs.action = 'controlUp';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(calendar.currentView()).toBe("Decade");
+                keyEventArgs.action = 'home';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('2010');
+                keyEventArgs.action = 'end';
+                calendar.keyActionHandle(keyEventArgs);
+                expect(document.querySelector('.e-focused-date').textContent).toBe('2019');
+            });
             it(' home and end button testing on year and decade view ', () => {
                 calendar = new Calendar({ value: new Date('3/3/2017') });
                 calendar.appendTo('#calendar');

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

@@ -131,8 +131,6 @@ export interface CalendarBaseModel extends ComponentModel{
     /**
      * Customizes the key actions in Calendar.
      * For example, when using German keyboard, the key actions can be customized using these shortcuts.
-     * @default null
-     * @blazorType object
      * 
      * <table> 
      * <tr> 
@@ -216,6 +214,9 @@ export interface CalendarBaseModel extends ComponentModel{
      * moveRight<br/></td><td colSpan=1 rowSpan=1> 
      * rightarrow<br/></td></tr> 
      * </table>
+     * 
+     * @default null
+     * @blazorType object
      */
     keyConfigs?: { [key: string]: string };