angular-three 1.3.0 → 1.4.0

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, EnvironmentInjector, createEnvironmentInjector, Component, HostBinding, Output, ViewChild, 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, 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 * as THREE from 'three';
@@ -2081,7 +2081,7 @@ class NgtRenderer {
     // refChild: NgtRendererNode
     // isMove?: boolean | undefined
     ) {
-        if (!parent.__ngt_renderer__)
+        if (!parent.__ngt_renderer__ || parent === newChild)
             return;
         this.appendChild(parent, newChild);
     }
@@ -2183,12 +2183,12 @@ function provideNgtRenderer({ store, changeDetectorRef, compoundPrefixes = [] })
     if (!compoundPrefixes.includes('ngtp')) {
         compoundPrefixes.push('ngtp');
     }
-    return [
+    return makeEnvironmentProviders([
         { provide: RendererFactory2, useClass: NgtRendererFactory },
         { provide: NgtStore, useValue: store },
         { provide: ChangeDetectorRef, useValue: changeDetectorRef },
         { provide: NGT_COMPOUND_PREFIXES, useValue: compoundPrefixes },
-    ];
+    ]);
 }
 
 const DOM_EVENTS = {
@@ -2513,6 +2513,17 @@ 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;
@@ -2565,9 +2576,7 @@ function injectNgtRef(initialValue = null) {
                     // during creation phase, 'context' on ViewRef will be null
                     // we check the "context" to avoid running detectChanges during this phase.
                     // because there's nothing to check
-                    if (cd['context']) {
-                        cd.detectChanges();
-                    }
+                    safeDetectChanges(cd);
                 }
             }
         },
@@ -2875,5 +2884,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NGT_CATALOGUE, NgtArgs, NgtCanvas, NgtPortal, NgtPortalBeforeRender, NgtPortalContent, NgtPush, NgtRepeat, NgtRxStore, NgtStore, addAfterEffect, addEffect, addTail, applyProps, checkNeedsUpdate, checkUpdate, createAttachFunction, createLoop, extend, flushGlobalEffects, getLocalState, injectBeforeRender, injectNgtDestroy, injectNgtLoader, injectNgtRef, invalidateInstance, is, makeDefaultCamera, makeDefaultRenderer, makeDpr, makeId, makeObjectGraph, prepare, rootStateMap, startWithUndefined, tapEffect, updateCamera };
+export { NGT_CATALOGUE, NgtArgs, NgtCanvas, NgtPortal, NgtPortalBeforeRender, NgtPortalContent, NgtPush, NgtRepeat, NgtRxStore, NgtStore, addAfterEffect, addEffect, addTail, applyProps, checkNeedsUpdate, checkUpdate, createAttachFunction, createLoop, extend, flushGlobalEffects, getLocalState, injectBeforeRender, injectNgtDestroy, injectNgtLoader, injectNgtRef, invalidateInstance, is, makeDefaultCamera, makeDefaultRenderer, makeDpr, makeId, makeObjectGraph, prepare, rootStateMap, safeDetectChanges, startWithUndefined, tapEffect, updateCamera };
 //# sourceMappingURL=angular-three.mjs.map