angular-three 1.4.1 → 1.4.3

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, 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, filter, distinctUntilChanged, takeUntil, merge } from 'rxjs';
+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';
 import { DOCUMENT, NgForOf, NgIf } from '@angular/common';
 import { RxState, selectSlice } from '@rx-angular/state';
@@ -546,6 +546,15 @@ class NgtRxStore extends RxState {
     effect(obs, sideEffectFn) {
         return this.hold(obs.pipe(tapEffect(sideEffectFn)));
     }
+    triggerChangeDetection(cdr, keys = []) {
+        let $ = this.$;
+        if (keys.length) {
+            $ = combineLatest(keys.map((key) => this.select(key).pipe(startWith(this.get(key) ?? undefined))));
+        }
+        this.hold($, () => {
+            requestAnimationFrame(() => void cdr.detectChanges());
+        });
+    }
 }
 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 });
@@ -1516,7 +1525,6 @@ class NgtRendererStore {
     constructor(root) {
         this.root = root;
         this.comments = [];
-        this.portals = [];
     }
     createNode(type, node) {
         const state = [
@@ -1707,6 +1715,9 @@ class NgtRendererStore {
     get rootCdr() {
         return this.root.cdr;
     }
+    get portals() {
+        return this.root.portals;
+    }
     getClosestParentWithInstance(node) {
         let parent = node.__ngt_renderer__[1 /* NgtRendererClassId.parent */];
         while (parent && parent.__ngt_renderer__[0 /* NgtRendererClassId.type */] !== 'three') {
@@ -1882,6 +1893,7 @@ class NgtRendererFactory {
         this.compoundPrefixes = inject(NGT_COMPOUND_PREFIXES);
         this.document = inject(DOCUMENT);
         this.rendererMap = new Map();
+        this.portals = [];
     }
     createRenderer(hostElement, type) {
         const delegateRenderer = this.delegateRendererFactory.createRenderer(hostElement, type);
@@ -1894,6 +1906,7 @@ class NgtRendererFactory {
             const store = new NgtRendererStore({
                 store: this.store,
                 cdr: this.cdr,
+                portals: this.portals,
                 compoundPrefixes: this.compoundPrefixes,
                 document: this.document,
             });
@@ -1904,6 +1917,7 @@ class NgtRendererFactory {
             const store = new NgtRendererStore({
                 store: this.store,
                 cdr: this.cdr,
+                portals: this.portals,
                 compoundPrefixes: this.compoundPrefixes,
                 document: this.document,
             });