@syncfusion/ej2-base 24.2.7 → 25.1.35

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

@@ -1572,6 +1572,7 @@ var NumberFormat = /** @__PURE__ @class */ (function () {
      * @param {number} value ?
      * @param {base.GenericFormatOptions} fOptions ?
      * @param {CommonOptions} dOptions ?
+     * @param {NumberFormatOptions} [option] ?
      * @returns {string} ?
      */
     NumberFormat.intNumberFormatter = function (value, fOptions, dOptions, option) {
@@ -1623,7 +1624,7 @@ var NumberFormat = /** @__PURE__ @class */ (function () {
                 fValue = fValue.replace('e', dOptions.numberMapper.numberSymbols[mapper$1[4]]);
             }
             fValue = fValue.replace('.', dOptions.numberMapper.numberSymbols[mapper$1[3]]);
-            fValue = curData.format === "#,###,,;(#,###,,)" ? this.customPivotFormat(parseInt(fValue)) : fValue;
+            fValue = curData.format === '#,###,,;(#,###,,)' ? this.customPivotFormat(parseInt(fValue, 10)) : fValue;
             if (curData.useGrouping) {
                 /* eslint-disable  @typescript-eslint/no-explicit-any */
                 fValue = this.groupNumbers(fValue, curData.groupData.primary, curData.groupSeparator || ',', dOptions.numberMapper.numberSymbols[mapper$1[3]] || '.', curData.groupData.secondary);
@@ -1695,6 +1696,7 @@ var NumberFormat = /** @__PURE__ @class */ (function () {
      * @param {number} value ?
      * @param {number} min ?
      * @param {number} max ?
+     * @param {NumberFormatOptions} [option] ?
      * @returns {string} ?
      */
     NumberFormat.processFraction = function (value, min, max, option) {
@@ -1746,16 +1748,18 @@ var NumberFormat = /** @__PURE__ @class */ (function () {
      * Returns custom format for pivot table
      *
      * @param {number} value ?
+     * @returns {string} ?
      */
     NumberFormat.customPivotFormat = function (value) {
         if (value >= 500000) {
             value /= 1000000;
-            var _a = value.toString().split("."), integer = _a[0], decimal = _a[1];
+            // eslint-disable-next-line
+            var _a = value.toString().split('.'), integer = _a[0], decimal = _a[1];
             return decimal && +decimal.substring(0, 1) >= 5
                 ? Math.ceil(value).toString()
                 : Math.floor(value).toString();
         }
-        return "";
+        return '';
     };
     return NumberFormat;
 }());
@@ -2099,6 +2103,7 @@ var DateParser = /** @__PURE__ @class */ (function () {
                         // eslint-disable-next-line
                         matchString = ((prop === 'month') && (!parseOptions.isIslamic) && (parseOptions.culture === 'en' || parseOptions.culture === 'en-GB' || parseOptions.culture === 'en-US'))
                             ? matchString[0].toUpperCase() + matchString.substring(1).toLowerCase() : matchString;
+                        // eslint-disable-next-line
                         matchString = ((prop !== 'month') && (prop === 'designator') && parseOptions.culture && parseOptions.culture.indexOf('en-') !== -1 && cultureOptions.indexOf(parseOptions.culture) === -1)
                             ? matchString.toLowerCase() : matchString;
                         // eslint-disable-next-line
@@ -2177,6 +2182,7 @@ var DateParser = /** @__PURE__ @class */ (function () {
 }());
 
 var regExp$1 = RegExp;
+// eslint-disable-next-line
 var parseRegex = new regExp$1('^([^0-9]*)' + '(([0-9,]*[0-9]+)(\.[0-9]+)?)' + '([Ee][+-]?[0-9]+)?([^0-9]*)$');
 var groupRegex = /,/g;
 var keys = ['minusSign', 'infinity'];
@@ -2481,9 +2487,11 @@ var Observer = /** @__PURE__ @class */ (function () {
      * @returns {void} ?
      */
     Observer.prototype.offIntlEvents = function () {
+        // eslint-disable-next-line
         var eventsArr = this.boundedEvents['notifyExternalChange'];
         if (eventsArr) {
             for (var i = 0; i < eventsArr.length; i++) {
+                // eslint-disable-next-line
                 var curContext = eventsArr["" + i].context;
                 if (curContext && curContext.detectFunction && curContext.randomId && !curContext.isRendered) {
                     this.off('notifyExternalChange', curContext.detectFunction, curContext.randomId);
@@ -3580,7 +3588,6 @@ var IntlBase;
         var ret = {};
         var pattern = matches[1].toUpperCase();
         ret.isAccount = (pattern === 'A');
-        // eslint-disable-next-line
         ret.type = IntlBase.patternMatcher[pattern];
         if (skeleton.length > 1) {
             ret.fractionDigits = parseInt(matches[2], 10);
@@ -3668,7 +3675,6 @@ var IntlBase;
         var formatSplit = format.split(';');
         var data = ['pData', 'nData', 'zeroData'];
         for (var i = 0; i < formatSplit.length; i++) {
-            // eslint-disable-next-line
             options[data[i]] = customNumberFormat(formatSplit[i], dOptions, obj);
         }
         if (isNullOrUndefined(options.nData)) {
@@ -3728,7 +3734,6 @@ var IntlBase;
         if (!isNullOrUndefined(numObject)) {
             var symbolPattern = getSymbolPattern(cOptions.type, dOptions.numberMapper.numberSystem, numObject, false);
             if (cOptions.useGrouping) {
-                // eslint-disable-next-line
                 cOptions.groupSeparator = spaceGrouping ? ' ' : dOptions.numberMapper.numberSymbols[mapper[2]];
                 cOptions.groupData = NumberFormat.getGroupingDetails(symbolPattern.split(';')[0]);
             }
@@ -3753,9 +3758,7 @@ var IntlBase;
             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
                 options[typeMapper[i]] = part.substr(0, loc) + symbol + part.substr(loc + 1);
-                // eslint-disable-next-line
                 options[typeMapper[actual]] = true;
                 options.type = options.isCurrency ? 'currency' : 'percent';
                 break;
@@ -3794,7 +3797,6 @@ var IntlBase;
         var actualPattern = options.format || getResultantPattern(options.skeleton, dependable.dateObject, options.type);
         if (isExcelFormat) {
             actualPattern = actualPattern.replace(patternRegex, function (pattern) {
-                // eslint-disable-next-line
                 return patternMatch[pattern];
             });
             if (actualPattern.indexOf('z') !== -1) {
@@ -3827,10 +3829,8 @@ var IntlBase;
      * @param {any} option ?
      * @returns {any} ?
      */
-    // eslint-disable-next-line
     function processSymbol(actual, option) {
         if (actual.indexOf(',') !== -1) {
-            // eslint-disable-next-line
             var split = actual.split(',');
             actual = (split[0] + getValue('numberMapper.numberSymbols.group', option) +
                 split[1].replace('.', getValue('numberMapper.numberSymbols.decimal', option)));
@@ -4129,7 +4129,6 @@ var Ajax = /** @__PURE__ @class */ (function () {
             if (!isNullOrUndefined(_this.onUploadProgress)) {
                 _this.httpRequest.upload.onprogress = _this.onUploadProgress;
             }
-            // eslint-disable-next-line
             _this.httpRequest.open(_this.type, _this.url, _this.mode);
             // Set default headers
             if (!isNullOrUndefined(_this.data) && _this.contentType !== null) {
@@ -4821,7 +4820,8 @@ var EventHandler = /** @__PURE__ @class */ (function () {
         // eslint-disable-next-line
         copyData = extend([], copyData, eventData);
         for (var i = 0; i < copyData.length; i++) {
-            element.removeEventListener(copyData[parseInt(i.toString(), 10)].name, copyData[parseInt(i.toString(), 10)].debounce);
+            var parseValue = copyData[parseInt(i.toString(), 10)];
+            element.removeEventListener(parseValue.name, parseValue.debounce);
             eventData.shift();
         }
     };
@@ -5577,12 +5577,13 @@ var Base = /** @__PURE__ @class */ (function () {
         var _this = this;
         // eslint-disable-next-line
         this.element.ej2_instances =
-            this.element.ej2_instances ? this.element.ej2_instances.filter(function (i) {
-                if (proxyToRaw) {
-                    return proxyToRaw(i) !== proxyToRaw(_this);
-                }
-                return i !== _this;
-            })
+            this.element.ej2_instances ?
+                this.element.ej2_instances.filter(function (i) {
+                    if (proxyToRaw) {
+                        return proxyToRaw(i) !== proxyToRaw(_this);
+                    }
+                    return i !== _this;
+                })
                 : [];
         removeClass([this.element], ['e-' + this.getModuleName()]);
         if (this.element.ej2_instances.length === 0) {
@@ -5892,8 +5893,9 @@ function complexArrayDefinedCallback(dFunc, curKey, type, prop) {
         switch (dFunc) {
             case 'push':
                 for (var i = 0; i < newValue.length; i++) {
-                    Array.prototype["" + dFunc].apply(prop, [newValue[parseInt(i.toString(), 10)]]);
-                    var model_1 = getArrayModel(keyString + (prop.length - 1), newValue[parseInt(i.toString(), 10)], !this.controlParent, dFunc);
+                    var newValueParse = newValue[parseInt(i.toString(), 10)];
+                    Array.prototype["" + dFunc].apply(prop, [newValueParse]);
+                    var model_1 = getArrayModel(keyString + (prop.length - 1), newValueParse, !this.controlParent, dFunc);
                     this.serverDataBind(model_1, newValue[parseInt(i.toString(), 10)], false, dFunc);
                 }
                 break;
@@ -6684,16 +6686,16 @@ function setGlobalAnimation(value) {
 var GlobalAnimationMode;
 (function (GlobalAnimationMode) {
     /**
-    * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
-    */
+     * Defines the global animation mode as Default. Animation is enabled or disabled based on the component's animation settings.
+     */
     GlobalAnimationMode["Default"] = "Default";
     /**
-    * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Enable. Enables the animation for all components, regardless of the individual component's animation settings.
+     */
     GlobalAnimationMode["Enable"] = "Enable";
     /**
-    * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
-    */
+     * Defines the global animation mode as Disable. Disables the animation for all components, regardless of the individual component's animation settings.
+     */
     GlobalAnimationMode["Disable"] = "Disable";
 })(GlobalAnimationMode || (GlobalAnimationMode = {}));
 
@@ -6757,6 +6759,17 @@ var ModuleLoader = /** @__PURE__ @class */ (function () {
         }
         this.loadedModules = [];
     };
+    /**
+     * Returns the array of modules that are not loaded in the component library.
+     *
+     * @param {ModuleDeclaration[]} requiredModules - Array of modules to be required
+     * @returns {ModuleDeclaration[]} ?
+     * @private
+     */
+    ModuleLoader.prototype.getNonInjectedModules = function (requiredModules) {
+        var _this = this;
+        return requiredModules.filter(function (module) { return !_this.isModuleLoaded(module.member); });
+    };
     /**
      * Removes all unused modules
      *
@@ -6994,7 +7007,7 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
     function LicenseValidator(key) {
         this.isValidated = false;
         this.isLicensed = true;
-        this.version = '24';
+        this.version = '25';
         this.platform = /JavaScript|ASPNET|ASPNETCORE|ASPNETMVC|FileFormats|essentialstudio/i;
         this.errors = {
             noLicense: '<span>This application was built using a trial version of Syncfusion Essential Studio.' +
@@ -7047,7 +7060,9 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
     }
     /**
      * To validate the provided license key.
-    */
+     *
+     * @returns {boolean} ?
+     */
     LicenseValidator.prototype.validate = function () {
         var contentKey = [115, 121, 110, 99, 102, 117, 115, 105, 111, 110, 46,
             108, 105, 99, 101, 110, 115, 101, 67, 111, 110, 116, 101, 110, 116];
@@ -7096,7 +7111,7 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
                 }
             }
             if (validateMsg && typeof document !== 'undefined' && !isNullOrUndefined(document)) {
-                accountURL = (validateURL && validateURL !== '') ? validateURL : "https://www.syncfusion.com/account/claim-license-key?pl=SmF2YVNjcmlwdA==&vs=MjQ=&utm_source=es_license_validation_banner&utm_medium=listing&utm_campaign=license-information";
+                accountURL = (validateURL && validateURL !== '') ? validateURL : 'https://www.syncfusion.com/account/claim-license-key?pl=SmF2YVNjcmlwdA==&vs=MjU=&utm_source=es_license_validation_banner&utm_medium=listing&utm_campaign=license-information';
                 var errorDiv = createElement('div', {
                     innerHTML: "<img src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5OV80KSI+CjxwYXRoIGQ9Ik0xMiAyMUMxNi45NzA2IDIxIDIxIDE2Ljk3MDYgMjEgMTJDMjEgNy4wMjk0NCAxNi45NzA2IDMgMTIgM0M3LjAyOTQ0IDMgMyA3LjAyOTQ0IDMgMTJDMyAxNi45NzA2IDcuMDI5NDQgMjEgMTIgMjFaIiBzdHJva2U9IiM3MzczNzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS4yNSAxMS4yNUgxMlYxNi41SDEyLjc1IiBmaWxsPSIjNjE2MDYzIi8+CjxwYXRoIGQ9Ik0xMS4yNSAxMS4yNUgxMlYxNi41SDEyLjc1IiBzdHJva2U9IiM3MzczNzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS44MTI1IDlDMTIuNDMzOCA5IDEyLjkzNzUgOC40OTYzMiAxMi45Mzc1IDcuODc1QzEyLjkzNzUgNy4yNTM2OCAxMi40MzM4IDYuNzUgMTEuODEyNSA2Ljc1QzExLjE5MTIgNi43NSAxMC42ODc1IDcuMjUzNjggMTAuNjg3NSA3Ljg3NUMxMC42ODc1IDguNDk2MzIgMTEuMTkxMiA5IDExLjgxMjUgOVoiIGZpbGw9IiM3MzczNzMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xOTlfNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K' style=\"top: 6px;\n                    position: absolute;\n                    left: 16px;\n                    width: 24px;\n                    height: 24px;\"/>" + validateMsg + ' ' + '<a style="text-decoration: none;color: #0D6EFD;font-weight: 500;" href=' + accountURL + '>Claim your free account</a>'
                 });
@@ -7161,7 +7176,7 @@ var LicenseValidator = /** @__PURE__ @class */ (function () {
                     var charKey = decodeStr[decodeStr.length - 1];
                     var decryptedKey = [];
                     for (var i = 0; i < decodeStr.length; i++) {
-                        decryptedKey[parseInt(i.toString(), 10)] = decodeStr[parseInt(i.toString(), 10)].charCodeAt(0) - charKey.charCodeAt(0);
+                        decryptedKey["" + i] = decodeStr["" + i].charCodeAt(0) - charKey.charCodeAt(0);
                     }
                     for (var i = 0; i < decryptedKey.length; i++) {
                         buffr += String.fromCharCode(decryptedKey[parseInt(i.toString(), 10)]);
@@ -7199,7 +7214,7 @@ var licenseValidator = new LicenseValidator();
  * Converts the given number to characters.
  *
  * @param {number} cArr - Specifies the license key as number.
- * @returns {string}
+ * @returns {string} ?
  */
 function convertToChar(cArr) {
     var ret = '';
@@ -7309,7 +7324,7 @@ var Component = /** @__PURE__ @class */ (function (_super) {
         // tslint:disable-next-line:no-function-constructor-with-string-args
         onIntlChange.on('notifyExternalChange', _this.detectFunction, _this, _this.randomId);
         // Based on the considered control list we have count the instance
-        if (typeof window !== "undefined" && typeof document !== "undefined" && !validateLicense()) {
+        if (typeof window !== 'undefined' && typeof document !== 'undefined' && !validateLicense()) {
             if (componentList.indexOf(_this.getModuleName()) !== -1) {
                 instancecount = instancecount + 1;
                 if (instancecount > 5) {
@@ -7400,6 +7415,8 @@ var Component = /** @__PURE__ @class */ (function (_super) {
     };
     /**
      * Adding unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.attachUnloadEvent = function () {
         this.handleUnload = this.handleUnload.bind(this);
@@ -7407,12 +7424,16 @@ var Component = /** @__PURE__ @class */ (function (_super) {
     };
     /**
      * Handling unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.handleUnload = function () {
         this.setPersistData();
     };
     /**
      * Removing unload event to persist data when enable persistence true
+     *
+     * @returns {void}
      */
     Component.prototype.detachUnloadEvent = function () {
         window.removeEventListener('unload', this.handleUnload);
@@ -7447,7 +7468,32 @@ var Component = /** @__PURE__ @class */ (function (_super) {
             }
             this.preRender();
             this.injectModules();
-            // Checked weather cases are valid or not. If control leads to more than five counts  
+            // Throw a warning for the required modules to be injected.
+            var ignoredComponents = {
+                schedule: 'all',
+                diagram: 'all',
+                PdfViewer: 'all',
+                grid: ['logger'],
+                richtexteditor: ['link', 'table', 'image', 'audio', 'video', 'formatPainter', 'emojiPicker', 'pasteCleanup', 'htmlEditor', 'toolbar'],
+                treegrid: ['filter'],
+                gantt: ['tooltip'],
+                chart: ['Export', 'Zoom'],
+                accumulationchart: ['Export']
+            };
+            var component = this.getModuleName();
+            if (this.requiredModules && (!ignoredComponents["" + component] || ignoredComponents["" + component] !== 'all')) {
+                var modulesRequired = this.requiredModules();
+                for (var _i = 0, _a = this.moduleLoader.getNonInjectedModules(modulesRequired); _i < _a.length; _i++) {
+                    var module = _a[_i];
+                    var moduleName = module.name ? module.name : module.member;
+                    if (ignoredComponents["" + component] && ignoredComponents["" + component].indexOf(module.member) !== -1) {
+                        continue;
+                    }
+                    var componentName = component.charAt(0).toUpperCase() + component.slice(1); // To capitalize the component name
+                    console.warn("[WARNING] :: Module \"" + moduleName + "\" is not available in " + componentName + " component! You either misspelled the module name or forgot to load it.");
+                }
+            }
+            // Checked weather cases are valid or not. If control leads to more than five counts
             if (!isvalid && !isBannerAdded) {
                 createLicenseOverlay();
                 isBannerAdded = true;
@@ -7893,6 +7939,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
             return this.getScrollableParent(element.parentNode, axis);
         }
     };
+    /* eslint-disable */
     Draggable.prototype.getScrollableValues = function () {
         this.parentScrollX = 0;
         this.parentScrollY = 0;
@@ -7900,6 +7947,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         var verticalScrollParent = this.getScrollableParent(this.element.parentNode, 'vertical');
         var horizontalScrollParent = this.getScrollableParent(this.element.parentNode, 'horizontal');
     };
+    /* eslint-enable */
     Draggable.prototype.initialize = function (evt, curTarget) {
         this.currentStateTarget = evt.target;
         if (this.isDragStarted()) {
@@ -7913,6 +7961,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         this.dragProcessStarted = false;
         if (this.abort) {
             /* tslint:disable no-any */
+            // eslint-disable-next-line
             var abortSelectors = this.abort;
             if (typeof abortSelectors === 'string') {
                 abortSelectors = [abortSelectors];
@@ -7983,6 +8032,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         }
         /* istanbul ignore next */
         if (this.isReplaceDragEle) {
+            // eslint-disable-next-line
             element = this.currentStateCheck(evt.target, element);
         }
         this.offset = this.calculateParentPosition(element);
@@ -8135,6 +8185,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (flag) {
+                // eslint-disable-next-line
                 eleObj.instance.dragData[this.scope] = this.droppables[this.scope];
                 eleObj.instance.intOver(evt, eleObj.target);
                 this.hoverObject = eleObj;
@@ -8284,6 +8335,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
                 elements = this.getPathElements(evt);
             }
             /* tslint:disable no-any */
+            // eslint-disable-next-line
             var scrollParent = this.getScrollParent(elements, false);
             if (this.elementInViewport(this.helperElement)) {
                 this.getScrollPosition(scrollParent, draEleTop);
@@ -8306,8 +8358,10 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         this.pageY = pagey;
     };
     /* tslint:disable no-any */
+    // eslint-disable-next-line
     Draggable.prototype.getScrollParent = function (node, reverse) {
         /* tslint:disable no-any */
+        // eslint-disable-next-line
         var nodeEl = reverse ? node.reverse() : node;
         var hasScroll;
         for (var i = nodeEl.length - 1; i >= 0; i--) {
@@ -8334,10 +8388,12 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
             }
         }
         else if (nodeEle && nodeEle !== document.scrollingElement) {
-            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - this.helperElement.clientHeight + document.scrollingElement.scrollTop) < draEleTop) {
+            var docScrollTop = document.scrollingElement.scrollTop;
+            var helperClientHeight = this.helperElement.clientHeight;
+            if ((nodeEle.clientHeight + nodeEle.getBoundingClientRect().top - helperClientHeight + docScrollTop) < draEleTop) {
                 nodeEle.scrollTop += this.helperElement.clientHeight;
             }
-            else if (nodeEle.getBoundingClientRect().top > (draEleTop - this.helperElement.clientHeight - document.scrollingElement.scrollTop)) {
+            else if (nodeEle.getBoundingClientRect().top > (draEleTop - helperClientHeight - docScrollTop)) {
                 nodeEle.scrollTop -= this.helperElement.clientHeight;
             }
         }
@@ -8389,6 +8445,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         var eleObj = this.checkTargetElement(evt);
         if (eleObj.target && eleObj.instance) {
             eleObj.instance.dragStopCalled = true;
+            // eslint-disable-next-line
             eleObj.instance.dragData[this.scope] = this.droppables[this.scope];
             eleObj.instance.intDrop(evt, eleObj.target);
         }
@@ -8396,8 +8453,11 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         document.body.classList.remove('e-prevent-select');
     };
     /**
+     * @param {MouseEvent | TouchEvent} evt ?
+     * @returns {void}
      * @private
      */
+    // eslint-disable-next-line
     Draggable.prototype.intDestroy = function (evt) {
         this.dragProcessStarted = false;
         this.toggleEvents();
@@ -8412,6 +8472,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         }
     };
     // triggers when property changed
+    // eslint-disable-next-line
     Draggable.prototype.onPropertyChanged = function (newProp, oldProp) {
         //No Code to handle
     };
@@ -8442,6 +8503,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
             eleWidthBound = ele.scrollWidth ? ele.scrollWidth : elementArea.right - elementArea.left;
             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'];
+            /* eslint-disable */
             var styles = getComputedStyle(ele);
             for (var i = 0; i < keys.length; i++) {
                 var key = keys[parseInt(i.toString(), 10)];
@@ -8451,6 +8513,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
                 this.borderWidth["" + lowerKey] = isNaN(parseFloat(tborder)) ? 0 : parseFloat(tborder);
                 this.padding["" + lowerKey] = isNaN(parseFloat(tpadding)) ? 0 : parseFloat(tpadding);
             }
+            /* eslint-enable */
             if (this.dragArea && !isNullOrUndefined(this.helperElement) && this.helperElement.classList.contains('e-treeview')) {
                 top = elementArea.top + document.scrollingElement.scrollTop;
             }
@@ -8468,7 +8531,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
         var intCoord = this.getCoordinates(evt);
         var ele;
         var prevStyle = this.helperElement.style.pointerEvents || '';
-        var isPointer = evt.type.indexOf('pointer') !== -1 && Browser.info.name === 'safari' && parseInt(Browser.info.version) > 12;
+        var isPointer = evt.type.indexOf('pointer') !== -1 && Browser.info.name === 'safari' && parseInt(Browser.info.version, 10) > 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);
@@ -8492,6 +8555,7 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
     };
     Draggable.prototype.getMousePosition = function (evt, isdragscroll) {
         /* tslint:disable no-any */
+        // eslint-disable-next-line
         var dragEle = evt.srcElement !== undefined ? evt.srcElement : evt.target;
         var intCoord = this.getCoordinates(evt);
         var pageX;
@@ -8509,10 +8573,11 @@ var Draggable = /** @__PURE__ @class */ (function (_super) {
             pageY = this.clone ? intCoord.pageY : (intCoord.pageY + window.pageYOffset) - this.relativeYPosition;
         }
         if (document.scrollingElement && (!isdragscroll && !this.clone)) {
-            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;
+            var ele = document.scrollingElement;
+            var isVerticalScroll = ele.scrollHeight > 0 && ele.scrollHeight > ele.clientHeight && ele.scrollTop > 0;
+            var isHorrizontalScroll = ele.scrollWidth > 0 && ele.scrollWidth > ele.clientWidth && ele.scrollLeft > 0;
+            pageX = isHorrizontalScroll ? pageX - ele.scrollLeft : pageX;
+            pageY = isVerticalScroll ? pageY - ele.scrollTop : pageY;
         }
         return {
             left: pageX - (this.margin.left + this.cursorAt.left),
@@ -9510,9 +9575,10 @@ function compile$1(template, helper, ignorePrefix) {
     else {
         var argName = 'data';
         var evalExpResult = evalExp(template, argName, helper, ignorePrefix);
-        // eslint-disable-next-line
+        /* eslint-disable */
         var condtion = "var valueRegEx = (/value=\\'([A-Za-z0-9 _]*)((.)([\\w)(!-;?-\u25A0\\s]+)['])/g);\n        var hrefRegex = (/(?:href)([\\s='\"./]+)([\\w-./?=&\\\\#\"]+)((.)([\\w)(!-;/?-\u25A0\\s]+)['])/g);\n        if(str.match(valueRegEx)){\n            var check = str.match(valueRegEx);\n            var str1 = str;\n            for (var i=0; i < check.length; i++) {\n                var check1 = str.match(valueRegEx)[i].split('value=')[1];\n                var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n                change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n                str1 = str1.replace(check1, change);\n            }\n            str = str.replace(str, str1);\n        }\n        else if (str.match(/(?:href='')/) === null) {\n            if(str.match(hrefRegex)) {\n                var check = str.match(hrefRegex);\n                var str1 = str;\n                for (var i=0; i < check.length; i++) {\n                    var check1 = str.match(hrefRegex)[i].split('href=')[1];\n                    if (check1) {\n                        var change = check1.match(/^'/) !== null ? check1.replace(/^'/, '\"') : check1;\n                        change =change.match(/.$/)[0] === '\\'' ? change.replace(/.$/,'\"') : change;\n                        str1 = str1.replace(check1, change);\n                    }\n                }\n                str = str.replace(str, str1);\n            }\n        }\n        ";
         var fnCode = 'var str=\"' + evalExpResult + '\";' + condtion + ' return str;';
+        /* eslint-enable */
         var fn = new Function(argName, fnCode);
         return fn.bind(helper);
     }
@@ -9659,7 +9725,7 @@ function evalExp(str, nameSpace, helper, ignorePrefix) {
  * @returns {string} ?
  */
 function addNameSpace(str, addNS, nameSpace, ignoreList, ignorePrefix) {
-    return ((addNS && !(NOT_NUMBER.test(str)) && ignoreList.indexOf(str.split('.')[0]) === -1 && !ignorePrefix && str !== "true" && str !== "false") ? nameSpace + '.' + str : str);
+    return ((addNS && !(NOT_NUMBER.test(str)) && ignoreList.indexOf(str.split('.')[0]) === -1 && !ignorePrefix && str !== 'true' && str !== 'false') ? nameSpace + '.' + str : str);
 }
 /**
  *
@@ -9882,6 +9948,7 @@ function getTemplateEngine() {
  * @returns {Function} ?
  * @private
  */
+// eslint-disable-next-line
 function initializeCSPTemplate(template, helper) {
     var boundFunc;
     template.prototype.CSPTemplate = true;
@@ -10028,6 +10095,9 @@ var SanitizeHtmlHelper = /** @__PURE__ @class */ (function () {
         };
     };
     SanitizeHtmlHelper.sanitize = function (value) {
+        if (isNullOrUndefined(value)) {
+            return value;
+        }
         var item = this.beforeSanitize();
         var output = this.serializeValue(item, value);
         return output;
@@ -10042,6 +10112,7 @@ var SanitizeHtmlHelper = /** @__PURE__ @class */ (function () {
         this.removeXssAttrs();
         var tempEleValue = this.wrapElement.innerHTML;
         this.removeElement();
+        this.wrapElement = null;
         return tempEleValue.replace(/&amp;/g, '&');
     };
     SanitizeHtmlHelper.removeElement = function () {