angular-three 1.6.9 → 1.6.11

package/fesm2020/angular-three.mjs

@@ -1,7 +1,7 @@
 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 { inject, ChangeDetectorRef, ElementRef, 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 { 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';
@@ -59,6 +59,7 @@ function makeObjectGraph(object) {
 const cached = new Map();
 function injectLoader(loaderConstructorFactory, input, extensions, onProgress) {
     const urls$ = isObservable(input) ? input : of(input);
+    const cdr = inject(ChangeDetectorRef);
     return urls$.pipe(map((inputs) => {
         const loaderConstructor = loaderConstructorFactory(inputs);
         const loader = new loaderConstructor();
@@ -91,6 +92,8 @@ function injectLoader(loaderConstructorFactory, input, extensions, onProgress) {
                 result[key] = results[keys.indexOf(key)];
                 return result;
             }, {});
+        }), tap(() => {
+            requestAnimationFrame(() => cdr.detectChanges());
         }));
     }));
 }
@@ -516,6 +519,7 @@ function tapEffect(effectFn) {
 class NgtRxStore extends RxState {
     constructor() {
         super();
+        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
@@ -555,6 +559,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 });