angular-three 4.0.0-next.65 → 4.0.0-next.67

package/README.md

@@ -22,10 +22,10 @@ import { extend } from 'angular-three';
 import { Mesh, BoxGeometry } from 'three';
 
 extend({
- Mesh, // makes ngt-mesh available
- BoxGeometry, // makes ngt-box-geometry available
- /* ... */
- MyMesh: Mesh, // makes ngt-my-mesh available
+	Mesh, // makes ngt-mesh available
+	BoxGeometry, // makes ngt-box-geometry available
+	/* ... */
+	MyMesh: Mesh, // makes ngt-my-mesh available
 });
 
 // alternatively for demo purposes, you can use the following
@@ -33,14 +33,14 @@ extend({
 // This includes the entire THREE.js namespace
 
 @Component({
- selector: 'app-scene-graph',
- template: `
-  <ngt-mesh>
-   <ngt-box-geometry />
-  </ngt-mesh>
- `,
- schemas: [CUSTOM_ELEMENTS_SCHEMA], // required
- changeDetection: ChangeDetectionStrategy.OnPush,
+	selector: 'app-scene-graph',
+	template: `
+		<ngt-mesh>
+			<ngt-box-geometry />
+		</ngt-mesh>
+	`,
+	schemas: [CUSTOM_ELEMENTS_SCHEMA], // required
+	changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class SceneGraph {}
 ```
@@ -52,14 +52,14 @@ import { NgtCanvas } from 'angular-three/dom';
 import { SceneGraph } from './scene-graph';
 
 @Component({
- // This Component is rendered normally in Angular.
- selector: 'app-my-experience',
- template: `
-  <ngt-canvas>
-   <app-scene-graph *canvasContent />
-  </ngt-canvas>
- `,
- imports: [NgtCanvas],
+	// This Component is rendered normally in Angular.
+	selector: 'app-my-experience',
+	template: `
+		<ngt-canvas>
+			<app-scene-graph *canvasContent />
+		</ngt-canvas>
+	`,
+	imports: [NgtCanvas],
 })
 export class MyExperience {}
 ```
@@ -72,6 +72,6 @@ export class MyExperience {}
 import { provideNgtRenderer } from 'angular-three/dom';
 
 bootstrapApplication(AppComponent, {
- providers: [provideNgtRenderer()],
+	providers: [provideNgtRenderer()],
 });
 ```

package/lib/html.d.ts

@@ -8,7 +8,7 @@ export declare function provideHTMLDomElement<TDeps extends Array<ProviderToken<
 }>(deps: TDeps, factory: (...args: TValues) => HTMLElement): Provider;
 export declare abstract class NgtHTML {
     static [NGT_HTML_FLAG]: boolean;
-    protected domElement: HTMLElement | "gl" | null;
+    protected domElement: "gl" | HTMLElement | null;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgtHTML, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgtHTML, never, never, {}, {}, never, never, true, never>;

package/lib/renderer/renderer.d.ts

@@ -28,7 +28,7 @@ export declare class NgtRenderer2 implements Renderer2 {
         [key: string]: any;
     };
     destroy(): void;
-    createElement(name: string, namespace?: string | null): NgtRendererNode<"three"> | NgtRendererNode<"portal"> | NgtRendererNode<"platform">;
+    createElement(name: string, namespace?: string | null): NgtRendererNode<"portal"> | NgtRendererNode<"three"> | NgtRendererNode<"platform">;
     createComment(value: string): NgtRendererNode<"comment">;
     createText(value: string): NgtRendererNode<"text">;
     destroyNode: (node: NgtRendererNode) => void;

package/lib/three-types.d.ts

@@ -119,6 +119,14 @@ export interface NgtThreeElements {
     'ngt-instanced-buffer-geometry': NgtThreeElementsImpl['InstancedBufferGeometry'];
     'ngt-buffer-geometry': NgtThreeElementsImpl['BufferGeometry'];
     'ngt-wireframe-geometry': NgtThreeElementsImpl['WireframeGeometry'];
+    'ngt-box-geometry': NgtThreeElementsImpl['BoxGeometry'];
+    'ngt-extrude-geometry': NgtThreeElementsImpl['ExtrudeGeometry'];
+    'ngt-shape-geometry': NgtThreeElementsImpl['ShapeGeometry'];
+    'ngt-circle-geometry': NgtThreeElementsImpl['CircleGeometry'];
+    'ngt-cylinder-geometry': NgtThreeElementsImpl['CylinderGeometry'];
+    'ngt-capsule-geometry': NgtThreeElementsImpl['CapsuleGeometry'];
+    'ngt-cone-geometry': NgtThreeElementsImpl['ConeGeometry'];
+    'ngt-edges-geometry': NgtThreeElementsImpl['EdgesGeometry'];
     'ngt-tetrahedron-geometry': NgtThreeElementsImpl['TetrahedronGeometry'];
     'ngt-octahedron-geometry': NgtThreeElementsImpl['OctahedronGeometry'];
     'ngt-icosahedron-geometry': NgtThreeElementsImpl['IcosahedronGeometry'];

package/lib/utils/make.d.ts

@@ -3,7 +3,7 @@ import type { NgtCanvasElement, NgtDpr, NgtGLOptions, NgtIntersection, NgtSize }
 export declare function makeId(event?: NgtIntersection): string;
 export declare function makeDpr(dpr: NgtDpr, window?: Window): number;
 export declare function makeRendererInstance<TCanvas extends NgtCanvasElement>(glOptions: NgtGLOptions, canvas: TCanvas): THREE.WebGLRenderer;
-export declare function makeCameraInstance(isOrthographic: boolean, size: NgtSize): THREE.PerspectiveCamera | THREE.OrthographicCamera;
+export declare function makeCameraInstance(isOrthographic: boolean, size: NgtSize): THREE.OrthographicCamera | THREE.PerspectiveCamera;
 export type NgtObjectMap = {
     nodes: Record<string, THREE.Object3D<any>>;
     materials: Record<string, THREE.Material>;