structra-ui 0.1.93 → 0.1.94

package/fesm2022/structra-ui.mjs

@@ -6297,6 +6297,8 @@ class ImagePreviewPanelComponent {
         /** Só `image` local ou `imageUrl` remota. */
         this.displaySrc = null;
         this.imageLoadError = false;
+        /** Remote URL só entra como "imagem visível" após evento de load. */
+        this.imageLoaded = false;
         /** PDF a partir de `File` (URL sanitizada). */
         this.safePdfUrl = null;
         this.pdfLoadError = false;
@@ -6307,6 +6309,7 @@ class ImagePreviewPanelComponent {
         if (c['file'] || c['imageUrl']) {
             this.revokeFileObjectUrl();
             this.imageLoadError = false;
+            this.imageLoaded = false;
             this.pdfLoadError = false;
             this.fileKind = 'remote';
             this.displaySrc = null;
@@ -6319,10 +6322,12 @@ class ImagePreviewPanelComponent {
     }
     onImgError() {
         this.imageLoadError = true;
+        this.imageLoaded = false;
         this.cdr.markForCheck();
     }
     onImgLoad() {
         this.imageLoadError = false;
+        this.imageLoaded = true;
         this.cdr.markForCheck();
     }
     onPdfFrameError() {
@@ -6336,10 +6341,13 @@ class ImagePreviewPanelComponent {
         this.remove.emit();
     }
     get showImage() {
-        return (!this.loading &&
-            (this.fileKind === 'image' || this.fileKind === 'remote') &&
-            !!this.displaySrc &&
-            !this.imageLoadError);
+        if (this.loading || !this.displaySrc || this.imageLoadError) {
+            return false;
+        }
+        if (this.fileKind === 'remote') {
+            return this.imageLoaded;
+        }
+        return (this.fileKind === 'image');
     }
     get showPdf() {
         return (!this.loading &&