feat(soba/cameras): update injectFBO usage

since `injectFBO` no longer returns Signal (because it doesn't need to),
cameraContent usage needs to be updated

BREAKING CHANGE: `NgtsCameraContent` `let-texture` template variable is
a `Texture` instead of `Signal<Texture>`

Author: nartc

libs/soba/cameras/src/lib/camera-content.ts

@@ -1,9 +1,9 @@
-import { Directive, Signal } from '@angular/core';
+import { Directive } from '@angular/core';
 import * as THREE from 'three';
 
 @Directive({ selector: 'ng-template[cameraContent]' })
 export class NgtsCameraContent {
-	static ngTemplateContextGuard(_: NgtsCameraContent, ctx: unknown): ctx is { $implicit: Signal<THREE.Texture> } {
+	static ngTemplateContextGuard(_: NgtsCameraContent, ctx: unknown): ctx is { $implicit: THREE.Texture } {
 		return true;
 	}
 }

libs/soba/cameras/src/lib/cube-camera.ts

@@ -98,7 +98,7 @@ const defaultOptions: NgtsCubeCameraOptions = {
 			<ngt-group #group>
 				<ng-container
 					[ngTemplateOutlet]="cameraContent() ?? null"
-					[ngTemplateOutletContext]="{ $implicit: texture }"
+					[ngTemplateOutletContext]="{ $implicit: texture() }"
 				/>
 			</ngt-group>
 		</ngt-group>

libs/soba/cameras/src/lib/orthographic-camera.ts

@@ -53,10 +53,7 @@ const defaultOptions: NgtsOrthographicCameraOptions = {
 		</ngt-orthographic-camera>
 
 		<ngt-group #group>
-			<ng-container
-				[ngTemplateOutlet]="cameraContent() ?? null"
-				[ngTemplateOutletContext]="{ $implicit: texture }"
-			/>
+			<ng-container [ngTemplateOutlet]="cameraContent() ?? null" [ngTemplateOutletContext]="{ $implicit: fbo }" />
 		</ngt-group>
 	`,
 	imports: [NgTemplateOutlet],
@@ -98,8 +95,7 @@ export class NgtsOrthographicCamera {
 	private makeDefault = pick(this.options, 'makeDefault');
 	private resolution = pick(this.options, 'resolution');
 
-	private fbo = injectFBO(() => ({ width: this.resolution() }));
-	protected texture = pick(this.fbo, 'texture');
+	protected fbo = injectFBO(() => ({ width: this.resolution() }));
 
 	constructor() {
 		extend({ OrthographicCamera, Group });
@@ -132,7 +128,7 @@ export class NgtsOrthographicCamera {
 				this.options(),
 				this.groupRef().nativeElement,
 				this.cameraRef().nativeElement,
-				this.fbo(),
+				this.fbo,
 			];
 			if (this.cameraContent() && group && camera && fbo && (frames === Infinity || count < frames)) {
 				group.visible = false;

libs/soba/cameras/src/lib/perspective-camera.ts

@@ -45,10 +45,7 @@ const defaultOptions: NgtsPerspectiveCameraOptions = {
 		</ngt-perspective-camera>
 
 		<ngt-group #group>
-			<ng-container
-				[ngTemplateOutlet]="cameraContent() ?? null"
-				[ngTemplateOutletContext]="{ $implicit: texture }"
-			/>
+			<ng-container [ngTemplateOutlet]="cameraContent() ?? null" [ngTemplateOutletContext]="{ $implicit: fbo }" />
 		</ngt-group>
 	`,
 	imports: [NgTemplateOutlet],
@@ -70,8 +67,7 @@ export class NgtsPerspectiveCamera {
 	private manual = pick(this.options, 'manual');
 	private makeDefault = pick(this.options, 'makeDefault');
 	private resolution = pick(this.options, 'resolution');
-	private fbo = injectFBO(() => ({ width: this.resolution() }));
-	protected texture = pick(this.fbo, 'texture');
+	protected fbo = injectFBO(() => ({ width: this.resolution() }));
 
 	constructor() {
 		extend({ PerspectiveCamera, Group });
@@ -108,7 +104,7 @@ export class NgtsPerspectiveCamera {
 				this.options(),
 				this.groupRef().nativeElement,
 				this.cameraRef().nativeElement,
-				this.fbo(),
+				this.fbo,
 			];
 			if (this.cameraContent() && group && camera && fbo && (frames === Infinity || count < frames)) {
 				group.visible = false;