Merge pull request #2 from jasparvathi/master

v16.1.24 released

gulpfile.js

@@ -69,7 +69,7 @@ gulp.task('test', function(done) {
     new karma.Server({
         configFile: __dirname + '/karma.conf.js',
         singleRun: true,
-        browsers: ['Chrome'],
+        browsers: ['ChromeHeadless'],
         browserNoActivityTimeout: 30000
     }, function(e) {
         done(e === 0 ? null : 'karma exited with status ' + e);

package.json

@@ -1,68 +1,53 @@
 {
-	"name": "@syncfusion/ej2-samples",
-	"version": "0.0.1",
-	"description": "Samples for Syncfusion Essential JS 2",
-	"author": "Syncfusion Inc.",
-	"license": "SEE LICENSE IN license",
-	"dependencies": {
-		"@syncfusion/ej2": "*",
-		"@syncfusion/ej2-base": "*",
-		"@syncfusion/ej2-buttons": "*",
-		"@syncfusion/ej2-data": "*",
-		"@syncfusion/ej2-lists": "*",
-		"@syncfusion/ej2-grids": "*",
-		"@syncfusion/ej2-dropdowns": "*",
-		"@syncfusion/ej2-calendars": "*",
-		"@syncfusion/ej2-inputs": "*",
-		"@syncfusion/ej2-popups": "*",
-		"@syncfusion/ej2-charts": "*",
-		"@syncfusion/ej2-circulargauge": "*",
-		"@syncfusion/ej2-lineargauge": "*",
-		"@syncfusion/ej2-navigations": "*",
-		"@syncfusion/ej2-pdf-export": "*",
-		"@syncfusion/ej2-excel-export": "*",
-		"@syncfusion/ej2-file-utils": "*",
-		"@syncfusion/ej2-compression": "*",
-		"cheerio": "^1.0.0-rc.1",
-		"crossroads": "^0.12.2",
-		"hasher": "^1.2.0"
-	},
-	"devDependencies": {
-		"@types/chai": "^3.4.28",
-		"@types/crossroads": "0.0.28",
-		"@types/es6-promise": "0.0.28",
-		"@types/hasher": "0.0.27",
-		"@types/highlight.js": "^9.1.7",
-		"@types/jasmine": "^2.2.29",
-		"@types/jasmine-ajax": "^3.1.27",
-		"@types/requirejs": "^2.1.26",
-		"@types/signals": "0.0.16",
-		"elasticlunr": "0.9.5",
-		"fuse.js": "^3.2.0",
-		"markdown-it": "^8.4.0",
-		"es6-promise": "^3.2.1",
-		"gulp": "^3.9.1",
-		"gulp-sass": "^3.1.0",
-		"gulp-typescript": "^3.1.6",
-		"requirejs": "^2.3.3",
-		"typescript": "2.3.4",
-		"browser-sync": "2.11.2",
-		"jasmine-ajax": "^3.3.1",
-		"jasmine-core": "^2.6.1",
-		"karma": "^1.7.0",
-		"karma-chrome-launcher": "^2.2.0",
-		"karma-generic-preprocessor": "^1.1.0",
-		"karma-htmlfile-reporter": "^0.3.5",
-		"karma-jasmine": "^1.1.0",
-		"karma-jasmine-ajax": "^0.1.13",
-		"karma-requirejs": "^1.1.0",
-		"run-sequence": "^1.2.2",
-		"webpack": "2.5.1",
-		"webpack-stream": "^3.2.0"
-	},
-	"scripts": {
-		"build": "gulp build",
+  "name": "@syncfusion/ej2-samples",
+  "version": "16.1.24",
+  "description": "Samples for Syncfusion Essential JS 2",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "dependencies": {
+    "@syncfusion/ej2": "16.1.24",
+    "cheerio": "^1.0.0-rc.1",
+    "crossroads": "^0.12.2",
+    "hasher": "^1.2.0",
+    "moment-timezone": "^0.5.14"
+  },
+  "devDependencies": {
+    "@types/chai": "^3.4.28",
+    "@types/crossroads": "0.0.28",
+    "@types/es6-promise": "0.0.28",
+    "@types/hasher": "0.0.27",
+    "@types/highlight.js": "^9.1.7",
+    "@types/jasmine": "^2.2.29",
+    "@types/jasmine-ajax": "^3.1.27",
+    "@types/requirejs": "^2.1.26",
+    "@types/signals": "0.0.16",
+    "elasticlunr": "0.9.5",
+    "fuse.js": "^3.2.0",
+    "markdown-it": "^8.4.0",
+    "@types/moment-timezone": "^0.5.3",
+    "es6-promise": "^3.2.1",
+    "gulp": "^3.9.1",
+    "gulp-sass": "^3.1.0",
+    "gulp-typescript": "^3.1.6",
+    "requirejs": "^2.3.3",
+    "typescript": "2.3.4",
+    "browser-sync": "2.11.2",
+    "jasmine-ajax": "^3.3.1",
+    "jasmine-core": "^2.6.1",
+    "karma": "^1.7.0",
+    "karma-chrome-launcher": "^2.2.0",
+    "karma-generic-preprocessor": "^1.1.0",
+    "karma-htmlfile-reporter": "^0.3.5",
+    "karma-jasmine": "^1.1.0",
+    "karma-jasmine-ajax": "^0.1.13",
+    "karma-requirejs": "^1.1.0",
+    "run-sequence": "^1.2.2",
+    "webpack": "2.5.1",
+    "webpack-stream": "^3.2.0"
+  },
+  "scripts": {
+    "build": "gulp build",
 		"serve": "gulp serve",
 		"test": "gulp test"
-	}
-}
+  }
+}

spec/samplebrowser.spec.js

@@ -0,0 +1,46 @@
+define(["require", "exports", "@syncfusion/ej2-base", "../src/common/sampleList", "../node_modules/es6-promise/dist/es6-promise"], function (require, exports, ej2_base_1, sampleList_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    describe('sample browser', function () {
+        jasmine.DEFAULT_TIMEOUT_INTERVAL = 30000;
+        var samples = sampleList_1.samplesList;
+        beforeAll(function (done) {
+            var ajax = new ej2_base_1.Ajax('../base/index.html', 'GET', true);
+            ajax.send().then(function (value) {
+                document.body.innerHTML = document.body.innerHTML + value.toString();
+                require(['../src/common/index.min'], function () {
+                    done();
+                });
+            });
+        });
+        describe('testing -', function () {
+            beforeEach(function () {
+                window.customError = function () {
+                    return false;
+                };
+                spyOn(window, 'customError');
+                window.addEventListener('error', window.customError);
+            });
+            afterEach(function () {
+                window.customError.calls.reset();
+            });
+            var _loop_1 = function (control) {
+                if (control.category !== 'ShowCase') {
+                    control.samples.forEach(function (element) {
+                        it('Control Name: ' + control.directory + ', Sample Name: ' + element.name, function (done) {
+                            window.navigateSample = function () {
+                                expect(window.customError).not.toHaveBeenCalled();
+                                done();
+                            };
+                            window.location.href = '#/material/' + control.directory + '/' + element.url + '.html';
+                        });
+                    });
+                }
+            };
+            for (var _i = 0, samples_1 = samples; _i < samples_1.length; _i++) {
+                var control = samples_1[_i];
+                _loop_1(control);
+            }
+        });
+    });
+});

src/accordion/default.js

@@ -0,0 +1,25 @@
+(function(e, a) { for(var i in a) e[i] = a[i]; }(this, webpackJsonp([340],{
+
+/***/ 204:
+/***/ (function(module, exports, __webpack_require__) {
+
+var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(11)], __WEBPACK_AMD_DEFINE_RESULT__ = function (require, exports, ej2_navigations_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    this.default = function () {
+        var acrdnObj = new ej2_navigations_1.Accordion({
+            items: [
+                { header: 'ASP.NET', expanded: true, content: 'Microsoft ASP.NET is a set of technologies in the Microsoft .NET Framework for building Web applications and XML Web services. ASP.NET pages execute on the server and generate markup such as HTML, WML, or XML that is sent to a desktop or mobile browser. ASP.NET pages use a compiled,event-driven programming model that improves performance and enables the separation of application logic and user interface.' },
+                { header: 'ASP.NET MVC', content: 'The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications. The ASP.NET MVC framework is a lightweight, highly testable presentation framework that (as with Web Forms-based applications) is integrated with existing ASP.NET features, such as master pages and membership-based authentication.' },
+                { header: 'JavaScript', content: 'JavaScript (JS) is an interpreted computer programming language.It was originally implemented as part of web browsers so that client-side scripts could interact with the user, control the browser, communicate asynchronously, and alter the document content that was displayed.More recently, however, it has become common in both game development and the creation of desktop applications.' }
+            ]
+        });
+        acrdnObj.appendTo('#Accordion_default');
+    };
+}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
+				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+
+
+/***/ })
+
+},[204])));

src/autocomplete/databinding.ts

@@ -2,7 +2,7 @@
  * AutoComplete Remote-Data & Local-Data Samples
  */
 import { AutoComplete } from '@syncfusion/ej2-dropdowns';
-import { Query, DataManager, ODataV4Adaptor } from '@syncfusion/ej2-data';
+import { Query, DataManager, ODataAdaptor } from '@syncfusion/ej2-data';
 import { CheckBox, ChangeEventArgs } from '@syncfusion/ej2-buttons';
 
 this.default = () => {
@@ -32,8 +32,8 @@ this.default = () => {
     let atcObj1: AutoComplete = new AutoComplete({
         // bind the DataManager instance to dataSource property
         dataSource: new DataManager({
-            url: 'http://services.odata.org/V4/Northwind/Northwind.svc/Products',
-            adaptor: new ODataV4Adaptor,
+            url: 'https://js.syncfusion.com/demos/ejServices/Wcf/Northwind.svc/Products',
+            adaptor: new ODataAdaptor,
             crossDomain: true
         }),
         // set the count for displays the suggestion items.

src/autocomplete/diacritics-filtering.html

@@ -0,0 +1,25 @@
+<div class="col-lg-12 control-section">
+    <div class="control-wrapper">
+        <div style='padding-top:70px;'>
+            <input type="text" id="list" />
+        </div>
+    </div>
+</div>
+
+<div id="action-description">
+    <p>This sample demonstrates the diacritics filter functionality of the AutoComplete. Type the characters ‘aero’ in the AutoComplete
+        element and it displays the suggestion list ignoring the diacritics lists.</p>
+</div>
+
+<div id="description">
+    <p>The AutoComplete filtering will ignore the <a href="https://en.wikipedia.org/wiki/Diacritic" target="_blank"> diacritics </a> which makes it easier to filter the results in international characters
+        lists when the <code>ignoreAccent</code> is enabled.</p>
+
+    <p>This sample illustrates using the international characters data.</p>
+</div>
+<style>
+    .control-wrapper {
+        margin: 0 auto;
+        width: 250px;
+    }
+</style>

src/autocomplete/diacritics-filtering.ts

@@ -0,0 +1,31 @@
+
+
+/**
+ * AutoComplete Diacritics functionality Sample
+ */
+import { AutoComplete } from '@syncfusion/ej2-dropdowns';
+
+this.default = () => {
+    // create local data
+    let data: string[] = [
+        'Aeróbics',
+        'Aeróbics en Agua',
+        'Aerografía',
+        'Aeromodelaje',
+        'Águilas',
+        'Ajedrez',
+        'Ala Delta',
+        'Álbumes de Música',
+        'Alusivos',
+        'Análisis de Escritura a Mano'];
+    // initialize AutoComplete component
+    let atcObj: AutoComplete = new AutoComplete({
+        //set the local data to dataSource property
+        dataSource: data,
+        // set the placeholder to AutoComplete input element
+        placeholder: 'e.g: aero',
+        // enabled the ignoreAccent property for ignore the diacritics
+        ignoreAccent: true
+    });
+    atcObj.appendTo('#list');
+};