@syncfusion/ej2-inputs 28.2.3 → 28.2.9

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.2.3
+*  version : 28.2.9
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@28.1.41",
+  "_id": "@syncfusion/ej2-inputs@28.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-4k74kUvq3YKXX7DLthlC5VsIEEiKav4CLorKdyy3sbMkbGfy3kSt6UjPmDZfEsMJliSNI1YDjjKKF9/cWzxpvw==",
+  "_integrity": "sha512-6t9hsOCCSR+/VsKAtJQOsCuICzwbyNUbBfHN5I8Q61W3UoZ+NEu1eVqxRfe2qqKKQz+1+fu4WNXGCfzTYpcCMA==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -40,8 +40,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-28.1.41.tgz",
-  "_shasum": "0dd1806a0796c2c9519bf0c33f011c6d18e95a8e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-28.2.3.tgz",
+  "_shasum": "a41666ff5f2a4c4a1f7b35a7f4fae8739630aefe",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -49,9 +49,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~28.2.3",
-    "@syncfusion/ej2-buttons": "~28.2.3",
-    "@syncfusion/ej2-popups": "~28.2.3",
+    "@syncfusion/ej2-base": "~28.2.9",
+    "@syncfusion/ej2-buttons": "~28.2.7",
+    "@syncfusion/ej2-popups": "~28.2.9",
     "@syncfusion/ej2-splitbuttons": "~28.2.3"
   },
   "deprecated": false,
@@ -120,7 +120,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "28.2.3",
+  "version": "28.2.9",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/uploader/uploader.d.ts

@@ -1036,6 +1036,7 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
     private clearData;
     private updateSortedFileList;
     private isBlank;
+    private checkGenericExtension;
     private checkExtension;
     private validatedFileSize;
     private isPreLoadFile;

package/src/uploader/uploader.js

@@ -974,6 +974,13 @@ var Uploader = /** @class */ (function (_super) {
             this.element.value = '';
         }
         this.checkActionButtonStatus();
+        if (this.actionButtons && this.clearButton && this.uploadWrapper) {
+            var 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');
+            }
+        }
     };
     Uploader.prototype.removeFilesData = function (file, customTemplate) {
         var index;
@@ -1288,7 +1295,7 @@ var Uploader = /** @class */ (function (_super) {
             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) {
@@ -1454,11 +1461,34 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.isBlank = function (str) {
         return (!str || /^\s*$/.test(str));
     };
+    Uploader.prototype.checkGenericExtension = function (genericType, fileExtension) {
+        var 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;
+            default:
+                break;
+        }
+        return validExtensions.includes(fileExtension.toLowerCase());
+    };
     Uploader.prototype.checkExtension = function (files) {
         var dropFiles = files;
         if (!this.isBlank(this.allowedExtensions)) {
             var allowedExtensions = [];
-            var extensions = this.allowedExtensions.split(',');
+            var extensions = !isNullOrUndefined(allowedExtensions) ? this.allowedExtensions.split(',') : [''];
             for (var _i = 0, extensions_1 = extensions; _i < extensions_1.length; _i++) {
                 var extension = extensions_1[_i];
                 allowedExtensions.push(extension.trim().toLocaleLowerCase());
@@ -1466,7 +1496,14 @@ var Uploader = /** @class */ (function (_super) {
             for (var i = 0; i < files.length; i++) {
                 var checkFileType = files[i].type.indexOf('.') !== -1 ?
                     files[i].type.replace('.', '') : files[i].type;
-                if (allowedExtensions.indexOf(('.' + checkFileType).toLocaleLowerCase()) === -1) {
+                if (allowedExtensions[0].indexOf('/*') !== -1) {
+                    var 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';
                 }
@@ -2253,6 +2290,15 @@ var Uploader = /** @class */ (function (_super) {
         var 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');
+                }
+            }
         }
     };
     Uploader.prototype.removeProgressbar = function (li, callType) {

package/styles/input/_layout.scss

@@ -5711,4 +5711,27 @@
       border-bottom: transparent;
     }
   }
+
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+  
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+  
+      label.e-float-text {
+        padding-left: 12px;
+      }
+  
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }

package/styles/input/material-dark.css

@@ -4603,6 +4603,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/input/material.css

@@ -4623,6 +4623,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/input/material3-dark.css

@@ -4487,6 +4487,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/input/material3.css

@@ -4489,6 +4489,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material-dark-lite.css

@@ -4613,6 +4613,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material-dark.css

@@ -4613,6 +4613,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material-lite.css

@@ -4633,6 +4633,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material.css

@@ -4633,6 +4633,19 @@ textarea.e-outline,
   border-bottom: transparent;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  padding-right: 17px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3-dark-lite.css

@@ -4497,6 +4497,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3-dark.css

@@ -4497,6 +4497,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3-lite.css

@@ -4499,6 +4499,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,

package/styles/material3.css

@@ -4499,6 +4499,19 @@ textarea.e-outline,
   border-width: 0 0 1px 0;
 }
 
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+  padding: 0;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) input {
+  padding: 14px 2px 5px 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) label.e-float-text {
+  padding-left: 12px;
+}
+.e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) .e-input-in-wrap .e-input-group-icon {
+  margin-right: 10px;
+}
+
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,