@syncfusion/ej2-inputs 22.1.39 → 22.2.5

package/dist/es6/ej2-inputs.es2015.js

@@ -4192,7 +4192,7 @@ let Slider = class Slider extends Component {
         this.setCSSClass();
     }
     setElementWidth(width) {
-        if (!isNullOrUndefined(width)) {
+        if (!isNullOrUndefined(width) && !isNullOrUndefined(this.sliderContainer)) {
             if (typeof width === 'number') {
                 this.sliderContainer.style.width = formatUnit(width);
             }
@@ -4752,10 +4752,12 @@ let Slider = class Slider extends Component {
                 this.tooltipElement.style.transform = this.getTooltipTransformProperties(this.previousTooltipClass).rotate;
             }
             if (this.type === 'Default') {
-                setTimeout(() => { this.tooltipElement.style.transition = this.transition.handle; }, 2500);
+                setTimeout(() => { if (this.tooltipElement)
+                    this.tooltipElement.style.transition = this.transition.handle; }, 2500);
             }
             else {
-                setTimeout(() => { this.tooltipElement.style.transition = 'none'; }, 2500);
+                setTimeout(() => { if (this.tooltipElement)
+                    this.tooltipElement.style.transition = 'none'; }, 2500);
             }
         }
     }
@@ -4773,7 +4775,8 @@ let Slider = class Slider extends Component {
             this.tooltipElement.classList.remove(classNames.materialTooltipOpen);
             this.setTooltipTransform();
             this.tooltipTarget = undefined;
-            setTimeout(() => { this.tooltipElement.style.transition = 'none'; }, 2500);
+            setTimeout(() => { if (this.tooltipElement)
+                this.tooltipElement.style.transition = 'none'; }, 2500);
         }
     }
     checkTooltipPosition(args) {
@@ -4799,6 +4802,8 @@ let Slider = class Slider extends Component {
     }
     setTooltipTransform() {
         let transformProperties = this.getTooltipTransformProperties(this.previousTooltipClass);
+        if (isNullOrUndefined(this.tooltipElement))
+            return;
         if (this.tooltipElement.firstElementChild.innerText.length > 4) {
             this.tooltipElement.style.transform = `${transformProperties.translate} scale(0.01)`;
         }
@@ -5336,7 +5341,7 @@ let Slider = class Slider extends Component {
         }
     }
     setRangeBar() {
-        if (this.orientation === 'Horizontal') {
+        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');
@@ -5349,7 +5354,7 @@ let Slider = class Slider extends Component {
                 setStyleAttribute(this.rangeBar, { 'width': this.handlePos2 - this.handlePos1 + 'px' });
             }
         }
-        else {
+        else if (!isNullOrUndefined(this.rangeBar)) {
             if (this.type === 'MinRange') {
                 this.rangeBar.style.bottom = this.min > this.max ? this.handlePos1 + 'px' : '0px';
                 setStyleAttribute(this.rangeBar, { 'height': isNullOrUndefined(this.handlePos1) ? 0 : this.min > this.max ? this.element.clientHeight - this.handlePos1 + 'px' : this.handlePos1 + 'px' });
@@ -5486,7 +5491,7 @@ let Slider = class Slider extends Component {
         this.setRangeValue();
     }
     modifyZindex() {
-        if (this.type === 'Range') {
+        if (this.type === 'Range' && !isNullOrUndefined(this.firstHandle) && !isNullOrUndefined(this.secondHandle)) {
             if (this.activeHandle === 1) {
                 this.firstHandle.style.zIndex = (this.zIndex + 4) + '';
                 this.secondHandle.style.zIndex = (this.zIndex + 3) + '';
@@ -5669,11 +5674,12 @@ let Slider = class Slider extends Component {
      * @returns void
      */
     reposition() {
-        this.firstHandle.style.transition = 'none';
-        if (this.type !== 'Default') {
+        if (!isNullOrUndefined(this.firstHandle))
+            this.firstHandle.style.transition = 'none';
+        if (this.type !== 'Default' && !isNullOrUndefined(this.rangeBar)) {
             this.rangeBar.style.transition = 'none';
         }
-        if (this.type === 'Range') {
+        if (this.type === 'Range' && !isNullOrUndefined(this.secondHandle)) {
             this.secondHandle.style.transition = 'none';
         }
         this.handlePos1 = this.checkHandlePosition(this.handleVal1);
@@ -5684,17 +5690,17 @@ let Slider = class Slider extends Component {
             // eslint-disable-next-line
             this.enableRtl ? this.firstHandle.style.right =
                 `${this.handlePos1}px` : this.firstHandle.style.left = `${this.handlePos1}px`;
-            if (this.isMaterialTooltip) {
+            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.type === 'MinRange') {
+            if (this.type === 'MinRange' && !isNullOrUndefined(this.rangeBar)) {
                 // eslint-disable-next-line
                 this.enableRtl ? (this.rangeBar.style.right = '0px') : (this.rangeBar.style.left = '0px');
                 setStyleAttribute(this.rangeBar, { 'width': isNullOrUndefined(this.handlePos1) ? 0 : this.handlePos1 + 'px' });
             }
-            else if (this.type === 'Range') {
+            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`;
@@ -5730,8 +5736,9 @@ let Slider = class Slider extends Component {
         this.handleStart();
         if (!this.tooltip.isVisible) {
             setTimeout(() => {
-                this.firstHandle.style.transition = this.scaleTransform;
-                if (this.type === 'Range') {
+                if (!isNullOrUndefined(this.firstHandle))
+                    this.firstHandle.style.transition = this.scaleTransform;
+                if (this.type === 'Range' && !isNullOrUndefined(this.secondHandle)) {
                     this.secondHandle.style.transition = this.scaleTransform;
                 }
             });
@@ -6529,6 +6536,24 @@ let Slider = class Slider extends Component {
             this.tooltipObj.destroy();
         }
         this.element.innerHTML = '';
+        this.hiddenInput = null;
+        this.sliderContainer = null;
+        this.sliderTrack = null;
+        this.rangeBar = null;
+        this.firstHandle = null;
+        this.secondHandle = null;
+        this.tickElementCollection = null;
+        this.ul = null;
+        this.firstBtn = null;
+        this.secondBtn = null;
+        this.materialHandle = null;
+        this.tooltipObj = null;
+        this.tooltipTarget = null;
+        this.limitBarFirst = null;
+        this.limitBarSecond = null;
+        this.firstChild = null;
+        this.lastChild = null;
+        this.tooltipElement = null;
     }
     /**
      * Calls internally if any of the property value is changed.
@@ -6684,15 +6709,16 @@ let Slider = class Slider extends Component {
     }
     setZindex() {
         this.zIndex = 6;
-        if (!isNullOrUndefined(this.ticks) && this.ticks.placement !== 'None') {
+        if (!isNullOrUndefined(this.ticks) && this.ticks.placement !== 'None' && !isNullOrUndefined(this.ul) && !isNullOrUndefined(this.element)) {
             this.ul.style.zIndex = (this.zIndex + -7) + '';
             this.element.style.zIndex = (this.zIndex + 2) + '';
         }
         if (!this.isMaterial && !this.isMaterial3 && !isNullOrUndefined(this.ticks) && this.ticks.placement === 'Both') {
             this.element.style.zIndex = (this.zIndex + 2) + '';
         }
-        this.firstHandle.style.zIndex = (this.zIndex + 3) + '';
-        if (this.type === 'Range') {
+        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) + '';
         }
     }
@@ -14370,18 +14396,28 @@ class SignatureBase extends Component {
      * @param {string} text - specify text to be drawn as signature.
      * @param {string} fontFamily - specify font family of a signature.
      * @param {number} fontSize - specify font size of a signature.
+     * @param {number} x- Specifies the x-coordinate to start the text of a signature. Default to the center point of the image if it not specified.
+     * @param {number} y - Specifies the y-coordinate to start the text of a signature. Default to the center point of the image if it not specified.
      *
      * @returns {void}.
      */
-    draw(text, fontFamily, fontSize) {
+    draw(text, fontFamily, fontSize, x, y) {
         const args = { actionName: 'draw-text' };
         this.canvasContext.clearRect(0, 0, this.canvasContext.canvas.width, this.canvasContext.canvas.height);
         fontFamily = fontFamily || 'Arial';
         fontSize = fontSize || 30;
         this.canvasContext.font = fontSize + 'px ' + fontFamily;
-        this.canvasContext.textAlign = 'center';
-        this.canvasContext.textBaseline = 'middle';
-        this.canvasContext.fillText(text, this.element.width / 2, this.element.height / 2);
+        let startX = this.element.width / 2;
+        let startY = this.element.height / 2;
+        if (isNullOrUndefined(x) && isNullOrUndefined(y)) {
+            this.canvasContext.textAlign = 'center';
+            this.canvasContext.textBaseline = 'middle';
+        }
+        else {
+            startX = isNullOrUndefined(x) ? startX : x;
+            startY = isNullOrUndefined(y) ? startY + fontSize / 2 : (y + fontSize / 2);
+        }
+        this.canvasContext.fillText(text, startX, startY);
         this.updateSnapCollection();
         this.isSignatureEmpty = false;
         this.trigger('change', args);