@seniorsistemas/angular-components 17.3.16 → 17.3.17

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

@@ -6366,31 +6366,6 @@
         return ProgressBarModule;
     }());
 
-
-    (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 FileUploadPermissions;
-    (function (FileUploadPermissions) {
-        FileUploadPermissions["Add"] = "add";
-        FileUploadPermissions["Read"] = "read";
-        FileUploadPermissions["Remove"] = "remove";
-    })(FileUploadPermissions || (FileUploadPermissions = {}));
-    var ALL_PERMISSIONS = [
-        FileUploadPermissions.Add,
-        FileUploadPermissions.Read,
-        FileUploadPermissions.Remove,
-    ];
-
-    var StorageUnits = {
-        KB: 1024,
-        MB: Math.pow(1024, 2),
-        GB: Math.pow(1024, 3),
-    };
-
     var Breakpoints = {
         SM_MIN: 0,
         SM_MAX: 767,
@@ -6497,13 +6472,43 @@
         return ExportUtils;
     }());
 
+
+    (function (ValidateErrors) {
+        ValidateErrors["MAX_FILE_SIZE"] = "MAX_FILE_SIZE";
+        ValidateErrors["MAX_COMBINED_FILE_SIZE"] = "MAX_COMBINED_FILE_SIZE";
+        ValidateErrors["MAX_FILE_LIMIT"] = "MAX_FILE_LIMIT";
+        ValidateErrors["UNSUPPORTED_EXTENSION"] = "UNSUPPORTED_EXTENSION";
+    })(exports.ValidateErrors || (exports.ValidateErrors = {}));
+
+    var FileUploadPermissions;
+    (function (FileUploadPermissions) {
+        FileUploadPermissions["Add"] = "add";
+        FileUploadPermissions["Read"] = "read";
+        FileUploadPermissions["Remove"] = "remove";
+    })(FileUploadPermissions || (FileUploadPermissions = {}));
+    var ALL_PERMISSIONS = [
+        FileUploadPermissions.Add,
+        FileUploadPermissions.Read,
+        FileUploadPermissions.Remove,
+    ];
+
+    var StorageUnits = {
+        KB: 1024,
+        MB: Math.pow(1024, 2),
+        GB: Math.pow(1024, 3),
+    };
+
     var FileItemComponent = /** @class */ (function () {
-        function FileItemComponent() {
+        function FileItemComponent(localeService) {
+            this.localeService = localeService;
             this.canReadFiles = true;
             this.canRemoveFiles = true;
             this.cancelUpload = new core.EventEmitter();
             this.removeFile = new core.EventEmitter();
         }
+        FileItemComponent.prototype.ngOnInit = function () {
+            this._getLocale();
+        };
         FileItemComponent.prototype.ngAfterContentInit = function () {
             this._update();
         };
@@ -6533,8 +6538,20 @@
                 convertedSize = size / StorageUnits.GB;
                 unit = "GB";
             }
-            return convertedSize + " " + unit;
+            return convertedSize.toLocaleString(this._locale, { maximumFractionDigits: 2 }) + " " + unit;
         };
+        FileItemComponent.prototype._getLocale = function () {
+            var _this = this;
+            this.localeService
+                .getLocale()
+                .pipe(operators.first())
+                .subscribe(function (locale) {
+                _this._locale = locale;
+            });
+        };
+        FileItemComponent.ctorParameters = function () { return [
+            { type: LocaleService }
+        ]; };
         __decorate([
             core.Input()
         ], FileItemComponent.prototype, "id", void 0);
@@ -6575,7 +6592,7 @@
             core.Component({
                 selector: "s-file-item",
                 template: "<div [id]=\"id\" class=\"file-item-container\">\n    <div class=\"file-info\">\n        <ng-container *ngIf=\"canReadFiles; then fileNameUrl; else fileName\"></ng-container>\n        <ng-template #fileNameUrl>\n            <a\n                class=\"file-name file-name--link\"\n                tabindex=\"0\"\n                [href]=\"file.objectURL\"\n                download>\n                {{ file.name }}\n            </a>\n        </ng-template>\n        <ng-template #fileName>\n            <span\n                *ngIf=\"!canReadFiles\"\n                class=\"file-name\">\n                {{ file.name }}\n            </span>\n        </ng-template>\n        <span class=\"file-size\">\n            {{ simplifySize(file.size) }}\n        </span>\n        <div\n            *ngIf=\"file.isUploading && !isSmallDevice\"\n            class=\"progressbar\"\n            [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n            <s-progressbar\n                [value]=\"file.progress\"\n                activeColor=\"blue\"\n                [showValue]=\"true\">\n            </s-progressbar>\n        </div>\n        <span\n            *ngIf=\"file.isUploading && isSmallDevice\"    \n            class=\"fas fa-circle-notch fa-spin\"\n            [attr.aria-label]=\"ariaLabelProgress || 'platform.angular_components.loading_file' | translate\">\n        </span>\n\n        <span\n            *ngIf=\"!file.isUploading && !file.error\"\n            class=\"status-icon status-icon--success fas fa-check\"\n            [attr.aria-label]=\"ariaLabelSuccess || successTooltip || 'platform.angular_components.file_attached_successfully' | translate\"\n            [sTooltip]=\"successTooltip || 'platform.angular_components.file_attached_successfully' | translate\">\n        </span>\n        <span\n            *ngIf=\"!file.isUploading && file.error\"\n            class=\"status-icon status-icon--fail fas fa-times\"\n            [attr.aria-label]=\"file.error?.message\"\n            [sTooltip]=\"file.error?.message\">\n        </span>\n    </div>\n    <button\n        *ngIf=\"file.isUploading\"\n        class=\"file-option file-option--cancel\"\n        (click)=\"cancelUpload.emit(file)\">\n        {{ cancelLabel || \"platform.angular_components.cancel\" | translate }}\n    </button>\n    <button\n        *ngIf=\"canRemoveFiles && !file.isUploading\"\n        class=\"file-option file-option--remove\"\n        (click)=\"removeFile.emit(file)\">\n        {{ removeLabel || \"platform.angular_components.remove\" | translate }}\n    </button>\n</div>\n",
-                styles: [".file-item-container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:16px;padding:16px}.file-item-container .file-info{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;gap:16px;width:100%;-ms-flex-align:center;align-items:center}.file-item-container .file-info .file-name{-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .file-info .file-name--link{color:#428bca;text-decoration:none}.file-item-container .file-info .file-size{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .progressbar{width:20%}.file-item-container .status-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:12px}.file-item-container .status-icon--success{color:#0c9348}.file-item-container .status-icon--fail{color:#c13018}.file-item-container .file-option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (max-width:600px){.file-item-container{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}}"]
+                styles: [".file-item-container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:16px;padding:16px}.file-item-container .file-info{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;gap:16px;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.file-item-container .file-info .file-name{-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .file-info .file-name--link{color:#428bca;text-decoration:none}.file-item-container .file-info .file-size{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-container .progressbar{width:20%}.file-item-container .status-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;font-size:12px}.file-item-container .status-icon--success{color:#0c9348}.file-item-container .status-icon--fail{color:#c13018}.file-item-container .file-option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-family:\"Open Sans\",sans-serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media screen and (max-width:600px){.file-item-container{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}}"]
             })
         ], FileItemComponent);
         return FileItemComponent;
@@ -6619,9 +6636,9 @@
             this.cancelUpload = new core.EventEmitter();
             this.downloadFile = new core.EventEmitter();
             this.validateErrors = new core.EventEmitter();
+            this.inputValue = "";
             this._files = [];
             this.ngUsubscribe = new rxjs.Subject();
-            this.inputValue = "";
         }
         FileUploadComponent_1 = FileUploadComponent;
         Object.defineProperty(FileUploadComponent.prototype, "files", {
@@ -6645,10 +6662,7 @@
             configurable: true
         });
         FileUploadComponent.prototype.ngOnInit = function () {
-            this.supportedExtensions = this.supportedExtensions
-                .map(function (extension) { return extension
-                .replace(".", "")
-                .toLowerCase(); });
+            this.supportedExtensions = this.supportedExtensions.map(function (extension) { return extension.replace(".", "").toLowerCase(); });
         };
         FileUploadComponent.prototype.ngOnDestroy = function () {
             this.ngUsubscribe.next();
@@ -6668,6 +6682,14 @@
                 this._clearFileInput();
                 return;
             }
+            if (this._isFileCombinedSizeExceeded(files)) {
+                this.validateErrors.emit({
+                    files: files,
+                    validation: exports.ValidateErrors.MAX_COMBINED_FILE_SIZE,
+                });
+                this._clearFileInput();
+                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;
@@ -6733,6 +6755,14 @@
             }
             return this.files.length + files.length > this.fileLimit;
         };
+        FileUploadComponent.prototype._isFileCombinedSizeExceeded = function (files) {
+            if (!this.maxCombinedFileSize) {
+                return false;
+            }
+            var filesList = __spread(files, this.files);
+            var combinedSize = filesList.reduce(function (combinedSize, file) { return combinedSize + file.size; }, 0);
+            return combinedSize > this.maxCombinedFileSize;
+        };
         FileUploadComponent.prototype._isFileSizeExceeded = function (file) {
             if (!this.maxFileSize) {
                 return false;
@@ -6819,6 +6849,9 @@
         __decorate([
             core.Input()
         ], FileUploadComponent.prototype, "maxFileSize", void 0);
+        __decorate([
+            core.Input()
+        ], FileUploadComponent.prototype, "maxCombinedFileSize", void 0);
         __decorate([
             core.Input()
         ], FileUploadComponent.prototype, "fileLimit", void 0);
@@ -6881,6 +6914,7 @@
             core.NgModule({
                 imports: [
                     common.CommonModule,
+                    http.HttpClientModule,
                     ButtonModule,
                     TooltipModule,
                     ProgressBarModule,
@@ -6890,7 +6924,10 @@
                     FileUploadComponent,
                     FileItemComponent,
                 ],
-                providers: [FileUploadService],
+                providers: [
+                    FileUploadService,
+                    LocaleService,
+                ],
                 exports: [FileUploadComponent],
             })
         ], FileUploadModule);
@@ -17051,56 +17088,57 @@
     exports.fallback = fallback;
     exports.ɵa = TooltipComponent;
     exports.ɵb = TooltipDirective;
-    exports.ɵba = DynamicFieldComponent;
-    exports.ɵbb = DynamicFormDirective;
-    exports.ɵbc = FieldsetComponent;
-    exports.ɵbd = FileUploadComponent$1;
-    exports.ɵbe = LookupFieldComponent;
-    exports.ɵbf = NumberFieldComponent;
-    exports.ɵbg = PasswordFieldComponent;
-    exports.ɵbh = RadioButtonComponent;
-    exports.ɵbi = RowComponent;
-    exports.ɵbj = SectionComponent;
-    exports.ɵbk = SelectFieldComponent;
-    exports.ɵbl = SliderFieldComponent;
-    exports.ɵbm = TextAreaFieldComponent;
-    exports.ɵbn = TextAreaIAFieldComponent;
-    exports.ɵbo = IAssistService;
-    exports.ɵbp = TextFieldComponent;
-    exports.ɵbr = DecimalField;
-    exports.ɵbs = SideTableComponent;
-    exports.ɵbt = ThumbnailService;
-    exports.ɵbu = InfiniteScrollModule;
-    exports.ɵbv = InfiniteScrollDirective;
-    exports.ɵbw = StructureModule;
-    exports.ɵbx = HeaderComponent;
-    exports.ɵby = FooterComponent;
-    exports.ɵbz = KanbanEventService;
+    exports.ɵba = CurrencyFieldComponent;
+    exports.ɵbb = DynamicFieldComponent;
+    exports.ɵbc = DynamicFormDirective;
+    exports.ɵbd = FieldsetComponent;
+    exports.ɵbe = FileUploadComponent$1;
+    exports.ɵbf = LookupFieldComponent;
+    exports.ɵbg = NumberFieldComponent;
+    exports.ɵbh = PasswordFieldComponent;
+    exports.ɵbi = RadioButtonComponent;
+    exports.ɵbj = RowComponent;
+    exports.ɵbk = SectionComponent;
+    exports.ɵbl = SelectFieldComponent;
+    exports.ɵbm = SliderFieldComponent;
+    exports.ɵbn = TextAreaFieldComponent;
+    exports.ɵbo = TextAreaIAFieldComponent;
+    exports.ɵbp = IAssistService;
+    exports.ɵbq = TextFieldComponent;
+    exports.ɵbs = DecimalField;
+    exports.ɵbt = SideTableComponent;
+    exports.ɵbu = ThumbnailService;
+    exports.ɵbv = InfiniteScrollModule;
+    exports.ɵbw = InfiniteScrollDirective;
+    exports.ɵbx = StructureModule;
+    exports.ɵby = HeaderComponent;
+    exports.ɵbz = FooterComponent;
     exports.ɵc = CustomTranslationsModule;
-    exports.ɵca = KanbanItemComponent;
-    exports.ɵcb = KanbanColumnComponent;
-    exports.ɵcc = KanbanItemDraggingComponent;
-    exports.ɵcd = NumberLocaleOptions;
-    exports.ɵce = BorderButtonModule;
-    exports.ɵcf = BorderButtonComponent;
-    exports.ɵcg = SelectButtonItemComponent;
-    exports.ɵch = SlidePanelService;
-    exports.ɵci = TieredMenuEventService;
-    exports.ɵcj = TieredMenuService;
-    exports.ɵck = TieredMenuComponent;
-    exports.ɵcl = TieredMenuNestedComponent;
-    exports.ɵcm = TieredMenuItemComponent;
-    exports.ɵcn = TieredMenuDividerComponent;
-    exports.ɵco = TimelineItemModule;
-    exports.ɵcp = TimelineIconItemComponent;
-    exports.ɵcq = HorizontalTimelineModule;
-    exports.ɵcr = HorizontalTimelineComponent;
-    exports.ɵcs = VerticalTimelineModule;
-    exports.ɵct = VerticalTimelineComponent;
-    exports.ɵcu = RangeLineComponent;
-    exports.ɵcv = CollapseOptionComponent;
-    exports.ɵcw = CollapsedItemsComponent;
-    exports.ɵcx = VerticalItemsComponent;
+    exports.ɵca = KanbanEventService;
+    exports.ɵcb = KanbanItemComponent;
+    exports.ɵcc = KanbanColumnComponent;
+    exports.ɵcd = KanbanItemDraggingComponent;
+    exports.ɵce = NumberLocaleOptions;
+    exports.ɵcf = BorderButtonModule;
+    exports.ɵcg = BorderButtonComponent;
+    exports.ɵch = SelectButtonItemComponent;
+    exports.ɵci = SlidePanelService;
+    exports.ɵcj = TieredMenuEventService;
+    exports.ɵck = TieredMenuService;
+    exports.ɵcl = TieredMenuComponent;
+    exports.ɵcm = TieredMenuNestedComponent;
+    exports.ɵcn = TieredMenuItemComponent;
+    exports.ɵco = TieredMenuDividerComponent;
+    exports.ɵcp = TimelineItemModule;
+    exports.ɵcq = TimelineIconItemComponent;
+    exports.ɵcr = HorizontalTimelineModule;
+    exports.ɵcs = HorizontalTimelineComponent;
+    exports.ɵct = VerticalTimelineModule;
+    exports.ɵcu = VerticalTimelineComponent;
+    exports.ɵcv = RangeLineComponent;
+    exports.ɵcw = CollapseOptionComponent;
+    exports.ɵcx = CollapsedItemsComponent;
+    exports.ɵcy = VerticalItemsComponent;
     exports.ɵd = CodeEditorComponent;
     exports.ɵe = CoreFacade;
     exports.ɵf = CodeMirror6Core;
@@ -17113,17 +17151,17 @@
     exports.ɵm = ProgressBarIndeterminateComponent;
     exports.ɵn = FileUploadService;
     exports.ɵo = FileItemComponent;
-    exports.ɵp = InfoSignComponent;
-    exports.ɵq = TableColumnsComponent;
-    exports.ɵr = TablePagingComponent;
-    exports.ɵs = AutocompleteFieldComponent;
-    exports.ɵt = BignumberFieldComponent;
-    exports.ɵu = BooleanFieldComponent;
-    exports.ɵv = BooleanSwitchFieldComponent;
-    exports.ɵw = CalendarFieldComponent;
-    exports.ɵx = ChipsFieldComponent;
-    exports.ɵy = CountryPhonePickerFieldComponent;
-    exports.ɵz = CurrencyFieldComponent;
+    exports.ɵp = LocaleService;
+    exports.ɵq = InfoSignComponent;
+    exports.ɵr = TableColumnsComponent;
+    exports.ɵs = TablePagingComponent;
+    exports.ɵt = AutocompleteFieldComponent;
+    exports.ɵu = BignumberFieldComponent;
+    exports.ɵv = BooleanFieldComponent;
+    exports.ɵw = BooleanSwitchFieldComponent;
+    exports.ɵx = CalendarFieldComponent;
+    exports.ɵy = ChipsFieldComponent;
+    exports.ɵz = CountryPhonePickerFieldComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });