v17.1.48 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## [Unreleased]
 
+## 17.1.48 (2019-05-21)
+
+### Common
+
+#### Bug Fixes
+
+- Resolved Multiple space between class Names for template Engine support.
+
+#### New Features
+
+- Added the `httpRequest` argument to Ajax `beforeSend` event arguments.
+
 ## 17.1.43 (2019-04-30)
 
 ### Common

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

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "17.1.43",
+	"version": "17.1.47",
 	"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/ej2-base.umd.min.js.map

@@ -7,6 +7,7 @@ import {  createElement} from '../src/dom';
 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'] } }];
+let JSONArray: any = [{ name:'one   two', info: { id:'01' } }, { name:'two three', info: { id:'02' } }];
 
 let tempObj: any;
 
@@ -41,6 +42,54 @@ describe('Template', () => {
         expect(outDOM(template.compile(templateStr), dsJSONArray)).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[] = [];
+        result.push(createElement('div', { innerHTML: 'one', className:'class1 class2 class3' }));
+        result.push(createElement('div', { innerHTML: 'two', className:'class1 class2 class3' }));
+        expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
+    });
+
+    it('JSON Array Input With more than two space between two class Names', () => {
+        let templateStr: string = '<div class="class1    class2">${name}</div>';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'one', className:'class1 class2' }));
+        result.push(createElement('div', { innerHTML: 'two', className:'class1 class2' }));
+        expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
+    });
+
+    it('JSON Array Input With more than two space between three class Names', () => {
+        let templateStr: string = '<div class="class1    class2    class3">${name}</div>';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'one', className:'class1 class2 class3' }));
+        result.push(createElement('div', { innerHTML: 'two', className:'class1 class2 class3' }));
+        expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
+    });
+
+    it('JSON Array Input With more than two space in first class name', () => {
+        let templateStr: string = '<div class="   class1">${name}</div>';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'one', className:' class1' }));
+        result.push(createElement('div', { innerHTML: 'two', className:' class1' }));
+        expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
+    });
+
+    it('JSON Array Input With two space in first class name and multiple space between three class names', () => {
+        let templateStr: string = '<div class="  class1    class2   class3">${name}</div>';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'one', className:' class1 class2 class3' }));
+        result.push(createElement('div', { innerHTML: 'two', className:' class1 class2 class3' }));
+        expect(outDOM(template.compile(templateStr), dsJSONArray)).toEqual(result);
+    });
+
+    it('JSON Array Input With multiple sapce between inner text', () => {
+        let templateStr: string = '<div class=" class1   class2    class3">${name}</div>';
+        let result: Element[] = [];
+        result.push(createElement('div', { innerHTML: 'one   two', className:' class1 class2 class3' }));
+        result.push(createElement('div', { innerHTML: 'two three', className:' class1 class2 class3' }));
+        expect(outDOM(template.compile(templateStr), JSONArray)).toEqual(result);
+    });
+
     it('JSON Array input with multiple key mapping String', () => {
         let templateStr: string = '<div>${name}${info.id}</div>';
         let result: Element[] = [];

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

@@ -86,7 +86,8 @@ export class Ajax {
     public send(data?: string | Object): Promise<Ajax> {
         this.data = isNullOrUndefined(data) ? this.data : data;
         let eventArgs: BeforeSendEventArgs = {
-            cancel: false
+            cancel: false,
+            httpRequest: null
         };
         let promise: Promise<Ajax> = new Promise((resolve: Function, reject: Function) => {
             this.httpRequest = new XMLHttpRequest();
@@ -112,13 +113,14 @@ export class Ajax {
             }
             this.httpRequest.open(this.type, this.url, this.mode);
             // Set default headers
-            if (!isNullOrUndefined(this.data) && this.contentType !== null ) {
+            if (!isNullOrUndefined(this.data) && this.contentType !== null) {
                 this.httpRequest.setRequestHeader('Content-Type', this.contentType || 'application/json; charset=utf-8');
             }
             if (this.beforeSend) {
+                eventArgs.httpRequest = this.httpRequest;
                 this.beforeSend(eventArgs);
             }
-            if (!eventArgs.cancel)  {
+            if (!eventArgs.cancel) {
                 this.httpRequest.send(!isNullOrUndefined(this.data) ? this.data as Document : null);
             }
         });
@@ -175,7 +177,7 @@ export class Ajax {
                     reject(new Error(this.failureHandler(this.httpRequest.statusText)));
                 } else {
                     resolve();
-                 }
+                }
             }
         }
     }
@@ -205,12 +207,15 @@ export interface HeaderOptions {
     overrideMimeType?: Function;
 }
 
-    /**
-     * Specifies the ajax beforeSend event arguments 
-     * @event
-     */
+/**
+ * Specifies the ajax beforeSend event arguments 
+ * @event
+ */
 export interface BeforeSendEventArgs {
 
     /** To cancel the ajax request in beforeSend */
     cancel?: boolean;
-}
+
+    /** Returns the request sent from the client end */
+    httpRequest?: XMLHttpRequest;
+}

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

@@ -72,6 +72,15 @@ function evalExp(str: string, nameSpace: string, helper?: Object): string {
      */
     let localKeys: string[] = [];
 
+    let isClass: string[] = str.match(/class="([^\"]+|)\s{2}/g);
+    let singleSpace: string = '';
+    if (isClass) {
+        isClass.forEach((value: string) => {
+            singleSpace = value.replace(/\s\s+/g, ' ');
+            str = str.replace(value, singleSpace);
+        });
+    }
+
     return str.replace(LINES, '').replace(DBL_QUOTED_STR, '\'$1\'').replace(
 
         exp,

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

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "17.1.42",
+	"version": "17.1.47",
 	"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/base/dist/es6/ej2-base.es5.js.map

@@ -2,6 +2,26 @@
 
 ## [Unreleased]
 
+## 17.1.48 (2019-05-21)
+
+### Calendar
+
+#### Bug Fixes
+
+- #235561 - Now, you can navigate year within min and max range in decade view.
+
+### DatePicker
+
+#### Bug Fixes
+
+- #216875 - Issue with some additional text appended to all day numbers when choose `Japanese` culture has been fixed.
+
+### DateRangePicker
+
+#### Bug Fixes
+
+- #233687 - Issue with change event trigger twice when provide date format without date specifier has been fixed.
+
 ## 17.1.43 (2019-04-30)
 
 ### DatePicker

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

@@ -63,6 +63,7 @@ <h3 class="header">Property Panel </h3>
                             <option value="en">en</option>
                             <option value="de" selected>de</option>
                             <option value="zh">zh</option>
+                            <option value="ar">ar</option>
                         </select>
                     </div>
                 </td>

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

@@ -26,12 +26,22 @@ L10n.load({
 
 /*Load culturefiles from cldr main folder*/
 function loadCultureFiles(name: string): void {
+ 
     let files: string[] =
         ['ca-gregorian.json', 'numbers.json', 'timeZoneNames.json', 'currencies.json'];
-    for (let prop of files) {
+
+    if (name === 'ar') {
+        files.push('numberingSystems.json');
+    }
+    for (let prop = 0; prop < files.length; prop++) {
         let val: Object;
         let ajax: Ajax;
-        ajax = new Ajax('../../spec/cldr/main/' + name + '/' + prop, 'GET', false);
+
+        if (name === 'ar' && prop === files.length - 1) {
+            ajax = new Ajax('../../spec/cldr/supplemental/' + files[prop], 'GET', false);
+        } else {
+        ajax = new Ajax('../../spec/cldr/main/' + name + '/' + files[prop], 'GET', false);
+        }
         ajax.onSuccess = (value: JSON) => {
             val = value;
         };
@@ -53,6 +63,11 @@ function changeLocale(): void {
     if (culture !== 'en') {
         loadCultureFiles(culture);
     }
+    if(culture == 'ar') {
+        datepicker.enableRtl = true;
+    } else {
+        datepicker.enableRtl = false;
+    }
     datepicker.locale = culture;
     datepicker.dataBind();
 }

controls/base/package.json

@@ -628,7 +628,7 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             var tdEle = this.dayCell(localDate);
             var title = this.globalize.formatDate(localDate, { type: 'date', skeleton: 'full' });
             var dayLink = this.createElement('span');
-            dayLink.textContent = this.globalize.formatDate(localDate, { type: 'date', skeleton: 'd' });
+            dayLink.textContent = this.globalize.formatDate(localDate, { format: 'd', type: 'date', skeleton: 'yMd' });
             var disabled = (this.min > localDate) || (this.max < localDate);
             if (disabled) {
                 addClass([tdEle], DISABLED);
@@ -805,6 +805,10 @@ var CalendarBase = /** @__PURE__ @class */ (function (_super) {
             dayLink.textContent = this.globalize.formatDate(localDate, { type: 'dateTime', skeleton: 'y' });
             if ((year < startFullYr) || (year > endFullYr)) {
                 addClass([tdEle], OTHERDECADE);
+                if (year < new Date(this.checkValue(this.min)).getFullYear() ||
+                    year > new Date(this.checkValue(this.max)).getFullYear()) {
+                    addClass([tdEle], DISABLED);
+                }
             }
             else if (year < new Date(this.checkValue(this.min)).getFullYear() ||
                 year > new Date(this.checkValue(this.max)).getFullYear()) {

controls/base/spec/template.spec.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "17.1.43",
+	"version": "17.1.47",
 	"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/src/ajax.ts

@@ -769,7 +769,7 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
             let tdEle: HTMLElement = this.dayCell(localDate);
             let title: string = this.globalize.formatDate(localDate, { type: 'date', skeleton: 'full' });
             let dayLink: HTMLElement = this.createElement('span');
-            dayLink.textContent = this.globalize.formatDate(localDate, { type: 'date', skeleton: 'd' });
+            dayLink.textContent = this.globalize.formatDate(localDate, { format: 'd', type: 'date', skeleton: 'yMd'});
             let disabled: boolean = (this.min > localDate) || (this.max < localDate);
             if (disabled) {
                 addClass([tdEle], DISABLED);
@@ -943,6 +943,10 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
             dayLink.textContent = this.globalize.formatDate(localDate, { type: 'dateTime', skeleton: 'y' });
             if ((year < startFullYr) || (year > endFullYr)) {
                 addClass([tdEle], OTHERDECADE);
+                if (year < new Date(this.checkValue(this.min)).getFullYear() ||
+                    year > new Date(this.checkValue(this.max)).getFullYear()) {
+                    addClass([tdEle], DISABLED);
+                }
             } else if (year < new Date(this.checkValue(this.min)).getFullYear() ||
                 year > new Date(this.checkValue(this.max)).getFullYear()) {
                 addClass([tdEle], DISABLED);

controls/base/src/template.ts

@@ -117,15 +117,15 @@ export interface TimePickerModel extends ComponentModel{
      * Gets or sets the minimum time value that can be allowed to select in TimePicker.
      * > For more details refer to 
      * [`Time Range`](../../timepicker/time-range/) documentation.
-     * @default 00:00
+     * @default null
      */
     min?: Date;
 
     /**
      * Gets or sets the maximum time value that can be allowed to select in TimePicker.
      * > For more details refer to 
      * [`Time Range`](../../timepicker/time-range/) documentation.
-     * @default 00:00
+     * @default null
      */
     max?: Date;