mn-angular-lib 1.0.78 → 1.0.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mn-angular-lib",
-  "version": "1.0.78",
+  "version": "1.0.79",
   "peerDependencies": {
     "@angular/common": "^21.1.3",
     "@angular/core": "^21.1.3"

package/src/lib/features/mn-modal/components/mn-modal-shell/mn-modal-shell.component.css

@@ -1,4 +1,9 @@
 :host {
+  /* Native-feeling sheet curve (iOS-style decelerate, no out-of-bounds overshoot
+     which would expose a gap below a bottom-anchored sheet). Shared by the
+     slide keyframes, the drag spring-back, and the swipe-dismiss glide. */
+  --mn-sheet-ease: cubic-bezier(0.32, 0.72, 0, 1);
+
   position: fixed;
   inset: 0;
   z-index: 1000;
@@ -17,7 +22,7 @@
 
 /* Swipe-to-dismiss: animate the spring-back, but follow the finger 1:1 while dragging. */
 .modal-container {
-  transition: transform 0.2s ease;
+  transition: transform 0.35s var(--mn-sheet-ease);
 }
 
 .modal-container.sheet-dragging {
@@ -30,7 +35,7 @@
 :host(.swipe-dismissing) .modal-container,
 :host(.swipe-dismissing).closing .modal-container {
   animation: none !important;
-  transition: transform 0.2s ease-in;
+  transition: transform 0.3s var(--mn-sheet-ease);
 }
 
 @keyframes fadeIn {
@@ -130,20 +135,35 @@
     max-width: 100%;
     max-height: 92vh;
     border-radius: 1rem 1rem 0 0;
-    animation: slideUpIn 0.25s ease-out;
+    animation: slideUpIn 0.35s var(--mn-sheet-ease);
   }
 
   /* Override whichever anim-* open animation was selected */
   :host(.mobile-sheet).anim-slide .modal-container,
   :host(.mobile-sheet).anim-fade .modal-container,
   :host(.mobile-sheet).anim-zoom .modal-container {
-    animation: slideUpIn 0.25s ease-out;
+    animation: slideUpIn 0.35s var(--mn-sheet-ease);
   }
 
   :host(.mobile-sheet).closing .modal-container,
   :host(.mobile-sheet).closing.anim-slide .modal-container,
   :host(.mobile-sheet).closing.anim-fade .modal-container,
   :host(.mobile-sheet).closing.anim-zoom .modal-container {
-    animation: slideUpOut 0.2s ease-in forwards;
+    animation: slideUpOut 0.25s var(--mn-sheet-ease) forwards;
+  }
+}
+
+/* =========================
+   Reduced motion: collapse every open/close/drag animation to ~instant.
+   Kept at 0.01ms (not `none`) so animationend still fires for the
+   event-driven close teardown in the shell component. The shell also
+   short-circuits its close wait when reduced motion is requested.
+   ========================= */
+@media (prefers-reduced-motion: reduce) {
+  :host .modal-backdrop,
+  :host .modal-container {
+    animation-duration: 0.01ms !important;
+    animation-delay: 0ms !important;
+    transition-duration: 0.01ms !important;
   }
 }

package/types/mn-angular-lib.d.ts

@@ -3745,10 +3745,24 @@ declare class MnModalShellComponent<TResult = unknown> implements OnInit, AfterV
     asConfirmation(config: ModalConfig<TResult>): ConfirmationModalConfig;
     asCustom(config: ModalConfig<TResult>): CustomModalConfig;
     private static readonly SWIPE_DISMISS_THRESHOLD;
+    /** Upper bound for the close wait if no animation/transition end event fires
+     *  (e.g. an animation was suppressed). Longer than the slowest close path
+     *  (mobile slide-down 0.25s, swipe glide 0.3s) so it never preempts. */
+    private static readonly CLOSE_FALLBACK_MS;
     /** Whether this modal renders as a bottom sheet on small screens (default: true). */
     get isMobileSheet(): boolean;
-    /** Triggers the closing animation. Deferred to avoid NG0100 when called during a CD cycle. */
+    /**
+     * Triggers the closing animation and resolves once it has actually finished.
+     *
+     * Deferred via setTimeout to avoid NG0100 when called during a CD cycle.
+     * Rather than guess a fixed duration (the old hardcoded 150ms truncated the
+     * mobile slide-down, which runs 250ms — and the swipe glide, 300ms), we wait
+     * for the container's `animationend`/`transitionend` and tear down then. A
+     * fallback timeout guarantees resolution if no such event fires, and we
+     * short-circuit entirely under reduced motion (the CSS collapses to instant).
+     */
     startClosing(): Promise<void>;
+    private prefersReducedMotion;
     onEscapeKey(event: Event): void;
     onBackdropClick(): void;
     onCloseButtonClick(): void;