@seniorsistemas/angular-components 17.8.1 → 17.8.3

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

@@ -14891,17 +14891,20 @@
     })(exports.FileValidation || (exports.FileValidation = {}));
 
     var ProfilePicturePickerComponent = /** @class */ (function () {
-        function ProfilePicturePickerComponent(imageCropperService, confirmationService) {
+        function ProfilePicturePickerComponent(imageCropperService, confirmationService, translateService) {
             this.imageCropperService = imageCropperService;
             this.confirmationService = confirmationService;
+            this.translateService = translateService;
+            this.simpleTitle = this.translateService.instant("platform.angular_components.drag_your_photo_or"); // Arraste sua foto ou
+            this.actionTitle = this.translateService.instant("platform.angular_components.select_a_file"); // Selecione um arquivo
             this.aspectRatio = 1;
-            this.removeButtonLabel = "Remover";
-            this.changeButtonLabel = "Alterar foto";
+            this.removeButtonLabel = this.translateService.instant("platform.angular_components.remover");
+            this.changeButtonLabel = this.translateService.instant("platform.angular_components.change_photo"); // Alterar foto
             this.confirmationTexts = {
-                removalHeader: "Remover foto de perfil",
-                removalMessage: "Deseja remover sua foto de perfil? Não pode ser revertida.",
-                removalAcceptLabel: "Remover",
-                removalRejectLabel: "Cancelar",
+                removalHeader: this.translateService.instant("platform.angular_components.remove_image"),
+                removalMessage: this.translateService.instant("platform.angular_components.confirmation_remove_image"),
+                removalAcceptLabel: this.translateService.instant("platform.angular_components.remove"),
+                removalRejectLabel: this.translateService.instant("platform.angular_components.cancel"),
             };
             this.supportedExtensions = [];
             this.changedImage = new core.EventEmitter();
@@ -15028,7 +15031,8 @@
         };
         ProfilePicturePickerComponent.ctorParameters = function () { return [
             { type: ImageCropperService },
-            { type: api.ConfirmationService }
+            { type: api.ConfirmationService },
+            { type: core$1.TranslateService }
         ]; };
         __decorate([
             core.Input()
@@ -15103,7 +15107,7 @@
             core.Component({
                 selector: "s-profile-picture-picker",
                 template: "<p-confirmDialog></p-confirmDialog>\n\n<input #fileInput [accept]=\"accept\" class=\"file-input\" type=\"file\" (change)=\"photoSelected($event)\">\n<div #uploadPicture class=\"upload-picture\">\n   <s-thumbnail\n      #thumbnail\n      iconClass=\"far fa-user\"\n      [imageSource]=\"image\"\n      [hasAction]=\"!image\"\n      (click)=\"selectPhoto()\">\n   </s-thumbnail>\n   <div #info class=\"info\">\n      <ng-container *ngIf=\"image; then withImage; else noImage\"></ng-container>\n      <p class=\"subtitle\">{{ subtitle }}</p>\n   </div>\n</div>\n\n<ng-template #withImage>\n   <div class=\"buttons\">\n      <s-button\n         [label]=\"changeButtonLabel\"\n         priority=\"primary\"\n         (onClick)=\"selectPhoto()\">\n      </s-button>\n      <s-button\n         [label]=\"removeButtonLabel\"\n         priority=\"secondary\"\n         (onClick)=\"removePhoto()\">\n      </s-button>\n   </div>\n</ng-template>\n\n<ng-template #noImage>\n   <p class=\"title\">\n      {{ simpleTitle }}\n      <span\n         class=\"action-title\"\n         (click)=\"selectPhoto()\">\n         {{ actionTitle }}\n      </span>\n   </p>\n</ng-template>",
-                styles: [".file-input{display:none}.upload-picture{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload-picture .info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px 20px;-ms-flex-align:start;align-items:flex-start}.upload-picture .info .title{font-family:\"Open Sans\",sans-serif;font-weight:700;font-size:.875rem;line-height:150%;color:#333}.upload-picture .info .title .action-title{cursor:pointer;color:#428bca}.upload-picture .info .buttons{display:-ms-flexbox;display:flex;gap:8px}.upload-picture .info .buttons s-button{margin:0}.upload-picture .info .subtitle{padding:6px 0;font-family:\"Open Sans\",sans-serif;font-weight:400;font-size:.75rem;line-height:150%;color:#697882;text-align:center}.upload-picture--small .info{-ms-flex-align:center;align-items:center}.upload-picture--small .info .subtitle,.upload-picture--small .info .title{text-align:center}.upload-picture--small .info .buttons{-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}"]
+                styles: [".file-input{display:none}.upload-picture{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.upload-picture .info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:12px 20px;-ms-flex-align:start;align-items:flex-start}.upload-picture .info .title{font-family:\"Open Sans\",sans-serif;font-weight:700;font-size:.875rem;line-height:150%;color:#333}.upload-picture .info .title .action-title{cursor:pointer;color:#428bca}.upload-picture .info .buttons{display:-ms-flexbox;display:flex;gap:8px}.upload-picture .info .buttons s-button{margin:0}.upload-picture .info .subtitle{padding:6px 0;font-family:\"Open Sans\",sans-serif;font-weight:400;font-size:.75rem;line-height:150%;color:#697882;text-align:center}.upload-picture--small .info{-ms-flex-align:center;align-items:center}.upload-picture--small .info .subtitle,.upload-picture--small .info .title{text-align:center}.upload-picture--small .info .buttons{-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}"]
             })
         ], ProfilePicturePickerComponent);
         return ProfilePicturePickerComponent;
@@ -17686,6 +17690,11 @@
     }());
 
     var fallback = {
+        "platform.angular_components.drag_your_photo_or": "Arraste sua foto ou",
+        "platform.angular_components.select_a_file": "selecione um arquivo",
+        "platform.angular_components.change_photo": "Alterar foto",
+        "platform.angular_components.remove_image": "Remover imagem",
+        "platform.angular_components.confirmation_remove_image": "Deseja remover a imagem? Não pode ser revertida.",
         "platform.angular_components.strong": "Forte",
         "platform.angular_components.medium": "Média",
         "platform.angular_components.weak": "Fraca",