@syncfusion/ej2-inputs 21.1.39 → 21.2.4

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

@@ -1143,7 +1143,12 @@ let NumericTextBox = class NumericTextBox extends Component {
                 'validateHidden': 'true', 'class': HIDDENELEMENT } }));
         this.inputName = this.inputName !== null ? this.inputName : this.element.id;
         this.element.removeAttribute('name');
-        attributes(this.hiddenInput, { 'name': this.inputName });
+        if (this.isAngular && this.angularTagName === 'EJS-NUMERICTEXTBOX' && this.cloneElement.id.length > 0) {
+            attributes(this.hiddenInput, { 'name': this.cloneElement.id });
+        }
+        else {
+            attributes(this.hiddenInput, { 'name': this.inputName });
+        }
         this.container.insertBefore(this.hiddenInput, this.container.childNodes[1]);
         this.updateDataAttribute(false);
         if (this.inputStyle !== null) {
@@ -1383,7 +1388,7 @@ let NumericTextBox = class NumericTextBox extends Component {
         this.updateValue(parsedInput, event);
     }
     raiseChangeEvent(event) {
-        if (this.prevValue !== this.value) {
+        if (this.prevValue !== this.value || this.prevValue !== this.inputValue) {
             const eventArgs = {};
             this.changeEventArgs = { value: this.value, previousValue: this.prevValue, isInteracted: this.isInteract,
                 isInteraction: this.isInteract, event: event };
@@ -1598,6 +1603,7 @@ let NumericTextBox = class NumericTextBox extends Component {
                 value = this.roundNumber(value, this.decimals);
             }
         }
+        this.inputValue = value;
         this.changeValue(value === null || isNaN(value) ? null : this.strictMode ? this.trimValue(value) : value);
         /* istanbul ignore next */
         if (!this.isDynamicChange) {
@@ -6525,6 +6531,7 @@ let Slider = class Slider extends Component {
                 case 'tooltip':
                     if (!isNullOrUndefined(newProp.tooltip) && !isNullOrUndefined(oldProp.tooltip)) {
                         this.setTooltip(prop);
+                        this.wireEvents();
                     }
                     break;
                 case 'type':
@@ -12410,6 +12417,11 @@ let ColorPicker = class ColorPicker extends Component {
     }
     destroyOtherComp() {
         if (this.isPicker()) {
+            const popup = closest(this.hueSlider.element, '.e-color-picker');
+            const numericElemColl = popup.querySelectorAll('.e-numerictextbox');
+            for (let i = 0; i < numericElemColl.length; i++) {
+                getInstance(numericElemColl[i], NumericTextBox).destroy();
+            }
             this.hueSlider.destroy();
             if (this.enableOpacity) {
                 this.opacitySlider.destroy();
@@ -13006,7 +13018,7 @@ let TextBox = class TextBox extends Component {
                         this.updateHTMLAttrToElement();
                         this.updateHTMLAttrToWrapper();
                         this.checkAttributes(true);
-                        Input.validateInputType(this.textboxWrapper.container, this.element);
+                        this.multiline && !isNullOrUndefined(this.textarea) ? Input.validateInputType(this.textboxWrapper.container, this.textarea) : Input.validateInputType(this.textboxWrapper.container, this.element);
                     }
                     break;
                 case 'readonly':
@@ -13268,7 +13280,7 @@ let TextBox = class TextBox extends Component {
         if (!isNullOrUndefined(this.htmlAttributes)) {
             for (const key of Object.keys(this.htmlAttributes)) {
                 if (containerAttr.indexOf(key) < 0) {
-                    this.element.setAttribute(key, this.htmlAttributes[`${key}`]);
+                    this.multiline && !isNullOrUndefined(this.textarea) ? this.textarea.setAttribute(key, this.htmlAttributes[`${key}`]) : this.element.setAttribute(key, this.htmlAttributes[`${key}`]);
                 }
             }
         }