@syncfusion/ej2-inputs 26.1.39 → 26.1.41

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

@@ -143,7 +143,7 @@ var Input;
     function checkInputValue(floatLabelType, inputElement) {
         const inputValue = inputElement.value;
         const inputParent = inputElement.parentElement;
-        const grandParent = inputParent.parentElement;
+        const grandParent = inputParent && inputParent.parentElement;
         if (inputValue !== '' && !isNullOrUndefined(inputValue)) {
             if (inputParent && inputParent.classList.contains('e-input-group')) {
                 inputParent.classList.add('e-valid-input');
@@ -564,7 +564,7 @@ var Input;
             return;
         }
         const elementWidth = moduleName === 'multiselect' ? element : element.clientWidth - parseInt(getComputedStyle(element, null).getPropertyValue('padding-left'), 10);
-        if (!isNullOrUndefined(container.getElementsByClassName('e-float-text-content')[0])) {
+        if (!isNullOrUndefined(container) && !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');
             }
@@ -608,7 +608,7 @@ var Input;
         if (parentElement.classList.contains(CLASSNAMES.FLOATINPUT)) {
             if (!isNullOrUndefined(placeholder) && placeholder !== '') {
                 const floatTextContent = parentElement.getElementsByClassName('e-float-text-content')[0];
-                if (floatTextContent) {
+                if (floatTextContent && floatTextContent.children[0]) {
                     floatTextContent.children[0].textContent = placeholder;
                 }
                 else {
@@ -7781,7 +7781,8 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
         const params = this.rules[`${name}`][`${rule}`];
         const param = (params instanceof Array && typeof params[1] === 'string') ? params[0] : params;
         const currentRule = this.rules[`${name}`][`${rule}`];
-        const args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element };
+        const dateFormat = ((rule === 'min' || rule === 'max') && this.rules["" + name].date && typeof (this.rules["" + name].date) === 'string') ? this.rules["" + name].date : null;
+        const args = { value: this.inputElement.value, param: param, element: this.inputElement, formElement: this.element, format: dateFormat };
         this.trigger('validationBegin', args);
         if (!args.param && rule === 'required') {
             return true;
@@ -7978,7 +7979,16 @@ FormValidator.checkValidator = {
             return +option.value <= +option.param;
         }
         // Maximum rule validation for date
-        return new Date(option.value).getTime() <= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+        if (option.format && option.format !== '') {
+            const globalize = new Internationalization;
+            const dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
+            const dateValue = globalize.parseDate(option.value, dateOptions);
+            const maxValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;
+            return new Date(dateValue).getTime() <= new Date(maxValue).getTime();
+        }
+        else {
+            return new Date(option.value).getTime() <= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+        }
     },
     min: (option) => {
         if (!isNaN(Number(option.value))) {
@@ -7991,7 +8001,16 @@ FormValidator.checkValidator = {
         }
         else {
             // Minimum rule validation for date
-            return new Date(option.value).getTime() >= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+            if (option.format && option.format !== '') {
+                const globalize = new Internationalization;
+                const dateOptions = { format: option.format.toString(), type: 'dateTime', skeleton: 'yMd' };
+                const dateValue = globalize.parseDate(option.value, dateOptions);
+                const minValue = (typeof (option.param) === 'string') ? globalize.parseDate(JSON.parse(JSON.stringify(option.param)), dateOptions) : option.param;
+                return new Date(dateValue).getTime() >= new Date(minValue).getTime();
+            }
+            else {
+                return new Date(option.value).getTime() >= new Date(JSON.parse(JSON.stringify(option.param))).getTime();
+            }
         }
     },
     regex: (option) => {
@@ -8469,9 +8488,9 @@ let Uploader = class Uploader extends Component {
         this.element.setAttribute('tabindex', '-1');
         this.actionButtons = this.createElement('div', { className: ACTION_BUTTONS });
         this.uploadButton = this.createElement('button', { className: UPLOAD_BUTTONS,
-            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex, 'aria-label': this.localizedTexts('Upload') } });
         this.clearButton = this.createElement('button', { className: CLEAR_BUTTONS,
-            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex } });
+            attrs: { 'type': 'button', 'tabindex': this.btnTabIndex, 'aria-label': this.localizedTexts('Clear') } });
         this.actionButtons.appendChild(this.clearButton);
         this.actionButtons.appendChild(this.uploadButton);
         this.renderButtonTemplates();
@@ -8983,6 +9002,9 @@ let Uploader = class Uploader extends Component {
         else if (!closest(args.target, '.' + SPINNER_PANE)) {
             this.remove(fileData, false, false, true, args);
         }
+        if (this.isForm && liElement && liElement.classList.contains(INVALID_FILE)) {
+            this.element.value = '';
+        }
         this.checkActionButtonStatus();
     }
     removeFilesData(file, customTemplate) {
@@ -9811,6 +9833,7 @@ let Uploader = class Uploader extends Component {
                 }
                 if (!iconElement.classList.contains(DELETE_ICON)) {
                     iconElement.classList.add(REMOVE_ICON);
+                    iconElement.setAttribute('aria-label', this.localizedTexts('remove'));
                 }
                 const index = fileData.indexOf(listItem);
                 const eventArgs = {
@@ -10064,6 +10087,7 @@ let Uploader = class Uploader extends Component {
         this.pauseButton = this.createElement('span', { className: 'e-icons e-file-reload-btn', attrs: { 'tabindex': this.btnTabIndex } });
         deleteIcon.parentElement.insertBefore(this.pauseButton, deleteIcon);
         this.pauseButton.setAttribute('title', this.localizedTexts('retry'));
+        this.pauseButton.setAttribute('aria-label', this.localizedTexts('retry'));
         const retryElement = liElement.querySelector('.' + RETRY_ICON);
         /* istanbul ignore next */
         retryElement.addEventListener('click', (e) => {
@@ -10103,6 +10127,7 @@ let Uploader = class Uploader extends Component {
                 if (!isNullOrUndefined(iconEle)) {
                     iconEle.classList.add(DELETE_ICON);
                     iconEle.setAttribute('title', this.localizedTexts('delete'));
+                    iconEle.setAttribute('aria-label', this.localizedTexts('delete'));
                     iconEle.classList.remove(ABORT_ICON);
                     iconEle.classList.remove(UPLOAD_INPROGRESS);
                 }
@@ -10140,7 +10165,7 @@ let Uploader = class Uploader extends Component {
         }
         this.trigger('success', args, (args) => {
             this.updateStatus(file, args.statusText, '2');
-            this.uploadedFilesData.push(file);
+            this.multiple ? this.uploadedFilesData.push(file) : this.uploadedFilesData = [file];
             this.trigger('change', { file: this.uploadedFilesData });
             this.checkActionButtonStatus();
             if (this.fileList.length > 0) {