@seniorsistemas/angular-components 15.2.0 → 15.3.0

package/bundles/seniorsistemas-angular-components.umd.js

@@ -2879,6 +2879,7 @@
     (function (ValidateErrors) {
         ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
         ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
+        ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
     })(exports.ValidateErrors || (exports.ValidateErrors = {}));
 
     var Breakpoints = {
@@ -2990,12 +2991,12 @@
     var FileUploadComponent = /** @class */ (function () {
         function FileUploadComponent(sanitizer) {
             this.sanitizer = sanitizer;
-            this.inputValue = "";
             this.id = "s-file-upload-" + FileUploadComponent_1.nextId++;
             this.chooseLabel = "Anexar arquivos";
             this.removeLabel = "Remover";
             this.cancelLabel = "Cancelar";
             this.successTooltip = "Arquivo anexado com sucesso";
+            this.supportedExtensions = [];
             this.ariaLabelProgress = "Carregando arquivo";
             this.disabled = false;
             this.uploadHandler = new core.EventEmitter();
@@ -3005,8 +3006,29 @@
             this.validateErros = new core.EventEmitter();
             this._files = [];
             this.ngUsubscribe = new rxjs.Subject();
+            this.inputValue = "";
         }
         FileUploadComponent_1 = FileUploadComponent;
+        Object.defineProperty(FileUploadComponent.prototype, "files", {
+            get: function () {
+                return this._files;
+            },
+            set: function (files) {
+                var _this = this;
+                this._files = files.map(function (file) {
+                    if (_this.isImage(file)) {
+                        file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
+                    }
+                    return file;
+                });
+            },
+            enumerable: true,
+            configurable: true
+        });
+        FileUploadComponent.prototype.ngOnInit = function () {
+            this.supportedExtensions = this.supportedExtensions
+                .map(function (extension) { return extension.replace(".", "").toLowerCase(); });
+        };
         FileUploadComponent.prototype.ngOnDestroy = function () {
             this.ngUsubscribe.next();
             this.ngUsubscribe.complete();
@@ -3030,9 +3052,13 @@
             try {
                 for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
                     var file = files_1_1.value;
+                    if (this.isUnsupportedFileExtension(file)) {
+                        this.validateErros.emit(exports.ValidateErrors.UNSUPPORTED_EXTENSION);
+                        continue;
+                    }
                     if (this.isFileSizeExceeded(file)) {
                         this.validateErros.emit(exports.ValidateErrors.MAX_FILE_SIZE);
-                        return;
+                        continue;
                     }
                     newFiles.push(file);
                 }
@@ -3071,22 +3097,6 @@
                 anchor: this.anchor,
             });
         };
-        Object.defineProperty(FileUploadComponent.prototype, "files", {
-            get: function () {
-                return this._files;
-            },
-            set: function (files) {
-                var _this = this;
-                this._files = files.map(function (file) {
-                    if (_this.isImage(file)) {
-                        file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
-                    }
-                    return file;
-                });
-            },
-            enumerable: true,
-            configurable: true
-        });
         FileUploadComponent.prototype.update = function () {
             var windowWidth = window.innerWidth;
             this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
@@ -3106,6 +3116,16 @@
             }
             return file.size > this.maxFileSize;
         };
+        FileUploadComponent.prototype.isUnsupportedFileExtension = function (file) {
+            var _a;
+            if ((_a = this.supportedExtensions) === null || _a === void 0 ? void 0 : _a.length) {
+                var extension = file.name.split(".").pop().toLowerCase();
+                if (!this.supportedExtensions.includes(extension)) {
+                    return true;
+                }
+            }
+            return false;
+        };
         var FileUploadComponent_1;
         FileUploadComponent.nextId = 0;
         FileUploadComponent.ctorParameters = function () { return [
@@ -3138,6 +3158,9 @@
         __decorate([
             core.Input()
         ], FileUploadComponent.prototype, "accept", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "supportedExtensions", void 0);
         __decorate([
             core.Input()
         ], FileUploadComponent.prototype, "ariaLabelFileName", void 0);
@@ -3165,6 +3188,9 @@
         __decorate([
             core.Input()
         ], FileUploadComponent.prototype, "disabled", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "files", null);
         __decorate([
             core.Output()
         ], FileUploadComponent.prototype, "uploadHandler", void 0);
@@ -3183,9 +3209,6 @@
         __decorate([
             core.HostListener("window:resize")
         ], FileUploadComponent.prototype, "onResize", null);
-        __decorate([
-            core.Input()
-        ], FileUploadComponent.prototype, "files", null);
         FileUploadComponent = FileUploadComponent_1 = __decorate([
             core.Component({
                 selector: "s-file-upload",