@xiriframework/xiri-ng 0.2.30 → 0.2.31

package/fesm2022/xiriframework-xiri-ng.mjs

@@ -2661,19 +2661,12 @@ class XiriDialogComponent {
         this.to = null;
         this.refreshTime = 2000;
         this.dialogRef.addPanelClass('xiri-dialog-sized');
+        this.effectiveSize = this.initData.size;
         this.breakpointObserver
             .observe([Breakpoints.XSmall, Breakpoints.Small])
             .pipe(takeUntilDestroyed(this.destroyRef))
             .subscribe((state) => {
-            if (state.matches) {
-                this.dialogRef.updateSize('90vw');
-                return;
-            }
-            const raw = this.initData.size;
-            const width = DIALOG_SIZE_MAP[raw] ?? raw ?? '600px';
-            this.dialogRef.updateSize(width);
-            if (raw === 'full')
-                this.dialogRef.addPanelClass('xiri-dialog-full');
+            this.applyDialogSize(state.matches);
         });
         if (this.initData.url)
             this.url = this.initData.url;
@@ -2717,8 +2710,23 @@ class XiriDialogComponent {
                 }]);
         }
     }
+    applyDialogSize(isMobile) {
+        if (isMobile) {
+            this.dialogRef.updateSize('90vw');
+            return;
+        }
+        const raw = this.effectiveSize;
+        const width = DIALOG_SIZE_MAP[raw] ?? raw ?? '600px';
+        this.dialogRef.updateSize(width);
+        if (raw === 'full')
+            this.dialogRef.addPanelClass('xiri-dialog-full');
+    }
     loadData(res) {
         if (res.buttons) {
+            if (res.size && res.size !== this.effectiveSize) {
+                this.effectiveSize = res.size;
+                this.applyDialogSize(this.breakpointObserver.isMatched([Breakpoints.XSmall, Breakpoints.Small]));
+            }
             if (res.url)
                 this.url = res.url;
             let formData = [];