@syncfusion/ej2-base 19.3.56 → 19.4.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.56
+*  version : 19.4.48
 *  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@19.3.54",
+  "_id": "@syncfusion/ej2-base@19.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-HACy2pHy+sT9CDrrKOR76hXLeI6kmuH8g8QZTHPTru+g3RBF3Tk2R4vw+QglaXAsXldlVMpXWN5YifXMPOfC+Q==",
+  "_integrity": "sha512-5sUnTFrcn0b0iV+QptrmAC8rLqhp128hAJL46jKHHNSww18bBBeyKT6Z0pEPHCtmRd3AgCkttZwFkCzc+J3T+w==",
   "_location": "/@syncfusion/ej2-base",
   "_phantomChildren": {},
   "_requested": {
@@ -19,17 +19,39 @@
   "_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-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-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",
@@ -59,17 +81,39 @@
     "/@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-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-richtexteditor",
+    "/@syncfusion/ej2-react-schedule",
+    "/@syncfusion/ej2-react-splitbuttons",
     "/@syncfusion/ej2-react-spreadsheet",
+    "/@syncfusion/ej2-react-treegrid",
+    "/@syncfusion/ej2-react-treemap",
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-splitbuttons",
@@ -77,20 +121,42 @@
     "/@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-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-spreadsheet"
+    "/@syncfusion/ej2-vue-pivotview",
+    "/@syncfusion/ej2-vue-popups",
+    "/@syncfusion/ej2-vue-progressbar",
+    "/@syncfusion/ej2-vue-querybuilder",
+    "/@syncfusion/ej2-vue-richtexteditor",
+    "/@syncfusion/ej2-vue-schedule",
+    "/@syncfusion/ej2-vue-splitbuttons",
+    "/@syncfusion/ej2-vue-spreadsheet",
+    "/@syncfusion/ej2-vue-treegrid",
+    "/@syncfusion/ej2-vue-treemap"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-19.3.54.tgz",
-  "_shasum": "b43abbe0c8859097f8196f436c0caa28acba521f",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-19.4.42.tgz",
+  "_shasum": "3673e43b227409ef85f396ec756b7f9b0654ee29",
   "_spec": "@syncfusion/ej2-base@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -101,7 +167,7 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-icons": "~19.3.53"
+    "@syncfusion/ej2-icons": "~19.4.48"
   },
   "deprecated": false,
   "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
@@ -142,6 +208,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.56",
+  "version": "19.4.48",
   "sideEffects": true
 }

package/src/animation.js

@@ -271,7 +271,7 @@ export { Animation };
 export function rippleEffect(element, rippleOptions, done) {
     var rippleModel = getRippleModel(rippleOptions);
     if (rippleModel.rippleFlag === false || (rippleModel.rippleFlag === undefined && !isRippleEnabled)) {
-        return Function;
+        return (function () { });
     }
     element.setAttribute('data-ripple', 'true');
     EventHandler.add(element, 'mousedown', rippleHandler, { parent: element, rippleOptions: rippleModel });

package/src/component.d.ts

@@ -172,6 +172,7 @@ export declare abstract class Component<ElementType extends HTMLElement> extends
     private detectFunction;
     private mergePersistData;
     private setPersistData;
+    protected appendReactElement(element: any, container: HTMLElement): void;
     protected renderReactTemplates(): void;
     protected clearTemplate(templateName?: string[], index?: any): void;
     private getUniqueID;

package/src/component.js

@@ -358,6 +358,11 @@ var Component = /** @class */ (function (_super) {
         }
     };
     //tslint:disable-next-line
+    Component.prototype.appendReactElement = function (element, container) {
+        //No Code
+    };
+    ;
+    //tslint:disable-next-line
     Component.prototype.renderReactTemplates = function () {
         //No Code
     };

package/src/draggable-model.d.ts

@@ -58,6 +58,7 @@ export interface DraggableModel {
 
     /**
      * Specifies the callback function for drag event.
+
      * @event
      */
     drag?: Function;

package/src/draggable.d.ts

@@ -189,6 +189,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     isPreventSelect: boolean;
     /**
      * Specifies the callback function for drag event.
+
      * @event
      */
     drag: Function;
@@ -273,8 +274,8 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
      */
     tapHoldThreshold: number;
     /**
-     * @private
-     */
+    * @private
+    */
     enableScrollHandler: boolean;
     private target;
     /**
@@ -298,6 +299,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     private prevLeft;
     private prevTop;
     private dragProcessStarted;
+    private eleTop;
     private tapHoldTimer;
     private dragElePosition;
     currentStateTarget: any;

package/src/draggable.js

@@ -75,6 +75,7 @@ var Draggable = /** @class */ (function (_super) {
         _this.prevTop = 0;
         _this.dragProcessStarted = false;
         /* tslint:disable no-any */
+        _this.eleTop = 0;
         _this.tapHoldTimer = 0;
         _this.externalInitialize = false;
         _this.diffY = 0;
@@ -298,6 +299,11 @@ var Draggable = /** @class */ (function (_super) {
             if (this.clone && marginTop !== 0) {
                 pos.top += marginTop;
             }
+            this.eleTop = !isNaN(parseFloat(styles.top)) ? parseFloat(styles.top) - this.offset.top : 0;
+            /* istanbul ignore next */
+            // if (this.eleTop > 0) {
+            //     pos.top += this.eleTop;
+            // }
             if (this.enableScrollHandler && !this.clone) {
                 pos.top -= this.parentScrollY;
                 pos.left -= this.parentScrollX;
@@ -409,7 +415,6 @@ var Draggable = /** @class */ (function (_super) {
         var dLeft = this.position.left - this.diffX;
         var dTop = this.position.top - this.diffY;
         var styles = getComputedStyle(helperElement);
-        var marginTop = parseFloat(styles.marginTop);
         if (this.dragArea) {
             if (this.pageX !== pagex || this.skipDistanceCheck) {
                 var helperWidth = helperElement.offsetWidth + (parseFloat(styles.marginLeft)
@@ -458,41 +463,46 @@ var Draggable = /** @class */ (function (_super) {
             this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
             draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - iTop);
             draEleLeft = (left - iLeft) < 0 ? this.dragElePosition.left : (left - iLeft);
-            // when drag-element has margin-top
-            /* istanbul ignore next */
-            if (marginTop > 0) {
-                if (this.clone) {
-                    draEleTop += this.element.offsetTop;
-                    if (dTop < 0) {
-                        if ((this.element.offsetTop + dTop) >= 0) {
-                            draEleTop = this.element.offsetTop + dTop;
-                        }
-                        else {
-                            draEleTop -= this.element.offsetTop;
-                        }
+        }
+        else {
+            draEleTop = top - iTop;
+            draEleLeft = left - iLeft;
+        }
+        var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
+        // when drag-element has margin-top
+        /* istanbul ignore next */
+        if (marginTop > 0) {
+            if (this.clone) {
+                draEleTop += marginTop;
+                if (dTop < 0) {
+                    if ((marginTop + dTop) >= 0) {
+                        draEleTop = marginTop + dTop;
+                    }
+                    else {
+                        draEleTop -= marginTop;
                     }
-                    draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
                 }
-                if ((top - iTop) < 0) {
-                    if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
-                        var tempDraEleTop = this.dragLimit.top + dTop - iTop;
-                        if ((tempDraEleTop + marginTop + iTop) < 0) {
-                            draEleTop -= marginTop + iTop;
-                        }
-                        else {
-                            draEleTop = tempDraEleTop;
-                        }
+                draEleTop = (this.dragLimit.bottom < draEleTop) ? this.dragLimit.bottom : draEleTop;
+            }
+            if ((top - iTop) < 0) {
+                if (dTop + marginTop + (helperElement.offsetHeight - iTop) >= 0) {
+                    var tempDraEleTop = this.dragLimit.top + dTop - iTop;
+                    if ((tempDraEleTop + marginTop + iTop) < 0) {
+                        draEleTop -= marginTop + iTop;
                     }
                     else {
-                        draEleTop -= marginTop + iTop;
+                        draEleTop = tempDraEleTop;
                     }
                 }
+                else {
+                    draEleTop -= marginTop + iTop;
+                }
             }
         }
-        else {
-            draEleTop = top - iTop;
-            draEleLeft = left - iLeft;
-        }
+        /* istanbul ignore next */
+        // if(this.eleTop > 0) {
+        //      draEleTop += this.eleTop;
+        // }
         if (this.enableScrollHandler && !this.clone) {
             draEleTop -= this.parentScrollY;
             draEleLeft -= this.parentScrollX;
@@ -665,11 +675,6 @@ 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.clone && this.dragArea && !isdragscroll) {
-            this.getScrollableValues();
-            pageY -= this.tempScrollHeight ? this.parentScrollY : 0;
-            pageX -= this.tempScrollWidth ? this.parentScrollX : 0;
-        }
         return {
             left: pageX - (this.margin.left + this.cursorAt.left),
             top: pageY - (this.margin.top + this.cursorAt.top)

package/src/intl/intl-base.js

@@ -1177,7 +1177,7 @@ export var IntlBase;
         }
         iCulture = iCulture.slice(0, 2).toUpperCase() + iCulture.substr(2);
         if (mapper) {
-            firstDay = mapper[iCulture] || defaultFirstDay;
+            firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
         }
         return firstDayMapper[firstDay];
     }

package/styles/_fluent-dark-definition.scss

@@ -0,0 +1,10 @@
+@import 'common/mixin.scss';
+@import 'definition/fluent-dark.scss';
+
+$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $orange20 !default;
+$success-font-color: $green20 !default;
+$information-font-color: $white !default;

package/styles/_fluent-definition.scss

@@ -0,0 +1,10 @@
+@import 'common/mixin.scss';
+@import 'definition/fluent.scss';
+
+$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
+$font-size: 12px !default;
+$font-weight: 400 !default;
+$error-font-color: $danger !default;
+$warning-font-color: $orange20 !default;
+$success-font-color: $green20 !default;
+$information-font-color: $white !default;