@syncfusion/ej2-inputs 28.1.41 → 28.2.9

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

@@ -7784,7 +7784,8 @@ let FormValidator = FormValidator_1 = class FormValidator extends Base {
         const currentRule = this.rules[`${name}`][`${rule}`];
         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 };
+        const args = { value: this.inputElement.value,
+            param: param, element: this.inputElement, formElement: this.element, format: dateFormat, culture: this.locale };
         this.trigger('validationBegin', args);
         if (!args.param && rule === 'required') {
             return true;
@@ -7966,7 +7967,7 @@ FormValidator.checkValidator = {
     },
     date: (option) => {
         if (!isNullOrUndefined(option.param) && (typeof (option.param) === 'string' && option.param !== '')) {
-            const globalize = new Internationalization;
+            const globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : new Internationalization;
             const dateOptions = { format: option.param.toString(), type: 'dateTime', skeleton: 'yMd' };
             const dateValue = globalize.parseDate(option.value, dateOptions);
             return (!isNullOrUndefined(dateValue) && dateValue instanceof Date && !isNaN(+dateValue));
@@ -7982,7 +7983,7 @@ FormValidator.checkValidator = {
         }
         // Maximum rule validation for date
         if (option.format && option.format !== '') {
-            const globalize = new Internationalization;
+            const globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : 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;
@@ -8004,7 +8005,7 @@ FormValidator.checkValidator = {
         else {
             // Minimum rule validation for date
             if (option.format && option.format !== '') {
-                const globalize = new Internationalization;
+                const globalize = option.culture && option.culture !== '' ? new Internationalization(option.culture) : 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;
@@ -9008,6 +9009,13 @@ let Uploader = class Uploader extends Component {
             this.element.value = '';
         }
         this.checkActionButtonStatus();
+        if (this.actionButtons && this.clearButton && this.uploadWrapper) {
+            const progressBarElements = this.uploadWrapper.querySelectorAll('.e-upload-progress-bar.e-upload-progress:not(.e-upload-success):not(.e-upload-fails)');
+            if (progressBarElements.length === 1 && selectedElement.contains(progressBarElements[0])
+                && this.clearButton.hasAttribute('disabled')) {
+                this.clearButton.removeAttribute('disabled');
+            }
+        }
     }
     removeFilesData(file, customTemplate) {
         let index;
@@ -9304,7 +9312,7 @@ let Uploader = class Uploader extends Component {
             this.updateInitialFileDetails(args, targetFiles, file, i, fileData, directory, paste);
         }
         eventArgs.filesData = fileData;
-        if (this.allowedExtensions.indexOf('*') > -1) {
+        if (!isNullOrUndefined(this.allowedExtensions) && this.allowedExtensions.indexOf('*') > -1) {
             this.allTypes = true;
         }
         if (this.enableHtmlSanitizer) {
@@ -9470,18 +9478,46 @@ let Uploader = class Uploader extends Component {
     isBlank(str) {
         return (!str || /^\s*$/.test(str));
     }
+    checkGenericExtension(genericType, fileExtension) {
+        const validExtensions = [];
+        switch (genericType.toLowerCase()) {
+            case 'image/*':
+                validExtensions.push('jpg', 'jpeg', 'png', 'gif', 'bmp', 'tiff', 'svg', 'webp', 'heic');
+                break;
+            case 'audio/*':
+                validExtensions.push('mp3', 'wav', 'aac', 'flac', 'ogg', 'm4a');
+                break;
+            case 'video/*':
+                validExtensions.push('mp4', 'mov', 'avi', 'mkv', 'flv', 'wmv', 'webm', 'mpeg');
+                break;
+            case 'application/*':
+                validExtensions.push('doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'zip', 'rar', '7z', 'tar', 'pdf');
+                break;
+            case 'text/*':
+                validExtensions.push('txt', 'csv', 'html', 'css', 'js', 'json', 'xml', 'md');
+                break;
+        }
+        return validExtensions.includes(fileExtension.toLowerCase());
+    }
     checkExtension(files) {
         const dropFiles = files;
         if (!this.isBlank(this.allowedExtensions)) {
             const allowedExtensions = [];
-            const extensions = this.allowedExtensions.split(',');
+            const extensions = !isNullOrUndefined(allowedExtensions) ? this.allowedExtensions.split(',') : [''];
             for (const extension of extensions) {
                 allowedExtensions.push(extension.trim().toLocaleLowerCase());
             }
             for (let i = 0; i < files.length; i++) {
                 const checkFileType = files[i].type.indexOf('.') !== -1 ?
                     files[i].type.replace('.', '') : files[i].type;
-                if (allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1) {
+                if (allowedExtensions[0].indexOf('/*') !== -1) {
+                    const isValidExtension = this.checkGenericExtension(allowedExtensions[0], checkFileType);
+                    if (!isValidExtension) {
+                        files[i].status = this.localizedTexts('invalidFileType');
+                        files[i].statusCode = '0';
+                    }
+                }
+                else if ((allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1)) {
                     files[i].status = this.localizedTexts('invalidFileType');
                     files[i].statusCode = '0';
                 }
@@ -10255,6 +10291,15 @@ let Uploader = class Uploader extends Component {
         const progressBar = li.querySelector('.' + PROGRESSBAR);
         if (!isNullOrUndefined(progressBar)) {
             progressBar.classList.add(className);
+            if (this.actionButtons && this.clearButton && this.uploadWrapper) {
+                if (className === 'e-upload-progress' && !this.clearButton.hasAttribute('disabled')) {
+                    this.clearButton.setAttribute('disabled', 'disabled');
+                }
+                else if ((className === 'e-upload-success' || className === 'e-upload-fails') && this.uploadWrapper.querySelectorAll('.e-upload-progress-bar.e-upload-progress:not(.e-upload-success):not(.e-upload-fails)').length === 0 &&
+                    this.clearButton.hasAttribute('disabled')) {
+                    this.clearButton.removeAttribute('disabled');
+                }
+            }
         }
     }
     removeProgressbar(li, callType) {
@@ -16675,12 +16720,15 @@ let Rating = class Rating extends Component {
         };
         this.tooltipOpen = false;
         this.isTouchSelected = false;
+        if (closest(this.element, 'form') && this.element.getAttribute('value')) {
+            this.setProperties({ value: this.element.getAttribute('value') }, true);
+        }
     }
     render() {
         this.initialize();
         this.updateMinValue();
         this.updateTemplateFunction();
-        this.triggerChange(null, this.value, false);
+        this.triggerChange(null, this.value, false, true);
         this.renderItems();
         this.displayLabel();
     }
@@ -17041,7 +17089,8 @@ let Rating = class Rating extends Component {
         this.updateItemValue();
         this.updateLabel();
     }
-    triggerChange(e, val, isInteracted = true) {
+    triggerChange(e, val, isInteracted = true, isInitial = false) {
+        const ratingObj =  this;
         val = this.validateValue(val);
         this.currentValue = val;
         if (this.currentValue === this.value) {
@@ -17049,7 +17098,12 @@ let Rating = class Rating extends Component {
         }
         const eventArgs = { event: e, isInteracted: isInteracted, value: val, previousValue: this.value };
         this.setProperties({ value: val }, true);
-        this.trigger('valueChanged', eventArgs);
+        if (this.isAngular && !isInitial) {
+            ratingObj.localChange({ value: val });
+        }
+        if (!isInitial) {
+            this.trigger('valueChanged', eventArgs);
+        }
     }
     mouseMoveHandler(index, e) {
         if (this.isTouchSelected) {