angular-three 1.6.6 → 1.6.8

package/fesm2020/angular-three.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ElementRef, Injectable, inject, InjectionToken, ViewContainerRef, TemplateRef, Directive, Input, EventEmitter, getDebugNode, RendererFactory2, ChangeDetectorRef, makeEnvironmentProviders, EnvironmentInjector, createEnvironmentInjector, Component, HostBinding, Output, ViewChild, Injector, Pipe, SkipSelf, ContentChild } from '@angular/core';
+import { ElementRef, inject, ChangeDetectorRef, Injectable, InjectionToken, ViewContainerRef, TemplateRef, Directive, Input, EventEmitter, getDebugNode, RendererFactory2, makeEnvironmentProviders, EnvironmentInjector, createEnvironmentInjector, Component, HostBinding, Output, ViewChild, Injector, Pipe, SkipSelf, ContentChild } from '@angular/core';
 import { provideNgxResizeOptions, NgxResize } from 'ngx-resize';
 import { isObservable, of, map, from, tap, retry, catchError, share, ReplaySubject, switchMap, forkJoin, take, BehaviorSubject, startWith, combineLatest, filter, distinctUntilChanged, takeUntil, merge } from 'rxjs';
 import * as THREE from 'three';
@@ -459,6 +459,19 @@ function applyProps(instance, props) {
     return instance;
 }
 
+function safeDetectChanges(cdr) {
+    if (!cdr)
+        return;
+    try {
+        if (cdr['context']) {
+            cdr.detectChanges();
+        }
+    }
+    catch (e) {
+        cdr.markForCheck();
+    }
+}
+
 const startWithUndefined = () => startWith(undefined);
 /**
  * An extended `tap` operator that accepts an `effectFn` which:
@@ -516,6 +529,7 @@ function tapEffect(effectFn) {
 class NgtRxStore extends RxState {
     constructor() {
         super();
+        const cdr = inject(ChangeDetectorRef, { optional: true });
         // set a dummy property so that initial this.get() won't return undefined
         this.set({ __ngt_dummy__: '__ngt_dummy__' });
         // call initialize that might be setup by derived Stores
@@ -532,10 +546,14 @@ class NgtRxStore extends RxState {
                             modded[key] = value === undefined ? this.get(key) : value;
                             return modded;
                         }, {});
-                        return originalSet(modArgs);
+                        const value = originalSet(modArgs);
+                        safeDetectChanges(cdr);
+                        return value;
                     }
                     // @ts-expect-error not sure why ...args here doesn't pass tuple check
-                    return originalSet(...args);
+                    const value = originalSet(...args);
+                    safeDetectChanges(cdr);
+                    return value;
                 };
             },
         });
@@ -2582,17 +2600,6 @@ function injectBeforeRender(cb, priority = 0) {
     }
 }
 
-function safeDetectChanges(cdr) {
-    try {
-        if (cdr['context']) {
-            cdr.detectChanges();
-        }
-    }
-    catch (e) {
-        cdr.markForCheck();
-    }
-}
-
 function injectNgtRef(initialValue = null) {
     const ref = is.ref(initialValue) ? initialValue : new ElementRef(initialValue);
     let lastValue = ref.nativeElement;