@mmstack/primitives 20.7.0 → 20.7.1

package/fesm2022/mmstack-primitives.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { isDevMode, inject, Injector, untracked, effect, DestroyRef, linkedSignal, InjectionToken, TemplateRef, ViewContainerRef, input, computed, Directive, signal, PLATFORM_ID, runInInjectionContext, afterNextRender, Component, isSignal, ElementRef, Injectable } from '@angular/core';
+import { isDevMode, inject, Injector, untracked, effect, DestroyRef, linkedSignal, InjectionToken, TemplateRef, ViewContainerRef, PLATFORM_ID, input, computed, Directive, signal, runInInjectionContext, afterNextRender, Component, isSignal, ElementRef, Injectable } from '@angular/core';
 import { isPlatformServer } from '@angular/common';
 import { SIGNAL } from '@angular/core/primitives/signals';
 
@@ -250,6 +250,7 @@ class MmActivity {
     tpl = inject(TemplateRef);
     vcr = inject(ViewContainerRef);
     parent = inject(Injector);
+    onServer = isPlatformServer(inject(PLATFORM_ID, { optional: true }) ?? 'browser');
     /** When false, keep the content mounted but hidden + CD-detached. */
     visible = input.required(...(ngDevMode ? [{ debugName: "visible", alias: 'mmActivity' }] : [{ alias: 'mmActivity' }]));
     /** Paused == not visible — handed to the kept subtree as PAUSED_CONTEXT. */
@@ -272,6 +273,8 @@ class MmActivity {
                 }),
             });
         }
+        if (this.onServer)
+            return;
         for (const node of this.view.rootNodes) {
             // covers HTML and SVG roots; text/comment roots can't be styled — their CD is still
             // detached, but prefer an element root for true visual hiding
@@ -651,6 +654,7 @@ function registerResource(res, opt) {
 function injectStartTransition() {
     const scope = injectTransitionScope();
     const injector = inject(Injector);
+    const onServer = isPlatformServer(inject(PLATFORM_ID, { optional: true }) ?? 'browser');
     return (fn) => {
         untracked(fn);
         let sawPending = false;
@@ -665,6 +669,13 @@ function injectStartTransition() {
                     resolve();
                 }
             }, ...(ngDevMode ? [{ debugName: "watcher", injector }] : [{ injector }]));
+            if (onServer) {
+                if (!untracked(scope.pending)) {
+                    watcher.destroy();
+                    resolve();
+                }
+                return;
+            }
             // no-async fallback: once the reactive system has processed the writes (afterNextRender),
             // if nothing ever went in flight, the transition is already complete.
             afterNextRender(() => {
@@ -805,6 +816,7 @@ function runInTransaction(txn, fn) {
 function injectStartTransaction() {
     const scope = injectTransitionScope();
     const injector = inject(Injector);
+    const onServer = isPlatformServer(inject(PLATFORM_ID, { optional: true }) ?? 'browser');
     return (fn) => {
         const txn = createTransaction();
         // Hold BEFORE the writes, so the display freezes at pre-transaction values.
@@ -846,11 +858,17 @@ function injectStartTransaction() {
             if (sawPending && !p)
                 finish(false);
         }, { injector });
-        // no-async fallback: if nothing ever went in flight, settle once the writes are processed.
-        afterNextRender(() => {
-            if (!sawPending && !untracked(scope.pending))
+        if (onServer) {
+            if (!untracked(scope.pending))
                 finish(false);
-        }, { injector });
+        }
+        else {
+            // no-async fallback: if nothing ever went in flight, settle once the writes are processed.
+            afterNextRender(() => {
+                if (!sawPending && !untracked(scope.pending))
+                    finish(false);
+            }, { injector });
+        }
         return {
             pending: scope.pending,
             done,