fix(soba): remove standalone true

Author: nartc

libs/soba/abstractions/src/lib/billboard.ts

@@ -26,7 +26,6 @@ const defaultOptions: NgtsBillboardOptions = {
 
 @Component({
 	selector: 'ngts-billboard',
-	standalone: true,
 	template: `
 		<ngt-group #group [parameters]="parameters()">
 			<ngt-group #inner>

libs/soba/abstractions/src/lib/helper.ts

@@ -66,7 +66,6 @@ export function injectHelper<
 }
 
 @Component({
-	standalone: true,
 	selector: 'ngts-helper',
 	template: `
 		<ngt-object3D #helper />

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

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

libs/soba/controls/README.md

@@ -38,37 +38,36 @@ Other options are available in the `camera-controls` library. For more informati
 
 ```ts
 @Component({
-	standalone: true,
-	template: `
-		<ngt-mesh>
-			<ngt-box-geometry />
-			<ngt-mesh-basic-material color="red" [wireframe]="true" />
-		</ngt-mesh>
-
-		<ngt-grid-helper *args="[50, 50]" [position]="[0, -1, 0]" />
-
-		<ngts-camera-controls />
-	`,
-	imports: [NgtsCameraControls, NgtArgs],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-	changeDetection: ChangeDetectionStrategy.OnPush,
+ template: `
+  <ngt-mesh>
+   <ngt-box-geometry />
+   <ngt-mesh-basic-material color="red" [wireframe]="true" />
+  </ngt-mesh>
+
+  <ngt-grid-helper *args="[50, 50]" [position]="[0, -1, 0]" />
+
+  <ngts-camera-controls />
+ `,
+ imports: [NgtsCameraControls, NgtArgs],
+ schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.OnPush,
 })
 class DefaultCameraControlsStory {
-	rotate = input<keyof typeof rotations | 'none'>('none');
-
-	cameraControlsRef = viewChild.required(NgtsCameraControls);
-
-	constructor() {
-		effect(() => {
-			const [rotate, controls] = [this.rotate(), this.cameraControlsRef().controls()];
-			if (rotate !== 'none') {
-				const [theta, phi, animate] = rotations[rotate];
-				void controls.rotate(theta, phi, animate);
-			} else {
-				void controls.reset(true);
-			}
-		});
-	}
+ rotate = input<keyof typeof rotations | 'none'>('none');
+
+ cameraControlsRef = viewChild.required(NgtsCameraControls);
+
+ constructor() {
+  effect(() => {
+   const [rotate, controls] = [this.rotate(), this.cameraControlsRef().controls()];
+   if (rotate !== 'none') {
+    const [theta, phi, animate] = rotations[rotate];
+    void controls.rotate(theta, phi, animate);
+   } else {
+    void controls.reset(true);
+   }
+  });
+ }
 }
 ```
 

libs/soba/controls/src/lib/scroll-controls.ts

@@ -54,7 +54,6 @@ const defaultOptions: NgtsScrollControlsOptions = {
 
 @Component({
 	selector: 'ngts-scroll-controls',
-	standalone: true,
 	template: `
 		<ng-content />
 	`,
@@ -271,7 +270,7 @@ export class NgtsScrollControls {
 	}
 }
 
-@Directive({ selector: 'ngt-group[ngtsScrollCanvas]', standalone: true })
+@Directive({ selector: 'ngt-group[ngtsScrollCanvas]' })
 export class NgtsScrollCanvas {
 	private host = inject<ElementRef<Group>>(ElementRef);
 	private scrollControls = inject(NgtsScrollControls);
@@ -294,7 +293,6 @@ export class NgtsScrollCanvas {
 
 @Directive({
 	selector: 'div[ngtsScrollHTML]',
-	standalone: true,
 	host: { style: 'position: absolute; top: 0; left: 0; will-change: transform;' },
 	providers: [provideHTMLDomElement([NgtsScrollControls], (scrollControls) => scrollControls.fixed)],
 })

libs/soba/gizmos/src/lib/gizmo-helper/gizmo-helper.ts

@@ -28,7 +28,7 @@ const [q1, q2] = [new Quaternion(), new Quaternion()];
 const target = new Vector3();
 const targetPosition = new Vector3();
 
-@Directive({ selector: 'ng-template[gizmoHelperContent]', standalone: true })
+@Directive({ selector: 'ng-template[gizmoHelperContent]' })
 export class NgtsGizmoHelperContent {
 	static ngTemplateContextGuard(_: NgtsGizmoHelperContent, ctx: unknown): ctx is { container: Object3D } {
 		return true;

libs/soba/gizmos/src/lib/gizmo-helper/gizmo-viewcube.ts

@@ -50,7 +50,6 @@ const defaultFaceMaterialOptions: NgtsViewcubeCommonOptions = {
 
 @Component({
 	selector: 'viewcube-face-material',
-	standalone: true,
 	template: `
 		<ngt-mesh-basic-material
 			[attach]="['material', index()]"

libs/soba/gizmos/src/lib/gizmo-helper/gizmo-viewport.ts

@@ -66,7 +66,6 @@ export class Axis {
 
 @Component({
 	selector: 'viewport-axis-head',
-	standalone: true,
 	template: `
 		<ngt-sprite
 			[scale]="scale()"

libs/soba/loaders/README.md

@@ -35,35 +35,34 @@ The function also has static methods for preloading and setting the decoder path
 
 ```ts
 @Component({
-	selector: 'app-suzi',
-	standalone: true,
-	template: `
-		<ngt-primitive *args="[scene()]" [rotation]="[-0.63, 0, 0]" [scale]="2" [position]="[0, -1.175, 0]" />
-	`,
-	imports: [NgtArgs],
-	schemas: [CUSTOM_ELEMENTS_SCHEMA],
-	changeDetection: ChangeDetectionStrategy.OnPush,
+ selector: 'app-suzi',
+ template: `
+  <ngt-primitive *args="[scene()]" [rotation]="[-0.63, 0, 0]" [scale]="2" [position]="[0, -1.175, 0]" />
+ `,
+ imports: [NgtArgs],
+ schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ changeDetection: ChangeDetectionStrategy.OnPush,
 })
 class Suzi {
-	gltf = injectGLTF(() => './suzanne-high-poly.gltf');
+ gltf = injectGLTF(() => './suzanne-high-poly.gltf');
 
-	scene = computed(() => {
-		const gltf = this.gltf();
-		if (!gltf) return null;
-		const { scene, materials } = gltf;
-		scene.traverse((obj) => (obj as any).isMesh && (obj.receiveShadow = obj.castShadow = true));
+ scene = computed(() => {
+  const gltf = this.gltf();
+  if (!gltf) return null;
+  const { scene, materials } = gltf;
+  scene.traverse((obj) => (obj as any).isMesh && (obj.receiveShadow = obj.castShadow = true));
 
-		const material = materials['default'] as MeshStandardMaterial;
+  const material = materials['default'] as MeshStandardMaterial;
 
-		material.color.set('orange');
-		material.roughness = 0;
-		material.normalMap = new CanvasTexture(new FlakesTexture(), UVMapping, RepeatWrapping, RepeatWrapping);
-		material.normalMap.flipY = false;
-		material.normalMap.repeat.set(40, 40);
-		material.normalScale.set(0.05, 0.05);
+  material.color.set('orange');
+  material.roughness = 0;
+  material.normalMap = new CanvasTexture(new FlakesTexture(), UVMapping, RepeatWrapping, RepeatWrapping);
+  material.normalMap.flipY = false;
+  material.normalMap.repeat.set(40, 40);
+  material.normalScale.set(0.05, 0.05);
 
-		return scene;
-	});
+  return scene;
+ });
 }
 ```
 
@@ -77,32 +76,32 @@ The function also has a static method for preloading textures:
 
 ```ts
 @Component({
-	template: `
-		<ngt-mesh>
-			<ngt-mesh-physical-material [normalMap]="normalMap()" [roughnessMap]="roughnessMap()" />
-		</ngt-mesh>
-	`,
+ template: `
+  <ngt-mesh>
+   <ngt-mesh-physical-material [normalMap]="normalMap()" [roughnessMap]="roughnessMap()" />
+  </ngt-mesh>
+ `,
 })
 export class MyCmp {
-	private textures = injectTexture(() => ({
-		roughnessMap: 'roughness_floor.jpeg',
-		normalMap: 'NORM.jpg',
-	}));
-	roughnessMap = computed(() => this.textures()?.roughnessMap || null);
-	normalMap = computed(() => this.textures()?.normalMap || null);
+ private textures = injectTexture(() => ({
+  roughnessMap: 'roughness_floor.jpeg',
+  normalMap: 'NORM.jpg',
+ }));
+ roughnessMap = computed(() => this.textures()?.roughnessMap || null);
+ normalMap = computed(() => this.textures()?.normalMap || null);
 }
 ```
 
 ## `injectProgress`
 
 ```ts
 function injectProgress(injector?: Injector): Signal<{
-	errors: string[];
-	active: boolean;
-	progress: number;
-	item: string;
-	loaded: number;
-	total: number;
+ errors: string[];
+ active: boolean;
+ progress: number;
+ item: string;
+ loaded: number;
+ total: number;
 }>;
 ```
 

libs/soba/loaders/src/lib/loader.ts

@@ -35,7 +35,6 @@ const defaultOptions: NgtsLoaderOptions = {
 
 @Component({
 	selector: 'ngts-loader',
-	standalone: true,
 	template: `
 		@if (shown()) {
 			<div