angular-three 1.6.8 → 1.6.10

package/fesm2020/angular-three.mjs

@@ -1,7 +1,7 @@
 import * as i0 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 { 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 { 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 { isObservable, of, map, from, tap, retry, catchError, share, ReplaySubject, switchMap, forkJoin, take, BehaviorSubject, startWith, combineLatest, distinctUntilChanged, filter, takeUntil, merge } from 'rxjs';
 import * as THREE from 'three';
 import { DOCUMENT, NgForOf, NgIf } from '@angular/common';
 import { RxState, selectSlice } from '@rx-angular/state';
@@ -459,19 +459,6 @@ 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:
@@ -529,7 +516,7 @@ function tapEffect(effectFn) {
 class NgtRxStore extends RxState {
     constructor() {
         super();
-        const cdr = inject(ChangeDetectorRef, { optional: true });
+        this.cache = {};
         // 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
@@ -546,14 +533,10 @@ class NgtRxStore extends RxState {
                             modded[key] = value === undefined ? this.get(key) : value;
                             return modded;
                         }, {});
-                        const value = originalSet(modArgs);
-                        safeDetectChanges(cdr);
-                        return value;
+                        return originalSet(modArgs);
                     }
                     // @ts-expect-error not sure why ...args here doesn't pass tuple check
-                    const value = originalSet(...args);
-                    safeDetectChanges(cdr);
-                    return value;
+                    return originalSet(...args);
                 };
             },
         });
@@ -573,6 +556,17 @@ class NgtRxStore extends RxState {
             requestAnimationFrame(() => void cdr.detectChanges());
         });
     }
+    key$(...keys) {
+        const key = keys.join('.');
+        if (!this.cache[key]) {
+            this.cache[key] = this.select(...keys).pipe(startWith(this.get(...keys) ?? undefined), distinctUntilChanged());
+        }
+        return this.cache[key];
+    }
+    ngOnDestroy() {
+        this.cache = {};
+        super.ngOnDestroy();
+    }
 }
 NgtRxStore.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtRxStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 NgtRxStore.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtRxStore });
@@ -2600,6 +2594,19 @@ function injectBeforeRender(cb, priority = 0) {
     }
 }
 
+function safeDetectChanges(cdr) {
+    if (!cdr)
+        return;
+    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;