@seniorsistemas/angular-components 15.0.0 → 15.0.2

package/fesm5/seniorsistemas-angular-components.js

@@ -2702,6 +2702,12 @@ var EmptyStateModule = /** @class */ (function () {
     return EmptyStateModule;
 }());
 
+var ValidateErrors;
+(function (ValidateErrors) {
+    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
+    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
+})(ValidateErrors || (ValidateErrors = {}));
+
 var Breakpoints = {
     SM_MIN: 0,
     SM_MAX: 767,
@@ -2808,14 +2814,10 @@ var ExportUtils = /** @class */ (function () {
     return ExportUtils;
 }());
 
-var ValidateErrors;
-(function (ValidateErrors) {
-    ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
-    ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
-})(ValidateErrors || (ValidateErrors = {}));
 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";
@@ -2828,12 +2830,10 @@ var FileUploadComponent = /** @class */ (function () {
         this.cancelUpload = new EventEmitter();
         this.downloadFile = new EventEmitter();
         this.validateErros = new EventEmitter();
-        this.uploadedFileCount = 0;
         this._files = [];
         this.ngUsubscribe = new Subject();
     }
     FileUploadComponent_1 = FileUploadComponent;
-    FileUploadComponent.prototype.ngOnInit = function () { };
     FileUploadComponent.prototype.ngOnDestroy = function () {
         this.ngUsubscribe.next();
         this.ngUsubscribe.complete();
@@ -2844,91 +2844,94 @@ var FileUploadComponent = /** @class */ (function () {
     FileUploadComponent.prototype.onResize = function () {
         this.update();
     };
-    FileUploadComponent.prototype.update = function () {
-        var windowWidth = window.innerWidth;
-        this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
-    };
     FileUploadComponent.prototype.onFileSelect = function (files) {
-        var previousFiles = __spread(this.files);
+        var e_1, _a;
+        var newFiles = [];
         if (!this.multiple) {
             this.files = [];
         }
-        if (this.fileLimit) {
-            this.uploadedFileCount += files.length;
-            if (this.isFileLimitExceeded()) {
-                this.uploadedFileCount -= this.files.length;
-                this.validateErros.emit(ValidateErrors.MAX_FILE_LIMIT);
-                return;
-            }
+        if (this.isFileLimitExceeded(files)) {
+            this.validateErros.emit(ValidateErrors.MAX_FILE_LIMIT);
+            return;
         }
-        for (var i = 0; i < files.length; i++) {
-            var file = files[i];
-            if (this.isFileSizeExceeded(file)) {
-                this.validateErros.emit(ValidateErrors.MAX_FILE_SIZE);
-                this.files = previousFiles;
-                return;
+        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.isFileSizeExceeded(file)) {
+                    this.validateErros.emit(ValidateErrors.MAX_FILE_SIZE);
+                    return;
+                }
+                newFiles.push(file);
             }
-            else {
-                this.files.push(file);
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (files_1_1 && !files_1_1.done && (_a = files_1.return)) _a.call(files_1);
             }
+            finally { if (e_1) throw e_1.error; }
         }
-        if (this.hasFiles()) {
-            this.uploadHandler.emit({ files: this.files });
+        if (newFiles.length) {
+            this.files = this.files.concat(newFiles);
+            this.uploadHandler.emit({
+                files: newFiles,
+            });
             this.inputUpload.nativeElement.value = "";
         }
     };
-    FileUploadComponent.prototype.onRemoveFile = function (event, file) {
-        this.files.splice(this.files.indexOf(file), 1);
-        this.uploadedFileCount -= 1;
-        this.removeFile.emit({ file: file });
-        event.preventDefault();
-    };
-    FileUploadComponent.prototype.onCancelUpload = function (event, index) {
-        this.uploadedFileCount -= 1;
-        this.files.splice(index, 1);
-        this.cancelUpload.emit(index);
-        event.preventDefault();
+    FileUploadComponent.prototype.onRemoveFile = function (file) {
+        var fileIndex = this.files.indexOf(file);
+        var removedFiles = this.files.splice(fileIndex, 1);
+        if (removedFiles.length) {
+            this.removeFile.emit({ file: file });
+        }
     };
-    FileUploadComponent.prototype.onDowloadFile = function (event, index) {
-        this.downloadFile.emit({ index: index, anchor: this.anchor });
-        event.preventDefault();
+    FileUploadComponent.prototype.onCancelUpload = function (index) {
+        var removedFiles = this.files.splice(index, 1);
+        if (removedFiles.length) {
+            this.cancelUpload.emit(index);
+        }
     };
-    FileUploadComponent.prototype.hasFiles = function () {
-        return this.files && this.files.length > 0;
+    FileUploadComponent.prototype.onDowloadFile = function (index) {
+        this.downloadFile.emit({
+            index: index,
+            anchor: this.anchor,
+        });
     };
     Object.defineProperty(FileUploadComponent.prototype, "files", {
         get: function () {
             return this._files;
         },
         set: function (files) {
-            this._files = [];
-            for (var i = 0; i < files.length; i++) {
-                var file = files[i];
-                if (this.isImage(file)) {
-                    file.objectURL = this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(files[i]));
+            var _this = this;
+            this._files = files.map(function (file) {
+                if (_this.isImage(file)) {
+                    file.objectURL = _this.sanitizer.bypassSecurityTrustUrl(window.URL.createObjectURL(file));
                 }
-                this._files.push(files[i]);
-            }
+                return file;
+            });
         },
         enumerable: true,
         configurable: true
     });
-    FileUploadComponent.prototype.getFileSize = function (size) {
-        return (size / 1024).toFixed(2);
+    FileUploadComponent.prototype.update = function () {
+        var windowWidth = window.innerWidth;
+        this.isSmallDevice = windowWidth <= Breakpoints.SM_MAX;
     };
     FileUploadComponent.prototype.isImage = function (file) {
         return /^image\//.test(file.type);
     };
-    FileUploadComponent.prototype.defaltCatchError = function (err, index) {
-        this.files[index].error = err;
-        this.files[index].isUploading = false;
-        throw new Error("error in upload file. Details: " + err.message);
-    };
-    FileUploadComponent.prototype.isFileLimitExceeded = function () {
-        return this.fileLimit && this.fileLimit < this.files.length + this.uploadedFileCount;
+    FileUploadComponent.prototype.isFileLimitExceeded = function (files) {
+        if (!this.fileLimit) {
+            return false;
+        }
+        return this.files.length + files.length > this.fileLimit;
     };
     FileUploadComponent.prototype.isFileSizeExceeded = function (file) {
-        return this.maxFileSize && file.size > this.maxFileSize;
+        if (!this.maxFileSize) {
+            return false;
+        }
+        return file.size > this.maxFileSize;
     };
     var FileUploadComponent_1;
     FileUploadComponent.nextId = 0;
@@ -3013,7 +3016,7 @@ var FileUploadComponent = /** @class */ (function () {
     FileUploadComponent = FileUploadComponent_1 = __decorate([
         Component({
             selector: "s-file-upload",
-            template: "<div class=\"s-fileupload\" [id]=\"id\">\n    <div class=\"s-fileupload-choose\">\n        <input type=\"file\" name=\"file\" [accept]=\"accept\" [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer ? $event.dataTransfer.files : $event.target.files)\" #inputUpload>\n        <s-button [id]=\"id + 'upload-button'\" [label]=\"chooseLabel\" (onClick)=\"inputUpload.click()\" priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\" [auxiliary]=\"false\"></s-button>\n    </div>\n\n    <section [id]=\"id + 'fileupload-list'\" class=\"s-fileupload-list\" *ngIf=\"files.length\" role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div class=\"s-fileupload-list-file\" role=\"row\">\n                <div [id]=\"id + '-file-' + i + '-name'\" class=\"s-fileupload-list-file-name\" role=\"gridcell\">\n                    <ng-container\n                        *ngTemplateOutlet=\"file.savedFile || file.progress === 100 ? descriptionUrl : description; context: { $implicit: file, index: i }\">\n                    </ng-container>\n                </div>\n                <div class=\"s-fileupload-list-file-status\" role=\"gridcell\">\n                    <p-progressBar *ngIf=\"file.isUploading && !isSmallDevice\"\n                        [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n                        [value]=\"file.progress\" [showValue]=\"false\" role=\"alert\" [attr.aria-label]=\"ariaLabelProgress\">\n                    </p-progressBar>\n                    <span [id]=\"id + '-file-' + i + '-spin'\" class=\"fas fa-circle-notch fa-spin\"\n                        *ngIf=\"file.isUploading && isSmallDevice\" [attr.aria-label]=\"ariaLabelProgress\"></span>\n                    <span [id]=\"id + '-file-' + i + '-check'\" class=\"fas fa-check\" role=\"alert\"\n                        *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n                        [attr.aria-label]=\"ariaLabelSuccess || successTooltip\" [pTooltip]=\"successTooltip\"\n                        tooltipPosition=\"top\" showDelay=\"500\" [appendTo]=\"'body'\"></span>\n                    <span [id]=\"id + '-file-' + i + '-error'\" class=\"fas fa-times\" role=\"alert\"\n                        *ngIf=\"file.error?.message\" [pTooltip]=\"file.error?.message\" tooltipPosition=\"top\"\n                        showDelay=\"500\" [appendTo]=\"'body'\"></span>\n                </div>\n                <div class=\"s-fileupload-list-file-actions\" role=\"gridcell\">\n                    <a [id]=\"id + '-file-' + i + '-cancel'\" class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onCancelUpload($event, i)\" *ngIf=\"file.isUploading\">{{cancelLabel}}</a>\n                    <a role=\"button\" tabindex=\"0\" [id]=\"id + '-file-' + i + '-remove'\"\n                        class=\"s-fileupload-list-file-actions-action\" (click)=\"onRemoveFile($event, file)\"\n                        *ngIf=\"!file.isUploading && !(disabled || !!formGroup?.disabled)\" [attr.aria-label]=\"ariaLabelRemove || removeLabel\">{{removeLabel}}</a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template #descriptionUrl let-file let-i = index>\n    <a [id]=\"id + '-file-' + i + '-name-link'\" tabindex=\"0\" (click)=\"onDowloadFile($event, i)\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}</a>\n    <a style=\"display: none;\" [href]=\"file.objectURL\" target=\"_blank\" download #anchor></a>\n</ng-template>\n\n<ng-template #description let-file>\n    <span tabindex=\"0\" [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{file.name}}\n    </span>\n</ng-template>\n",
+            template: "<div\n    [id]=\"id\"\n    class=\"s-fileupload\">\n    <div class=\"s-fileupload-choose\">\n        <input\n            #inputUpload\n            [id]=\"id+'input-upload'\"\n            type=\"file\"\n            name=\"file\"\n            [accept]=\"accept\"\n            [multiple]=\"multiple\"\n            (change)=\"onFileSelect($event.dataTransfer\n                ? $event.dataTransfer.files\n                : $event.target.files)\">        \n        <s-button\n            [id]=\"id + 'upload-button'\"\n            [label]=\"chooseLabel\"\n            (onClick)=\"inputUpload.click()\"\n            priority=\"primary\"\n            [disabled]=\"disabled || !!formGroup?.disabled\"\n            [auxiliary]=\"false\">\n        </s-button>\n    </div>\n\n    <section\n        *ngIf=\"files.length\"    \n        [id]=\"id + 'fileupload-list'\"\n        class=\"s-fileupload-list\"\n        role=\"grid\">\n        <ng-container *ngFor=\"let file of files; let i = index\">\n            <div\n                class=\"s-fileupload-list-file\"\n                role=\"row\">\n                <div\n                    [id]=\"id + '-file-' + i + '-name'\"\n                    class=\"s-fileupload-list-file-name\"\n                    role=\"gridcell\">\n                    <ng-container *ngTemplateOutlet=\"file.savedFile || file.progress === 100\n                        ? descriptionUrl\n                        : description; context: {\n                            $implicit: file,\n                            index: i\n                        }\">\n                    </ng-container>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-status\"\n                    role=\"gridcell\">\n                    <p-progressBar\n                        *ngIf=\"file.isUploading && !isSmallDevice\"\n                        [style]=\"{ 'width': '250px', 'background-color': '#d8d8d8', 'border-radius': '0px', 'height': '14px'}\"\n                        [value]=\"file.progress\"\n                        [showValue]=\"false\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </p-progressBar>\n                    <span\n                        *ngIf=\"file.isUploading && isSmallDevice\"    \n                        [id]=\"id + '-file-' + i + '-spin'\"\n                        class=\"fas fa-circle-notch fa-spin\"\n                        [attr.aria-label]=\"ariaLabelProgress\">\n                    </span>\n                    <span\n                        *ngIf=\"!file.isUploading && !file.error && file.progress === 100\"\n                        [id]=\"id + '-file-' + i + '-check'\"\n                        class=\"fas fa-check\"\n                        role=\"alert\"\n                        [attr.aria-label]=\"ariaLabelSuccess || successTooltip\"\n                        [pTooltip]=\"successTooltip\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                    <span\n                        *ngIf=\"file.error?.message\"    \n                        [id]=\"id + '-file-' + i + '-error'\"\n                        class=\"fas fa-times\"\n                        role=\"alert\"\n                        [pTooltip]=\"file.error?.message\"\n                        tooltipPosition=\"top\"\n                        showDelay=\"500\"\n                        [appendTo]=\"'body'\">\n                    </span>\n                </div>\n                <div\n                    class=\"s-fileupload-list-file-actions\"\n                    role=\"gridcell\">\n                    <a\n                        *ngIf=\"file.isUploading\"\n                        [id]=\"id + '-file-' + i + '-cancel'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onCancelUpload(i)\">\n                        {{cancelLabel}}\n                    </a>\n                    <a\n                        *ngIf=\"!file.isUploading && !(disabled || !!formGroup?.disabled)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        [id]=\"id + '-file-' + i + '-remove'\"\n                        class=\"s-fileupload-list-file-actions-action\"\n                        (click)=\"onRemoveFile(file)\"\n                        [attr.aria-label]=\"ariaLabelRemove || removeLabel\">\n                        {{removeLabel}}\n                    </a>\n                </div>\n            </div>\n        </ng-container>\n    </section>\n</div>\n\n<ng-template\n    #descriptionUrl\n    let-file\n    let-i = index>\n    <a\n        [id]=\"id + '-file-' + i + '-name-link'\"\n        tabindex=\"0\"\n        (click)=\"onDowloadFile(i)\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">{{file.name}}\n    </a>\n    <a\n        style=\"display: none;\"\n        [href]=\"file.objectURL\"\n        target=\"_blank\"\n        download\n        #anchor>\n    </a>\n</ng-template>\n\n<ng-template\n    #description\n    let-file>\n    <span\n        tabindex=\"0\"\n        [attr.aria-label]=\"ariaLabelFileName || file.name\">\n        {{file.name}}\n    </span>\n</ng-template>\n",
             styles: [".s-fileupload .s-fileupload-choose{position:relative;margin:15px 0;width:-webkit-max-content;width:max-content}.s-fileupload input[type=file]{display:none}.s-fileupload-list{border:1px solid #ccc}.s-fileupload-list-file:not(:first-child){border-top:1px solid #ccc}.s-fileupload-list .s-fileupload-list-file{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;padding:15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name>a{cursor:pointer;text-decoration:none}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.s-fileupload-list .s-fileupload-list-file .fas.fa-circle-notch{color:#d8d8d8;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-check{color:#0c9348;font-size:12px}.s-fileupload-list .s-fileupload-list-file .fas.fa-times{color:#c13018;font-size:12px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin-top:15px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;width:100%}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action{text-decoration:none;color:#428bca}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :focus,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action :visited,.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions a.s-fileupload-list-file-actions-action:hover{text-decoration:none}@media (min-width:768px){.s-fileupload-list .s-fileupload-list-file{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-name{width:auto;-ms-flex-positive:2;flex-grow:2}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-status{margin:0 15px}.s-fileupload-list .s-fileupload-list-file .s-fileupload-list-file-actions{margin:0;width:auto}}"]
         })
     ], FileUploadComponent);
@@ -3026,7 +3029,12 @@ var FileUploadModule = /** @class */ (function () {
     FileUploadModule = __decorate([
         NgModule({
             declarations: [FileUploadComponent],
-            imports: [CommonModule, ButtonModule, TooltipModule, ProgressBarModule],
+            imports: [
+                CommonModule,
+                ButtonModule,
+                TooltipModule,
+                ProgressBarModule,
+            ],
             exports: [FileUploadComponent],
         })
     ], FileUploadModule);
@@ -4378,7 +4386,7 @@ var TokenListComponent = /** @class */ (function () {
     TokenListComponent = TokenListComponent_1 = __decorate([
         Component({
             selector: "s-token-list",
-            template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{ 'no-pointer-events': hidePointerEvents }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"tokenSelected.next(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"tokenRemoved.next(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
+            template: "<div\n    [id]=\"id\"\n    class=\"token-list\">\n    <ng-container *ngFor=\"let token of tokens\">\n        <span\n            [id]=\"token.id\"\n            class=\"token\"\n            [ngClass]=\"{ 'no-pointer-events': hidePointerEvents }\">\n            <a\n                [id]=\"(token.id || 'token') + '-label'\"\n                class=\"token-label\"\n                (click)=\"tokenSelected.next(token)\">\n                {{ token.label }}\n            </a>\n            <span\n                *ngIf=\"removableTokens && !token.notRemovable\"\n                [id]=\"token.id + '-remove'\"\n                class=\"token-icon fa fa-fw fa-close\"\n                (click)=\"tokenRemoved.next(token)\">\n            </span>\n        </span>\n    </ng-container>\n</div>",
             styles: [".no-pointer-events{pointer-events:none}.token-list{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;padding:0 10px;text-transform:none}.token-list .token{-ms-flex-align:center;align-items:center;background-color:#ccc;border-radius:4px;color:#333;display:-ms-flexbox;display:flex;font:400 12px/150% \"Open Sans\",sans-serif;margin:2px 5px 0 0;max-width:100%;padding:2px 8px}.token-list .token-label{max-width:50ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-list .token:focus,.token-list .token:hover{background-color:#e5eaea}.token-list .token a{text-decoration:none;color:#333}"]
         })
     ], TokenListComponent);