v19.1.63 is released

Author: pipeline

ReadMe.md

@@ -76,6 +76,129 @@ Note: Here, `'*'` Specifies that install the latest published package form the o
     
 ```
 
+# Using the samples
+
+## Installing
+
+Before npm installation check `@syncfusion:registry=http://nexus.syncfusion.com/repository/ej2-production/` is available in npmrc file. Then use the below command to install all dependent packages.
+
+```
+npm install
+```
+## Build
+
+Use `npm run build` command to compile the source files. It calls the following tasks synchronously,
+
+1. SEO changes
+2. Build
+3. Styles ship
+4. Site-map generate.
+
+### SEO changes
+
+It will set meta data and description for the h1 tag to show our components first in search engine. Use the below command to run it individual. 
+
+```
+gulp SEO-changes
+```
+### Build
+
+Use the below command to generate scripts, styles, locale and sample lists.
+
+```
+gulp build
+```
+It runs the following tasks syncronously,
+
+1. Scripts
+2. Styles
+
+#### Scripts
+
+ It compiles the Typescript files and use the below command to run this task.
+
+```
+gulp scripts
+```
+
+#### Styles
+
+`gulp styles` command is used to compile default themes. It calls the following two tasks synchronously.
+
+1. Default theme
+2. Compile styles
+
+#### Default theme
+
+Use the below command to generate default theme files.
+
+```
+gulp default-theme
+```
+
+#### Compile Styles
+It compiles the scss file to css file. To run this task use the below command,
+
+```
+gulp compile-styles
+```
+
+### Styles Shipping
+
+It copies css files for themes from node_modules. Use the below command to run it individual.
+
+```
+gulp styles-ship
+```
+
+### Site map generation
+
+The below command combines sample of all components and store it in sitemap-demos.xml file to index our components, samples, documents in search engine.
+
+```
+gulp sitemap-generate
+```
+
+## Testing
+
+Use the following command to test lint errors in all files. It calls lint task synchronously,
+
+```
+npm run test
+```
+
+### Lint
+
+Use `gulp lint` command to run this task. It calls the below tasks synchronously,
+
+1. SASS Lint
+2. TS Lint
+3. File Checker
+
+#### SASS Lint
+
+It is used to test all SASS files whether it have any lint errors. The following command used to run this task,
+
+```
+gulp sass-lint
+```
+
+#### TS Lint
+
+It check lint errors in all typescript files. Use the below command to run this task,
+
+```
+gulp ts-lint
+```
+
+#### File checker
+
+A valid sample name and components name not have any numbers and symbols. The file checker task is used to check all file names are valid or not. Use the below command to run file checker task,
+
+```
+gulp file-checker
+```
+
 ## Run the sample browser
 
 We can run the sample browser with two commands
@@ -84,10 +207,9 @@ We can run the sample browser with two commands
 2. **gulp _watch_** – run the sample browser and monitor typescript as well. This will help at development time. If any changes detect means it will automatically compile and browser will reloaded.
 
 ```
-D:\dev\typescript\source\ej2-sample-browser>gulp serve
+gulp serve
 ```
 
-
 **Access URLs:**
 
 Local URL is works only in your machine.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-samples",
-  "version": "19.1.54",
+  "version": "19.1.63",
   "description": "Samples for Syncfusion Essential JS 2",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",

src/common/index.ts

@@ -927,7 +927,6 @@ function loadTheme(theme: string): void {
         }
         (elasticlunr as any).clearStopWords();
         searchInstance = (elasticlunr as any).Index.load(searchJson);
-        // 
         hasher.initialized.add(parseHash);
         hasher.changed.add(parseHash);
         hasher.init();

src/file-manager/locale.json

@@ -80,6 +80,7 @@
             "Filter-Empty": "No results found",
             "Filter-Key": "Try with different filter",
             "Sub-Folder-Error": "The destination folder is the subfolder of the source folder.",
+            "Same-Folder-Error": "The destination folder is the same as the source folder.",
             "Access-Denied": "Access Denied",
             "Access-Details": "You don't have permission to access this folder.",
             "Header-Retry": "File Already Exists",
@@ -175,6 +176,7 @@
             "Filter-Empty": "keine Ergebnisse gefunden",
             "Filter-Key": "Versuchen Sie es mit einem anderen Filter",
             "Sub-Folder-Error": "Der Zielordner ist der Unterordner des Quellordners.",
+            "Same-Folder-Error": "Der Zielordner ist derselbe wie der Quellordner.",
             "Access-Denied": "Zugriff verweigert",
             "Access-Details": "Sie haben keine Berechtigung, auf diesen Ordner zuzugreifen.",
             "Header-Retry": "Die Datei existiert bereits",
@@ -270,6 +272,7 @@
             "Filter-Empty": "Aucun résultat trouvé",
             "Filter-Key": "Essayez avec un filtre différent",
             "Sub-Folder-Error": "Le dossier de destination est le sous-dossier du dossier source.",
+            "Same-Folder-Error": "Le dossier de destination est le même que le dossier source.",
             "Access-Denied": "Accès refusé",
             "Access-Details": "Vous n'avez pas la permission d'accéder à ce dossier.",
             "Header-Retry": "Le fichier existe déjà",
@@ -365,6 +368,7 @@
             "Filter-Empty": "لم يتم العثور على نتائج",
             "Filter-Key": "حاول مع مرشح مختلف",
             "Sub-Folder-Error": "المجلد الوجهة هو المجلد الفرعي للمجلد المصدر.",
+            "Same-Folder-Error": "المجلد الوجهة هو نفس المجلد المصدر.",
             "Access-Denied": "تم الرفض",
             "Access-Details": "ليس لديك إذن للوصول إلى هذا المجلد.",
             "Header-Retry": "الملف موجود بالفعل",
@@ -460,6 +464,7 @@
             "Filter-Empty": "未找到結果",
             "Filter-Key": "嘗試使用其他過濾器",
             "Sub-Folder-Error": "目标文件夹是源文件夹的子文件夹。",
+            "Same-Folder-Error": "目标文件夹与源文件夹相同。",
             "Access-Denied": "拒绝访问",
             "Access-Details": "您无权访问此文件夹。",
             "Header-Retry": "文件已存在",

src/tab/drag-and-drop.ts

@@ -3,7 +3,7 @@ import { loadCultureFiles } from '../common/culture-loader';
  *  Tab drag and drop sample
  */
 import { Tab, DragEventArgs, TreeView, DragAndDropEventArgs, SelectEventArgs, TabItemModel } from '@syncfusion/ej2-navigations';
-import { isNullOrUndefined, createElement, Browser } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, createElement } from '@syncfusion/ej2-base';
 import { Chart, LineSeries, Category } from '@syncfusion/ej2-charts';
 import { Schedule, Day, Week, WorkWeek, Month, Agenda } from '@syncfusion/ej2-schedule';
 import { Grid } from '@syncfusion/ej2-grids';
@@ -110,8 +110,8 @@ function renderComponents(): void {
         let dropElement: HTMLElement = <HTMLElement>args.target.closest('#draggableTab .e-toolbar-item');
         if (dropElement != null) {
             let tabElement: HTMLElement = document.querySelector('#draggableTab');
-            let itemPosition: number = (args.event.clientX < dropElement.getBoundingClientRect().left +
-                dropElement.offsetWidth / 2) ? 0 : 1;
+            let itemPosition: number = (((args.event.type.indexOf('touch') > -1) ? args.event.changedTouches[0].clientX
+                : args.event.clientX) < dropElement.getBoundingClientRect().left + dropElement.offsetWidth / 2) ? 0 : 1;
             let dropItemIndex: number = [].slice.call(tabElement.querySelectorAll('.e-toolbar-item')).indexOf(dropElement) + itemPosition;
             let tabContent: HTMLElement;
             let content: string = '';
@@ -182,13 +182,8 @@ function renderComponents(): void {
             }];
             tabObj.addTab(newTabItem, dropItemIndex);
             treeViewObj.removeNodes([args.draggedNode]);
-            args.cancel = true;
-        } else {
-            let dropNode: HTMLElement = <HTMLElement>args.target.closest('#ListView .e-list-item ');
-            if (!isNullOrUndefined(dropNode) && args.dropIndicator === 'e-drop-in') {
-                args.cancel = true;
-            }
         }
+        args.cancel = true;
     }
     function onNodeDrag(args: DragAndDropEventArgs): void {
         if (!isNullOrUndefined(args.target.closest('.tab-content'))) {
@@ -251,7 +246,6 @@ function renderChart(): void {
         primaryXAxis: {
             valueType: 'Category'
         },
-        width: Browser.isDevice ? '100%' : '60%',
         series: [{
             dataSource: chartData,
             xName: 'month',