@syncfusion/ej2-inputs 20.4.54 → 21.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.54
+*  version : 21.1.37
 *  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-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@20.4.52",
+  "_id": "@syncfusion/ej2-inputs@21.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-4g6MgoCWno+kzSIvDv9NanRpQmz076T4vo3dMkUuLhF/B+/e6OIFzXPe3W0UH+YBgvTiN5Aa5FnZVg3Oa9P7Vw==",
+  "_integrity": "sha512-NkbNU5mK5tQIlZtzE6Z6pETPR6/UvSStrZCU1WxCVsKMpvcknGIaXIiYCbbY+WR4Hqb0XGI5wEVKHQBCwEMnIQ==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,19 +39,19 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-20.4.52.tgz",
-  "_shasum": "37148178247a00a013b0bf9c0c9767985a68ea6c",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-21.1.35.tgz",
+  "_shasum": "ae4674925e1d7cfd98c1ba85de65f8556eddbeaa",
   "_spec": "@syncfusion/ej2-inputs@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.53",
-    "@syncfusion/ej2-popups": "~20.4.53",
-    "@syncfusion/ej2-splitbuttons": "~20.4.50"
+    "@syncfusion/ej2-base": "~21.1.37",
+    "@syncfusion/ej2-buttons": "~21.1.37",
+    "@syncfusion/ej2-popups": "~21.1.37",
+    "@syncfusion/ej2-splitbuttons": "~21.1.37"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
@@ -119,7 +119,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "20.4.54",
+  "version": "21.1.37",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/color-picker/color-picker.d.ts

@@ -1,7 +1,11 @@
 import { BaseEventArgs, Component, EmitType, INotifyPropertyChanged } from '@syncfusion/ej2-base';
 import { ColorPickerModel } from './color-picker-model';
 /**
- * ColorPicker Mode
+ * Defines the ColorPicker Mode
+ * ```props
+ * Picker :- Specifies that the ColorPicker component should be rendered with the picker mode.
+ * Palette :- Specifies that the ColorPicker component should be rendered with the palette mode.
+ * ```
  */
 export declare type ColorPickerMode = 'Picker' | 'Palette';
 /**
@@ -266,6 +270,7 @@ export declare class ColorPicker extends Component<HTMLInputElement> implements
     protected wireEvents(): void;
     private formResetHandler;
     private addCtrlSwitchEvent;
+    private ctrlBtnKeyDown;
     private pickerKeyDown;
     private enterKeyHandler;
     private closePopup;

package/src/color-picker/color-picker.js

@@ -145,7 +145,7 @@ var ColorPicker = /** @class */ (function (_super) {
             wrapper.classList.add(RTL);
         }
         if (this.cssClass) {
-            addClass([wrapper], this.cssClass.split(' '));
+            addClass([wrapper], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         this.tileRipple = rippleEffect(this.container, { selector: '.' + TILE });
         this.ctrlBtnRipple = rippleEffect(this.container, { selector: '.e-btn' });
@@ -205,7 +205,7 @@ var ColorPicker = /** @class */ (function (_super) {
         var popupEle = this.getPopupEle();
         addClass([popupEle], 'e-colorpicker-popup');
         if (this.cssClass) {
-            addClass([popupEle], this.cssClass.split(' '));
+            addClass([popupEle], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
         }
         if (Browser.isDevice) {
             var popupInst = this.getPopupInst();
@@ -844,6 +844,10 @@ var ColorPicker = /** @class */ (function (_super) {
         if (this.isPicker()) {
             var dragHandler = this.getDragHandler();
             EventHandler.add(dragHandler, 'keydown', this.pickerKeyDown, this);
+            var ctrlBtn = select('.' + CTRLBTN, this.container);
+            if (ctrlBtn) {
+                EventHandler.add(ctrlBtn, 'keydown', this.ctrlBtnKeyDown, this);
+            }
             EventHandler.add(this.getHsvContainer(), 'mousedown touchstart', this.handlerDown, this);
             if (this.modeSwitcher || this.showButtons) {
                 this.addCtrlSwitchEvent();
@@ -865,6 +869,16 @@ var ColorPicker = /** @class */ (function (_super) {
             EventHandler.add(ctrlSwitchBtn, 'click', this.btnClickHandler, this);
         }
     };
+    ColorPicker.prototype.ctrlBtnKeyDown = function (e) {
+        if (e.keyCode === 13) {
+            var applyBtn = select('.' + APPLY, this.container);
+            if (applyBtn) {
+                var cValue = this.rgbToHex(this.rgb);
+                this.triggerChangeEvent(cValue);
+            }
+            this.splitBtn.element.focus();
+        }
+    };
     ColorPicker.prototype.pickerKeyDown = function (e) {
         switch (e.keyCode) {
             case 39:
@@ -889,7 +903,6 @@ var ColorPicker = /** @class */ (function (_super) {
     ColorPicker.prototype.enterKeyHandler = function (value, e) {
         this.triggerChangeEvent(value);
         if (!this.inline) {
-            this.closePopup(e);
             this.splitBtn.element.focus();
         }
     };
@@ -1417,6 +1430,10 @@ var ColorPicker = /** @class */ (function (_super) {
         if (this.isPicker()) {
             var dragHandler = this.getDragHandler();
             EventHandler.remove(dragHandler, 'keydown', this.pickerKeyDown);
+            var ctrlBtn = select('.' + CTRLBTN, this.container);
+            if (ctrlBtn) {
+                EventHandler.remove(ctrlBtn, 'keydown', this.ctrlBtnKeyDown);
+            }
             EventHandler.remove(this.getHsvContainer(), 'mousedown touchstart', this.handlerDown);
             if (this.modeSwitcher || this.showButtons) {
                 EventHandler.remove(select('.' + CTRLSWITCH, this.container), 'click', this.btnClickHandler);
@@ -1658,7 +1675,7 @@ var ColorPicker = /** @class */ (function (_super) {
             removeClass([wrapper, popupWrapper], oldProp.split(' '));
         }
         if (newProp) {
-            addClass([wrapper, popupWrapper], newProp.split(' '));
+            addClass([wrapper, popupWrapper], newProp.replace(/\s+/g, ' ').trim().split(' '));
         }
     };
     ColorPicker.prototype.changeRtlProps = function (newProp) {

package/src/common/signature-base.js

@@ -90,6 +90,10 @@ var SignatureBase = /** @class */ (function (_super) {
             this.element.width = this.element.offsetWidth;
             this.isResponsive = true;
         }
+        else if (this.element.height !== this.element.offsetHeight - 1 || this.element.width !== this.element.offsetWidth - 1) {
+            this.element.height = this.element.offsetHeight;
+            this.element.width = this.element.offsetWidth;
+        }
         this.canvasContext.scale(1, 1);
         this.canvasContext.fillStyle = this.strokeColor;
         if (this.backgroundImage) {
@@ -183,7 +187,6 @@ var SignatureBase = /** @class */ (function (_super) {
             this.canvasContext.canvas.width = this.element.offsetWidth;
             this.canvasContext.canvas.height = this.element.offsetHeight;
             this.canvasContext.scale(1, 1);
-            this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
             var pointSize = (this.minStrokeWidth + this.maxStrokeWidth) / 2;
             for (var i = 0; i < this.signRatioPointsColl.length; i++) {
                 this.arcDraw((this.signRatioPointsColl[i].x * this.canvasContext.canvas.width), (this.signRatioPointsColl[i].y * this.canvasContext.canvas.height), pointSize);
@@ -417,11 +420,11 @@ var SignatureBase = /** @class */ (function (_super) {
     SignatureBase.prototype.enableOrDisable = function (isDisable) {
         this.disabled = isDisable;
         if (isDisable) {
-            this.canvasContext.canvas.style.filter = "opacity(0.5)";
+            this.canvasContext.canvas.style.filter = 'opacity(0.5)';
             this.isRead(true);
         }
         else {
-            this.canvasContext.canvas.style.filter = "";
+            this.canvasContext.canvas.style.filter = '';
             this.isRead(false);
         }
     };

package/src/form-validator/form-validator.js

@@ -29,6 +29,7 @@ export var regex = {
     /* eslint-disable no-useless-escape */
     EMAIL: new RegExp('^[A-Za-z0-9._%+-]{1,}@[A-Za-z0-9._%+-]{1,}([.]{1}[a-zA-Z0-9]{2,}' +
         '|[.]{1}[a-zA-Z0-9]{2,4}[.]{1}[a-zA-Z0-9]{2,4})$'),
+    /* eslint-disable-next-line security/detect-unsafe-regex */
     URL: /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/m,
     DATE_ISO: new RegExp('^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$'),
     DIGITS: new RegExp('^[0-9]*$'),
@@ -146,10 +147,10 @@ var FormValidator = /** @class */ (function (_super) {
         if (name) {
             // eslint-disable-next-line no-prototype-builtins
             if (this.rules.hasOwnProperty(name)) {
-                extend(this.rules[name], rules, {});
+                extend(this.rules["" + name], rules, {});
             }
             else {
-                this.rules[name] = rules;
+                this.rules["" + name] = rules;
             }
         }
     };
@@ -165,12 +166,12 @@ var FormValidator = /** @class */ (function (_super) {
         if (!name && !rules) {
             this.rules = {};
         }
-        else if (this.rules[name] && !rules) {
-            delete this.rules[name];
+        else if (this.rules["" + name] && !rules) {
+            delete this.rules["" + name];
         }
-        else if (!isNullOrUndefined(this.rules[name] && rules)) {
+        else if (!isNullOrUndefined(this.rules["" + name] && rules)) {
             for (var i = 0; i < rules.length; i++) {
-                delete this.rules[name][rules[i]];
+                delete this.rules["" + name][rules[parseInt(i.toString())]];
             }
         }
         else {
@@ -268,7 +269,7 @@ var FormValidator = /** @class */ (function (_super) {
             var key = _a[_i];
             this.l10n.setLocale(this.locale);
             var value = this.l10n.getConstant(key);
-            this.localyMessage[key] = value;
+            this.localyMessage["" + key] = value;
         }
     };
     /**
@@ -417,7 +418,7 @@ var FormValidator = /** @class */ (function (_super) {
         var customMessage;
         if (this.rules[input.name] && ruleName !== 'validateHidden' && ruleName !== 'hidden') {
             this.getInputElement(input.name);
-            customMessage = this.getErrorMessage(this.rules[input.name][ruleName], ruleName);
+            customMessage = this.getErrorMessage(this.rules[input.name]["" + ruleName], ruleName);
         }
         if (message) {
             value = [value, message];
@@ -428,7 +429,7 @@ var FormValidator = /** @class */ (function (_super) {
         else if (customMessage) {
             value = [value, customMessage];
         }
-        ruleCon[ruleName] = value;
+        ruleCon["" + ruleName] = value;
     };
     // Wire events to the form elements
     FormValidator.prototype.wireEvents = function () {
@@ -521,10 +522,10 @@ var FormValidator = /** @class */ (function (_super) {
     };
     // Validate each rule based on input element name
     FormValidator.prototype.validateRules = function (name) {
-        if (!this.rules[name]) {
+        if (!this.rules["" + name]) {
             return;
         }
-        var rules = Object.keys(this.rules[name]);
+        var rules = Object.keys(this.rules["" + name]);
         var hiddenType = false;
         var validateHiddenType = false;
         var vhPos = rules.indexOf('validateHidden');
@@ -546,7 +547,7 @@ var FormValidator = /** @class */ (function (_super) {
             this.getErrorElement(name);
             for (var _i = 0, rules_2 = rules; _i < rules_2.length; _i++) {
                 var rule = rules_2[_i];
-                var errorMessage = this.getErrorMessage(this.rules[name][rule], rule);
+                var errorMessage = this.getErrorMessage(this.rules["" + name]["" + rule], rule);
                 var errorRule = { name: name, message: errorMessage };
                 var eventArgs = {
                     inputName: name,
@@ -592,7 +593,7 @@ var FormValidator = /** @class */ (function (_super) {
     };
     // Update the optional validation status
     FormValidator.prototype.optionalValidationStatus = function (name, refer) {
-        if (!this.rules[name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
+        if (!this.rules["" + name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
             this.infoElement.innerHTML = this.inputElement.value;
             this.infoElement.setAttribute('aria-invalid', 'false');
             refer.status = '';
@@ -601,9 +602,9 @@ var FormValidator = /** @class */ (function (_super) {
     };
     // Check the input element whether it's value satisfy the validation rule or not
     FormValidator.prototype.isValid = function (name, rule) {
-        var params = this.rules[name][rule];
+        var params = this.rules["" + name]["" + rule];
         var param = (params instanceof Array && typeof params[1] === 'string') ? params[0] : params;
-        var currentRule = this.rules[name][rule];
+        var currentRule = this.rules["" + name]["" + rule];
         var args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element };
         this.trigger('validationBegin', args);
         if (!args.param && rule === 'required') {
@@ -620,7 +621,7 @@ var FormValidator = /** @class */ (function (_super) {
             return selectAll('input[name="' + name + '"]:checked', this.element).length > 0;
         }
         else {
-            return FormValidator_1.checkValidator[rule](args);
+            return FormValidator_1.checkValidator["" + rule](args);
         }
     };
     // Return default error message or custom error message
@@ -628,12 +629,12 @@ var FormValidator = /** @class */ (function (_super) {
         var message = this.inputElement.getAttribute('data-' + rule + '-message') ?
             this.inputElement.getAttribute('data-' + rule + '-message') :
             (ruleValue instanceof Array && typeof ruleValue[1] === 'string') ? ruleValue[1] :
-                (Object.keys(this.localyMessage).length !== 0) ? this.localyMessage[rule] : this.defaultMessages[rule];
+                (Object.keys(this.localyMessage).length !== 0) ? this.localyMessage["" + rule] : this.defaultMessages["" + rule];
         var formats = message.match(/{(\d)}/g);
         if (!isNullOrUndefined(formats)) {
             for (var i = 0; i < formats.length; i++) {
-                var value = ruleValue instanceof Array ? ruleValue[i] : ruleValue;
-                message = message.replace(formats[i], value);
+                var value = ruleValue instanceof Array ? ruleValue[parseInt(i.toString())] : ruleValue;
+                message = message.replace(formats[parseInt(i.toString())], value);
             }
         }
         return message;
@@ -685,7 +686,7 @@ var FormValidator = /** @class */ (function (_super) {
     // Remove existing rule from errorRules object
     FormValidator.prototype.removeErrorRules = function (name) {
         for (var i = 0; i < this.errorRules.length; i++) {
-            var rule = this.errorRules[i];
+            var rule = this.errorRules[parseInt(i.toString())];
             if (rule.name === name) {
                 this.errorRules.splice(i, 1);
             }
@@ -709,7 +710,7 @@ var FormValidator = /** @class */ (function (_super) {
     };
     // Check whether the input element have required rule and its value is not empty
     FormValidator.prototype.checkRequired = function (name) {
-        if (!this.rules[name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
+        if (!this.rules["" + name][this.required] && !this.inputElement.value.length && !isNullOrUndefined(this.infoElement)) {
             this.infoElement.innerHTML = this.inputElement.value;
             this.infoElement.setAttribute('aria-invalid', 'false');
             this.hideMessage(name);
@@ -787,6 +788,7 @@ var FormValidator = /** @class */ (function (_super) {
             }
         },
         regex: function (option) {
+            /* eslint-disable-next-line security/detect-non-literal-regexp */
             return new RegExp(option.param).test(option.value);
         },
         equalTo: function (option) {

package/src/input/input.js

@@ -302,7 +302,7 @@ export var Input;
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     function wireClearBtnEvents(element, button, container) {
-        if (isBindClearAction == undefined || isBindClearAction) {
+        if (isBindClearAction === undefined || isBindClearAction) {
             button.addEventListener('click', function (event) {
                 if (!(element.classList.contains(CLASSNAMES.DISABLE) || element.readOnly)) {
                     event.preventDefault();
@@ -431,7 +431,7 @@ export var Input;
      * @param {HTMLElement} container - The parent element which is need to get the label span to calculate width
      */
     function calculateWidth(element, container, moduleName) {
-        var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'));
+        var elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'), 10);
         if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
             if (container.getElementsByClassName('e-float-text-content')[0].classList.contains('e-float-text-overflow')) {
                 container.getElementsByClassName('e-float-text-content')[0].classList.remove('e-float-text-overflow');
@@ -633,10 +633,10 @@ export var Input;
                 parentElement.classList.add(CLASSNAMES.DISABLE);
             }
             if (key === 'placeholder' && parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
-                parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = attrs[key];
+                parentElement.getElementsByClassName(CLASSNAMES.FLOATTEXT)[0].textContent = attrs["" + key];
             }
             else {
-                element.setAttribute(key, attrs[key]);
+                element.setAttribute(key, attrs["" + key]);
             }
         }
     }
@@ -738,7 +738,7 @@ export var Input;
      */
     function setRipple(isRipple, inputObj) {
         for (var i = 0; i < inputObj.length; i++) {
-            _internalRipple(isRipple, inputObj[i].container);
+            _internalRipple(isRipple, inputObj[parseInt(i.toString())].container);
         }
     }
     Input.setRipple = setRipple;
@@ -749,14 +749,14 @@ export var Input;
             container.querySelectorAll('.e-input-group-icon') : argsButton;
         if (isRipple && buttons.length > 0) {
             for (var index = 0; index < buttons.length; index++) {
-                buttons[index].addEventListener('mousedown', _onMouseDownRipple, false);
-                buttons[index].addEventListener('mouseup', _onMouseUpRipple, false);
+                buttons[parseInt(index.toString())].addEventListener('mousedown', _onMouseDownRipple, false);
+                buttons[parseInt(index.toString())].addEventListener('mouseup', _onMouseUpRipple, false);
             }
         }
         else if (buttons.length > 0) {
             for (var index = 0; index < buttons.length; index++) {
-                buttons[index].removeEventListener('mousedown', _onMouseDownRipple, this);
-                buttons[index].removeEventListener('mouseup', _onMouseUpRipple, this);
+                buttons[parseInt(index.toString())].removeEventListener('mousedown', _onMouseDownRipple, this);
+                buttons[parseInt(index.toString())].removeEventListener('mouseup', _onMouseUpRipple, this);
             }
         }
     }
@@ -844,7 +844,7 @@ export var Input;
             var result = container.querySelectorAll(inputElement.tagName + ' ~ *');
             innerWrapper.appendChild(inputElement);
             for (var i = 0; i < result.length; i++) {
-                innerWrapper.appendChild(result[i]);
+                innerWrapper.appendChild(result[parseInt(i.toString())]);
             }
         }
         innerWrapper.parentNode.insertBefore(button, innerWrapper);

package/src/maskedtextbox/base/mask-base.js

@@ -80,7 +80,7 @@ export function createMask() {
         if (!isNullOrUndefined(this.customCharacters)) {
             for (var i = 0; i < this.promptMask.length; i++) {
                 if (!isNullOrUndefined(this.customCharacters[this.promptMask[i]])) {
-                    // eslint-disable-next-line detect-non-literal-regexp
+                    /* eslint-disable-next-line security/detect-non-literal-regexp */
                     this.promptMask = this.promptMask.replace(new RegExp(this.promptMask[i], 'g'), this.promptChar);
                 }
             }
@@ -380,7 +380,7 @@ export function maskInputBlurHandler(event) {
         event: event,
         value: this.value,
         maskedValue: this.element.value,
-        container: !isNullOrUndefined(this.inputObj) ? this.inputObj.container : this.inputObj,
+        container: !isNullOrUndefined(this.inputObj) ? this.inputObj.container : this.inputObj
     };
     this.trigger('blur', this.blurEventArgs);
     if (this.mask) {
@@ -843,13 +843,13 @@ function validateValue(key, isCtrlKey, event) {
                 var customValStr = this.customCharacters["" + curMask];
                 var customValArr = customValStr.split(',');
                 for (var i = 0; i < customValArr.length; i++) {
-                    // eslint-disable-next-line detect-non-literal-regexp
+                    /* eslint-disable-next-line security/detect-non-literal-regexp */
                     if (keyValue.match(new RegExp('[' + customValArr[i] + ']'))) {
                         allowText = true;
                         break;
                     }
                 }
-                // eslint-disable-next-line detect-non-literal-regexp
+                /* eslint-disable-next-line security/detect-non-literal-regexp */
             }
             else if (!isNullOrUndefined(this.regExpCollec["" + curMask]) && keyValue.match(new RegExp(this.regExpCollec["" + curMask]))
                 && this.promptMask[startIndex] === this.promptChar) {
@@ -857,7 +857,7 @@ function validateValue(key, isCtrlKey, event) {
             }
             else if (this.promptMask[startIndex] === this.promptChar && this.customRegExpCollec[startIndex][0] === '['
                 && this.customRegExpCollec[startIndex][this.customRegExpCollec[startIndex].length - 1] === ']'
-                // eslint-disable-next-line detect-non-literal-regexp
+                /* eslint-disable-next-line security/detect-non-literal-regexp */
                 && keyValue.match(new RegExp(this.customRegExpCollec[startIndex]))) {
                 allowText = true;
             }

package/src/maskedtextbox/maskedtextbox/maskedtextbox.js

@@ -378,13 +378,13 @@ var MaskedTextBox = /** @class */ (function (_super) {
                     else {
                         this.promptChar = '_';
                     }
-                    // eslint-disable-next-line detect-non-literal-regexp
+                    /* eslint-disable-next-line security/detect-non-literal-regexp */
                     var value = this.element.value.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
                     if (this.promptMask === this.element.value) {
-                        // eslint-disable-next-line detect-non-literal-regexp
+                        /* eslint-disable-next-line security/detect-non-literal-regexp */
                         value = this.promptMask.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
                     }
-                    // eslint-disable-next-line detect-non-literal-regexp
+                    /* eslint-disable-next-line security/detect-non-literal-regexp */
                     this.promptMask = this.promptMask.replace(new RegExp('[' + oldProp.promptChar + ']', 'g'), this.promptChar);
                     this.undoCollec = this.redoCollec = [];
                     setElementValue.call(this, value);

package/src/numerictextbox/numerictextbox.js

@@ -161,7 +161,7 @@ var NumericTextBox = /** @class */ (function (_super) {
             if (this.element.hasAttribute('data-val')) {
                 this.element.setAttribute('data-val', 'false');
             }
-            if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+            if (!isNullOrUndefined(closest(this.element, 'fieldset')) && closest(this.element, 'fieldset').disabled) {
                 this.enabled = false;
             }
             this.renderComplete();
@@ -855,7 +855,7 @@ var NumericTextBox = /** @class */ (function (_super) {
         }
         var currentChar = String.fromCharCode(event.which);
         var decimalSeparator = getValue('decimal', getNumericObject(this.locale));
-        var isAlterNumPadDecimalChar = event.code === "NumpadDecimal" && currentChar !== decimalSeparator;
+        var isAlterNumPadDecimalChar = event.code === 'NumpadDecimal' && currentChar !== decimalSeparator;
         //EJ2-59813-replace the culture decimal separator value with numberpad decimal separator value when culture decimal separator and numberpad decimal separator are different
         if (isAlterNumPadDecimalChar) {
             currentChar = decimalSeparator;
@@ -892,7 +892,7 @@ var NumericTextBox = /** @class */ (function (_super) {
         if (this.decimals && this.validateDecimalOnType) {
             fractionRule = '{0,' + this.decimals + '}';
         }
-        // eslint-disable-next-line detect-non-literal-regexp
+        /* eslint-disable-next-line security/detect-non-literal-regexp */
         return new RegExp('^(-)?(((\\d+(' + decimalSeparator + '\\d' + fractionRule +
             ')?)|(' + decimalSeparator + '\\d' + fractionRule + ')))?$');
     };
@@ -1005,7 +1005,7 @@ var NumericTextBox = /** @class */ (function (_super) {
     };
     NumericTextBox.prototype.touchMoveOnSpinner = function (event) {
         var target;
-        if (event.type === "touchmove") {
+        if (event.type === 'touchmove') {
             var touchEvent = event.touches;
             target = touchEvent.length && document.elementFromPoint(touchEvent[0].pageX, touchEvent[0].pageY);
         }

package/src/rating/rating-model.d.ts

@@ -10,7 +10,9 @@ export interface RatingModel extends ComponentModel{
     /**
      * Defines whether to show or hide the reset button in a rating component.
      * When set to "true", the reset button will be visible to the user, and they will be able to click it to reset the rating value to its default value.
-     *
+     * 
+     * {% codeBlock src='rating/allowReset/index.md' %}{% endcodeBlock %}
+     * 
      * @default false
      */
     allowReset?: boolean;
@@ -58,7 +60,9 @@ export interface RatingModel extends ComponentModel{
 
     /**
      * Defines the template that defines the appearance of each rated item in a rating component.
-     *
+     * 
+     * {% codeBlock src='rating/fullTemplate/index.md' %}{% endcodeBlock %}
+     * 
      * @default ''
      */
     fullTemplate?: string;
@@ -80,7 +84,9 @@ export interface RatingModel extends ComponentModel{
      * * Bottom
      * * Left
      * * Right
-     *
+     * 
+     * {% codeBlock src='rating/labelPosition/index.md' %}{% endcodeBlock %}
+     * 
      * @isenumeration true
      * @default LabelPosition.Right
      * @asptype LabelPosition
@@ -89,7 +95,9 @@ export interface RatingModel extends ComponentModel{
 
     /**
      * Defines the template that used as label over default label of the rating. The current value of rating passed as context to build the content.
-     *
+     * 
+     * {% codeBlock src='rating/labelTemplate/index.md' %}{% endcodeBlock %}
+     * 
      * @default ''
      */
     labelTemplate?: string;
@@ -112,7 +120,9 @@ export interface RatingModel extends ComponentModel{
      * * Half
      * * Quarter
      * * Exact
-     *
+     * 
+     * {% codeBlock src='rating/precision/index.md' %}{% endcodeBlock %}
+     * 
      * @isenumeration true
      * @default PrecisionType.Full
      * @asptype PrecisionType
@@ -130,7 +140,9 @@ export interface RatingModel extends ComponentModel{
     /**
      * Defines a value that specifies whether to display a label that shows the current value of a rating.
      * When set to "true", a label will be displayed that shows the current value of the rating; otherwise false.
-     *
+     * 
+     * {% codeBlock src='rating/showLabel/index.md' %}{% endcodeBlock %}
+     * 
      * @default false
      */
     showLabel?: boolean;
@@ -146,7 +158,9 @@ export interface RatingModel extends ComponentModel{
     /**
      * Defines the template that used as tooltip content over default tooltip content of the rating.
      * The current value of rating passed as context to build the content.
-     *
+     * 
+     * {% codeBlock src='rating/tooltipTemplate/index.md' %}{% endcodeBlock %}
+     * 
      * @default ''
      */
     tooltipTemplate?: string;
@@ -156,7 +170,9 @@ export interface RatingModel extends ComponentModel{
      * Based on "PrecisionType", users can select ratings with varying levels of precision.
      * The "value" is a decimal value that ranges from the minimum value to the items count,
      * as specified by the "min" and "itemsCount" properties of the rating.
-     *
+     * 
+     * {% codeBlock src='rating/value/index.md' %}{% endcodeBlock %}
+     * 
      * @default 0.0
      * @aspType double
      */
@@ -172,7 +188,9 @@ export interface RatingModel extends ComponentModel{
 
     /**
      * Event callback that is raised before rendering each item.
-     *
+     * 
+     * {% codeBlock src='rating/beforeItemRenderEvent/index.md' %}{% endcodeBlock %}
+     * 
      * @event beforeItemRender
      */
     beforeItemRender?: EmitType<RatingItemEventArgs>;
@@ -186,14 +204,18 @@ export interface RatingModel extends ComponentModel{
 
     /**
      * Event callback that is raised when a user hovers over an item.
-     *
+     * 
+     * {% codeBlock src='rating/onItemHoverEvent/index.md' %}{% endcodeBlock %}
+     * 
      * @event onItemHover
      */
     onItemHover?: EmitType<RatingHoverEventArgs>;
 
     /**
      * Event callback that is raised when the value is changed.
-     *
+     * 
+     * {% codeBlock src='rating/valueChangedEvent/index.md' %}{% endcodeBlock %}
+     * 
      * @event valueChanged
      */
     valueChanged?: EmitType<RatingChangedEventArgs>;