angular-three 3.5.0 → 3.6.1

package/fesm2022/angular-three.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { untracked, computed, signal, ElementRef, input, inject, ViewContainerRef, TemplateRef, effect, DestroyRef, Directive, InjectionToken, DebugNode, RendererFactory2, Injectable, makeEnvironmentProviders, EnvironmentInjector, InjectFlags, runInInjectionContext, createEnvironmentInjector, Component, NgZone, Injector, booleanAttribute, output, viewChild, afterNextRender, ChangeDetectionStrategy, Pipe, CUSTOM_ELEMENTS_SCHEMA, contentChild, model, Renderer2 } from '@angular/core';
 import { outputFromObservable } from '@angular/core/rxjs-interop';
 import { provideResizeOptions, NgxResize } from 'ngxtension/resize';
-import { MathUtils, WebGLRenderer, OrthographicCamera, PerspectiveCamera, Vector3, Vector2, Clock, Layers, Color, ColorManagement, Texture, RGBAFormat, UnsignedByteType, EventDispatcher, Raycaster, Scene, PCFSoftShadowMap, BasicShadowMap, PCFShadowMap, VSMShadowMap, NoToneMapping, ACESFilmicToneMapping, Vector4 } from 'three';
+import { MathUtils, WebGLRenderer, OrthographicCamera, PerspectiveCamera, Vector3, Vector2, Clock, Layers, ColorManagement, RGBAFormat, UnsignedByteType, EventDispatcher, Raycaster, Scene, PCFSoftShadowMap, BasicShadowMap, PCFShadowMap, VSMShadowMap, NoToneMapping, ACESFilmicToneMapping, Vector4 } from 'three';
 import { DOCUMENT } from '@angular/common';
 import { Subject, filter } from 'rxjs';
 import { createInjectionToken } from 'ngxtension/create-injection-token';
@@ -977,7 +977,7 @@ function storeFactory(previousStore) {
         function getCurrentViewport(camera = get('camera'), target = defaultTarget, size = get('size')) {
             const { width, height, top, left } = size;
             const aspect = width / height;
-            if (target instanceof Vector3)
+            if (target.isVector3)
                 tempTarget.copy(target);
             else
                 tempTarget.set(...target);
@@ -1254,7 +1254,7 @@ function applyProps(instance, props) {
         const targetProp = currentInstance[key];
         // special treatmen for objects with support for set/copy, and layers
         if (targetProp && targetProp['set'] && (targetProp['copy'] || targetProp instanceof Layers)) {
-            const isColor = targetProp instanceof Color;
+            const isColor = targetProp.isColor;
             // if value is an array
             if (Array.isArray(value)) {
                 if (targetProp['fromArray'])
@@ -1271,7 +1271,7 @@ function applyProps(instance, props) {
                     targetProp['convertSRGBToLinear']();
             } // if nothing else fits, just set the single value, ignore undefined
             else if (value !== undefined) {
-                const isColor = targetProp instanceof Color;
+                const isColor = targetProp.isColor;
                 // allow setting array scalars
                 if (!isColor && targetProp['setScalar'])
                     targetProp['setScalar'](value);
@@ -1289,7 +1289,7 @@ function applyProps(instance, props) {
         else {
             currentInstance[key] = value;
             // auto-convert srgb textures
-            if (currentInstance[key] instanceof Texture &&
+            if (currentInstance[key]?.isTexture &&
                 currentInstance[key].format === RGBAFormat &&
                 currentInstance[key].type === UnsignedByteType) {
                 const texture = currentInstance[key];
@@ -1349,6 +1349,11 @@ function createNode(type, node, document) {
             return state[6 /* NgtRendererClassId.debugNode */];
         };
     }
+    if (!('getAttribute' in rendererNode) || typeof rendererNode['getAttribute'] !== 'function') {
+        const nodeGetAttribute = (name) => rendererNode[name];
+        nodeGetAttribute['__ngt_renderer__'] = true;
+        Object.defineProperty(rendererNode, 'getAttribute', { value: nodeGetAttribute });
+    }
     return rendererNode;
 }
 function isDOM(node) {
@@ -2124,6 +2129,11 @@ class NgtRenderer {
         }
         rS[2 /* NgtRendererClassId.children */] = [];
         rS[3 /* NgtRendererClassId.destroyed */] = true;
+        if ('getAttribute' in node &&
+            typeof node['getAttribute'] === 'function' &&
+            !!Reflect.get(node['getAttribute'], '__ngt_renderer__')) {
+            delete node['getAttribute'];
+        }
         if (parent) {
             removeChild(parent, node);
         }
@@ -2291,7 +2301,7 @@ function injectCanvasRootInitializer(injector) {
                             if (!state.camera && !cameraOptions?.rotation && !cameraOptions?.quaternion) {
                                 if (Array.isArray(lookAt))
                                     camera.lookAt(lookAt[0], lookAt[1], lookAt[2]);
-                                else if (lookAt instanceof Vector3)
+                                else if (lookAt?.isVector3)
                                     camera.lookAt(lookAt);
                                 else
                                     camera.lookAt(0, 0, 0);
@@ -2309,7 +2319,7 @@ function injectCanvasRootInitializer(injector) {
                     // Set up scene (one time only!)
                     if (!state.scene) {
                         let scene;
-                        if (sceneOptions instanceof Scene) {
+                        if (is.scene(sceneOptions)) {
                             scene = sceneOptions;
                         }
                         else {