@wertzui/ngx-restworld-client 4.2.1 → 4.2.2

package/fesm2020/wertzui-ngx-restworld-client.mjs

@@ -27,7 +27,6 @@ import * as i2 from 'primeng/fileupload';
 import { FileUpload, FileUploadModule } from 'primeng/fileupload';
 import * as i3 from 'primeng/dialog';
 import { Dialog, DialogModule } from 'primeng/dialog';
-import { firstValueFrom } from 'rxjs';
 import * as i1$2 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import * as i5 from 'primeng/colorpicker';
@@ -630,14 +629,14 @@ class RESTWorldImageViewComponent {
         if (!this.backgroundColor)
             this.backgroundColor = '#ffffff';
     }
+    ngOnDestroy() {
+        this._subscriptions?.forEach(s => s.unsubscribe());
+    }
     ngAfterViewInit() {
-        // We need to trigger onResize one time, after the opening animation of the dialog has been completed.
-        // Otherwise the image cropper thinks that the image size is 0x0,
+        // We need to trigger imageLoadedInView each time, after the opening animation of the dialog has been completed.
+        // Otherwise the image cropper initially (and after every window resize) thinks that the image size is 0x0,
         // because the opening animation hast just begun when the image cropper is first shown.
-        this.dialogs?.forEach(async (d) => {
-            await firstValueFrom(d.onShow);
-            this.imageCroppers?.forEach(i => i.onResize());
-        });
+        this.dialogs?.map(d => d.onShow.subscribe(() => this.imageCroppers?.forEach(i => { i.imageLoadedInView(); })));
     }
     showCropDialog() {
         this.displayCropDialog = true;