@syncfusion/ej2-base 20.1.56 → 20.1.58-106983

package/src/draggable-model.d.ts

@@ -29,7 +29,8 @@ export interface DraggableModel {
     cursorAt?: PositionModel;
 
     /**
-     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element. 
+     * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
+     *
      * @default true
      */
     clone?: boolean;
@@ -46,37 +47,42 @@ export interface DraggableModel {
 
     /**
      * Defines wheather need to replace drag element by currentstateTarget.
+     *
      * @private
      */
     isReplaceDragEle?: boolean;
 
     /**
      * Defines wheather need to add prevent select class to body or not.
+     *
      * @private
      */
     isPreventSelect?: boolean;
 
     /**
      * Specifies the callback function for drag event.
-
-     * @event
+     *
+     * @event drag
      */
     drag?: Function;
 
     /**
      * Specifies the callback function for dragStart event.
-     * @event
+     *
+     * @event dragStart
      */
     dragStart?: Function;
 
     /**
      * Specifies the callback function for dragStop event.
-     * @event
+     *
+     * @event dragStop
      */
     dragStop?: Function;
 
     /**
      * Defines the minimum distance draggable element to be moved to trigger the drag operation.
+     *
      * @default 1
      */
     distance?: number;
@@ -97,38 +103,42 @@ export interface DraggableModel {
     helper?: Function;
 
     /**
-     * Defines the scope value to group sets of draggable and droppable items. 
+     * Defines the scope value to group sets of draggable and droppable items.
      * A draggable with the same scope value will be accepted by the droppable.
      */
     scope?: string;
 
     /**
      * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
+     *
      * @private
      */
     dragTarget?: string;
 
     /**
-     * Defines the axis to limit the draggable element drag path.The possible axis path values are   
-     * * `x` - Allows drag movement in horizontal direction only. 
+     * Defines the axis to limit the draggable element drag path.The possible axis path values are
+     * * `x` - Allows drag movement in horizontal direction only.
      * * `y` - Allows drag movement in vertical direction only.
      */
     axis?: DragDirection;
 
     /**
      * Defines the function to change the position value.
+     *
      * @private
      */
     queryPositionInfo?: Function;
 
     /**
      * Defines whether the drag clone element will be split form the cursor pointer.
+     *
      * @private
      */
     enableTailMode?: boolean;
 
     /**
      * Defines whether to skip the previous drag movement comparison.
+     *
      * @private
      */
     skipDistanceCheck?: boolean;
@@ -141,6 +151,7 @@ export interface DraggableModel {
     /**
      * Defines whether to enable autoscroll on drag movement of draggable element.
      * enableAutoScroll
+     *
      * @private
      */
     enableAutoScroll?: boolean;
@@ -148,12 +159,14 @@ export interface DraggableModel {
     /**
      * Defines whether to enable taphold  on mobile devices.
      * enableAutoScroll
+     *
      * @private
      */
     enableTapHold?: boolean;
 
     /**
      * Specifies the time delay for tap hold.
+     *
      * @default 750
      *  @private
      */

package/src/draggable.d.ts

@@ -25,6 +25,7 @@ interface PageInfo {
 }
 /**
  * Coordinates for element position
+ *
  * @private
  */
 export interface Coordinates {
@@ -68,6 +69,7 @@ export interface DropObject {
 }
 /**
  * Used to access values
+ *
  * @private
  */
 export interface DragPosition {
@@ -76,6 +78,7 @@ export interface DragPosition {
 }
 /**
  * Used for accessing the interface.
+ *
  * @private
  */
 export interface Instance extends HTMLElement {
@@ -88,6 +91,7 @@ export interface Instance extends HTMLElement {
 }
 /**
  * Droppable function to be invoked from draggable
+ *
  * @private
  */
 export interface DropOption {
@@ -128,9 +132,14 @@ export interface DragEventArgs {
      * Specifies the current target element.
      */
     target?: HTMLElement;
+    /**
+     * 'true' if the drag or drop action is to be prevented; otherwise false.
+     */
+    cancel?: boolean;
 }
 /**
  * Used for accessing the BlazorEventArgs.
+ *
  * @private
  */
 export interface BlazorDragEventArgs {
@@ -166,6 +175,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     cursorAt: PositionModel;
     /**
      * If `clone` set to true, drag operations are performed in duplicate element of the draggable element.
+     *
      * @default true
      */
     clone: boolean;
@@ -179,32 +189,37 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     isDragScroll: boolean;
     /**
      * Defines wheather need to replace drag element by currentstateTarget.
+     *
      * @private
      */
     isReplaceDragEle: boolean;
     /**
      * Defines wheather need to add prevent select class to body or not.
+     *
      * @private
      */
     isPreventSelect: boolean;
     /**
      * Specifies the callback function for drag event.
-
-     * @event
+     *
+     * @event drag
      */
     drag: Function;
     /**
      * Specifies the callback function for dragStart event.
-     * @event
+     *
+     * @event dragStart
      */
     dragStart: Function;
     /**
      * Specifies the callback function for dragStop event.
-     * @event
+     *
+     * @event dragStop
      */
     dragStop: Function;
     /**
      * Defines the minimum distance draggable element to be moved to trigger the drag operation.
+     *
      * @default 1
      */
     distance: number;
@@ -227,6 +242,7 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     scope: string;
     /**
      * Specifies the dragTarget by which the clone element is positioned if not given current context element will be considered.
+     *
      * @private
      */
     dragTarget: string;
@@ -238,16 +254,19 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     axis: DragDirection;
     /**
      * Defines the function to change the position value.
+     *
      * @private
      */
     queryPositionInfo: Function;
     /**
      * Defines whether the drag clone element will be split form the cursor pointer.
+     *
      * @private
      */
     enableTailMode: boolean;
     /**
      * Defines whether to skip the previous drag movement comparison.
+     *
      * @private
      */
     skipDistanceCheck: boolean;
@@ -258,24 +277,27 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     /**
      * Defines whether to enable autoscroll on drag movement of draggable element.
      * enableAutoScroll
+     *
      * @private
      */
     enableAutoScroll: boolean;
     /**
      * Defines whether to enable taphold  on mobile devices.
      * enableAutoScroll
+     *
      * @private
      */
     enableTapHold: boolean;
     /**
      * Specifies the time delay for tap hold.
+     *
      * @default 750
      *  @private
      */
     tapHoldThreshold: number;
     /**
-    * @private
-    */
+     * @private
+     */
     enableScrollHandler: boolean;
     private target;
     /**
@@ -331,6 +353,9 @@ export declare class Draggable extends Base<HTMLElement> implements INotifyPrope
     private getProcessedPositionValue;
     private calculateParentPosition;
     private intDrag;
+    private getScrollParent;
+    private getScrollPosition;
+    private getPathElements;
     private triggerOutFunction;
     private getDragPosition;
     private getDocumentWidthHeight;

package/src/draggable.js

@@ -74,8 +74,8 @@ var Draggable = /** @class */ (function (_super) {
         _this.prevLeft = 0;
         _this.prevTop = 0;
         _this.dragProcessStarted = false;
-        /* tslint:disable no-any */
         _this.eleTop = 0;
+        /* eslint-disable @typescript-eslint/no-explicit-any */
         _this.tapHoldTimer = 0;
         _this.externalInitialize = false;
         _this.diffY = 0;
@@ -134,7 +134,7 @@ var Draggable = /** @class */ (function (_super) {
         if (isNullOrUndefined(element)) {
             return null;
         }
-        if (element[scroll[axis]] > element[client[axis]]) {
+        if (element[scroll["" + axis]] > element[client["" + axis]]) {
             if (axis === 'vertical' ? element.scrollTop > 0 : element.scrollLeft > 0) {
                 if (axis === 'vertical') {
                     this.parentScrollY = this.parentScrollY +
@@ -186,7 +186,7 @@ var Draggable = /** @class */ (function (_super) {
                 abortSelectors = [abortSelectors];
             }
             for (var i = 0; i < abortSelectors.length; i++) {
-                if (!isNullOrUndefined(closest(evt.target, abortSelectors[i]))) {
+                if (!isNullOrUndefined(closest(evt.target, abortSelectors[parseInt(i.toString(), 10)]))) {
                     /* istanbul ignore next */
                     if (this.isDragStarted()) {
                         this.isDragStarted(true);
@@ -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);
@@ -243,7 +240,7 @@ var Draggable = /** @class */ (function (_super) {
             left: parseInt(styleProp.marginLeft, 10),
             top: parseInt(styleProp.marginTop, 10),
             right: parseInt(styleProp.marginRight, 10),
-            bottom: parseInt(styleProp.marginBottom, 10),
+            bottom: parseInt(styleProp.marginBottom, 10)
         };
         var element = this.element;
         if (this.clone && this.dragTarget) {
@@ -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) {
@@ -312,6 +312,9 @@ var Draggable = /** @class */ (function (_super) {
                 top: (pos.top - this.diffY) + 'px',
                 left: (pos.left - this.diffX) + 'px'
             });
+            if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
+                pos.top += this.dragArea.scrollTop;
+            }
             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);
@@ -462,14 +465,27 @@ var Draggable = /** @class */ (function (_super) {
         }
         var draEleTop;
         var draEleLeft;
-        if (this.dragArea) {
-            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);
+        if (this.helperElement.classList.contains('e-treeview')) {
+            if (this.dragArea) {
+                this.dragLimit.top = this.clone ? this.dragLimit.top : 0;
+                draEleTop = (top - iTop) < 0 ? this.dragLimit.top : (top - this.borderWidth.top);
+                draEleLeft = (left - iLeft) < 0 ? this.dragLimit.left : (left - this.borderWidth.left);
+            }
+            else {
+                draEleTop = top - this.borderWidth.top;
+                draEleLeft = left - this.borderWidth.left;
+            }
         }
         else {
-            draEleTop = top - iTop;
-            draEleLeft = left - iLeft;
+            if (this.dragArea) {
+                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);
+            }
+            else {
+                draEleTop = top - iTop;
+                draEleLeft = left - iLeft;
+            }
         }
         var marginTop = parseFloat(getComputedStyle(this.element).marginTop);
         // when drag-element has margin-top
@@ -502,6 +518,11 @@ var Draggable = /** @class */ (function (_super) {
                 }
             }
         }
+        if (this.dragArea && this.helperElement.classList.contains('e-treeview')) {
+            var helperHeight = helperElement.offsetHeight + (parseFloat(styles.marginTop)
+                + parseFloat(styles.marginBottom));
+            draEleTop = (draEleTop + helperHeight) > this.dragLimit.bottom ? (this.dragLimit.bottom - helperHeight) : draEleTop;
+        }
         /* istanbul ignore next */
         // if(this.eleTop > 0) {
         //      draEleTop += this.eleTop;
@@ -510,11 +531,33 @@ var Draggable = /** @class */ (function (_super) {
             draEleTop -= this.parentScrollY;
             draEleLeft -= this.parentScrollX;
         }
+        if (this.dragArea && typeof this.dragArea !== 'string' && this.dragArea.classList.contains('e-kanban-content') && this.dragArea.style.position === 'relative') {
+            draEleTop += this.dragArea.scrollTop;
+        }
         var dragValue = this.getProcessedPositionValue({ top: draEleTop + 'px', left: draEleLeft + 'px' });
         setStyleAttribute(helperElement, this.getDragPosition(dragValue));
-        if (!this.elementInViewport(helperElement) && this.enableAutoScroll) {
+        if (!this.elementInViewport(helperElement) && this.enableAutoScroll && !this.helperElement.classList.contains('e-treeview')) {
             this.helperElement.scrollIntoView();
         }
+        var elements = document.querySelectorAll(':hover');
+        if (this.enableAutoScroll && this.helperElement.classList.contains('e-treeview')) {
+            if (elements.length === 0) {
+                elements = this.getPathElements(evt);
+            }
+            /* tslint:disable no-any */
+            var scrollParent = this.getScrollParent(elements, false);
+            if (this.elementInViewport(this.helperElement)) {
+                this.getScrollPosition(scrollParent, draEleTop);
+            }
+            else if (!this.elementInViewport(this.helperElement)) {
+                elements = [].slice.call(document.querySelectorAll(':hover'));
+                if (elements.length === 0) {
+                    elements = this.getPathElements(evt);
+                }
+                scrollParent = this.getScrollParent(elements, true);
+                this.getScrollPosition(scrollParent, draEleTop);
+            }
+        }
         this.dragProcessStarted = true;
         this.prevLeft = left;
         this.prevTop = top;
@@ -523,6 +566,48 @@ var Draggable = /** @class */ (function (_super) {
         this.pageX = pagex;
         this.pageY = pagey;
     };
+    /* tslint:disable no-any */
+    Draggable.prototype.getScrollParent = function (node, reverse) {
+        /* tslint:disable no-any */
+        var nodeEl = reverse ? node.reverse() : node;
+        var hasScroll;
+        for (var i = nodeEl.length - 1; i >= 0; i--) {
+            hasScroll = window.getComputedStyle(nodeEl[parseInt(i.toString(), 10)])['overflow-y'];
+            if ((hasScroll === 'auto' || hasScroll === 'scroll')
+                && nodeEl[parseInt(i.toString(), 10)].scrollHeight > nodeEl[parseInt(i.toString(), 10)].clientHeight) {
+                return nodeEl[parseInt(i.toString(), 10)];
+            }
+        }
+        hasScroll = window.getComputedStyle(document.scrollingElement)['overflow-y'];
+        if (hasScroll === 'visible') {
+            document.scrollingElement.style.overflow = 'auto';
+            return document.scrollingElement;
+        }
+    };
+    Draggable.prototype.getScrollPosition = function (nodeEle, draEleTop) {
+        if (nodeEle && nodeEle === document.scrollingElement) {
+            if ((nodeEle.clientHeight + document.scrollingElement.scrollTop - this.helperElement.clientHeight) < draEleTop
+                && nodeEle.getBoundingClientRect().height + this.parentClientRect.top > draEleTop) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            else if (nodeEle.scrollTop > draEleTop - this.helperElement.clientHeight) {
+                nodeEle.scrollTop -= this.helperElement.clientHeight;
+            }
+        }
+        else if (nodeEle && nodeEle !== document.scrollingElement) {
+            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop) < draEleTop) {
+                nodeEle.scrollTop += this.helperElement.clientHeight;
+            }
+            else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
+                nodeEle.scrollTop -= this.helperElement.clientHeight;
+            }
+        }
+    };
+    Draggable.prototype.getPathElements = function (evt) {
+        var elementTop = evt.clientX > 0 ? evt.clientX : 0;
+        var elementLeft = evt.clientY > 0 ? evt.clientY : 0;
+        return document.elementsFromPoint(elementTop, elementLeft);
+    };
     Draggable.prototype.triggerOutFunction = function (evt, eleObj) {
         this.hoverObject.instance.intOut(evt, eleObj.target);
         this.hoverObject.instance.dragData[this.scope] = null;
@@ -616,18 +701,23 @@ var Draggable = /** @class */ (function (_super) {
         if (ele) {
             var elementArea = ele.getBoundingClientRect();
             eleWidthBound = ele.scrollWidth ? ele.scrollWidth : elementArea.right - elementArea.left;
-            eleHeightBound = ele.scrollHeight ? ele.scrollHeight : elementArea.bottom - elementArea.top;
+            eleHeightBound = ele.scrollHeight ? (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) ? ele.clientHeight : ele.scrollHeight : elementArea.bottom - elementArea.top;
             var keys = ['Top', 'Left', 'Bottom', 'Right'];
             var styles = getComputedStyle(ele);
             for (var i = 0; i < keys.length; i++) {
-                var key = keys[i];
+                var key = keys[parseInt(i.toString(), 10)];
                 var tborder = styles['border' + key + 'Width'];
                 var tpadding = styles['padding' + key];
                 var lowerKey = key.toLowerCase();
-                this.borderWidth[lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
-                this.padding[lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
+                this.borderWidth["" + lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
+                this.padding["" + lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
+            }
+            if (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) {
+                top = elementArea.top + document.scrollingElement.scrollTop;
+            }
+            else {
+                top = elementArea.top;
             }
-            top = elementArea.top;
             left = elementArea.left;
             this.dragLimit.left = left + this.borderWidth.left + this.padding.left;
             this.dragLimit.top = ele.offsetTop + this.borderWidth.top + this.padding.top;
@@ -639,7 +729,8 @@ var Draggable = /** @class */ (function (_super) {
         var intCoord = this.getCoordinates(evt);
         var ele;
         var prevStyle = this.helperElement.style.pointerEvents || '';
-        if (compareElementParent(evt.target, this.helperElement) || evt.type.indexOf('touch') !== -1) {
+        var isPointer = evt.type.indexOf('pointer') !== -1 && Browser.info.name === 'safari' && parseInt(Browser.info.version) > 12;
+        if (compareElementParent(evt.target, this.helperElement) || evt.type.indexOf('touch') !== -1 || isPointer) {
             this.helperElement.style.pointerEvents = 'none';
             ele = document.elementFromPoint(intCoord.clientX, intCoord.clientY);
             this.helperElement.style.pointerEvents = prevStyle;
@@ -678,6 +769,12 @@ 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) {
+            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;
+            pageY = isVerticalScroll ? pageY - document.scrollingElement.scrollTop : pageY;
+        }
         return {
             left: pageX - (this.margin.left + this.cursorAt.left),
             top: pageY - (this.margin.top + this.cursorAt.top)
@@ -730,7 +827,7 @@ var Draggable = /** @class */ (function (_super) {
         if (eleInst) {
             for (var _i = 0, eleInst_1 = eleInst; _i < eleInst_1.length; _i++) {
                 var inst = eleInst_1[_i];
-                if (inst[name]() === 'droppable') {
+                if (inst["" + name]() === 'droppable') {
                     drop = inst;
                     break;
                 }

package/src/event-handler.js

@@ -57,15 +57,15 @@ var EventHandler = /** @class */ (function () {
         var event = eventName.split(' ');
         for (var i = 0; i < event.length; i++) {
             eventData.push({
-                name: event[i],
+                name: event[parseInt(i.toString(), 10)],
                 listener: listener,
                 debounce: debounceListener
             });
             if (Browser.isIE) {
-                element.addEventListener(event[i], debounceListener);
+                element.addEventListener(event[parseInt(i.toString(), 10)], debounceListener);
             }
             else {
-                element.addEventListener(event[i], debounceListener, { passive: false });
+                element.addEventListener(event[parseInt(i.toString(), 10)], debounceListener, { passive: false });
             }
         }
         return debounceListener;
@@ -86,7 +86,7 @@ var EventHandler = /** @class */ (function () {
             var debounceListener;
             if (eventData && eventData.length !== 0) {
                 eventData.some(function (x, i) {
-                    return x.name === event[j] && x.listener === listener ?
+                    return x.name === event[parseInt(j.toString(), 10)] && x.listener === listener ?
                         (index = i, debounceListener = x.debounce, true) : false;
                 });
             }
@@ -94,7 +94,7 @@ var EventHandler = /** @class */ (function () {
                 eventData.splice(index, 1);
             }
             if (debounceListener) {
-                element.removeEventListener(event[j], debounceListener);
+                element.removeEventListener(event[parseInt(j.toString(), 10)], debounceListener);
             }
         };
         for (var j = 0; j < event.length; j++) {
@@ -115,7 +115,7 @@ var EventHandler = /** @class */ (function () {
         // eslint-disable-next-line
         copyData = extend([], copyData, eventData);
         for (var i = 0; i < copyData.length; i++) {
-            element.removeEventListener(copyData[i].name, copyData[i].debounce);
+            element.removeEventListener(copyData[parseInt(i.toString(), 10)].name, copyData[parseInt(i.toString(), 10)].debounce);
             eventData.shift();
         }
     };

package/src/hijri-parser.js

@@ -151,7 +151,7 @@ export var HijriParser;
         var tempDay = z - Math.floor(29.5001 * im - 29);
         var i = 0;
         for (; i < dateCorrection.length; i++) {
-            if (dateCorrection[i] > modifiedJulianDate) {
+            if (dateCorrection[parseInt(i.toString(), 10)] > modifiedJulianDate) {
                 break;
             }
         }

package/src/intl/date-parser.js

@@ -59,7 +59,7 @@ var DateParser = /** @class */ (function () {
             var numMapper = isBlazor() ? dependable.parserObject.numbers :
                 parser.getNumberMapper(dependable.parserObject, parser.getNumberingSystem(cldr));
             for (var i = 0; i < length_1; i++) {
-                var str = patternMatch[i];
+                var str = patternMatch[parseInt(i.toString(), 10)];
                 var len = str.length;
                 var char = (str[0] === 'K') ? 'h' : str[0];
                 var isNumber = void 0;
@@ -189,7 +189,7 @@ var DateParser = /** @class */ (function () {
                         break;
                 }
                 if (canUpdate) {
-                    parseOptions.evalposition[charKey] = { isNumber: isNumber, pos: i + 1 + gmtCorrection, hourOnly: hourOnly };
+                    parseOptions.evalposition["" + charKey] = { isNumber: isNumber, pos: i + 1 + gmtCorrection, hourOnly: hourOnly };
                 }
                 if (i === length_1 - 1 && !isNullOrUndefined(regexString)) {
                     parseOptions.parserRegex = new RegExp('^' + regexString + '$', 'i');
@@ -313,7 +313,7 @@ var DateParser = /** @class */ (function () {
             var props = Object.keys(parseOptions.evalposition);
             for (var _i = 0, props_1 = props; _i < props_1.length; _i++) {
                 var prop = props_1[_i];
-                var curObject = parseOptions.evalposition[prop];
+                var curObject = parseOptions.evalposition["" + prop];
                 var matchString = matches[curObject.pos];
                 if (curObject.isNumber) {
                     // eslint-disable-next-line
@@ -333,7 +333,7 @@ var DateParser = /** @class */ (function () {
                             val += this.getZoneValue(flag, matches[pos + 4], matches[pos + 10], num);
                         }
                         if (!isNullOrUndefined(val)) {
-                            retOptions[prop] = val;
+                            retOptions["" + prop] = val;
                         }
                     }
                     else {

package/src/intl/intl-base.js

@@ -939,7 +939,7 @@ export var IntlBase;
     function isCurrencyPercent(parts, actual, symbol) {
         var options = { nlead: parts[0], nend: parts[1] };
         for (var i = 0; i < 2; i++) {
-            var part = parts[i];
+            var part = parts[parseInt(i.toString(), 10)];
             var loc = part.indexOf(actual);
             if ((loc !== -1) && ((loc < part.indexOf('\'')) || (loc > part.lastIndexOf('\'')))) {
                 // eslint-disable-next-line
@@ -1158,7 +1158,7 @@ export var IntlBase;
         integer = hash + integer;
         pattern = '';
         for (var x = integer.length - 1; x > 0; x = x - 3) {
-            pattern = ',' + integer[x - 2] + integer[x - 1] + integer[x] + pattern;
+            pattern = ',' + integer[x - 2] + integer[x - 1] + integer[parseInt(x.toString(), 10)] + pattern;
         }
         pattern = pattern.slice(1);
         return temp[1] ? (pattern + '.' + temp[1]) : pattern;
@@ -1179,9 +1179,9 @@ export var IntlBase;
         }
         iCulture = iCulture.slice(0, 2).toUpperCase() + iCulture.substr(2);
         if (mapper) {
-            firstDay = mapper[iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
+            firstDay = mapper["" + iCulture] || mapper[iCulture.slice(0, 2)] || defaultFirstDay;
         }
-        return firstDayMapper[firstDay];
+        return firstDayMapper["" + firstDay];
     }
     IntlBase.getWeekData = getWeekData;
     /**