angular-three 4.0.0-next.2 → 4.0.0-next.20

package/fesm2022/angular-three.mjs

@@ -19,7 +19,7 @@ const NGT_GET_NODE_ATTRIBUTE_FLAG = '__ngt_get_node_attribute__';
 const NGT_DOM_PARENT_FLAG = '__ngt_dom_parent__';
 const NGT_DELEGATE_RENDERER_DESTROY_NODE_PATCHED_FLAG = '__ngt_delegate_renderer_destroy_node_patched__';
 const NGT_HTML_FLAG = '__ngt_html__';
-const THREE_NATIVE_EVENTS = ['added', 'removed', 'childadded', 'childremoved', 'disposed'];
+const THREE_NATIVE_EVENTS = ['added', 'removed', 'childadded', 'childremoved', 'change', 'disposed'];
 
 const is = {
     obj: (a) => a === Object(a) && !Array.isArray(a) && typeof a !== 'function',
@@ -82,9 +82,9 @@ class NgtCommonDirective {
         this.injected = false;
         this.injectedValue = null;
         effect(() => {
-            const value = this.linkedValue();
             if (this.shouldSkipRender())
                 return;
+            const value = this.linkedValue();
             if (is.equ(value, this.injectedValue)) {
                 // we have the same value as before, no need to update
                 return;
@@ -114,10 +114,10 @@ class NgtCommonDirective {
         this.view = this.vcr.createEmbeddedView(this.template);
         this.view.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: NgtCommonDirective, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtCommonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: NgtCommonDirective, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtCommonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtCommonDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -141,10 +141,10 @@ class NgtArgs extends NgtCommonDirective {
     validate() {
         return !this.injected && !!this.injectedValue?.length;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtArgs, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: NgtArgs, isStandalone: true, selector: "ng-template[args]", inputs: { args: { classPropertyName: "args", publicName: "args", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtArgs, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: NgtArgs, isStandalone: true, selector: "ng-template[args]", inputs: { args: { classPropertyName: "args", publicName: "args", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtArgs, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtArgs, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[args]' }]
         }], ctorParameters: () => [] });
@@ -314,16 +314,16 @@ function makeDpr(dpr, window) {
     return Array.isArray(dpr) ? Math.min(Math.max(dpr[0], target), dpr[1]) : dpr;
 }
 function makeRendererInstance(glOptions, canvas) {
-    const customRenderer = (typeof glOptions === 'function' ? glOptions(canvas) : glOptions);
-    if (is.renderer(customRenderer))
-        return customRenderer;
-    return new THREE.WebGLRenderer({
+    const defaultOptions = {
         powerPreference: 'high-performance',
         canvas,
         antialias: true,
         alpha: true,
-        ...glOptions,
-    });
+    };
+    const customRenderer = (typeof glOptions === 'function' ? glOptions(defaultOptions) : glOptions);
+    if (is.renderer(customRenderer))
+        return customRenderer;
+    return new THREE.WebGLRenderer({ ...defaultOptions, ...glOptions });
 }
 function makeCameraInstance(isOrthographic, size) {
     if (isOrthographic)
@@ -483,7 +483,9 @@ function storeFactory() {
                     clearTimeout(performanceTimeout);
                 // Set lower bound performance
                 if (state.performance.current !== state.performance.min)
-                    store.update((state) => ({ performance: { ...state.performance, current: state.performance.min } }));
+                    store.update((state) => ({
+                        performance: { ...state.performance, current: state.performance.min },
+                    }));
                 // Go back to upper bound performance after a while unless something regresses meanwhile
                 performanceTimeout = setTimeout(() => store.update((state) => ({
                     performance: { ...state.performance, current: store.snapshot.performance.max },
@@ -510,7 +512,15 @@ function storeFactory() {
                     tempTarget.set(...target);
                 const distance = camera.getWorldPosition(position).distanceTo(tempTarget);
                 if (is.three(camera, 'isOrthographicCamera')) {
-                    return { width: width / camera.zoom, height: height / camera.zoom, top, left, factor: 1, distance, aspect };
+                    return {
+                        width: width / camera.zoom,
+                        height: height / camera.zoom,
+                        top,
+                        left,
+                        factor: 1,
+                        distance,
+                        aspect,
+                    };
                 }
                 const fov = (camera.fov * Math.PI) / 180; // convert vertical fov to radians
                 const h = 2 * Math.tan(fov / 2) * distance; // visible height
@@ -604,7 +614,9 @@ function storeFactory() {
             oldCamera = newCamera;
             updateCamera(newCamera, newSize);
             // Update viewport
-            store.update((state) => ({ viewport: { ...state.viewport, ...state.viewport.getCurrentViewport(newCamera) } }));
+            store.update((state) => ({
+                viewport: { ...state.viewport, ...state.viewport.getCurrentViewport(newCamera) },
+            }));
         }
     });
     return store;
@@ -614,6 +626,13 @@ function injectStore(options) {
     return inject(NGT_STORE, options);
 }
 
+function resolveRef(ref) {
+    if (is.ref(ref)) {
+        return ref.nativeElement;
+    }
+    return ref;
+}
+
 class NgtParent extends NgtCommonDirective {
     constructor() {
         super();
@@ -628,10 +647,7 @@ class NgtParent extends NgtCommonDirective {
             if (typeof rawParent === 'string') {
                 return scene.getObjectByName(rawParent);
             }
-            if ('nativeElement' in rawParent) {
-                return rawParent.nativeElement;
-            }
-            return rawParent;
+            return resolveRef(rawParent);
         });
         this.linkedValue = linkedSignal(this._parent);
         this.shouldSkipRender = computed(() => !this._parent());
@@ -652,10 +668,10 @@ class NgtParent extends NgtCommonDirective {
             commentNode[NGT_INTERNAL_SET_PARENT_COMMENT_FLAG](this.injectedValue);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtParent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: NgtParent, isStandalone: true, selector: "ng-template[parent]", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtParent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: NgtParent, isStandalone: true, selector: "ng-template[parent]", inputs: { parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtParent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtParent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[parent]' }]
         }], ctorParameters: () => [] });
@@ -721,7 +737,9 @@ function prepare(object, type, instanceState) {
                 notifyAncestors(instance.__ngt__.hierarchyStore.snapshot.parent, type);
             },
             remove(object, type) {
-                instance.__ngt__.hierarchyStore.update((prev) => ({ [type]: prev[type].filter((node) => node !== object) }));
+                instance.__ngt__.hierarchyStore.update((prev) => ({
+                    [type]: prev[type].filter((node) => node !== object),
+                }));
                 notifyAncestors(instance.__ngt__.hierarchyStore.snapshot.parent, type);
             },
             setParent(parent) {
@@ -826,10 +844,10 @@ class NgtSelection {
             return;
         this.source.update(...args);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: NgtSelection, isStandalone: true, selector: "[ngtSelection]", inputs: { enabled: { classPropertyName: "enabled", publicName: "ngtSelection", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtSelection, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: NgtSelection, isStandalone: true, selector: "[ngtSelection]", inputs: { enabled: { classPropertyName: "enabled", publicName: "ngtSelection", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtSelection, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtSelection, decorators: [{
             type: Directive,
             args: [{ selector: '[ngtSelection]' }]
         }] });
@@ -873,10 +891,10 @@ class NgtSelect {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: NgtSelect, isStandalone: true, selector: "ngt-group[ngtSelect], ngt-mesh[ngtSelect]", inputs: { enabled: { classPropertyName: "enabled", publicName: "ngtSelect", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtSelect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: NgtSelect, isStandalone: true, selector: "ngt-group[ngtSelect], ngt-mesh[ngtSelect]", inputs: { enabled: { classPropertyName: "enabled", publicName: "ngtSelect", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtSelect, decorators: [{
             type: Directive,
             args: [{ selector: 'ngt-group[ngtSelect], ngt-mesh[ngtSelect]' }]
         }], ctorParameters: () => [] });
@@ -913,10 +931,10 @@ class NgtHTML {
             delete host.nativeElement[NGT_DOM_PARENT_FLAG];
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtHTML, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: NgtHTML, isStandalone: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtHTML, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: NgtHTML, isStandalone: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtHTML, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtHTML, decorators: [{
             type: Directive
         }], ctorParameters: () => [] });
 
@@ -1085,10 +1103,10 @@ class NgtHexify {
         const hex = component.toString(16);
         return hex.length === 1 ? '0' + hex : hex;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtHexify, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.6", ngImport: i0, type: NgtHexify, isStandalone: true, name: "hexify" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtHexify, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: NgtHexify, isStandalone: true, name: "hexify" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtHexify, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtHexify, decorators: [{
             type: Pipe,
             args: [{ name: 'hexify', pure: true }]
         }] });
@@ -1181,7 +1199,7 @@ class NgtPortalAutoRender {
     constructor() {
         this.portalStore = injectStore({ host: true });
         this.parentStore = injectStore({ skipSelf: true });
-        this.portal = inject(NgtPortal, { host: true });
+        this.portal = inject(NgtPortalImpl, { host: true });
         this.renderPriority = input(1, { alias: 'autoRender', transform: (value) => numberAttribute(value, 1) });
         effect(() => {
             // this.portalStore.update((state) => ({ events: { ...state.events, priority: this.renderPriority() + 1 } }));
@@ -1194,7 +1212,10 @@ class NgtPortalAutoRender {
             const [renderPriority, { internal }] = [this.renderPriority(), this.portalStore()];
             let oldClean;
             const cleanup = internal.subscribe(({ gl, scene, camera }) => {
-                const [parentScene, parentCamera] = [this.parentStore.snapshot.scene, this.parentStore.snapshot.camera];
+                const [parentScene, parentCamera] = [
+                    this.parentStore.snapshot.scene,
+                    this.parentStore.snapshot.camera,
+                ];
                 oldClean = gl.autoClear;
                 if (renderPriority === 1) {
                     // clear scene and render with default
@@ -1211,10 +1232,10 @@ class NgtPortalAutoRender {
             onCleanup(() => cleanup());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtPortalAutoRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: NgtPortalAutoRender, isStandalone: true, selector: "ngt-portal[autoRender]", inputs: { renderPriority: { classPropertyName: "renderPriority", publicName: "autoRender", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtPortalAutoRender, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: NgtPortalAutoRender, isStandalone: true, selector: "ngt-portal[autoRender]", inputs: { renderPriority: { classPropertyName: "renderPriority", publicName: "autoRender", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtPortalAutoRender, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtPortalAutoRender, decorators: [{
             type: Directive,
             args: [{ selector: 'ngt-portal[autoRender]' }]
         }], ctorParameters: () => [] });
@@ -1236,10 +1257,10 @@ class NgtPortalContent {
             delete commentNode[NGT_INTERNAL_ADD_COMMENT_FLAG];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtPortalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.6", type: NgtPortalContent, isStandalone: true, selector: "ng-template[portalContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtPortalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.5", type: NgtPortalContent, isStandalone: true, selector: "ng-template[portalContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtPortalContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtPortalContent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[portalContent]' }]
         }], ctorParameters: () => [] });
@@ -1273,7 +1294,7 @@ function mergeState(previousRoot, store, container, pointer, raycaster, events,
         setEvents: (events) => store.update((state) => ({ ...state, events: { ...state.events, ...events } })),
     };
 }
-class NgtPortal {
+class NgtPortalImpl {
     constructor() {
         this.container = input.required();
         this.state = input({});
@@ -1289,7 +1310,12 @@ class NgtPortal {
         this.portalRendered = this.portalContentRendered.asReadonly();
         extend({ Group });
         effect(() => {
-            let [container, anchor, content] = [this.container(), this.anchorRef(), this.contentRef(), this.previousStore()];
+            let [container, anchor, content] = [
+                this.container(),
+                this.anchorRef(),
+                this.contentRef(),
+                this.previousStore(),
+            ];
             const [size, events, restState] = [untracked(this.size), untracked(this.events), untracked(this.restState)];
             if (!is.instance(container)) {
                 container = prepare(container, 'ngt-portal', { store: this.portalStore });
@@ -1308,8 +1334,8 @@ class NgtPortal {
             this.portalContentRendered.set(true);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtPortal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.6", type: NgtPortal, isStandalone: true, selector: "ngt-portal", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: true, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtPortalImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: NgtPortalImpl, isStandalone: true, selector: "ngt-portal", inputs: { container: { classPropertyName: "container", publicName: "container", isSignal: true, isRequired: true, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NGT_STORE,
                 useFactory: (previousStore) => {
@@ -1336,7 +1362,7 @@ class NgtPortal {
 		}
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtPortal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtPortalImpl, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngt-portal',
@@ -1371,7 +1397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
                     ],
                 }]
         }], ctorParameters: () => [] });
-const NgtPortalDeclarations = [NgtPortal, NgtPortalContent];
+const NgtPortal = [NgtPortalImpl, NgtPortalContent];
 
 /**
  * Release pointer captures.
@@ -1501,7 +1527,20 @@ function createEvents(store) {
         if (intersections.length) {
             const localState = { stopped: false };
             for (const hit of intersections) {
-                const { raycaster, pointer, camera, internal } = getInstanceState(hit.object)?.store?.snapshot || rootState;
+                let instanceState = getInstanceState(hit.object);
+                // If the object is not managed by NGT, it might be parented to an element which is.
+                // Traverse upwards until we find a managed parent and use its state instead.
+                if (!instanceState) {
+                    hit.object.traverseAncestors((ancestor) => {
+                        const parentInstanceState = getInstanceState(ancestor);
+                        if (parentInstanceState) {
+                            instanceState = parentInstanceState;
+                            return false;
+                        }
+                        return;
+                    });
+                }
+                const { raycaster, pointer, camera, internal } = instanceState?.store?.snapshot || rootState;
                 const unprojectedPoint = new THREE.Vector3(pointer.x, pointer.y, 0).unproject(camera);
                 const hasPointerCapture = (id) => internal.capturedMap.get(id)?.has(hit.eventObject) ?? false;
                 const setPointerCapture = (id) => {
@@ -1686,7 +1725,10 @@ function createEvents(store) {
         }*/
                 if (isPointerMove) {
                     // Move event ...
-                    if (handlers?.pointerover || handlers?.pointerenter || handlers?.pointerout || handlers?.pointerleave) {
+                    if (handlers?.pointerover ||
+                        handlers?.pointerenter ||
+                        handlers?.pointerout ||
+                        handlers?.pointerleave) {
                         // When enter or out is present take care of hover-state
                         const id = makeId(data);
                         const hoveredItem = internal.hovered.get(id);
@@ -1733,9 +1775,9 @@ function createEvents(store) {
 
 // This function prepares a set of changes to be applied to the instance
 function diffProps(instance, props) {
-    const propsEntries = Object.entries(props);
     const changes = [];
-    for (const [propKey, propValue] of propsEntries) {
+    for (const propKey in props) {
+        const propValue = props[propKey];
         let key = propKey;
         if (is.colorSpaceExist(instance)) {
             if (propKey === 'encoding') {
@@ -1757,6 +1799,33 @@ const NGT_APPLY_PROPS = '__ngt_apply_props__';
 // https://github.com/mrdoob/three.js/pull/27042
 // https://github.com/mrdoob/three.js/pull/22748
 const colorMaps = ['map', 'emissiveMap', 'sheenColorMap', 'specularColorMap', 'envMap'];
+const MEMOIZED_PROTOTYPES = new Map();
+function getMemoizedPrototype(root) {
+    let ctor = MEMOIZED_PROTOTYPES.get(root.constructor);
+    try {
+        if (!ctor) {
+            ctor = new root.constructor();
+            MEMOIZED_PROTOTYPES.set(root.constructor, ctor);
+        }
+    }
+    catch (e) {
+        // ...
+    }
+    return ctor;
+}
+function resolve(instance, key) {
+    let targetProp = instance[key];
+    if (!key.includes('.'))
+        return { root: instance, targetKey: key, targetProp };
+    // Resolve pierced target
+    const chain = key.split('.');
+    targetProp = chain.reduce((acc, part) => acc[part], instance);
+    const targetKey = chain.pop();
+    // Switch root if atomic
+    if (!targetProp?.set)
+        instance = chain.reduce((acc, part) => acc[part], instance);
+    return { root: instance, targetKey, targetProp };
+}
 // This function applies a set of changes to the instance
 function applyProps(instance, props) {
     // if props is empty
@@ -1786,13 +1855,31 @@ function applyProps(instance, props) {
         // 		value = value === sRGBEncoding ? SRGBColorSpace : LinearSRGBColorSpace;
         // 	}
         // }
-        const currentInstance = instance;
-        const targetProp = currentInstance[key];
+        const { root, targetKey, targetProp } = resolve(instance, key);
+        // we have switched due to pierced props
+        if (root !== instance) {
+            return applyProps(root, { [targetKey]: value });
+        }
         // Copy if properties match signatures
         if (targetProp?.copy &&
             value?.constructor &&
             targetProp.constructor === value.constructor) {
-            targetProp.copy(value);
+            // If both are geometries, we should assign the value directly instead of copying
+            if (is.three(targetProp, 'isBufferGeometry') &&
+                is.three(value, 'isBufferGeometry')) {
+                Object.assign(root, { [targetKey]: value });
+            }
+            else {
+                // fetch the default state of the target
+                const ctor = getMemoizedPrototype(root);
+                // The target key was originally null or undefined, which indicates that the object which
+                // is now present was externally set by the user, we should therefore assign the value directly
+                if (ctor !== undefined && ctor[targetKey] == null)
+                    Object.assign(root, { [targetKey]: value });
+                // Otherwise copy is correct
+                else
+                    targetProp.copy(value);
+            }
         }
         // Layers have no copy function, we must therefore copy the mask property
         else if (targetProp instanceof THREE.Layers && value instanceof THREE.Layers) {
@@ -1817,22 +1904,22 @@ function applyProps(instance, props) {
         }
         // Else, just overwrite the value
         else {
-            Object.assign(currentInstance, { [key]: value });
+            Object.assign(root, { [targetKey]: value });
             // Auto-convert sRGB texture parameters for built-in materials
             // https://github.com/pmndrs/react-three-fiber/issues/344
             // https://github.com/mrdoob/three.js/pull/25857
             if (rootState &&
                 !rootState.linear &&
-                colorMaps.includes(key) &&
-                currentInstance[key]?.isTexture &&
+                colorMaps.includes(targetKey) &&
+                root[targetKey]?.isTexture &&
                 // sRGB textures must be RGBA8 since r137 https://github.com/mrdoob/three.js/pull/23129
-                currentInstance[key].format === THREE.RGBAFormat &&
-                currentInstance[key].type === THREE.UnsignedByteType) {
+                root[targetKey].format === THREE.RGBAFormat &&
+                root[targetKey].type === THREE.UnsignedByteType) {
                 // NOTE: this cannot be set from the renderer (e.g. sRGB source textures rendered to P3)
-                currentInstance[key].colorSpace = THREE.SRGBColorSpace;
+                root[targetKey].colorSpace = THREE.SRGBColorSpace;
             }
         }
-        checkUpdate(currentInstance[key]);
+        checkUpdate(root[targetKey]);
         checkUpdate(targetProp);
         invalidateInstance(instance);
     }
@@ -1958,7 +2045,10 @@ function propagateStoreRecursively(node, parentNode) {
         // Call addInteraction if it exists
         iS.addInteraction?.(pIS.store);
         // Collect all children (objects and nonObjects)
-        const children = [...(iS.objects ? untracked(iS.objects) : []), ...(iS.nonObjects ? untracked(iS.nonObjects) : [])];
+        const children = [
+            ...(iS.objects ? untracked(iS.objects) : []),
+            ...(iS.nonObjects ? untracked(iS.nonObjects) : []),
+        ];
         // Recursively reassign the store for each child
         for (const child of children) {
             propagateStoreRecursively(child, node);
@@ -2165,17 +2255,19 @@ class NgtRendererFactory2 {
                         return;
                     internalDestroyNode(node, null);
                 };
-                Object.assign(delegateRenderer.destroyNode, { [NGT_DELEGATE_RENDERER_DESTROY_NODE_PATCHED_FLAG]: true });
+                Object.assign(delegateRenderer.destroyNode, {
+                    [NGT_DELEGATE_RENDERER_DESTROY_NODE_PATCHED_FLAG]: true,
+                });
             }
             return delegateRenderer;
         }
         this.rendererMap.set(type.id, (renderer = new NgtRenderer2(delegateRenderer, this.catalogue, this.document)));
         return renderer;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtRendererFactory2, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtRendererFactory2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtRendererFactory2, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtRendererFactory2 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtRendererFactory2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtRendererFactory2, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.RendererFactory2 }] });
 class NgtRenderer2 {
@@ -2243,7 +2335,6 @@ class NgtRenderer2 {
         }
         const threeName = kebabToPascal(name.startsWith('ngt-') ? name.slice(4) : name);
         const threeTarget = this.catalogue[threeName];
-        //
         if (threeTarget) {
             const threeInstance = prepare(new threeTarget(...injectedArgs), name);
             const rendererNode = createRendererNode('three', threeInstance, this.document);
@@ -2251,7 +2342,7 @@ class NgtRenderer2 {
             const instanceState = getInstanceState(threeInstance);
             // auto-attach for geometry and material
             if (is.three(threeInstance, 'isBufferGeometry')) {
-                Object.assign(instanceState, { attach: ['geometry'] });
+                instanceState.attach = ['geometry'];
             }
             else if (is.three(threeInstance, 'isMaterial')) {
                 instanceState.attach = ['material'];
@@ -2302,7 +2393,8 @@ class NgtRenderer2 {
         const pRS = parent.__ngt_renderer__;
         const cRS = newChild.__ngt_renderer__;
         if (!pRS || !cRS) {
-            ngDevMode && console.warn('[NGT dev mode] One of parent or child is not a renderer node.', { parent, newChild });
+            ngDevMode &&
+                console.warn('[NGT dev mode] One of parent or child is not a renderer node.', { parent, newChild });
             return delegatedFn();
         }
         if (cRS[0 /* NgtRendererClassId.type */] === 'comment') {
@@ -2371,7 +2463,10 @@ class NgtRenderer2 {
         // if both are comments and the reference child is NgtCanvasContent, we'll assign the same flag to the newChild
         // this means that the NgtCanvas component is embedding. This flag allows the Renderer to get the root scene
         // when it tries to attach the template under `ng-template[canvasContent]`
-        if (refChild && refChild[NGT_CANVAS_CONTENT_FLAG] && refChild instanceof Comment && newChild instanceof Comment) {
+        if (refChild &&
+            refChild[NGT_CANVAS_CONTENT_FLAG] &&
+            refChild instanceof Comment &&
+            newChild instanceof Comment) {
             Object.assign(newChild, { [NGT_CANVAS_CONTENT_FLAG]: refChild[NGT_CANVAS_CONTENT_FLAG] });
         }
         // if there is no parent, we delegate
@@ -2454,7 +2549,9 @@ class NgtRenderer2 {
                 // set parent to the comment too
                 setRendererParentNode(node, sceneRendererNode);
             }
-            if (node[NGT_PORTAL_CONTENT_FLAG] && node[NGT_DOM_PARENT_FLAG] && isRendererNode(node[NGT_DOM_PARENT_FLAG])) {
+            if (node[NGT_PORTAL_CONTENT_FLAG] &&
+                node[NGT_DOM_PARENT_FLAG] &&
+                isRendererNode(node[NGT_DOM_PARENT_FLAG])) {
                 const portalContentParent = node[NGT_DOM_PARENT_FLAG];
                 const portalContentParentRS = portalContentParent.__ngt_renderer__;
                 if (!portalContentParentRS[3 /* NgtRendererClassId.portalContainer */]) {
@@ -2494,24 +2591,23 @@ class NgtRenderer2 {
                     if (instanceState)
                         instanceState.attach = paths;
                 }
+                return;
+            }
+            // coercion for primitive values
+            let maybeCoerced = value;
+            if (maybeCoerced === '' || maybeCoerced === 'true' || maybeCoerced === 'false') {
+                maybeCoerced = maybeCoerced === 'true' || maybeCoerced === '';
             }
             else {
-                // coercion for primitive values
-                let maybeCoerced = value;
-                if (maybeCoerced === '' || maybeCoerced === 'true' || maybeCoerced === 'false') {
-                    maybeCoerced = maybeCoerced === 'true' || maybeCoerced === '';
-                }
-                else {
-                    const maybeNumber = Number(maybeCoerced);
-                    if (!isNaN(maybeNumber))
-                        maybeCoerced = maybeNumber;
-                }
-                if (name === 'rawValue') {
-                    rS[2 /* NgtRendererClassId.rawValue */] = maybeCoerced;
-                }
-                else {
-                    applyProps(el, { [name]: maybeCoerced });
-                }
+                const maybeNumber = Number(maybeCoerced);
+                if (!isNaN(maybeNumber))
+                    maybeCoerced = maybeNumber;
+            }
+            if (name === 'rawValue') {
+                rS[2 /* NgtRendererClassId.rawValue */] = maybeCoerced;
+            }
+            else {
+                applyProps(el, { [name]: maybeCoerced });
             }
             return;
         }
@@ -2617,7 +2713,8 @@ class NgtRenderer2 {
                 if (eventName === 'disposed') {
                     eventName = 'dispose';
                 }
-                if (target.parent && (eventName === 'added' || eventName === 'removed')) {
+                if (target.parent &&
+                    (eventName === 'added' || eventName === 'removed')) {
                     callback({ type: eventName, target });
                 }
                 target.addEventListener(eventName, callback);
@@ -2638,7 +2735,10 @@ class NgtRenderer2 {
         // if parent and chlid are the same, skip
         if (parent === child) {
             ngDevMode &&
-                console.warn('[NGT dev mode] appending THREE.js parent and child but they are the same', { parent, child });
+                console.warn('[NGT dev mode] appending THREE.js parent and child but they are the same', {
+                    parent,
+                    child,
+                });
             return;
         }
         const cIS = getInstanceState(child);
@@ -2740,10 +2840,13 @@ function injectCanvasRootInitializer(injector) {
                         applyProps(raycaster, { params: { ...raycaster.params, ...(params || {}) } });
                     }
                     // Create default camera, don't overwrite any user-set state
-                    if (!state.camera || (state.camera === lastCamera && !is.equ(lastCamera, cameraOptions, shallowLoose))) {
+                    if (!state.camera ||
+                        (state.camera === lastCamera && !is.equ(lastCamera, cameraOptions, shallowLoose))) {
                         lastCamera = cameraOptions;
                         const isCamera = is.three(cameraOptions, 'isCamera');
-                        let camera = isCamera ? cameraOptions : makeCameraInstance(orthographic, sizeOptions ?? state.size);
+                        let camera = isCamera
+                            ? cameraOptions
+                            : makeCameraInstance(orthographic, sizeOptions ?? state.size);
                         if (!isCamera) {
                             camera.position.z = 5;
                             if (cameraOptions) {
@@ -2945,12 +3048,12 @@ class NgtRoutedScene {
             onCleanup(() => sub.unsubscribe());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.6", type: NgtRoutedScene, isStandalone: true, selector: "ngt-routed-scene", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtRoutedScene, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: NgtRoutedScene, isStandalone: true, selector: "ngt-routed-scene", ngImport: i0, template: `
 		<router-outlet />
 	`, isInline: true, dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtRoutedScene, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtRoutedScene, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngt-routed-scene',
@@ -2965,32 +3068,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
  * `injectBeforeRender` invokes its callback on every frame. Hence, the notion of tracking
  * changes (i.e: signals) does not really matter since we're getting latest values of the things we need on every frame anyway.
  *
- * If `priority` is dynamic, consumers should set up `injectBeforeRender` in
- * an `effect` and track `priority` changes. Make use of `onCleanup` to clean up
- * previous before render subscription
+ * If `priority` is a Signal, `injectBeforeRender` will set up an Effect internally and returns the `EffectRef#destroy` instead.
  *
  * @example
  * ```ts
- * const injector = inject(Injector);
- *
- * effect((onCleanup) => {
- *   const priority = this.priority(); // track priority
- *
- *   const sub = injectBeforeRender(
- *    ({ gl, camera }) => {
- *      // before render logic
- *    },
- *    {
- *      priority,
- *      injector, // injector is needed since injectBeforeRender is invoked in effect body
- *    }
- *   });
- *
- *   onCleanup(() => sub());
- * });
+ * const destroy = injectBeforeRender(
+ *  ({ gl, camera }) => {
+ *    // before render logic
+ *  },
+ *  {
+ *    priority: this.priority, // this.priority is a Signal<number>
+ *  }
+ * )
  * ```
  */
 function injectBeforeRender(cb, { priority = 0, injector } = {}) {
+    if (typeof priority === 'function') {
+        const effectRef = assertInjector(injectBeforeRender, injector, () => {
+            const store = injectStore();
+            const ref = effect((onCleanup) => {
+                const p = priority();
+                const sub = store.snapshot.internal.subscribe(cb, p, store);
+                onCleanup(() => sub());
+            });
+            inject(DestroyRef).onDestroy(() => void ref.destroy());
+            return ref;
+        });
+        return effectRef.destroy.bind(effectRef);
+    }
     return assertInjector(injectBeforeRender, injector, () => {
         const store = injectStore();
         const sub = store.snapshot.internal.subscribe(cb, priority, store);
@@ -2999,13 +3104,6 @@ function injectBeforeRender(cb, { priority = 0, injector } = {}) {
     });
 }
 
-function resolveRef(ref) {
-    if (is.ref(ref)) {
-        return ref.nativeElement;
-    }
-    return ref;
-}
-
 /**
  * As host directive:
  * - outputs: [
@@ -3069,10 +3167,10 @@ class NgtObjectEvents {
     emitEvent(eventName) {
         return this[eventName].emit.bind(this[eventName]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtObjectEvents, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.6", type: NgtObjectEvents, isStandalone: true, selector: "[ngtObjectEvents]", inputs: { ngtObjectEvents: { classPropertyName: "ngtObjectEvents", publicName: "ngtObjectEvents", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", dblclick: "dblclick", contextmenu: "contextmenu", pointerup: "pointerup", pointerdown: "pointerdown", pointerover: "pointerover", pointerout: "pointerout", pointerenter: "pointerenter", pointerleave: "pointerleave", pointermove: "pointermove", pointermissed: "pointermissed", pointercancel: "pointercancel", wheel: "wheel", ngtObjectEvents: "ngtObjectEventsChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtObjectEvents, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.5", type: NgtObjectEvents, isStandalone: true, selector: "[ngtObjectEvents]", inputs: { ngtObjectEvents: { classPropertyName: "ngtObjectEvents", publicName: "ngtObjectEvents", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click", dblclick: "dblclick", contextmenu: "contextmenu", pointerup: "pointerup", pointerdown: "pointerdown", pointerover: "pointerover", pointerout: "pointerout", pointerenter: "pointerenter", pointerleave: "pointerleave", pointermove: "pointermove", pointermissed: "pointermissed", pointercancel: "pointercancel", wheel: "wheel", ngtObjectEvents: "ngtObjectEventsChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImport: i0, type: NgtObjectEvents, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: NgtObjectEvents, decorators: [{
             type: Directive,
             args: [{ selector: '[ngtObjectEvents]' }]
         }], ctorParameters: () => [] });
@@ -3082,7 +3180,7 @@ function injectObjectEvents(target, events, { injector } = {}) {
         const cleanUps = [];
         effect((onCleanup) => {
             const targetRef = resolveRef(target());
-            if (!targetRef)
+            if (!targetRef || !is.instance(targetRef))
                 return;
             Object.entries(events).forEach(([eventName, eventHandler]) => {
                 cleanUps.push(renderer.listen(targetRef, eventName, eventHandler));
@@ -3111,5 +3209,5 @@ function hasListener(...emitterRefs) {
  * Generated bundle index. Do not edit.
  */
 
-export { NGT_APPLY_PROPS, NGT_ARGS_FLAG, NGT_CANVAS_CONTENT_FLAG, NGT_CATALOGUE, NGT_DELEGATE_RENDERER_DESTROY_NODE_PATCHED_FLAG, NGT_DOM_PARENT_FLAG, NGT_GET_NODE_ATTRIBUTE_FLAG, NGT_HTML_FLAG, NGT_INTERNAL_ADD_COMMENT_FLAG, NGT_INTERNAL_SET_PARENT_COMMENT_FLAG, NGT_LOOP, NGT_PARENT_FLAG, NGT_PORTAL_CONTENT_FLAG, NGT_RENDERER_NODE_FLAG, NGT_STORE, NgtArgs, NgtHTML, NgtHexify, NgtObjectEvents, NgtParent, NgtPortal, NgtPortalAutoRender, NgtPortalContent, NgtPortalDeclarations, NgtRenderer2, NgtRendererFactory2, NgtRoutedScene, NgtSelect, NgtSelection, THREE_NATIVE_EVENTS, addAfterEffect, addEffect, addTail, applyProps, attach, checkNeedsUpdate, checkUpdate, createAttachFunction, createEvents, detach, dispose, extend, flushGlobalEffects, getEmitter, getInstanceState, getLocalState, hasListener, injectBeforeRender, injectCanvasRootInitializer, injectCatalogue, injectLoader, injectLoop, injectObjectEvents, injectStore, invalidateInstance, is, makeCameraInstance, makeDpr, makeId, makeObjectGraph, makeRendererInstance, merge, omit, pick, prepare, provideHTMLDomElement, removeInteractivity, resolveRef, roots, signalState, storeFactory, updateCamera, vector2, vector3, vector4 };
+export { NGT_APPLY_PROPS, NGT_ARGS_FLAG, NGT_CANVAS_CONTENT_FLAG, NGT_CATALOGUE, NGT_DELEGATE_RENDERER_DESTROY_NODE_PATCHED_FLAG, NGT_DOM_PARENT_FLAG, NGT_GET_NODE_ATTRIBUTE_FLAG, NGT_HTML_FLAG, NGT_INTERNAL_ADD_COMMENT_FLAG, NGT_INTERNAL_SET_PARENT_COMMENT_FLAG, NGT_LOOP, NGT_PARENT_FLAG, NGT_PORTAL_CONTENT_FLAG, NGT_RENDERER_NODE_FLAG, NGT_STORE, NgtArgs, NgtHTML, NgtHexify, NgtObjectEvents, NgtParent, NgtPortal, NgtPortalAutoRender, NgtPortalContent, NgtPortalImpl, NgtRenderer2, NgtRendererFactory2, NgtRoutedScene, NgtSelect, NgtSelection, THREE_NATIVE_EVENTS, addAfterEffect, addEffect, addTail, applyProps, attach, checkNeedsUpdate, checkUpdate, createAttachFunction, createEvents, detach, dispose, extend, flushGlobalEffects, getEmitter, getInstanceState, getLocalState, hasListener, injectBeforeRender, injectCanvasRootInitializer, injectCatalogue, injectLoader, injectLoop, injectObjectEvents, injectStore, invalidateInstance, is, makeCameraInstance, makeDpr, makeId, makeObjectGraph, makeRendererInstance, merge, omit, pick, prepare, provideHTMLDomElement, removeInteractivity, resolveRef, roots, signalState, storeFactory, updateCamera, vector2, vector3, vector4 };
 //# sourceMappingURL=angular-three.mjs.map