@almoamendev/ngx-md3 0.7.2 → 0.7.3

package/fesm2022/almoamendev-ngx-md3.mjs

@@ -6300,6 +6300,8 @@ class DialogService {
      * Opens a dialog that covers the whole screen. Only one can be open at a
      * time, so it replaces whatever is open, and while it is up the side sheet
      * outlets belong to it: side sheets open inside the dialog, not behind it.
+     * `previousDialog` decides what happens to the dialogs it replaces, the
+     * same way it does for a regular dialog.
      */
     openFullScreen(component, config = {}) {
         const dialogConfig = this.mergeConfig(config);
@@ -6312,7 +6314,7 @@ class DialogService {
         if (previousRef) {
             // Everything open belongs to the context being replaced, including
             // a full screen dialog that is already up.
-            this.closeAll();
+            this.dismissPreviousContext(dialogConfig.previousDialog);
         }
         let dialogRef;
         const cdkRef = this.cdkDialog.open(component, {
@@ -6450,6 +6452,15 @@ class DialogService {
         previousRef.overlayRef.backdropElement?.classList.add(SCRIM_KEPT_CLASS);
         return behavior === 'hide' ? previousRef.hide() : this.closeRegularDialogs();
     }
+    /**
+     * The same choice for a full screen dialog, applied to everything that is
+     * on screen: what it takes over from is a whole context, a full screen
+     * dialog of its own included. `hide` keeps that context alive, and it comes
+     * back as it was once this dialog closes.
+     */
+    dismissPreviousContext(behavior) {
+        return behavior === 'hide' ? this.hideAll() : this.closeAll();
+    }
     startOpenAnimation(dialogRef) {
         const overlayRef = dialogRef.overlayRef;
         const panel = overlayRef.overlayElement;
@@ -6501,6 +6512,13 @@ class DialogService {
         if (!to) {
             return;
         }
+        // Nothing to hand over either: the dialog leaving carries no scrim, so
+        // the one coming in fades its own in rather than switching it on in a
+        // single frame. This is a full screen dialog closing over a dialog that
+        // was hidden underneath it.
+        if (!from) {
+            return;
+        }
         from?.classList.add(SCRIM_INSTANT_CLASS);
         from?.classList.remove(SCRIM_KEPT_CLASS);
         to?.classList.add(SCRIM_INSTANT_CLASS);
@@ -6560,10 +6578,28 @@ class DialogService {
             if (previousRef.overlayRef.backdropElement) {
                 ref.overlayRef.backdropElement?.classList.add(SCRIM_KEPT_CLASS);
             }
-            setTimeout(() => this.startRestoringAnimation(ref, previousRef), DIALOG_HANDOVER_DELAY_MS);
+            setTimeout(() => {
+                this.showHostFullScreenDialog(previousRef);
+                this.startRestoringAnimation(ref, previousRef);
+            }, DIALOG_HANDOVER_DELAY_MS);
             return;
         }
     }
+    /**
+     * Brings back the full screen dialog a restored dialog sits in. The two are
+     * hidden together when a full screen dialog takes over with
+     * `previousDialog: 'hide'`, so the context has to be on screen again before
+     * the dialog that sits on top of it, exactly as showAll() puts them back.
+     */
+    showHostFullScreenDialog(ref) {
+        if (ref.isFullScreen) {
+            return;
+        }
+        const hostRef = this.fullScreenDialog;
+        if (hostRef?.isHidden && this.refs.indexOf(hostRef) < this.refs.indexOf(ref)) {
+            hostRef.show();
+        }
+    }
     removeRef(ref) {
         const index = this.refs.indexOf(ref);
         if (index === -1) {