feat(soba/gizmos): expose NgtsGizmoHelper as module

Author: nartc

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

@@ -10,6 +10,7 @@ import {
 	ElementRef,
 	Injector,
 	input,
+	NgModule,
 	output,
 	TemplateRef,
 	viewChild,
@@ -21,7 +22,6 @@ import {
 	injectStore,
 	NgtPortal,
 	NgtPortalAutoRender,
-	NgtPortalContent,
 	pick,
 } from 'angular-three';
 import { NgtsOrthographicCamera } from 'angular-three-soba/cameras';
@@ -96,9 +96,9 @@ const defaultOptions: NgtsGizmoHelperOptions = {
 	`,
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],
 	changeDetection: ChangeDetectionStrategy.OnPush,
-	imports: [NgtPortal, NgtPortalAutoRender, NgtPortalContent, NgtsOrthographicCamera, NgTemplateOutlet],
+	imports: [NgtPortal, NgtPortalAutoRender, NgtsOrthographicCamera, NgTemplateOutlet],
 })
-export class NgtsGizmoHelper {
+export class NgtsGizmoHelperImpl {
 	options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
 	update = output<void>();
 
@@ -232,3 +232,9 @@ export class NgtsGizmoHelper {
 		return 'getTarget' in (controls as CameraControls);
 	}
 }
+
+@NgModule({
+	imports: [NgtsGizmoHelperImpl, NgtsGizmoHelperContent],
+	exports: [NgtsGizmoHelperImpl, NgtsGizmoHelperContent],
+})
+export class NgtsGizmoHelper {}

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

@@ -22,7 +22,7 @@ import {
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import * as THREE from 'three';
 import { BoxGeometry, Group, Mesh, MeshBasicMaterial } from 'three';
-import { NgtsGizmoHelper } from './gizmo-helper';
+import { NgtsGizmoHelperImpl } from './gizmo-helper';
 
 type XYZ = [number, number, number];
 
@@ -138,7 +138,7 @@ export class FaceCube {
 	options = input({} as Partial<NgtsViewcubeCommonOptions>);
 	onClick = input<NgtEventHandlers['click']>();
 
-	private gizmoHelper = inject(NgtsGizmoHelper);
+	private gizmoHelper = inject(NgtsGizmoHelperImpl);
 
 	protected hover = signal(-1);
 	protected count = Array.from({ length: 6 });
@@ -188,7 +188,7 @@ export class EdgeCube {
 	});
 	onClick = input<NgtEventHandlers['click']>();
 
-	private gizmoHelper = inject(NgtsGizmoHelper);
+	private gizmoHelper = inject(NgtsGizmoHelperImpl);
 
 	protected hover = signal(false);
 	protected color = computed(() => (this.hover() ? this.hoverColor() : 'white'));

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

@@ -26,7 +26,7 @@ import {
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import * as THREE from 'three';
 import { BoxGeometry, Group, Mesh, MeshBasicMaterial, Sprite, SpriteMaterial } from 'three';
-import { NgtsGizmoHelper } from './gizmo-helper';
+import { NgtsGizmoHelperImpl } from './gizmo-helper';
 
 @Component({
 	selector: 'viewport-axis',
@@ -85,7 +85,7 @@ export class AxisHead {
 	onClick = input<NgtEventHandlers['click']>();
 
 	private document = inject(DOCUMENT);
-	private gizmoHelper = inject(NgtsGizmoHelper);
+	private gizmoHelper = inject(NgtsGizmoHelperImpl);
 	private store = injectStore();
 
 	protected texture = computed(() => {

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

@@ -4,7 +4,6 @@ import { NgtArgs } from 'angular-three';
 import { NgtsOrbitControls } from 'angular-three-soba/controls';
 import {
 	NgtsGizmoHelper,
-	NgtsGizmoHelperContent,
 	NgtsGizmoHelperOptions,
 	NgtsGizmoViewcube,
 	NgtsGizmoViewport,
@@ -40,7 +39,7 @@ class Tokyo {
 
 		<ngts-orbit-controls [options]="{ makeDefault: true }" />
 	`,
-	imports: [Tokyo, NgtsGizmoHelper, NgtsGizmoHelperContent, NgtsOrbitControls, NgtsGizmoViewport],
+	imports: [Tokyo, NgtsGizmoHelper, NgtsOrbitControls, NgtsGizmoViewport],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })
@@ -58,7 +57,7 @@ class ViewportStory {
 
 		<ngts-orbit-controls [options]="{ makeDefault: true }" />
 	`,
-	imports: [Tokyo, NgtsGizmoHelper, NgtsGizmoViewcube, NgtsGizmoHelperContent, NgtsOrbitControls],
+	imports: [Tokyo, NgtsGizmoHelper, NgtsGizmoViewcube, NgtsOrbitControls],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],
 	changeDetection: ChangeDetectionStrategy.OnPush,
 })