carriera-intern-components 1.1.176 → 1.1.178

package/app/components/drop-zone/drop-zone.component.d.ts

@@ -81,7 +81,7 @@ export declare class DropZoneComponent {
     loadImageFailed(): void;
     onTransformChange(event: ImageTransform): void;
     cancelCrop(): void;
-    submitCrop(): void;
+    submitCrop(initial?: boolean): void;
     /**
      * A computed signal that derives the list of currently supported file extensions.
      * It filters the base `fileTypes` array, removing any extensions present

package/fesm2022/carriera-intern-components.mjs

@@ -3492,6 +3492,10 @@ class DropZoneComponent {
                 };
             }));
         }
+        if (this.crop()) {
+            this.base64Image = currentFiles[0].url || '';
+            this.submitCrop(true);
+        }
         this.deletedDocs.set(this.deletedFileIds() ?? []);
     }
     updateRangeBackground(input) {
@@ -3573,7 +3577,7 @@ class DropZoneComponent {
             console.log(this.croppedImage, "croppedImage", event);
         }
         else {
-            this.base64Image = event.base64;
+            this.base64Image = event.base64.replace('data:image/png;base64,', '');
             this.croppedImage = null;
         }
     }
@@ -3594,7 +3598,7 @@ class DropZoneComponent {
     cancelCrop() {
         this.showCropper.set(false);
     }
-    submitCrop() {
+    submitCrop(initial = false) {
         const newPreviewUrl = this.base64Image;
         const lastIndex = this.docs().length - 1;
         if (lastIndex >= 0) {
@@ -3607,18 +3611,20 @@ class DropZoneComponent {
             this.showCropper.set(false);
         }
         if (this.variant() === 'profile' && this.base64Image) {
-            this.profileUrl = this.base64Image;
+            this.profileUrl = initial ? this.base64Image : `data:image/png;base64,${this.base64Image}`;
         }
         if (this.variant() === 'cover' && this.base64Image) {
-            this.coverUrl = this.base64Image;
+            this.coverUrl = initial ? this.base64Image : `data:image/png;base64,${this.base64Image}`;
             if (this.size() === '480px' && this.coverUrl) {
                 this.smallView.set(true);
             }
         }
         if (this.variant() === 'logo' && this.base64Image) {
-            this.logoUrl = this.base64Image;
+            this.logoUrl = initial ? this.base64Image : `data:image/png;base64,${this.base64Image}`;
         }
         this.cropDimensions();
+        if (!initial)
+            this.emitDocs();
     }
     /**
      * A computed signal that derives the list of currently supported file extensions.
@@ -3708,7 +3714,8 @@ class DropZoneComponent {
             else {
                 this.docs.update((docs) => [...docs, filePreview]);
             }
-            this.emitDocs();
+            if (!this.crop)
+                this.emitDocs();
             const visibleCount = this.size() === '480px' ? 2 : 3;
             const total = this.docs().length;
             if (total > visibleCount) {