@syncfusion/ej2-base 21.1.35 → 21.1.38

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

@@ -4277,6 +4277,16 @@ var Browser = /** @__PURE__ @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
      *
@@ -4838,9 +4848,16 @@ function prepend(fromElements, toElement, isEval) {
  */
 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) {
@@ -7610,10 +7627,10 @@ var Draggable = /** @__PURE__ @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 */
@@ -7625,14 +7642,14 @@ var Draggable = /** @__PURE__ @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) {
@@ -7724,15 +7741,15 @@ var Draggable = /** @__PURE__ @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();
@@ -7824,8 +7841,8 @@ var Draggable = /** @__PURE__ @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);
             }
@@ -7833,8 +7850,8 @@ var Draggable = /** @__PURE__ @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 {
@@ -8171,10 +8188,10 @@ var Draggable = /** @__PURE__ @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);
         }
@@ -8276,7 +8293,7 @@ var Draggable = /** @__PURE__ @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;
@@ -8473,7 +8490,7 @@ var Droppable = /** @__PURE__ @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
@@ -8535,7 +8552,7 @@ var Droppable = /** @__PURE__ @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$3([