carriera-intern-components 1.1.171 → 1.1.173

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

@@ -16,6 +16,7 @@ export declare class DropZoneComponent {
     smallView: import("@angular/core").WritableSignal<boolean>;
     cropHeight: import("@angular/core").WritableSignal<number>;
     cropWidth: import("@angular/core").WritableSignal<number>;
+    private initialFilesProcessed;
     driver: import("@angular/core").WritableSignal<Driver>;
     transform: ImageTransform;
     imageChangedEvent: Event | null;
@@ -67,7 +68,7 @@ export declare class DropZoneComponent {
     ngOnInit(): void;
     ngAfterViewInit(): void;
     emitDocs(): void;
-    populateDocs(): void;
+    populateDocs(currentFiles: FileResponse[]): void;
     updateRangeBackground(input: HTMLInputElement): void;
     cropDimensions(): void;
     ratioHelper(): number;

package/fesm2022/carriera-intern-components.mjs

@@ -3388,6 +3388,7 @@ class DropZoneComponent {
     smallView = signal(false);
     cropHeight = signal(0);
     cropWidth = signal(0);
+    initialFilesProcessed = signal(false);
     driver = signal({
         id: 0,
         firstName: '',
@@ -3455,21 +3456,27 @@ class DropZoneComponent {
     inputRange;
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
+        effect(() => {
+            const files = this.files();
+            if (!this.initialFilesProcessed() && files?.length) {
+                this.populateDocs(files);
+                this.initialFilesProcessed.set(true);
+            }
+        });
     }
     ngOnInit() {
-        this.populateDocs();
         this.cropDimensions();
     }
     ngAfterViewInit() { }
     emitDocs() {
         this.docsChange.emit(this.docs());
     }
-    populateDocs() {
-        const currentFiles = this.files();
-        if (currentFiles.length) {
+    populateDocs(currentFiles) {
+        if (currentFiles?.length) {
             this.docs.set(currentFiles.map((file) => ({
                 fileName: file.fileName || '',
                 baseName: file.fileName || '',
+                fileId: file.fileId || 0,
                 type: file.fileName
                     ?.split('.')
                     .pop()
@@ -3751,6 +3758,7 @@ class DropZoneComponent {
     handleDelete(fileName) {
         this.carouselLeft();
         const fileIdToDelete = this.docs().find((doc) => doc.fileName === fileName)?.fileId;
+        console.log(fileIdToDelete, "fileIdToDelete");
         if (fileIdToDelete) {
             this.deletedDocs.set([
                 ...this.deletedDocs(),