@seniorsistemas/angular-components 17.8.1 → 17.8.3

package/fesm5/seniorsistemas-angular-components.js

@@ -14745,17 +14745,20 @@ var FileValidation;
 })(FileValidation || (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 EventEmitter();
@@ -14882,7 +14885,8 @@ var ProfilePicturePickerComponent = /** @class */ (function () {
     };
     ProfilePicturePickerComponent.ctorParameters = function () { return [
         { type: ImageCropperService },
-        { type: ConfirmationService }
+        { type: ConfirmationService },
+        { type: TranslateService }
     ]; };
     __decorate([
         Input()
@@ -14957,7 +14961,7 @@ var ProfilePicturePickerComponent = /** @class */ (function () {
         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;
@@ -17540,6 +17544,11 @@ var WorkspaceSwitchModule = /** @class */ (function () {
 }());
 
 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",