fix: lift portals up to rendererFactory. all renderers share the same portals collection

Author: nartc

libs/angular-three/src/lib/renderer/renderer.ts

@@ -19,6 +19,7 @@ export class NgtRendererFactory implements RendererFactory2 {
     private readonly document = inject(DOCUMENT);
 
     private rendererMap = new Map<string, Renderer2>();
+    private portals: NgtRendererNode[] = [];
 
     createRenderer(hostElement: any, type: RendererType2 | null): Renderer2 {
         const delegateRenderer = this.delegateRendererFactory.createRenderer(hostElement, type);
@@ -31,6 +32,7 @@ export class NgtRendererFactory implements RendererFactory2 {
             const store = new NgtRendererStore({
                 store: this.store,
                 cdr: this.cdr,
+                portals: this.portals,
                 compoundPrefixes: this.compoundPrefixes,
                 document: this.document,
             });
@@ -42,6 +44,7 @@ export class NgtRendererFactory implements RendererFactory2 {
             const store = new NgtRendererStore({
                 store: this.store,
                 cdr: this.cdr,
+                portals: this.portals,
                 compoundPrefixes: this.compoundPrefixes,
                 document: this.document,
             });

libs/angular-three/src/lib/renderer/state.ts

@@ -13,6 +13,7 @@ export type NgtRendererRootState = {
     cdr: ChangeDetectorRef;
     compoundPrefixes: string[];
     document: Document;
+    portals: Array<NgtRendererNode>;
 };
 
 export type NgtQueueOp = [type: 'op' | 'cleanUp', op: () => void, done?: true];
@@ -40,7 +41,6 @@ export type NgtRendererNode = {
 
 export class NgtRendererStore {
     private readonly comments = [] as Array<NgtRendererNode>;
-    private readonly portals = [] as Array<NgtRendererNode>;
 
     constructor(private readonly root: NgtRendererRootState) {}
 
@@ -262,6 +262,10 @@ export class NgtRendererStore {
         return this.root.cdr;
     }
 
+    get portals() {
+        return this.root.portals;
+    }
+
     getClosestParentWithInstance(node: NgtRendererNode): NgtRendererNode | null {
         let parent = node.__ngt_renderer__[NgtRendererClassId.parent];
         while (parent && parent.__ngt_renderer__[NgtRendererClassId.type] !== 'three') {