@syncfusion/ej2-base 21.1.35 → 21.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.1.35
+*  version : 21.1.38
 *  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

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-base@*",
-  "_id": "@syncfusion/ej2-base@18.79.0",
+  "_id": "@syncfusion/ej2-base@21.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-tscdV4MB0wyzG130ayGHo3oa8Cv+baRLar8Ib/gHML/R4miBJmuI5w1obRWNRYWG9/tUtdnKeBAKf6XVNQfpXA==",
+  "_integrity": "sha512-rFVuRIMXme1Teep7oBQcfxkfBSfVmXLkm8LdMpIVNNc76sz08TnN2egtWnYvhwFRiw0aUIkkhKDy4rFfCGx7yg==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -19,41 +19,21 @@
   "_requiredBy": [
     "/",
     "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-barcode-generator",
     "/@syncfusion/ej2-angular-base",
-    "/@syncfusion/ej2-angular-buttons",
     "/@syncfusion/ej2-angular-calendars",
     "/@syncfusion/ej2-angular-charts",
     "/@syncfusion/ej2-angular-circulargauge",
-    "/@syncfusion/ej2-angular-diagrams",
     "/@syncfusion/ej2-angular-documenteditor",
     "/@syncfusion/ej2-angular-dropdowns",
-    "/@syncfusion/ej2-angular-filemanager",
     "/@syncfusion/ej2-angular-gantt",
     "/@syncfusion/ej2-angular-grids",
-    "/@syncfusion/ej2-angular-heatmap",
-    "/@syncfusion/ej2-angular-image-editor",
-    "/@syncfusion/ej2-angular-inplace-editor",
     "/@syncfusion/ej2-angular-inputs",
-    "/@syncfusion/ej2-angular-kanban",
-    "/@syncfusion/ej2-angular-layouts",
-    "/@syncfusion/ej2-angular-lineargauge",
-    "/@syncfusion/ej2-angular-lists",
     "/@syncfusion/ej2-angular-maps",
     "/@syncfusion/ej2-angular-navigations",
-    "/@syncfusion/ej2-angular-notifications",
     "/@syncfusion/ej2-angular-pdfviewer",
-    "/@syncfusion/ej2-angular-pivotview",
-    "/@syncfusion/ej2-angular-popups",
-    "/@syncfusion/ej2-angular-progressbar",
-    "/@syncfusion/ej2-angular-querybuilder",
-    "/@syncfusion/ej2-angular-ribbon",
-    "/@syncfusion/ej2-angular-richtexteditor",
     "/@syncfusion/ej2-angular-schedule",
-    "/@syncfusion/ej2-angular-splitbuttons",
     "/@syncfusion/ej2-angular-spreadsheet",
     "/@syncfusion/ej2-angular-treegrid",
-    "/@syncfusion/ej2-angular-treemap",
     "/@syncfusion/ej2-barcode-generator",
     "/@syncfusion/ej2-buttons",
     "/@syncfusion/ej2-calendars",
@@ -84,41 +64,21 @@
     "/@syncfusion/ej2-popups",
     "/@syncfusion/ej2-progressbar",
     "/@syncfusion/ej2-querybuilder",
-    "/@syncfusion/ej2-react-barcode-generator",
     "/@syncfusion/ej2-react-base",
-    "/@syncfusion/ej2-react-buttons",
     "/@syncfusion/ej2-react-calendars",
     "/@syncfusion/ej2-react-charts",
     "/@syncfusion/ej2-react-circulargauge",
-    "/@syncfusion/ej2-react-diagrams",
     "/@syncfusion/ej2-react-documenteditor",
     "/@syncfusion/ej2-react-dropdowns",
-    "/@syncfusion/ej2-react-filemanager",
     "/@syncfusion/ej2-react-gantt",
     "/@syncfusion/ej2-react-grids",
-    "/@syncfusion/ej2-react-heatmap",
-    "/@syncfusion/ej2-react-image-editor",
-    "/@syncfusion/ej2-react-inplace-editor",
     "/@syncfusion/ej2-react-inputs",
-    "/@syncfusion/ej2-react-kanban",
-    "/@syncfusion/ej2-react-layouts",
-    "/@syncfusion/ej2-react-lineargauge",
-    "/@syncfusion/ej2-react-lists",
     "/@syncfusion/ej2-react-maps",
     "/@syncfusion/ej2-react-navigations",
-    "/@syncfusion/ej2-react-notifications",
     "/@syncfusion/ej2-react-pdfviewer",
-    "/@syncfusion/ej2-react-pivotview",
-    "/@syncfusion/ej2-react-popups",
-    "/@syncfusion/ej2-react-progressbar",
-    "/@syncfusion/ej2-react-querybuilder",
-    "/@syncfusion/ej2-react-ribbon",
-    "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-react-schedule",
-    "/@syncfusion/ej2-react-splitbuttons",
     "/@syncfusion/ej2-react-spreadsheet",
     "/@syncfusion/ej2-react-treegrid",
-    "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-ribbon",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
@@ -127,44 +87,24 @@
     "/@syncfusion/ej2-svg-base",
     "/@syncfusion/ej2-treegrid",
     "/@syncfusion/ej2-treemap",
-    "/@syncfusion/ej2-vue-barcode-generator",
     "/@syncfusion/ej2-vue-base",
-    "/@syncfusion/ej2-vue-buttons",
     "/@syncfusion/ej2-vue-calendars",
     "/@syncfusion/ej2-vue-charts",
     "/@syncfusion/ej2-vue-circulargauge",
-    "/@syncfusion/ej2-vue-diagrams",
     "/@syncfusion/ej2-vue-documenteditor",
     "/@syncfusion/ej2-vue-dropdowns",
-    "/@syncfusion/ej2-vue-filemanager",
     "/@syncfusion/ej2-vue-gantt",
     "/@syncfusion/ej2-vue-grids",
-    "/@syncfusion/ej2-vue-heatmap",
-    "/@syncfusion/ej2-vue-image-editor",
-    "/@syncfusion/ej2-vue-inplace-editor",
     "/@syncfusion/ej2-vue-inputs",
-    "/@syncfusion/ej2-vue-kanban",
-    "/@syncfusion/ej2-vue-layouts",
-    "/@syncfusion/ej2-vue-lineargauge",
-    "/@syncfusion/ej2-vue-lists",
     "/@syncfusion/ej2-vue-maps",
     "/@syncfusion/ej2-vue-navigations",
-    "/@syncfusion/ej2-vue-notifications",
     "/@syncfusion/ej2-vue-pdfviewer",
-    "/@syncfusion/ej2-vue-pivotview",
-    "/@syncfusion/ej2-vue-popups",
-    "/@syncfusion/ej2-vue-progressbar",
-    "/@syncfusion/ej2-vue-querybuilder",
-    "/@syncfusion/ej2-vue-ribbon",
-    "/@syncfusion/ej2-vue-richtexteditor",
     "/@syncfusion/ej2-vue-schedule",
-    "/@syncfusion/ej2-vue-splitbuttons",
     "/@syncfusion/ej2-vue-spreadsheet",
-    "/@syncfusion/ej2-vue-treegrid",
-    "/@syncfusion/ej2-vue-treemap"
+    "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-base/-/ej2-base-18.79.0.tgz",
-  "_shasum": "af6c8be7fb95e27bfc58a84a7c44cb7a8960fa9b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-21.1.37.tgz",
+  "_shasum": "483b6b03314ab7def46b0165b2361a19a716f834",
   "_spec": "@syncfusion/ej2-base@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -178,7 +118,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~21.1.35"
+    "@syncfusion/ej2-icons": "~21.1.37"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -219,6 +159,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.1.35",
+  "version": "21.1.38",
   "sideEffects": true
 }

package/src/browser.d.ts

@@ -37,6 +37,12 @@ export declare class Browser {
      * @returns {string}
      */
     private static getTouchCancelEvent;
+    /**
+     * Check whether the browser on the iPad device is Safari or not
+     *
+     * @returns {boolean}
+     */
+    static isSafari(): boolean;
     /**
      * To get the value based on provided key and regX
      *

package/src/browser.js

@@ -113,6 +113,16 @@ var Browser = /** @class */ (function () {
     Browser.getTouchCancelEvent = function () {
         return Browser.getEvent('cancel');
     };
+    /**
+     * Check whether the browser on the iPad device is Safari or not
+     *
+     * @returns {boolean}
+     */
+    Browser.isSafari = function () {
+        return (Browser.isDevice && Browser.isIos && Browser.isTouch && typeof window !== 'undefined'
+            && window.navigator.userAgent.toLowerCase().indexOf('iphone') === -1
+            && window.navigator.userAgent.toLowerCase().indexOf('safari') > -1);
+    };
     /**
      * To get the value based on provided key and regX
      *

package/src/dom.js

@@ -164,9 +164,16 @@ export function prepend(fromElements, toElement, isEval) {
  */
 export function append(fromElements, toElement, isEval) {
     var docFrag = document.createDocumentFragment();
-    for (var _i = 0, _a = fromElements; _i < _a.length; _i++) {
-        var ele = _a[_i];
-        docFrag.appendChild(ele);
+    if (fromElements instanceof NodeList) {
+        while (fromElements.length > 0) {
+            docFrag.appendChild(fromElements[0]);
+        }
+    }
+    else {
+        for (var _i = 0, _a = fromElements; _i < _a.length; _i++) {
+            var ele = _a[_i];
+            docFrag.appendChild(ele);
+        }
     }
     toElement.appendChild(docFrag);
     if (isEval) {

package/src/draggable.js

@@ -103,10 +103,10 @@ var Draggable = /** @class */ (function (_super) {
         }
         var handler = (this.enableTapHold && Browser.isDevice && Browser.isTouch) ? this.mobileInitialize : this.initialize;
         if (isUnWire) {
-            EventHandler.remove(ele || this.element, Browser.touchStartEvent, handler);
+            EventHandler.remove(ele || this.element, Browser.isSafari() ? 'touchstart' : Browser.touchStartEvent, handler);
         }
         else {
-            EventHandler.add(ele || this.element, Browser.touchStartEvent, handler, this);
+            EventHandler.add(ele || this.element, Browser.isSafari() ? 'touchstart' : Browser.touchStartEvent, handler, this);
         }
     };
     /* istanbul ignore next */
@@ -118,14 +118,14 @@ var Draggable = /** @class */ (function (_super) {
             _this.removeTapholdTimer();
             _this.initialize(evt, target);
         }, this.tapHoldThreshold);
-        EventHandler.add(document, Browser.touchMoveEvent, this.removeTapholdTimer, this);
-        EventHandler.add(document, Browser.touchEndEvent, this.removeTapholdTimer, this);
+        EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.removeTapholdTimer, this);
+        EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.removeTapholdTimer, this);
     };
     /* istanbul ignore next */
     Draggable.prototype.removeTapholdTimer = function () {
         clearTimeout(this.tapHoldTimer);
-        EventHandler.remove(document, Browser.touchMoveEvent, this.removeTapholdTimer);
-        EventHandler.remove(document, Browser.touchEndEvent, this.removeTapholdTimer);
+        EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.removeTapholdTimer);
+        EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.removeTapholdTimer);
     };
     /* istanbul ignore next */
     Draggable.prototype.getScrollableParent = function (element, axis) {
@@ -217,15 +217,15 @@ var Draggable = /** @class */ (function (_super) {
             this.intDragStart(evt);
         }
         else {
-            EventHandler.add(document, Browser.touchMoveEvent, this.intDragStart, this);
-            EventHandler.add(document, Browser.touchEndEvent, this.intDestroy, this);
+            EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart, this);
+            EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy, this);
         }
         this.toggleEvents(true);
         if (evt.type !== 'touchstart' && this.isPreventSelect) {
             document.body.classList.add('e-prevent-select');
         }
         this.externalInitialize = false;
-        EventHandler.trigger(document.documentElement, Browser.touchStartEvent, evt);
+        EventHandler.trigger(document.documentElement, Browser.isSafari() ? 'touchstart' : Browser.touchStartEvent, evt);
     };
     Draggable.prototype.intDragStart = function (evt) {
         this.removeTapholdTimer();
@@ -317,8 +317,8 @@ var Draggable = /** @class */ (function (_super) {
             }
             this.dragElePosition = { top: pos.top, left: pos.left };
             setStyleAttribute(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top }));
-            EventHandler.remove(document, Browser.touchMoveEvent, this.intDragStart);
-            EventHandler.remove(document, Browser.touchEndEvent, this.intDestroy);
+            EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart);
+            EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy);
             if (!isBlazor()) {
                 this.bindDragEvents(dragTargetElement);
             }
@@ -326,8 +326,8 @@ var Draggable = /** @class */ (function (_super) {
     };
     Draggable.prototype.bindDragEvents = function (dragTargetElement) {
         if (isVisible(dragTargetElement)) {
-            EventHandler.add(document, Browser.touchMoveEvent, this.intDrag, this);
-            EventHandler.add(document, Browser.touchEndEvent, this.intDragStop, this);
+            EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDrag, this);
+            EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDragStop, this);
             this.setGlobalDroppables(false, this.element, dragTargetElement);
         }
         else {
@@ -664,10 +664,10 @@ var Draggable = /** @class */ (function (_super) {
         this.toggleEvents();
         document.body.classList.remove('e-prevent-select');
         this.element.setAttribute('aria-grabbed', 'false');
-        EventHandler.remove(document, Browser.touchMoveEvent, this.intDragStart);
-        EventHandler.remove(document, Browser.touchEndEvent, this.intDragStop);
-        EventHandler.remove(document, Browser.touchEndEvent, this.intDestroy);
-        EventHandler.remove(document, Browser.touchMoveEvent, this.intDrag);
+        EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart);
+        EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDragStop);
+        EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy);
+        EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDrag);
         if (this.isDragStarted()) {
             this.isDragStarted(true);
         }
@@ -769,7 +769,7 @@ var Draggable = /** @class */ (function (_super) {
             pageX = this.clone ? intCoord.pageX : (intCoord.pageX + window.pageXOffset) - this.relativeXPosition;
             pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
         }
-        if (this.element && this.element.classList.length > 0 && this.element.classList.value.indexOf("e-dialog") === -1 && document.scrollingElement) {
+        if (!this.element.classList.contains("e-dialog") && !this.element.classList.contains("e-card") && document.scrollingElement) {
             var isVerticalScroll = document.scrollingElement.scrollHeight > 0 && document.scrollingElement.scrollHeight > document.scrollingElement.clientHeight && document.scrollingElement.scrollTop > 0;
             var isHorrizontalScroll = document.scrollingElement.scrollWidth > 0 && document.scrollingElement.scrollWidth > document.scrollingElement.clientWidth && document.scrollingElement.scrollLeft > 0;
             pageX = isHorrizontalScroll ? pageX - document.scrollingElement.scrollLeft : pageX;

package/src/droppable.js

@@ -52,7 +52,7 @@ var Droppable = /** @class */ (function (_super) {
         this.wireEvents();
     };
     Droppable.prototype.wireEvents = function () {
-        EventHandler.add(this.element, Browser.touchEndEvent, this.intDrop, this);
+        EventHandler.add(this.element, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDrop, this);
     };
     // triggers when property changed
     // eslint-disable-next-line
@@ -114,7 +114,7 @@ var Droppable = /** @class */ (function (_super) {
         return area;
     };
     Droppable.prototype.destroy = function () {
-        EventHandler.remove(this.element, Browser.touchEndEvent, this.intDrop);
+        EventHandler.remove(this.element, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDrop);
         _super.prototype.destroy.call(this);
     };
     __decorate([