@syncfusion/ej2-inputs 29.2.4 → 30.1.37

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

@@ -1356,7 +1356,7 @@ let NumericTextBox = class NumericTextBox extends Component {
             attributes(this.element, { 'aria-readonly': 'true' });
         }
         this.hiddenInput = (this.createElement('input', { attrs: { type: 'text',
-                'validateHidden': 'true', 'aria-label': 'hidden', 'class': HIDDENELEMENT } }));
+                'data-validateHidden': 'true', 'aria-label': 'hidden', 'class': HIDDENELEMENT } }));
         this.inputName = this.inputName !== null ? this.inputName : this.element.id;
         this.element.removeAttribute('name');
         if (this.isAngular && this.angularTagName === 'EJS-NUMERICTEXTBOX' && this.cloneElement.id.length > 0) {
@@ -4585,9 +4585,13 @@ let Slider = class Slider extends Component {
         }
         else {
             const range = !isNullOrUndefined(this.customValues) && this.customValues.length > 0 ?
-                [[min.toString(), (this.customValues[this.value[1]]).toString()],
-                    [(this.customValues[this.value[0]]).toString(), max.toString()]] :
-                [[min.toString(), this.value[1].toString()], [this.value[0].toString(), max.toString()]];
+                [[!isNullOrUndefined(min) ? min.toString() : '', this.value.length > 1 && !isNullOrUndefined(this.customValues[this.value[1]]) ?
+                            (this.customValues[this.value[1]]).toString() : ''], [this.value.length > 0 && !isNullOrUndefined(this.customValues[this.value[0]]) ?
+                            (this.customValues[this.value[0]]).toString() : '', !isNullOrUndefined(max) ? max.toString() : '']] : [[
+                    !isNullOrUndefined(min) ? min.toString() : '', this.value.length > 1 && !isNullOrUndefined(this.value[1]) ? this.value[1].toString() : ''
+                ],
+                [this.value.length > 0 && !isNullOrUndefined(this.value[0]) ? this.value[0].toString() : '',
+                    !isNullOrUndefined(max) ? max.toString() : '']];
             range.forEach((range, index) => {
                 const element = index === 0 ? this.firstHandle : this.secondHandle;
                 if (element) {
@@ -10660,7 +10664,7 @@ let Uploader = class Uploader extends Component {
             metaData.request.httpRequest.abort();
         }
         const liElement = this.getLiElement(metaData.file);
-        if (isNullOrUndefined(this.template) && (isNullOrUndefined(custom) || !custom)) {
+        if (isNullOrUndefined(this.template) && (isNullOrUndefined(custom) || !custom) && liElement) {
             const targetElement = liElement.querySelector('.' + PAUSE_UPLOAD);
             targetElement.classList.remove(PAUSE_UPLOAD);
             targetElement.classList.add(RESUME_UPLOAD);
@@ -10811,8 +10815,10 @@ let Uploader = class Uploader extends Component {
         if (isNullOrUndefined(this.template) && (isNullOrUndefined(custom) || !custom) && liElement) {
             this.updateProgressBarClasses(liElement, UPLOAD_FAILED);
         }
-        metaData.retryCount += 1;
-        this.sendRequest(metaData.file, metaData);
+        if (metaData) {
+            metaData.retryCount += 1;
+            this.sendRequest(metaData.file, metaData);
+        }
     }
     checkPausePlayAction(e) {
         const targetElement = e.target;
@@ -11758,7 +11764,19 @@ let ColorPicker = class ColorPicker extends Component {
         const popupEle = this.getPopupEle();
         addClass([popupEle], 'e-colorpicker-popup');
         if (this.cssClass) {
-            addClass([popupEle], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+            const classes = this.cssClass.replace(/\s+/g, ' ').trim().split(' ');
+            if (popupEle) {
+                addClass([popupEle], classes);
+            }
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[0]) {
+                addClass([this.splitBtn.activeElem[0]], classes);
+            }
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[1]) {
+                addClass([this.splitBtn.activeElem[1]], classes);
+            }
+            if (this.splitBtn && this.splitBtn.element && this.splitBtn.element.parentElement) {
+                addClass([this.splitBtn.element.parentElement], classes);
+            }
         }
         if (Browser.isDevice && !this.createPopupOnClick) {
             const popupInst = this.getPopupInst();
@@ -13319,9 +13337,21 @@ let ColorPicker = class ColorPicker extends Component {
         const popupWrapper = this.getPopupEle();
         if (oldProp) {
             removeClass([wrapper, popupWrapper], oldProp.split(' '));
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[0] && this.splitBtn.activeElem[1]) {
+                removeClass([this.splitBtn.activeElem[0], this.splitBtn.activeElem[1]], oldProp.split(' '));
+            }
+            if (this.splitBtn && this.splitBtn.element && this.splitBtn.element.parentElement) {
+                removeClass([this.splitBtn.element.parentElement], oldProp.split(' '));
+            }
         }
         if (newProp) {
             addClass([wrapper, popupWrapper], newProp.replace(/\s+/g, ' ').trim().split(' '));
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[0] && this.splitBtn.activeElem[1]) {
+                addClass([this.splitBtn.activeElem[0], this.splitBtn.activeElem[1]], newProp.replace(/\s+/g, ' ').trim().split(' '));
+            }
+            if (this.splitBtn && this.splitBtn.element && this.splitBtn.element.parentElement) {
+                addClass([this.splitBtn.element.parentElement], newProp.replace(/\s+/g, ' ').trim().split(' '));
+            }
         }
     }
     changeRtlProps(newProp) {
@@ -18188,7 +18218,7 @@ __decorate$c([
     Property(false)
 ], ButtonSettings.prototype, "isPrimary", void 0);
 /**
- * Configuration settings for tooltips in the SpeechToText component.
+ * Configuration settings for tooltip in the SpeechToText component.
  * This allows customization of the tooltip content and its positioning.
  */
 class TooltipSettings extends ChildProperty {