@syncfusion/ej2-base 20.2.39 → 20.2.46

package/dist/global/index.d.ts

@@ -1,3 +1,12 @@
+/*!
+*  filename: index.d.ts
+*  version : 20.2.46
+*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 import * as _base from '@syncfusion/ej2-base';
 
 export declare namespace ej {

package/package.json

@@ -1,5 +1,113 @@
 {
-
+  "_from": "@syncfusion/ej2-base@*",
+  "_id": "@syncfusion/ej2-base@20.2.45",
+  "_inBundle": false,
+  "_integrity": "sha512-GMWZu+hJGp8jAwK0UpA48jh/9VYQFollik7WYKm0Cd5JboD4lT6aX833hOXRPKSg9dMgCE1KyOlrvkhkbTf89g==",
+  "_location": "/@syncfusion/ej2-base",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-base@*",
+    "name": "@syncfusion/ej2-base",
+    "escapedName": "@syncfusion%2fej2-base",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/",
+    "/@syncfusion/ej2",
+    "/@syncfusion/ej2-angular-base",
+    "/@syncfusion/ej2-angular-buttons",
+    "/@syncfusion/ej2-angular-calendars",
+    "/@syncfusion/ej2-angular-charts",
+    "/@syncfusion/ej2-angular-documenteditor",
+    "/@syncfusion/ej2-angular-dropdowns",
+    "/@syncfusion/ej2-angular-gantt",
+    "/@syncfusion/ej2-angular-grids",
+    "/@syncfusion/ej2-angular-layouts",
+    "/@syncfusion/ej2-angular-lists",
+    "/@syncfusion/ej2-angular-navigations",
+    "/@syncfusion/ej2-angular-pdfviewer",
+    "/@syncfusion/ej2-angular-querybuilder",
+    "/@syncfusion/ej2-angular-richtexteditor",
+    "/@syncfusion/ej2-angular-spreadsheet",
+    "/@syncfusion/ej2-angular-treegrid",
+    "/@syncfusion/ej2-barcode-generator",
+    "/@syncfusion/ej2-buttons",
+    "/@syncfusion/ej2-calendars",
+    "/@syncfusion/ej2-charts",
+    "/@syncfusion/ej2-circulargauge",
+    "/@syncfusion/ej2-data",
+    "/@syncfusion/ej2-diagrams",
+    "/@syncfusion/ej2-documenteditor",
+    "/@syncfusion/ej2-drawings",
+    "/@syncfusion/ej2-dropdowns",
+    "/@syncfusion/ej2-excel-export",
+    "/@syncfusion/ej2-filemanager",
+    "/@syncfusion/ej2-gantt",
+    "/@syncfusion/ej2-grids",
+    "/@syncfusion/ej2-heatmap",
+    "/@syncfusion/ej2-inplace-editor",
+    "/@syncfusion/ej2-inputs",
+    "/@syncfusion/ej2-kanban",
+    "/@syncfusion/ej2-layouts",
+    "/@syncfusion/ej2-lineargauge",
+    "/@syncfusion/ej2-lists",
+    "/@syncfusion/ej2-maps",
+    "/@syncfusion/ej2-navigations",
+    "/@syncfusion/ej2-notifications",
+    "/@syncfusion/ej2-pdfviewer",
+    "/@syncfusion/ej2-pivotview",
+    "/@syncfusion/ej2-popups",
+    "/@syncfusion/ej2-progressbar",
+    "/@syncfusion/ej2-querybuilder",
+    "/@syncfusion/ej2-react-base",
+    "/@syncfusion/ej2-react-buttons",
+    "/@syncfusion/ej2-react-calendars",
+    "/@syncfusion/ej2-react-charts",
+    "/@syncfusion/ej2-react-documenteditor",
+    "/@syncfusion/ej2-react-dropdowns",
+    "/@syncfusion/ej2-react-gantt",
+    "/@syncfusion/ej2-react-grids",
+    "/@syncfusion/ej2-react-layouts",
+    "/@syncfusion/ej2-react-lists",
+    "/@syncfusion/ej2-react-navigations",
+    "/@syncfusion/ej2-react-pdfviewer",
+    "/@syncfusion/ej2-react-querybuilder",
+    "/@syncfusion/ej2-react-richtexteditor",
+    "/@syncfusion/ej2-react-spreadsheet",
+    "/@syncfusion/ej2-react-treegrid",
+    "/@syncfusion/ej2-richtexteditor",
+    "/@syncfusion/ej2-schedule",
+    "/@syncfusion/ej2-splitbuttons",
+    "/@syncfusion/ej2-spreadsheet",
+    "/@syncfusion/ej2-svg-base",
+    "/@syncfusion/ej2-treegrid",
+    "/@syncfusion/ej2-treemap",
+    "/@syncfusion/ej2-vue-base",
+    "/@syncfusion/ej2-vue-buttons",
+    "/@syncfusion/ej2-vue-calendars",
+    "/@syncfusion/ej2-vue-charts",
+    "/@syncfusion/ej2-vue-documenteditor",
+    "/@syncfusion/ej2-vue-dropdowns",
+    "/@syncfusion/ej2-vue-gantt",
+    "/@syncfusion/ej2-vue-grids",
+    "/@syncfusion/ej2-vue-layouts",
+    "/@syncfusion/ej2-vue-lists",
+    "/@syncfusion/ej2-vue-navigations",
+    "/@syncfusion/ej2-vue-pdfviewer",
+    "/@syncfusion/ej2-vue-querybuilder",
+    "/@syncfusion/ej2-vue-richtexteditor",
+    "/@syncfusion/ej2-vue-spreadsheet",
+    "/@syncfusion/ej2-vue-treegrid"
+  ],
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-20.2.45.tgz",
+  "_shasum": "f93ffc0e86cc3ce39af32b62422e123cd72b2e1c",
+  "_spec": "@syncfusion/ej2-base@*",
+  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -11,7 +119,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~20.2.38"
+    "@syncfusion/ej2-icons": "~20.2.45"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -51,7 +159,7 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
-  "sideEffects": true,
   "typings": "index.d.ts",
-  "version": "20.2.39"
-}
+  "version": "20.2.46",
+  "sideEffects": true
+}

package/src/draggable.js

@@ -233,9 +233,6 @@ var Draggable = /** @class */ (function (_super) {
         if (isChangeTouch && (evt.changedTouches.length !== 1)) {
             return;
         }
-        if (isChangeTouch) {
-            evt.preventDefault();
-        }
         var intCordinate = this.getCoordinates(evt);
         var pos;
         var styleProp = getComputedStyle(this.element);
@@ -266,6 +263,9 @@ var Draggable = /** @class */ (function (_super) {
             if (!ele || isNullOrUndefined(ele)) {
                 return;
             }
+            if (isChangeTouch) {
+                evt.preventDefault();
+            }
             var dragTargetElement = this.helperElement = ele;
             this.parentClientRect = this.calculateParentPosition(dragTargetElement.offsetParent);
             if (this.dragStart) {

package/src/validate-lic.d.ts

@@ -1,5 +1,6 @@
 /**
  * To set license key.
+ *
  * @param {string} key - license key
  */
 export declare function registerLicense(key: string): void;

package/src/validate-lic.js

@@ -16,19 +16,19 @@ var LicenseValidator = /** @class */ (function () {
             noLicense: 'This application was built using a trial version of Syncfusion Essential Studio.' +
                 ' Please include a valid license to permanently remove this license validation message.' +
                 ' You can also obtain a free 30 day evaluation license to temporarily remove this message ' +
-                'during the evaluation period. Please refer to this <a style="color:yellow;text-decoration:none;"' +
+                'during the evaluation period. Please refer to this <a class="e-license"' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing">help topic</a> for more information.',
             trailExpired: 'Your Syncfusion trial license has expired. Please refer to this ' +
-                '<a style="color:yellow;text-decoration:none;"' +
+                '<a class="e-license"' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing/licensing-errors#trial-expired">help topic</a> for more information.',
             versionMismatched: 'The included Syncfusion license (v##LicenseVersion) is invalid for version ' +
-                '##Requireversion. Please refer to this <a style="color:yellow;text-decoration:none;" ' +
+                '##Requireversion. Please refer to this <a class="e-license" ' +
                 'href="https://help.syncfusion.com/es/licensing/version-mismatch/">help topic</a> for more information.',
             platformMismatched: 'The included Syncfusion license is invalid (Platform mismatch). Please refer' +
-                ' to this <a style="color:yellow;text-decoration:none;" ' +
+                ' to this <a class="e-license" ' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing/licensing-errors#platform-mismatch">help topic</a> for more information.',
             invalidKey: 'The included Syncfusion license is invalid. Please refer to this ' +
-                '<a style="color:yellow;text-decoration:none;" ' +
+                '<a class="e-license" ' +
                 'href="https://help.syncfusion.com/common/essential-studio/licensing/licensing-errors#invalid-key">help topic</a> for more information.'
         };
         /**
@@ -47,7 +47,7 @@ var LicenseValidator = /** @class */ (function () {
          * To manage npx licensing operation.
          */
         this.npxManager = (function () {
-            var npxLicKey = "npxKeyReplace";
+            var npxLicKey = 'npxKeyReplace';
             function get() { return npxLicKey; }
             return {
                 getKey: get
@@ -57,11 +57,11 @@ var LicenseValidator = /** @class */ (function () {
     }
     /**
      * To validate the provided license key.
-     */
+    */
     LicenseValidator.prototype.validate = function () {
         if (!this.isValidated && (containerObject && !getValue(convertToChar(bypassKey), containerObject) && !getValue('Blazor', containerObject))) {
             var validateMsg = void 0;
-            if ((this.manager && this.manager.getKey()) || (this.npxManager && this.npxManager.getKey() != 'npxKeyReplace')) {
+            if ((this.manager && this.manager.getKey()) || (this.npxManager && this.npxManager.getKey() !== 'npxKeyReplace')) {
                 var result = this.getInfoFromKey();
                 if (result && result.length) {
                     for (var _i = 0, result_1 = result; _i < result_1.length; _i++) {
@@ -93,11 +93,10 @@ var LicenseValidator = /** @class */ (function () {
             else {
                 validateMsg = this.errors.noLicense;
             }
-            if (validateMsg && typeof document !== "undefined" && !isNullOrUndefined(document)) {
+            if (validateMsg && typeof document !== 'undefined' && !isNullOrUndefined(document)) {
                 var errorDiv = createElement('div', {
                     innerHTML: validateMsg +
-                        '<span style="position:absolute;right: 10px;top:27%;cursor:pointer;"' +
-                        'onClick=this.parentElement.remove();>' +
+                        '<span id="license-banner-error" class=".e-license-banner">' +
                         '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">' +
                         '<line x1="5" y1="5" x2="15" y2="15" stroke="yellow" stroke-width="2.5" ' +
                         'stroke-miterlimit="10" stroke-linecap="round"></line><line x1="15" y1="5" ' +
@@ -109,6 +108,9 @@ var LicenseValidator = /** @class */ (function () {
                 });
                 errorDiv.setAttribute('id', 'js-licensing');
                 document.body.appendChild(errorDiv);
+                document.getElementById('license-banner-error').addEventListener('click', function () {
+                    document.getElementById('js-licensing').remove();
+                });
             }
             this.isValidated = true;
             setValue(convertToChar(bypassKey), this.isValidated, containerObject);
@@ -208,6 +210,7 @@ function convertToChar(cArr) {
 }
 /**
  * To set license key.
+ *
  * @param {string} key - license key
  */
 export function registerLicense(key) {

package/styles/bootstrap-dark.css

@@ -2098,6 +2098,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/bootstrap.css

@@ -2098,6 +2098,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/bootstrap4.css

@@ -1750,6 +1750,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/bootstrap5-dark.css

@@ -1324,6 +1324,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/bootstrap5.css

@@ -1324,6 +1324,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/common/_core.scss

@@ -11,6 +11,7 @@
   $background: #e82824;
 
   $warning: #ffd800;
+  $yellow:  rgb(255, 255, 0);
 
   .e-error {
     color: $error-font-color;
@@ -83,4 +84,17 @@
   .e-block-touch {
     touch-action: pinch-zoom;
   }
+
+  .e-license {
+    color: $yellow;
+    text-decoration: none;
+  }
+
+  .e-license-banner {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 27%;
+  }
+
 }

package/styles/fabric-dark.css

@@ -2080,6 +2080,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/fabric.css

@@ -2080,6 +2080,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/fluent-dark.css

@@ -1324,6 +1324,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/fluent.css

@@ -1324,6 +1324,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/highcontrast-light.css

@@ -2068,6 +2068,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/highcontrast.css

@@ -2068,6 +2068,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/material-dark.css

@@ -2051,6 +2051,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/material.css

@@ -2051,6 +2051,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/tailwind-dark.css

@@ -1325,6 +1325,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {

package/styles/tailwind.css

@@ -1325,6 +1325,18 @@
       touch-action: pinch-zoom;
 }
 
+.e-license {
+  color: rgb(255, 255, 0);
+  text-decoration: none;
+}
+
+.e-license-banner {
+  cursor: pointer;
+  position: absolute;
+  right: 10px;
+  top: 27%;
+}
+
 /*! animation keyframes */
 @keyframes SlideLeftOut {
   from {