v17.1.38 is released

Author: pipeline

controls/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 17.1.38 (2019-03-29)
+
+### Common
+
+#### New Features
+
+- Provided the Bootstrap 4 support
+
 ## 17.1.32-beta (2019-03-13)
 
 ### Common

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

@@ -1,4 +1,3 @@
-
 /**
  * Base E2E Helper Function
  */
@@ -12,15 +11,15 @@ export abstract class TestHelper {
     }
 
     public setModel(property: string, value: any) {
-        return Mapper.setModel(this.id, this.selector, property, value);
+        return Mapper.setModel(this.id, this.selector.bind(this), property, value);
     }
 
     public getModel(property: string, ) {
-        return Mapper.getModel(this.id, this.selector, property);
+        return Mapper.getModel(this.id, this.selector.bind(this), property);
     }
 
     public invoke(fName: string, args: any[] = []) {
-        return Mapper.invoke(this.id, this.selector, fName, args);
+        return Mapper.invoke(this.id, this.selector.bind(this), fName, args);
     }
 
     public eventHandler(eventName: string, callback: any) {

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

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "17.1.1",
+	"version": "17.1.32",
 	"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

@@ -173,5 +173,16 @@ describe('Template', () => {
         result.push(createElement('div', { innerHTML: '' }));
         expect(outDOM(template.compile(templateStr), dsJSONSubArray)).toEqual(result);
     });
-
+    it('multiple string pass in the template engine',()=>{
+        let data: object = { name: 'Aston Martin',val: 'hi' };
+        let getDOMString: (data: object) => any = template.compile('<div>${name,val}</div>');
+        let output: any = getDOMString(data);
+        expect(output).toEqual("<div>Aston Martinhi</div>");
+    });
+    it('single string pass in the template engine',()=>{
+        let data: object = { name: 'Aston Martin',val: 'hi' };
+        let getDOMString: (data: object) => any = template.compile('<div>${name}</div>');
+        let output: any = getDOMString(data);
+        expect(output).toEqual("<div>Aston Martin</div>");
+    });
 });

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

@@ -19,7 +19,7 @@ export interface ComponentModel {
 
     /**
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
-     * @default undefined
+     * @default ''
      */
     locale?: string;
 

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

@@ -33,7 +33,7 @@ export abstract class Component<ElementType extends HTMLElement> extends Base<El
     public enableRtl: boolean;
     /**
      * Overrides the global culture and localization value for this component. Default global culture is 'en-US'.
-     * @default undefined
+     * @default ''
      */
     @Property()
     public locale: string;

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

@@ -119,7 +119,7 @@ function evalExp(str: string, nameSpace: string, helper?: Object): string {
                         cnt.replace(
                             rlStr,
                             addNameSpace(
-                                matches[1].replace(',', nameSpace + '.'),
+                                matches[1].replace(',', '+' + nameSpace + '.'),
                                 (fNameSpace === 'global' ? false : true),
                                 nameSpace,
                                 localKeys
@@ -136,7 +136,9 @@ function evalExp(str: string, nameSpace: string, helper?: Object): string {
                 cnt = cnt.replace(IF_OR_FOR, '"; \n } \n str = str + "');
             } else {
                 // evaluate normal expression
-                cnt = '"+' + addNameSpace(cnt, (localKeys.indexOf(cnt) === -1), nameSpace, localKeys) + '+"';
+                cnt = '"+' + addNameSpace(
+                    cnt.replace(/\,/gi, '+' + nameSpace + '.'),
+                    (localKeys.indexOf(cnt) === -1), nameSpace, localKeys) + '+"';
             }
             return cnt;
         });

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

@@ -1,7 +1,6 @@
 @import 'common/mixin.scss';
 @import 'definition/bootstrap-dark.scss';
 
-$skin: '' !default;
 $font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 12px !default;
 $font-weight: normal !default;

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

@@ -1,7 +1,6 @@
 @import 'common/mixin.scss';
 @import 'definition/bootstrap.scss';
 
-$skin: '' !default;
 $font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 12px !default;
 $font-weight: normal !default;

controls/base/helpers/e2e/base.ts

@@ -1,7 +1,6 @@
 @import 'common/mixin.scss';
 @import 'definition/bootstrap4.scss';
 
-$skin: '' !default;
 $font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 12px !default;
 $font-weight: normal !default;

controls/base/package.json

@@ -1,7 +1,6 @@
 @import 'common/mixin.scss';
 @import 'definition/fabric-dark.scss';
 
-$skin: '' !default;
 $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 14px !default;
 $font-weight: normal !default;

controls/base/spec/template.spec.ts

@@ -1,7 +1,7 @@
 @import 'common/mixin.scss';
 @import 'definition/fabric.scss';
 
-$skin: '' !default;
+
 $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 14px !default;
 $font-weight: normal !default;

controls/base/src/component-model.d.ts

@@ -1,7 +1,6 @@
 @import 'common/mixin.scss';
 @import 'definition/highcontrast.scss';
 
-$skin: '' !default;
 $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 12px !default;
 $font-weight: normal !default;

controls/base/src/component.ts

@@ -1,7 +1,6 @@
 @import 'common/mixin.scss';
 @import 'definition/highcontrast-light.scss';
 
-$skin: '' !default;
 $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 12px !default;
 $font-weight: normal !default;

controls/base/src/template.ts

@@ -7,7 +7,6 @@
 }
 
 $is-roboto-loaded: 'true' !default;
-$skin: '' !default;
 $font-family: 'Roboto', 'Segoe UI', 'GeezaPro', 'DejaVu Serif', 'sans-serif', '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 12px !default;
 $font-weight: normal !default;

controls/base/styles/_bootstrap-dark-definition.scss

@@ -7,7 +7,6 @@
 }
 
 $is-roboto-loaded: 'true' !default;
-$skin: '' !default;
 $font-family: 'Roboto', 'Segoe UI', 'GeezaPro', 'DejaVu Serif', 'sans-serif', '-apple-system', 'BlinkMacSystemFont' !default;
 $font-size: 12px !default;
 $font-weight: normal !default;

controls/base/styles/_bootstrap-definition.scss

@@ -0,0 +1,3 @@
+@import 'ej2-icons/styles/bootstrap4.scss';
+@import 'bootstrap4-definition.scss';
+@import 'all.scss';

controls/base/styles/_bootstrap4-definition.scss

@@ -1,51 +1,60 @@
-$brand-primary: #0070f0;
-$brand-primary-darken-10: darken($brand-primary, 10%);
-$brand-primary-darken-15: darken($brand-primary, 20%);
-$brand-primary-darken-25: darken($brand-primary, 30%);
-$brand-primary-darken-35: darken($brand-primary, 40%);
-$brand-primary-lighten-10: lighten($brand-primary, 10%);
-$brand-primary-lighten-15: lighten($brand-primary, 15%);
-$brand-primary-lighten-20: lighten($brand-primary, 20%);
-$brand-primary-lighten-30: lighten($brand-primary, 30%);
-$brand-primary-lighten-40: lighten($brand-primary, 40%);
-$brand-primary-font: #fff;
-$grey-base: #1a1a1a;
-$grey-darker: #131313;
-$grey-dark: #2a2a2a;
-$grey: #313131;
-$grey-light: #393939;
-$grey-44: #414141;
-$grey-88: #484848;
-$grey-99: #505050;
-$grey-8c: #585858;
-$grey-ad: #676767;
-$grey-dark-font: #f0f0f0;
-$grey-white: #6e6e6e;
-$grey-lighter: #767676;
-$grey-f9: #7e7e7e;
-$grey-f8: #858585;
-$grey-f5: #8d8d8d;
-$grey-e6: #959595;
-$grey-dd: #9c9c9c;
-$grey-d4: #a4a4a4;
-$grey-cc: #acacac;
-$grey-light-font: #fff;
-$brand-success: #48b14c;
-$brand-success-dark: #358238;
-$brand-info: #2aaac0;
-$brand-info-dark: #208090;
-$brand-warning: #fac168;
-$brand-warning-dark: #f9ad37;
-$brand-danger: #d44f4f;
-$brand-danger-dark: #c12f2f;
-$brand-success-light: #dff0d8;
-$brand-info-light: #d9edf7;
-$brand-warning-light: #fcf8e3;
-$brand-danger-light: #f2dede;
-$input-border-focus: #104888;
-$brand-success-font: #2f7432;
-$brand-info-font: #1a6c7a;
-$brand-warning-font: #9d6106;
-$brand-danger-font: #ac2a2a;
-$base-font: #000;
-$shadow: #000;
+$brand-primary: #0070f0 !default;
+$brand-primary-darken-10: darken($brand-primary, 10%) !default;
+$brand-primary-darken-15: darken($brand-primary, 20%) !default;
+$brand-primary-darken-25: darken($brand-primary, 30%) !default;
+$brand-primary-darken-35: darken($brand-primary, 40%) !default;
+$brand-primary-lighten-10: lighten($brand-primary, 10%) !default;
+$brand-primary-lighten-15: lighten($brand-primary, 15%) !default;
+$brand-primary-lighten-20: lighten($brand-primary, 20%) !default;
+$brand-primary-lighten-30: lighten($brand-primary, 30%) !default;
+$brand-primary-lighten-40: lighten($brand-primary, 40%) !default;
+$brand-primary-font: #fff !default;
+$gray-base: #1a1a1a !default;
+$gray-darker: #131313 !default;
+$gray-dark: #2a2a2a !default;
+$gray: #313131 !default;
+$gray-light: #393939 !default;
+$grey-44: #414141 !default;
+$grey-88: #484848 !default;
+$grey-99: #505050 !default;
+$grey-8c: #585858 !default;
+$grey-ad: #676767 !default;
+$grey-dark-font: #f0f0f0 !default;
+$grey-white: #6e6e6e !default;
+$grey-lighter: #767676 !default;
+$grey-f9: #7e7e7e !default;
+$grey-f8: #858585 !default;
+$grey-f5: #8d8d8d !default;
+$grey-e6: #959595 !default;
+$grey-dd: #9c9c9c !default;
+$grey-d4: #a4a4a4 !default;
+$grey-cc: #acacac !default;
+$grey-light-font: #fff !default;
+$brand-success: #48b14c !default;
+$brand-success-dark: #358238 !default;
+$brand-info: #2aaac0 !default;
+$brand-info-dark: #208090 !default;
+$brand-warning: #fac168 !default;
+$brand-warning-dark: #f9ad37 !default;
+$brand-danger: #d44f4f !default;
+$brand-danger-dark: #c12f2f !default;
+$brand-success-light: #dff0d8 !default;
+$brand-info-light: #d9edf7 !default;
+$brand-warning-light: #fcf8e3 !default;
+$brand-danger-light: #f2dede !default;
+$input-border-focus: #104888 !default;
+$brand-success-font: #2f7432 !default;
+$brand-info-font: #1a6c7a !default;
+$brand-warning-font: #9d6106 !default;
+$brand-danger-font: #ac2a2a !default;
+$base-font: #000 !default;
+$shadow: #000 !default;
+
+// mapping Bootstrap variables
+$grey-base: $gray-base  !default;
+$grey-darker: $gray-darker !default;
+$grey-dark: $gray-dark !default;
+$grey: $gray !default;
+$grey-light: $gray-light !default;
+$grey-lighter: $gray-lighter !default;
+$skin-name: 'bootstrap-dark' !default;