@syncfusion/ej2-inputs 25.2.6 → 26.1.35

package/src/slider/slider.js

@@ -227,7 +227,6 @@ var Slider = /** @class */ (function (_super) {
         return _this;
     }
     Slider.prototype.preRender = function () {
-        // eslint-disable-next-line
         var localeText = { incrementTitle: 'Increase', decrementTitle: 'Decrease' };
         this.l10n = new L10n('slider', localeText, this.locale);
         this.isElementFocused = false;
@@ -306,6 +305,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * To Initialize the control rendering
      *
+     * @returns {void}
      * @private
      */
     Slider.prototype.render = function () {
@@ -316,7 +316,7 @@ var Slider = /** @class */ (function (_super) {
         this.setZindex();
         this.renderComplete();
         if (this.element.tagName === 'EJS-SLIDER') {
-            if (this.getTheme(this.sliderContainer) == 'none') {
+            if (this.getTheme(this.sliderContainer) === 'none') {
                 setTimeout(function () {
                     _this.refresh();
                 }, 0);
@@ -368,6 +368,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * Initialize the rendering
      *
+     * @returns {void}
      * @private
      */
     Slider.prototype.initRender = function () {
@@ -387,7 +388,7 @@ var Slider = /** @class */ (function (_super) {
         this.setOrientClass();
         this.hiddenInput = (this.createElement('input', {
             attrs: {
-                type: 'hidden', value: (isNullOrUndefined(this.value) ? this.min.toString() : this.value.toString()),
+                type: 'hidden', value: (isNullOrUndefined(this.value) ? (isNullOrUndefined(this.min) ? '0' : this.min.toString()) : this.value.toString()),
                 name: this.element.getAttribute('name') || this.element.getAttribute('id') ||
                     '_' + (Math.random() * 1000).toFixed(0) + 'slider', class: classNames.sliderHiddenInput
             }
@@ -402,7 +403,7 @@ var Slider = /** @class */ (function (_super) {
             this.rangeValueUpdate();
         }
         else {
-            this.value = isNullOrUndefined(this.value) ? parseFloat(formatUnit(this.min.toString())) : this.value;
+            this.value = isNullOrUndefined(this.value) ? (isNullOrUndefined(this.min) ? 0 : parseFloat(formatUnit(this.min.toString()))) : this.value;
         }
         this.previousVal = this.type !== 'Range' ? this.checkHandleValue(parseFloat(formatUnit(this.value.toString()))) :
             [this.checkHandleValue(parseFloat(formatUnit(this.value[0].toString()))),
@@ -445,6 +446,7 @@ var Slider = /** @class */ (function (_super) {
         this.isTailwind = this.getTheme(this.sliderContainer) === 'tailwind' || this.getTheme(this.sliderContainer) === 'tailwind-dark';
         this.isBootstrap5 = this.getTheme(this.sliderContainer) === 'bootstrap5';
         this.isFluent = this.getTheme(this.sliderContainer) === 'FluentUI';
+        this.isFluent2 = this.getTheme(this.sliderContainer) === 'fluent2';
         this.isMaterialTooltip = (this.isMaterial || this.isMaterial3) && this.type !== 'Range' && this.tooltip.isVisible;
     };
     Slider.prototype.createRangeBar = function () {
@@ -506,7 +508,7 @@ var Slider = /** @class */ (function (_super) {
         }
         if (this.type !== 'Range') {
             attributes(element, {
-                'aria-valuemin': min.toString(), 'aria-valuemax': max.toString()
+                'aria-valuemin': isNullOrUndefined(min) ? '0' : min.toString(), 'aria-valuemax': (isNullOrUndefined(max) ? '100' : max.toString())
             });
         }
         else {
@@ -652,8 +654,12 @@ var Slider = /** @class */ (function (_super) {
         }
     };
     Slider.prototype.setEnableRTL = function () {
-        this.enableRtl && this.orientation !== 'Vertical' ? addClass([this.sliderContainer], classNames.rtl) :
+        if (this.enableRtl && this.orientation !== 'Vertical') {
+            addClass([this.sliderContainer], classNames.rtl);
+        }
+        else {
             removeClass([this.sliderContainer], classNames.rtl);
+        }
         var preDir = (this.orientation !== 'Vertical') ? this.horDir : this.verDir;
         if (this.enableRtl) {
             this.horDir = 'right';
@@ -711,8 +717,7 @@ var Slider = /** @class */ (function (_super) {
         }
     };
     Slider.prototype.setTooltipContent = function () {
-        var content;
-        content = this.formatContent(this.tooltipFormatInfo, false);
+        var content = this.formatContent(this.tooltipFormatInfo, false);
         var contentTemp = function () {
             return content;
         };
@@ -891,12 +896,14 @@ var Slider = /** @class */ (function (_super) {
                 this.tooltipElement.style.transform = this.getTooltipTransformProperties(this.previousTooltipClass).rotate;
             }
             if (this.type === 'Default') {
-                setTimeout(function () { if (_this.tooltipElement)
-                    _this.tooltipElement.style.transition = _this.transition.handle; }, 2500);
+                setTimeout(function () { if (_this.tooltipElement) {
+                    _this.tooltipElement.style.transition = _this.transition.handle;
+                } }, 2500);
             }
             else {
-                setTimeout(function () { if (_this.tooltipElement)
-                    _this.tooltipElement.style.transition = 'none'; }, 2500);
+                setTimeout(function () { if (_this.tooltipElement) {
+                    _this.tooltipElement.style.transition = 'none';
+                } }, 2500);
             }
         }
     };
@@ -915,8 +922,9 @@ var Slider = /** @class */ (function (_super) {
             this.tooltipElement.classList.remove(classNames.materialTooltipOpen);
             this.setTooltipTransform();
             this.tooltipTarget = undefined;
-            setTimeout(function () { if (_this.tooltipElement)
-                _this.tooltipElement.style.transition = 'none'; }, 2500);
+            setTimeout(function () { if (_this.tooltipElement) {
+                _this.tooltipElement.style.transition = 'none';
+            } }, 2500);
         }
     };
     Slider.prototype.checkTooltipPosition = function (args) {
@@ -942,8 +950,9 @@ var Slider = /** @class */ (function (_super) {
     };
     Slider.prototype.setTooltipTransform = function () {
         var transformProperties = this.getTooltipTransformProperties(this.previousTooltipClass);
-        if (isNullOrUndefined(this.tooltipElement))
+        if (isNullOrUndefined(this.tooltipElement)) {
             return;
+        }
         if (this.tooltipElement.firstElementChild.innerText.length > 4) {
             this.tooltipElement.style.transform = transformProperties.translate + " scale(0.01)";
         }
@@ -953,7 +962,8 @@ var Slider = /** @class */ (function (_super) {
     };
     Slider.prototype.renderTooltip = function () {
         this.tooltipObj = new Tooltip({
-            showTipPointer: this.isBootstrap || this.isMaterial || this.isMaterial3 || this.isBootstrap4 || this.isTailwind || this.isBootstrap5 || this.isFluent,
+            showTipPointer: this.isBootstrap || this.isMaterial || this.isMaterial3 ||
+                this.isBootstrap4 || this.isTailwind || this.isBootstrap5 || this.isFluent || this.isFluent2,
             cssClass: classNames.sliderTooltip,
             height: (this.isMaterial || this.isMaterial3) ? 30 : 'auto',
             animation: { open: { effect: 'None' }, close: { effect: 'FadeOut', duration: 500 } },
@@ -1025,13 +1035,21 @@ var Slider = /** @class */ (function (_super) {
         var value;
         if (args.target.parentElement.classList.contains(classNames.firstButton)
             || args.target.classList.contains(classNames.firstButton)) {
-            enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), true)) :
-                (value = this.add(hVal, parseFloat(this.step.toString()), false));
+            if (enabledRTL) {
+                value = this.add(hVal, parseFloat(this.step.toString()), true);
+            }
+            else {
+                value = this.add(hVal, parseFloat(this.step.toString()), false);
+            }
         }
         else if (args.target.parentElement.classList.contains(classNames.secondButton)
             || (args.target.classList.contains(classNames.secondButton))) {
-            enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), false)) :
-                (value = this.add(hVal, parseFloat(this.step.toString()), true));
+            if (enabledRTL) {
+                value = this.add(hVal, parseFloat(this.step.toString()), false);
+            }
+            else {
+                value = this.add(hVal, parseFloat(this.step.toString()), true);
+            }
         }
         if (this.limits.enabled) {
             value = this.getLimitCorrectedValues(value);
@@ -1082,11 +1100,8 @@ var Slider = /** @class */ (function (_super) {
         }
         return tickCount;
     };
-    // tslint:disable-next-line:max-func-body-length
     Slider.prototype.renderScale = function () {
-        var liElementPosition = 0;
         var orien = this.orientation === 'Vertical' ? 'v' : 'h';
-        var spanText;
         this.noOfDecimals = this.numberOfDecimals(this.step);
         this.ul = this.createElement('ul', {
             className: classNames.scale + ' ' + 'e-' + orien + '-scale ' + classNames.tick + '-' + this.ticks.placement.toLowerCase(),
@@ -1098,8 +1113,12 @@ var Slider = /** @class */ (function (_super) {
         }
         var smallStep = this.ticks.smallStep;
         if (!this.ticks.showSmallTicks) {
-            this.ticks.largeStep > 0 ? (smallStep = this.ticks.largeStep) :
-                (smallStep = (parseFloat(formatUnit(this.max))) - (parseFloat(formatUnit(this.min))));
+            if (this.ticks.largeStep > 0) {
+                smallStep = this.ticks.largeStep;
+            }
+            else {
+                smallStep = (parseFloat(formatUnit(this.max))) - (parseFloat(formatUnit(this.min)));
+            }
         }
         else if (smallStep <= 0) {
             smallStep = parseFloat(formatUnit(this.step));
@@ -1170,7 +1189,12 @@ var Slider = /** @class */ (function (_super) {
             if (islargeTick) {
                 li.classList.add(classNames.large);
             }
-            (orien === 'h') ? (li.style.width = tickWidth + '%') : (li.style.height = tickWidth + '%');
+            if (orien === 'h') {
+                li.style.width = tickWidth + '%';
+            }
+            else {
+                li.style.height = tickWidth + '%';
+            }
             var repeat = islargeTick ? (this.ticks.placement === 'Both' ? 2 : 1) : 0;
             if (islargeTick) {
                 for (var j = 0; j < repeat; j++) {
@@ -1234,7 +1258,7 @@ var Slider = /** @class */ (function (_super) {
         });
         li.appendChild(span);
         if (isNullOrUndefined(this.customValues)) {
-            this.formatTicksValue(li, start, span, tickWidth);
+            this.formatTicksValue(li, start, span);
         }
         else {
             if (this.enableHtmlSanitizer) {
@@ -1245,7 +1269,7 @@ var Slider = /** @class */ (function (_super) {
             }
         }
     };
-    Slider.prototype.formatTicksValue = function (li, start, spanElement, tickWidth) {
+    Slider.prototype.formatTicksValue = function (li, start, spanElement) {
         var _this = this;
         var tickText = this.formatNumber(start);
         var text = !isNullOrUndefined(this.ticks) && !isNullOrUndefined(this.ticks.format) ?
@@ -1265,19 +1289,21 @@ var Slider = /** @class */ (function (_super) {
     };
     Slider.prototype.scaleAlignment = function () {
         this.tickValuePosition();
-        var smallTick = 12;
-        var largeTick = 20;
-        var half = largeTick / 2;
-        var orien = this.orientation === 'Vertical' ? 'v' : 'h';
         if (this.orientation === 'Vertical') {
-            (this.element.getBoundingClientRect().width <= 15) ?
-                this.sliderContainer.classList.add(classNames.sliderSmallSize) :
+            if (this.element.getBoundingClientRect().width <= 15) {
+                this.sliderContainer.classList.add(classNames.sliderSmallSize);
+            }
+            else {
                 this.sliderContainer.classList.remove(classNames.sliderSmallSize);
+            }
         }
         else {
-            (this.element.getBoundingClientRect().height <= 15) ?
-                this.sliderContainer.classList.add(classNames.sliderSmallSize) :
+            if (this.element.getBoundingClientRect().height <= 15) {
+                this.sliderContainer.classList.add(classNames.sliderSmallSize);
+            }
+            else {
                 this.sliderContainer.classList.remove(classNames.sliderSmallSize);
+            }
         }
     };
     Slider.prototype.tickValuePosition = function () {
@@ -1371,13 +1397,22 @@ var Slider = /** @class */ (function (_super) {
             attributes(element, { 'aria-valuenow': valuenow, 'aria-valuetext': text });
         }
         else {
-            // eslint-disable-next-line
-            (!this.enableRtl) ? ((element === this.firstHandle) ?
-                attributes(element, { 'aria-valuenow': valuenow.split(' - ')[0], 'aria-valuetext': ariaValueText[0] }) :
-                attributes(element, { 'aria-valuenow': valuenow.split(' - ')[1], 'aria-valuetext': ariaValueText[1] })) :
-                ((element === this.firstHandle) ?
-                    attributes(element, { 'aria-valuenow': valuenow.split(' - ')[1], 'aria-valuetext': ariaValueText[1] }) :
-                    attributes(element, { 'aria-valuenow': valuenow.split(' - ')[0], 'aria-valuetext': ariaValueText[0] }));
+            if (!this.enableRtl) {
+                if (element === this.firstHandle) {
+                    attributes(element, { 'aria-valuenow': valuenow.split(' - ')[0], 'aria-valuetext': ariaValueText[0] });
+                }
+                else {
+                    attributes(element, { 'aria-valuenow': valuenow.split(' - ')[1], 'aria-valuetext': ariaValueText[1] });
+                }
+            }
+            else {
+                if (element === this.firstHandle) {
+                    attributes(element, { 'aria-valuenow': valuenow.split(' - ')[1], 'aria-valuetext': ariaValueText[1] });
+                }
+                else {
+                    attributes(element, { 'aria-valuenow': valuenow.split(' - ')[0], 'aria-valuetext': ariaValueText[0] });
+                }
+            }
         }
     };
     Slider.prototype.handleValueUpdate = function () {
@@ -1422,27 +1457,39 @@ var Slider = /** @class */ (function (_super) {
         var hVal = this.handleValueUpdate();
         if ((args.keyCode === 40) || (args.keyCode === 37)
             || args.currentTarget.classList.contains(classNames.firstButton)) {
-            // eslint-disable-next-line
-            enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), true)) :
-                (value = this.add(hVal, parseFloat(this.step.toString()), false));
+            if (enabledRTL) {
+                value = this.add(hVal, parseFloat(this.step.toString()), true);
+            }
+            else {
+                value = this.add(hVal, parseFloat(this.step.toString()), false);
+            }
         }
         else if ((args.keyCode === 38) || (args.keyCode === 39) ||
             args.currentTarget.classList.contains(classNames.secondButton)) {
-            // eslint-disable-next-line
-            enabledRTL ? (value = this.add(hVal, parseFloat(this.step.toString()), false)) :
-                (value = this.add(hVal, parseFloat(this.step.toString()), true));
+            if (enabledRTL) {
+                value = this.add(hVal, parseFloat(this.step.toString()), false);
+            }
+            else {
+                value = this.add(hVal, parseFloat(this.step.toString()), true);
+            }
         }
         else if ((args.keyCode === 33
             || args.currentTarget.classList.contains(classNames.firstButton))) {
-            // eslint-disable-next-line
-            enabledRTL ? (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), false)) :
-                (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), true));
+            if (enabledRTL) {
+                value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), false);
+            }
+            else {
+                value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), true);
+            }
         }
         else if ((args.keyCode === 34) ||
             args.currentTarget.classList.contains(classNames.secondButton)) {
-            // eslint-disable-next-line
-            enabledRTL ? (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), true)) :
-                (value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), false));
+            if (enabledRTL) {
+                value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), true);
+            }
+            else {
+                value = this.add(hVal, parseFloat(this.ticks.largeStep.toString()), false);
+            }
         }
         else if ((args.keyCode === 36)) {
             value = parseFloat(this.min < this.max ? this.min.toString() : this.max.toString());
@@ -1470,13 +1517,20 @@ var Slider = /** @class */ (function (_super) {
     };
     Slider.prototype.tooltipToggle = function (target) {
         if (this.isMaterialTooltip) {
-            // eslint-disable-next-line
-            !this.tooltipElement.classList.contains(classNames.materialTooltipOpen) ?
-                this.openMaterialTooltip() : this.refreshTooltip(this.firstHandle);
+            if (!this.tooltipElement.classList.contains(classNames.materialTooltipOpen)) {
+                this.openMaterialTooltip();
+            }
+            else {
+                this.refreshTooltip(this.firstHandle);
+            }
         }
         else {
-            // eslint-disable-next-line
-            !this.tooltipElement ? this.openTooltip(target) : this.refreshTooltip(target);
+            if (!this.tooltipElement) {
+                this.openTooltip(target);
+            }
+            else {
+                this.refreshTooltip(target);
+            }
         }
     };
     Slider.prototype.buttonUp = function (args) {
@@ -1490,14 +1544,21 @@ var Slider = /** @class */ (function (_super) {
     Slider.prototype.setRangeBar = function () {
         if (this.orientation === 'Horizontal' && !isNullOrUndefined(this.rangeBar)) {
             if (this.type === 'MinRange') {
-                // eslint-disable-next-line
-                this.enableRtl ? (this.rangeBar.style.right = '0px') : (this.rangeBar.style.left = '0px');
+                if (this.enableRtl) {
+                    this.rangeBar.style.right = '0px';
+                }
+                else {
+                    this.rangeBar.style.left = '0px';
+                }
                 setStyleAttribute(this.rangeBar, { 'width': isNullOrUndefined(this.handlePos1) ? 0 : this.handlePos1 + 'px' });
             }
             else {
-                // eslint-disable-next-line
-                this.enableRtl ? (this.rangeBar.style.right =
-                    this.handlePos1 + 'px') : (this.rangeBar.style.left = this.handlePos1 + 'px');
+                if (this.enableRtl) {
+                    this.rangeBar.style.right = this.handlePos1 + 'px';
+                }
+                else {
+                    this.rangeBar.style.left = this.handlePos1 + 'px';
+                }
                 setStyleAttribute(this.rangeBar, { 'width': this.handlePos2 - this.handlePos1 + 'px' });
             }
         }
@@ -1601,10 +1662,9 @@ var Slider = /** @class */ (function (_super) {
             this.checkHandleValue(parseFloat(this.value.toString()));
         this.handlePos1 = this.checkHandlePosition(this.handleVal1);
         this.preHandlePos1 = this.handlePos1;
-        // eslint-disable-next-line
-        isNullOrUndefined(this.activeHandle) ? (this.type === 'Range' ? this.activeHandle = 2 : this.activeHandle = 1) :
-            // eslint-disable-next-line no-self-assign
-            this.activeHandle = this.activeHandle;
+        if (isNullOrUndefined(this.activeHandle)) {
+            this.activeHandle = this.type === 'Range' ? 2 : 1;
+        }
         if (this.type === 'Default' || this.type === 'MinRange') {
             if (this.limits.enabled) {
                 var values = this.getLimitValueAndPosition(this.handleVal1, this.limits.minStart, this.limits.minEnd);
@@ -1664,10 +1724,16 @@ var Slider = /** @class */ (function (_super) {
         }
         this.handleStart();
         handle.forEach(function (handle) {
+            if (isNullOrUndefined(handle)) {
+                return;
+            }
             if (_this.orientation === 'Horizontal') {
-                // eslint-disable-next-line
-                _this.enableRtl ? (handle.style.right =
-                    pos + "px") : (handle.style.left = pos + "px");
+                if (_this.enableRtl) {
+                    handle.style.right = pos + "px";
+                }
+                else {
+                    handle.style.left = pos + "px";
+                }
             }
             else {
                 handle.style.bottom = pos + "px";
@@ -1819,12 +1885,13 @@ var Slider = /** @class */ (function (_super) {
     /**
      * It is used to reposition slider.
      *
-     * @returns void
+     * @returns {void}
      */
     Slider.prototype.reposition = function () {
         var _this = this;
-        if (!isNullOrUndefined(this.firstHandle))
+        if (!isNullOrUndefined(this.firstHandle)) {
             this.firstHandle.style.transition = 'none';
+        }
         if (this.type !== 'Default' && !isNullOrUndefined(this.rangeBar)) {
             this.rangeBar.style.transition = 'none';
         }
@@ -1836,26 +1903,38 @@ var Slider = /** @class */ (function (_super) {
             this.handlePos2 = this.checkHandlePosition(this.handleVal2);
         }
         if (this.orientation === 'Horizontal') {
-            // eslint-disable-next-line
-            this.enableRtl ? this.firstHandle.style.right =
-                this.handlePos1 + "px" : this.firstHandle.style.left = this.handlePos1 + "px";
+            if (this.enableRtl) {
+                this.firstHandle.style.right = this.handlePos1 + "px";
+            }
+            else {
+                this.firstHandle.style.left = this.handlePos1 + "px";
+            }
             if (this.isMaterialTooltip && !isNullOrUndefined(this.materialHandle)) {
-                // eslint-disable-next-line
-                this.enableRtl ? this.materialHandle.style.right =
-                    this.handlePos1 + "px" : this.materialHandle.style.left = this.handlePos1 + "px";
+                if (this.enableRtl) {
+                    this.materialHandle.style.right = this.handlePos1 + "px";
+                }
+                else {
+                    this.materialHandle.style.left = this.handlePos1 + "px";
+                }
             }
             if (this.type === 'MinRange' && !isNullOrUndefined(this.rangeBar)) {
-                // eslint-disable-next-line
-                this.enableRtl ? (this.rangeBar.style.right = '0px') : (this.rangeBar.style.left = '0px');
+                if (this.enableRtl) {
+                    this.rangeBar.style.right = '0px';
+                }
+                else {
+                    this.rangeBar.style.left = '0px';
+                }
                 setStyleAttribute(this.rangeBar, { 'width': isNullOrUndefined(this.handlePos1) ? 0 : this.handlePos1 + 'px' });
             }
             else if (this.type === 'Range' && !isNullOrUndefined(this.secondHandle) && !isNullOrUndefined(this.rangeBar)) {
-                // eslint-disable-next-line
-                this.enableRtl ? this.secondHandle.style.right =
-                    this.handlePos2 + "px" : this.secondHandle.style.left = this.handlePos2 + "px";
-                // eslint-disable-next-line
-                this.enableRtl ? (this.rangeBar.style.right =
-                    this.handlePos1 + 'px') : (this.rangeBar.style.left = this.handlePos1 + 'px');
+                if (this.enableRtl) {
+                    this.secondHandle.style.right = this.handlePos2 + "px";
+                    this.rangeBar.style.right = this.handlePos1 + 'px';
+                }
+                else {
+                    this.secondHandle.style.left = this.handlePos2 + "px";
+                    this.rangeBar.style.left = this.handlePos1 + 'px';
+                }
                 setStyleAttribute(this.rangeBar, { 'width': this.handlePos2 - this.handlePos1 + 'px' });
             }
         }
@@ -1885,8 +1964,9 @@ var Slider = /** @class */ (function (_super) {
         this.handleStart();
         if (!this.tooltip.isVisible) {
             setTimeout(function () {
-                if (!isNullOrUndefined(_this.firstHandle))
+                if (!isNullOrUndefined(_this.firstHandle)) {
                     _this.firstHandle.style.transition = _this.scaleTransform;
+                }
                 if (_this.type === 'Range' && !isNullOrUndefined(_this.secondHandle)) {
                     _this.secondHandle.style.transition = _this.scaleTransform;
                 }
@@ -1932,7 +2012,6 @@ var Slider = /** @class */ (function (_super) {
             this.setHandlePosition(null);
         }
     };
-    // eslint-disable-next-line
     Slider.prototype.tempStartEnd = function () {
         if (this.min > this.max) {
             return {
@@ -1947,7 +2026,6 @@ var Slider = /** @class */ (function (_super) {
             };
         }
     };
-    // eslint-disable-next-line
     Slider.prototype.xyToPosition = function (position) {
         var pos;
         if (this.min === this.max) {
@@ -2023,7 +2101,6 @@ var Slider = /** @class */ (function (_super) {
     };
     Slider.prototype.sliderBarClick = function (evt) {
         evt.preventDefault();
-        // eslint-disable-next-line
         var pos;
         if (evt.type === 'mousedown' || evt.type === 'mouseup' || evt.type === 'click') {
             pos = { x: evt.clientX, y: evt.clientY };
@@ -2076,7 +2153,7 @@ var Slider = /** @class */ (function (_super) {
             var eventX = evt.clientX, eventY = evt.clientY;
             behindElement = document.elementFromPoint(eventX, eventY);
         }
-        if (evt.target === handle && behindElement != handle) {
+        if (evt.target === handle && behindElement !== handle) {
             if ((this.isMaterial || this.isMaterial3) && !this.tooltip.isVisible &&
                 !this.getHandle().classList.contains(classNames.sliderTabHandle)) {
                 this.materialChange();
@@ -2098,7 +2175,7 @@ var Slider = /** @class */ (function (_super) {
         if (this.isMaterialTooltip) {
             this.initialTooltip = false;
         }
-        if (evt.target != handle) {
+        if (evt.target !== handle) {
             this.changeEvent('changed', evt);
         }
         if (this.type !== 'Default') {
@@ -2494,8 +2571,13 @@ var Slider = /** @class */ (function (_super) {
                     }
                 }
                 if (this.type === 'Range') {
-                    (event.target.previousSibling).classList.contains(classNames.sliderHandle) ?
-                        this.activeHandle = 2 : this.activeHandle = 1;
+                    var previousSibling = event.target.previousSibling;
+                    if (previousSibling && previousSibling.classList.contains(classNames.sliderHandle)) {
+                        this.activeHandle = 2;
+                    }
+                    else {
+                        this.activeHandle = 1;
+                    }
                 }
                 this.getHandle().focus();
                 this.tooltipToggle(this.getHandle());
@@ -2665,6 +2747,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * Get the properties to be maintained in the persisted state.
      *
+     * @returns {string} - Returns the string
      * @private
      */
     Slider.prototype.getPersistData = function () {
@@ -2676,7 +2759,7 @@ var Slider = /** @class */ (function (_super) {
      * Also it removes the attributes and classes.
      *
      * @method destroy
-     * @return {void}
+     * @returns {void}
      */
     Slider.prototype.destroy = function () {
         _super.prototype.destroy.call(this);
@@ -2687,7 +2770,9 @@ var Slider = /** @class */ (function (_super) {
         if (this.type === 'Range') {
             this.secondHandle.removeAttribute('aria-orientation');
         }
-        this.sliderContainer.parentNode.insertBefore(this.element, this.sliderContainer);
+        if (this.sliderContainer.parentNode) {
+            this.sliderContainer.parentNode.insertBefore(this.element, this.sliderContainer);
+        }
         detach(this.sliderContainer);
         if (this.tooltip.isVisible) {
             this.tooltipObj.destroy();
@@ -2715,9 +2800,11 @@ var Slider = /** @class */ (function (_super) {
     /**
      * Calls internally if any of the property value is changed.
      *
+     * @param {SliderModel} newProp - Specifies the new properties
+     * @param {SliderModel} oldProp - Specifies the old properties
+     * @returns {void}
      * @private
      */
-    // tslint:disable-next-line
     Slider.prototype.onPropertyChanged = function (newProp, oldProp) {
         var _this = this;
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
@@ -2877,8 +2964,9 @@ var Slider = /** @class */ (function (_super) {
         if (!this.isMaterial && !this.isMaterial3 && !isNullOrUndefined(this.ticks) && this.ticks.placement === 'Both') {
             this.element.style.zIndex = (this.zIndex + 2) + '';
         }
-        if (!isNullOrUndefined(this.firstHandle))
+        if (!isNullOrUndefined(this.firstHandle)) {
             this.firstHandle.style.zIndex = (this.zIndex + 3) + '';
+        }
         if (this.type === 'Range' && !isNullOrUndefined(this.secondHandle)) {
             this.secondHandle.style.zIndex = (this.zIndex + 4) + '';
         }
@@ -2912,7 +3000,8 @@ var Slider = /** @class */ (function (_super) {
                         trackClassName = classNames.sliderHorizantalColor;
                         if (this.enableRtl) {
                             if (isNullOrUndefined(this.customValues)) {
-                                trackPosition = this.checkHandlePosition(this.max) - this.checkHandlePosition(this.colorRange[i].end);
+                                trackPosition =
+                                    this.checkHandlePosition(this.max) - this.checkHandlePosition(this.colorRange[i].end);
                             }
                             else {
                                 trackPosition = this.checkHandlePosition(this.customValues.length - this.colorRange[i].end - 1);
@@ -2939,6 +3028,7 @@ var Slider = /** @class */ (function (_super) {
     /**
      * Gets the component name
      *
+     * @returns {string} - Returns the string
      * @private
      */
     Slider.prototype.getModuleName = function () {

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

@@ -97,18 +97,24 @@ export interface TextAreaModel extends ComponentModel{
 
     /**
      * Specifies the maximum number of characters allowed in TextArea.
+     *
+     * @aspType int?
      */
     maxLength?: number;
 
     /**
      * specifies the visible width of the textarea, measured in average character widths.
+     *
+     * @aspType int?
      */
-    columnsCount?: number;
+    cols?: number;
 
     /**
      * specifies the visible height of the textarea, measured in lines
+     *
+     * @aspType int?
      */
-    rowsCount?: number;
+    rows?: number;
 
     /**
      * Triggers when the TextArea component is created.