@arsedizioni/ars-utils 21.0.43 → 21.0.46

package/fesm2022/arsedizioni-ars-utils-ui.application.mjs

@@ -43,7 +43,6 @@ import * as i5$2 from '@angular/material/datepicker';
 import { MatDatepickerModule, MatCalendar } from '@angular/material/datepicker';
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { NgStyle } from '@angular/common';
 import * as i7$1 from '@angular/material/badge';
 import { MatBadgeModule } from '@angular/material/badge';
 import * as i4$1 from '@angular/material/chips';
@@ -1969,7 +1968,34 @@ class FilePreviewComponent {
      * Load completed
      */
     loaded() {
-        this.iframe()?.nativeElement.contentWindow.scrollTo(0, 0);
+        const iframe = this.iframe()?.nativeElement;
+        if (!iframe) {
+            return;
+        }
+        try {
+            iframe.contentWindow?.scrollTo(0, 0);
+            // Resize and center single image
+            if (!this.dialogData?.embed && iframe.contentDocument) {
+                const images = iframe.contentDocument.querySelectorAll('img') || [];
+                if (images.length === 1) {
+                    Object.assign(images[0].style, {
+                        position: 'absolute',
+                        top: '50%',
+                        left: '50%',
+                        transform: 'translate(-50%, -50%)',
+                        maxWidth: images[0].style.maxWidth || '100%',
+                        maxHeight: images[0].style.maxHeight || '100%'
+                    });
+                    const iframeBody = iframe.contentDocument.body;
+                    if (iframeBody && !iframeBody.style.height) {
+                        iframeBody.style.height = '100%';
+                    }
+                }
+            }
+        }
+        catch (e) {
+            console.error('Impossibile accedere al contenuto dell\'iframe:', e);
+        }
     }
     /**
      * Download manually
@@ -1996,7 +2022,7 @@ class FilePreviewComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FilePreviewComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogContent, NgStyle, FlexLayoutModule, MatDialogActions, MatButtonModule, MatTooltipModule,
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogContent, FlexLayoutModule, MatDialogActions, MatButtonModule, MatTooltipModule,
                         MatDialogClose, SafeUrlPipe], template: "<mat-dialog-content class=\"file-preview\"  id=\"file-preview-scrollable\">\r\n  <div class=\"content\">\r\n    @if (!url()) {\r\n    <div class=\"loading\">Caricamento in corso...</div>\r\n    } @else {\r\n    <iframe class=\"iframe\" #iframe  (load)=\"loaded()\"  [src]=\"url() | safeUrl\"></iframe>\r\n    }\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions id=\"file-preview-fixed\">\r\n  <div fxLayout=\"row\" fxLayoutAlign=\"start center\" fxLayoutGap=\"10px\" fxFill>\r\n    <div fxFlex=\"50\">\r\n      <button mat-stroked-button  (click)=\"troubles()\"\r\n        matTooltip=\"Fai click se non riesci a visualizzare l'anteprima dei file PDF\">Problemi con i PDF?</button>\r\n    </div>\r\n    <div fxFlex=\"50\" fxLayoutAlign=\"end\">\r\n      <button mat-stroked-button  (click)=\"download()\">Scarica</button>\r\n      <button mat-stroked-button [mat-dialog-close]=\"true\" >Chiudi</button>\r\n    </div>\r\n  </div>\r\n</mat-dialog-actions>", styles: [".file-preview{padding:0}.file-preview .content{height:100%;width:100%;overflow:hidden;background-color:var(--ars-filepreview-content-background-color, #f7faf8)}.file-preview .content .loading{animation:blinker 2s linear infinite;font-size:x-large;color:var(--ars-color-text, #191c1b);width:100%;height:100%;padding:20px}.file-preview .content .iframe{width:100%;height:100%;border:0;background-color:var(--ars-filepreview-content-background-color, #f7faf8)!important}@keyframes blinker{50%{opacity:0}}.mat-mdc-dialog-content{max-height:unset!important;padding:0!important}\n"] }]
         }], propDecorators: { iframe: [{ type: i0.ViewChild, args: ['iframe', { isSignal: true }] }] } });