angular-three 3.2.2 → 3.2.4

package/fesm2022/angular-three.mjs

@@ -786,6 +786,10 @@ class NgtArgs {
             const value = this.args();
             if (value == null || !Array.isArray(value) || (value.length === 1 && value[0] === null))
                 return;
+            if (is.equ(value, this.injectedArgs)) {
+                // we have the same value as before, no need to update
+                return;
+            }
             this.injected = false;
             this.injectedArgs = value;
             this.createView();
@@ -1780,7 +1784,11 @@ class NgtRenderer {
             return;
         this.appendChild(parent, newChild);
     }
-    removeChild(parent, oldChild, isHostElement) {
+    removeChild(parent, oldChild, isHostElement, calledByNgt = false) {
+        if (!calledByNgt && parent == null) {
+            parent = this.parentNode(oldChild);
+            return this.removeChild(parent, oldChild, isHostElement, true);
+        }
         if (parent == null) {
             parent = (untracked(() => getLocalState(oldChild)?.parent?.()) ||
                 oldChild.__ngt_renderer__?.[1 /* NgtRendererClassId.parent */]);
@@ -1790,12 +1798,12 @@ class NgtRenderer {
         // we'll just remove the child and destroy it
         if (parent == null) {
             if (cRS) {
-                if (cRS[0 /* NgtRendererClassId.type */] === 'three') {
-                    removeThreeChild(oldChild, undefined, true);
-                }
                 // if the child is the root scene, we don't want to destroy it
                 if (is.scene(oldChild) && oldChild.name === '__ngt_root_scene__')
                     return;
+                if (cRS[0 /* NgtRendererClassId.type */] === 'three') {
+                    removeThreeChild(oldChild, undefined, true);
+                }
                 // otherwise, we'll destroy it
                 this.destroyInternal(oldChild, undefined);
             }
@@ -3269,7 +3277,7 @@ function omit(objFn, keysToOmit) {
             Object.assign(result, { [key]: obj[key] });
         }
         return result;
-    });
+    }, { equal: (a, b) => is.equ(a, b, { objects: 'shallow', arrays: 'shallow' }) });
 }
 function pick(objFn, keyOrKeys) {
     if (Array.isArray(keyOrKeys)) {