feat(core): expose NgtPortal as module with portal and portalContent grouped

Author: nartc

libs/core/src/lib/portal.ts

@@ -10,6 +10,7 @@ import {
 	inject,
 	Injector,
 	input,
+	NgModule,
 	numberAttribute,
 	signal,
 	SkipSelf,
@@ -34,7 +35,7 @@ import { updateCamera } from './utils/update';
 export class NgtPortalAutoRender {
 	private portalStore = injectStore({ host: true });
 	private parentStore = injectStore({ skipSelf: true });
-	private portal = inject(NgtPortal, { host: true });
+	private portal = inject(NgtPortalImpl, { host: true });
 
 	renderPriority = input(1, { alias: 'autoRender', transform: (value) => numberAttribute(value, 1) });
 
@@ -187,7 +188,7 @@ function mergeState(
 		},
 	],
 })
-export class NgtPortal {
+export class NgtPortalImpl {
 	container = input.required<THREE.Object3D>();
 	state = input<Partial<NgtPortalState>>({});
 
@@ -249,4 +250,5 @@ export class NgtPortal {
 	}
 }
 
-export const NgtPortalDeclarations = [NgtPortal, NgtPortalContent] as const;
+@NgModule({ imports: [NgtPortalImpl, NgtPortalContent], exports: [NgtPortalImpl, NgtPortalContent] })
+export class NgtPortal {}

libs/soba/src/misc/fbo.stories.ts

@@ -7,7 +7,7 @@ import {
 	input,
 	viewChild,
 } from '@angular/core';
-import { NgtArgs, NgtPortal, NgtPortalContent, injectBeforeRender } from 'angular-three';
+import { NgtArgs, NgtPortal, injectBeforeRender } from 'angular-three';
 import { NgtsPerspectiveCamera } from 'angular-three-soba/cameras';
 import { NgtsFBO } from 'angular-three-soba/misc';
 import { Color, Mesh, Scene, WebGLRenderTarget } from 'three';
@@ -50,7 +50,7 @@ class SpinningThing {
 			<ngt-mesh-standard-material [map]="target().texture" />
 		</ngt-mesh>
 	`,
-	imports: [NgtsPerspectiveCamera, SpinningThing, NgtPortal, NgtPortalContent, NgtArgs],
+	imports: [NgtsPerspectiveCamera, SpinningThing, NgtPortal, NgtArgs],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })

libs/soba/staging/src/lib/environment/environment.ts

@@ -26,7 +26,6 @@ import {
 	NgtArgs,
 	NgtEuler,
 	NgtPortal,
-	NgtPortalContent,
 	pick,
 } from 'angular-three';
 import { mergeInputs } from 'ngxtension/inject-inputs';
@@ -213,7 +212,7 @@ export class NgtsEnvironmentCube {
 			</ng-template>
 		</ngt-portal>
 	`,
-	imports: [NgtsEnvironmentCube, NgtsEnvironmentMap, NgtArgs, NgtPortal, NgtPortalContent, NgTemplateOutlet],
+	imports: [NgtsEnvironmentCube, NgtsEnvironmentMap, NgtArgs, NgtPortal, NgTemplateOutlet],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })