mn-angular-lib 1.0.100 → 1.0.101

package/fesm2022/mn-angular-lib.mjs

@@ -6640,7 +6640,14 @@ class MnModalShellComponent {
     config;
     modalRef;
     isClosing = false;
-    isStacked = false;
+    /**
+     * Whether another modal is stacked on top of this one. Set imperatively by
+     * `MnModalService` on the already-rendered shell below the newly opened one, so it must
+     * be a signal: mutating a plain field there changes the host `[class]` after the view was
+     * checked (NG0100 ExpressionChangedAfterItHasBeenChecked) and does not schedule change
+     * detection in a zoneless app. A signal write both notifies the host binding and schedules CD.
+     */
+    isStacked = signal(false, ...(ngDevMode ? [{ debugName: "isStacked" }] : []));
     ModalKind = ModalKind;
     previouslyFocusedElement = null;
     focusTrapListener = null;
@@ -6815,7 +6822,7 @@ class MnModalShellComponent {
             ? this.config.animation
             : this.config.animation?.type || 'slide';
         const animation = ` anim-${animType}`;
-        const stacked = this.isStacked ? ' is-stacked' : '';
+        const stacked = this.isStacked() ? ' is-stacked' : '';
         const mobileSheet = this.isMobileSheet ? ' mobile-sheet' : '';
         const swiping = this.swipeDismissing ? ' swipe-dismissing' : '';
         return `modal-shell modal-${size}${animation}${stacked}${mobileSheet}${swiping}`;
@@ -7080,7 +7087,7 @@ class MnModalService {
         // Update stack and dim previous modal
         if (this.modalStack.length > 0) {
             const prevModal = this.modalStack[this.modalStack.length - 1];
-            prevModal.component.isStacked = true;
+            prevModal.component.isStacked.set(true);
         }
         this.modalStack.push(modalRef);
         // Attach to application
@@ -7097,7 +7104,7 @@ class MnModalService {
                 this.modalStack.splice(index, 1);
                 if (this.modalStack.length > 0) {
                     const topModal = this.modalStack[this.modalStack.length - 1];
-                    topModal.component.isStacked = false;
+                    topModal.component.isStacked.set(false);
                 }
             }
         });