@syncfusion/ej2-base 20.3.56 → 20.4.38

package/src/component-model.d.ts

@@ -1,4 +1,4 @@
-import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import {validateLicense} from './validate-lic';
+import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
 
 /**
  * Interface for a class Component

package/src/component.js

@@ -25,10 +25,16 @@ import { ChildProperty } from './child-property';
 import { Property, NotifyPropertyChanges } from './notify-property-change';
 import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';
 import { createElement, addClass, removeClass, select } from './dom';
-import { validateLicense } from './validate-lic';
+import { validateLicense, createLicenseOverlay, componentList } from './validate-lic';
 var componentCount = 0;
 var lastPageID;
 var lastHistoryLen = 0;
+// Decalre the static variable to count the instance
+var instancecount = 0;
+// Decalre the static variable to find if control limit exceed or not
+var isvalid = true;
+// We have added styles to inline type so here declare the static variable to detect if banner is added or not
+var isBannerAdded = false;
 export var versionBasedStatePersistence = false;
 /**
  * To enable or disable version based statePersistence functionality for all components globally.
@@ -71,7 +77,15 @@ var Component = /** @class */ (function (_super) {
         _this.localObserver = new Observer(_this);
         // tslint:disable-next-line:no-function-constructor-with-string-args
         onIntlChange.on('notifyExternalChange', _this.detectFunction, _this, _this.randomId);
-        validateLicense();
+        // Based on the considered control list we have count the instance
+        if (!validateLicense()) {
+            if (componentList.indexOf(_this.getModuleName()) !== -1) {
+                instancecount = instancecount + 1;
+                if (instancecount > 5) {
+                    isvalid = false;
+                }
+            }
+        }
         if (!isUndefined(selector)) {
             _this.appendTo();
         }
@@ -182,6 +196,11 @@ var Component = /** @class */ (function (_super) {
             }
             this.preRender();
             this.injectModules();
+            // Checked weather cases are valid or not. If control leads to more than five counts  
+            if (!isvalid && !isBannerAdded) {
+                createLicenseOverlay();
+                isBannerAdded = true;
+            }
             this.render();
             if (!this.mount) {
                 this.trigger('created');
@@ -291,8 +310,8 @@ var Component = /** @class */ (function (_super) {
             this.prototype.injectedModules = [];
         }
         for (var i = 0; i < moduleList.length; i++) {
-            if (this.prototype.injectedModules.indexOf(moduleList[i]) === -1) {
-                this.prototype.injectedModules.push(moduleList[i]);
+            if (this.prototype.injectedModules.indexOf(moduleList[parseInt(i.toString(), 10)]) === -1) {
+                this.prototype.injectedModules.push(moduleList[parseInt(i.toString(), 10)]);
             }
         }
     };
@@ -359,7 +378,7 @@ var Component = /** @class */ (function (_super) {
             }
         }
     };
-    //tslint:disable-next-line
+    // eslint-disable-next-line
     Component.prototype.renderReactTemplates = function (callback) {
         if (!isNullOrUndefined(callback)) {
             callback();
@@ -431,10 +450,10 @@ var Component = /** @class */ (function (_super) {
                     }).map(function (str) {
                         return str.replace(key + '.', '');
                     });
-                    newObj[key] = this_1.iterateJsonProperties(this_1.getActualProperties(value), newList);
+                    newObj["" + key] = this_1.iterateJsonProperties(this_1.getActualProperties(value), newList);
                 }
                 else {
-                    newObj[key] = value;
+                    newObj["" + key] = value;
                 }
             }
         };

package/src/dom.js

@@ -233,10 +233,10 @@ export function attributes(element, attributes) {
             if (key === 'tabindex') {
                 iKey = 'tabIndex';
             }
-            ele.attributes[iKey] = attributes[key];
+            ele.attributes["" + iKey] = attributes["" + key];
         }
         else {
-            ele.setAttribute(key, attributes[key]);
+            ele.setAttribute(key, attributes["" + key]);
         }
     }
     return ele;
@@ -284,20 +284,20 @@ function querySelectId(selector) {
     if (selector.match(/#[0-9]/g) || selector.match(charRegex)) {
         var idList = selector.split(',');
         for (var i = 0; i < idList.length; i++) {
-            var list = idList[i].split(' ');
+            var list = idList[parseInt(i.toString(), 10)].split(' ');
             for (var j = 0; j < list.length; j++) {
-                if (list[j].indexOf('#') > -1) {
-                    if (!list[j].match(/\[.*\]/)) {
-                        var splitId = list[j].split('#');
+                if (list[parseInt(j.toString(), 10)].indexOf('#') > -1) {
+                    if (!list[parseInt(j.toString(), 10)].match(/\[.*\]/)) {
+                        var splitId = list[parseInt(j.toString(), 10)].split('#');
                         if (splitId[1].match(/^\d/) || splitId[1].match(charRegex)) {
-                            var setId = list[j].split('.');
+                            var setId = list[parseInt(j.toString(), 10)].split('.');
                             setId[0] = setId[0].replace(/#/, '[id=\'') + '\']';
-                            list[j] = setId.join('.');
+                            list[parseInt(j.toString(), 10)] = setId.join('.');
                         }
                     }
                 }
             }
-            idList[i] = list.join(' ');
+            idList[parseInt(i.toString(), 10)] = list.join(' ');
         }
         return idList.join(',');
     }
@@ -365,7 +365,7 @@ export function getAttributeOrDefault(element, property, value) {
             element.setAttribute(property, value.toString());
         }
         else {
-            element.attributes[property] = value;
+            element.attributes["" + property] = value;
         }
         attrVal = value;
     }

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 {
@@ -131,6 +135,7 @@ export interface DragEventArgs {
 }
 /**
  * Used for accessing the BlazorEventArgs.
+ *
  * @private
  */
 export interface BlazorDragEventArgs {
@@ -166,6 +171,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 +185,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 +238,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 +250,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 +273,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;
     /**

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);
@@ -240,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) {
@@ -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);
@@ -528,6 +531,9 @@ 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 && !this.helperElement.classList.contains('e-treeview')) {
@@ -566,10 +572,10 @@ var Draggable = /** @class */ (function (_super) {
         var nodeEl = reverse ? node.reverse() : node;
         var hasScroll;
         for (var i = nodeEl.length - 1; i >= 0; i--) {
-            hasScroll = window.getComputedStyle(nodeEl[i])['overflow-y'];
+            hasScroll = window.getComputedStyle(nodeEl[parseInt(i.toString(), 10)])['overflow-y'];
             if ((hasScroll === 'auto' || hasScroll === 'scroll')
-                && nodeEl[i].scrollHeight > nodeEl[i].clientHeight) {
-                return nodeEl[i];
+                && 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'];
@@ -699,12 +705,12 @@ var Draggable = /** @class */ (function (_super) {
             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;
@@ -723,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;
@@ -762,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 (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)
@@ -814,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;
     /**

package/src/intl/number-formatter.js

@@ -6,7 +6,7 @@ var errorText = {
     'ms': 'minimumSignificantDigits',
     'ls': 'maximumSignificantDigits',
     'mf': 'minimumFractionDigits',
-    'lf': 'maximumFractionDigits',
+    'lf': 'maximumFractionDigits'
 };
 var integerError = 'minimumIntegerDigits';
 var percentSign = 'percentSign';
@@ -44,9 +44,9 @@ var NumberFormat = /** @class */ (function () {
         dOptions.currencySymbol = isBlazor() ? getValue('currencySymbol', numObject) : base.getCurrencySymbol(dependable.numericObject, fOptions.currency || defaultCurrencyCode, option.altSymbol);
         /* eslint-disable  @typescript-eslint/no-explicit-any */
         dOptions.percentSymbol = isBlazor() ? getValue('numberSymbols.percentSign', numObject) :
-            dOptions.numberMapper.numberSymbols[percentSign];
+            dOptions.numberMapper.numberSymbols["" + percentSign];
         dOptions.minusSymbol = isBlazor() ? getValue('numberSymbols.minusSign', numObject) :
-            dOptions.numberMapper.numberSymbols[minusSign];
+            dOptions.numberMapper.numberSymbols["" + minusSign];
         var symbols = dOptions.numberMapper.numberSymbols;
         if ((option.format) && !(base.formatRegex.test(option.format))) {
             cOptions = base.customFormat(option.format, dOptions, dependable.numericObject);