angular-three-soba 4.0.0-next.96 → 4.0.0-next.98

package/abstractions/lib/helper.d.ts

@@ -2,13 +2,18 @@ import { ElementRef, Injector } from '@angular/core';
 import * as THREE from 'three';
 import * as i0 from "@angular/core";
 type HelperArgs<T> = T extends [infer _, ...infer R] ? R : never;
-export declare function injectHelper<TConstructor extends new (...args: any[]) => THREE.Object3D, THelperInstance extends InstanceType<TConstructor> & {
+export declare function helper<TConstructor extends new (...args: any[]) => THREE.Object3D, THelperInstance extends InstanceType<TConstructor> & {
     update: () => void;
     dispose: () => void;
 }>(object: () => ElementRef<THREE.Object3D> | THREE.Object3D | undefined | null, helperConstructor: () => TConstructor, { injector, args, }?: {
     injector?: Injector;
     args?: () => HelperArgs<ConstructorParameters<TConstructor>>;
 }): import("@angular/core").Signal<THelperInstance | null>;
+/**
+ * @deprecated use helper instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare const injectHelper: typeof helper;
 export declare class NgtsHelper<TConstructor extends new (...args: any[]) => THREE.Object3D> {
     type: import("@angular/core").InputSignal<TConstructor>;
     options: import("@angular/core").InputSignal<HelperArgs<ConstructorParameters<TConstructor>>>;

package/abstractions/lib/text-3d.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { NgtThreeElement } from 'angular-three';
-import { NgtsFontInput } from 'angular-three-soba/loaders';
+import { type NgtsFontInput } from 'angular-three-soba/loaders';
 import * as THREE from 'three';
 import { TextGeometry, TextGeometryParameters } from 'three-stdlib';
 import * as i0 from "@angular/core";

package/cameras/lib/cube-camera.d.ts

@@ -14,19 +14,24 @@ export interface CubeCameraOptions {
     /** Custom fog that is temporarily set as the scenes fog */
     fog?: THREE.Fog | THREE.FogExp2;
 }
-export declare function injectCubeCamera(options: () => CubeCameraOptions, { injector }?: {
+export declare function cubeCamera(options: () => CubeCameraOptions, { injector }?: {
     injector?: Injector;
 }): {
     fbo: import("@angular/core").Signal<THREE.WebGLCubeRenderTarget>;
     camera: import("@angular/core").Signal<THREE.CubeCamera>;
     update: () => void;
 };
+/**
+ * @deprecated Use cubeCamera instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+export declare const injectCubeCamera: typeof cubeCamera;
 export type NgtsCubeCameraOptions = Partial<NgtThreeElements['ngt-group']> & CubeCameraOptions & {
     frames: number;
 };
 export declare class NgtsCubeCamera {
     options: import("@angular/core").InputSignalWithTransform<NgtsCubeCameraOptions, "" | Partial<NgtsCubeCameraOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsCubeCameraOptions, "near" | "far" | "envMap" | "frames" | "resolution" | "fog">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsCubeCameraOptions, "resolution" | "near" | "far" | "envMap" | "fog" | "frames">>;
     private cubeCamera;
     protected camera: import("@angular/core").Signal<THREE.CubeCamera>;
     protected texture: import("@angular/core").Signal<THREE.CubeTexture>;

package/cameras/lib/orthographic-camera.d.ts

@@ -16,7 +16,7 @@ export interface NgtsOrthographicCameraOptions extends Partial<NgtThreeElements[
 }
 export declare class NgtsOrthographicCamera {
     options: import("@angular/core").InputSignalWithTransform<NgtsOrthographicCameraOptions, "" | Partial<NgtsOrthographicCameraOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsOrthographicCameraOptions, "envMap" | "makeDefault" | "frames" | "resolution" | "top" | "left" | "right" | "bottom">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsOrthographicCameraOptions, "resolution" | "envMap" | "frames" | "left" | "right" | "top" | "bottom" | "makeDefault">>;
     protected content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     protected cameraContent: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     cameraRef: import("@angular/core").Signal<ElementRef<THREE.OrthographicCamera>>;

package/cameras/lib/perspective-camera.d.ts

@@ -16,7 +16,7 @@ export interface NgtsPerspectiveCameraOptions extends Partial<NgtThreeElements['
 }
 export declare class NgtsPerspectiveCamera {
     options: import("@angular/core").InputSignalWithTransform<NgtsPerspectiveCameraOptions, "" | Partial<NgtsPerspectiveCameraOptions>>;
-    protected parameters: import("@angular/core").Signal<Omit<NgtsPerspectiveCameraOptions, "envMap" | "makeDefault" | "frames" | "resolution">>;
+    protected parameters: import("@angular/core").Signal<Omit<NgtsPerspectiveCameraOptions, "resolution" | "envMap" | "frames" | "makeDefault">>;
     protected content: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     protected cameraContent: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     cameraRef: import("@angular/core").Signal<ElementRef<THREE.PerspectiveCamera>>;

package/fesm2022/angular-three-soba-abstractions.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { input, viewChild, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, computed, effect, untracked, inject, output, DestroyRef } from '@angular/core';
 import * as i1 from 'angular-three';
-import { omit, extend, injectBeforeRender, injectStore, pick, is, checkNeedsUpdate, NgtArgs, getInstanceState, resolveRef, NgtObjectEvents } from 'angular-three';
+import { omit, extend, beforeRender, injectStore, pick, is, checkNeedsUpdate, NgtArgs, getInstanceState, resolveRef, NgtObjectEvents } from 'angular-three';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import * as THREE from 'three';
 import { Group, CanvasTexture, Mesh, PlaneGeometry, Object3D, ExtrudeGeometry } from 'three';
@@ -10,7 +10,7 @@ import { DOCUMENT } from '@angular/common';
 import { GridMaterial } from 'angular-three-soba/shaders';
 import { assertInjector } from 'ngxtension/assert-injector';
 import { Text, preloadFont } from 'troika-three-text';
-import { injectFont } from 'angular-three-soba/loaders';
+import { fontResource } from 'angular-three-soba/loaders';
 
 const defaultOptions$b = {
     follow: true,
@@ -26,7 +26,7 @@ class NgtsBillboard {
         this.innerRef = viewChild.required('inner');
         extend({ Group });
         const q = new THREE.Quaternion();
-        injectBeforeRender(({ camera }) => {
+        beforeRender(({ camera }) => {
             const [{ follow, lockX, lockY, lockZ }, group, inner] = [
                 this.options(),
                 this.groupRef().nativeElement,
@@ -541,7 +541,7 @@ class NgtsGrid {
             };
         });
         extend({ Mesh, PlaneGeometry, GridMaterial });
-        injectBeforeRender(({ camera }) => {
+        beforeRender(({ camera }) => {
             const mesh = this.meshRef().nativeElement;
             this.plane.setFromNormalAndCoplanarPoint(this.upVector, this.zeroVector).applyMatrix4(mesh.matrixWorld);
             const gridMaterial = mesh.material;
@@ -555,9 +555,7 @@ class NgtsGrid {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.1", type: NgtsGrid, isStandalone: true, selector: "ngts-grid", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-mesh #mesh [frustumCulled]="false" [parameters]="parameters()">
 			<ngt-plane-geometry *args="planeArgs()" />
-			<ngt-grid-material transparent [side]="side()" [parameters]="uniforms()">
-				<ngt-value attach="extensions.derivatives" [rawValue]="true" />
-			</ngt-grid-material>
+			<ngt-grid-material transparent [side]="side()" [parameters]="uniforms()" extensions.derivatives />
 			<ng-content />
 		</ngt-mesh>
 	`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -569,9 +567,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                     template: `
 		<ngt-mesh #mesh [frustumCulled]="false" [parameters]="parameters()">
 			<ngt-plane-geometry *args="planeArgs()" />
-			<ngt-grid-material transparent [side]="side()" [parameters]="uniforms()">
-				<ngt-value attach="extensions.derivatives" [rawValue]="true" />
-			</ngt-grid-material>
+			<ngt-grid-material transparent [side]="side()" [parameters]="uniforms()" extensions.derivatives />
 			<ng-content />
 		</ngt-mesh>
 	`,
@@ -581,8 +577,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-function injectHelper(object, helperConstructor, { injector, args = () => [], } = {}) {
-    return assertInjector(injectHelper, injector, () => {
+function helper(object, helperConstructor, { injector, args = () => [], } = {}) {
+    return assertInjector(helper, injector, () => {
         const store = injectStore();
         const helper = computed(() => {
             const maybeObject3D = object();
@@ -606,7 +602,7 @@ function injectHelper(object, helperConstructor, { injector, args = () => [], }
                 currentHelper.dispose?.();
             });
         });
-        injectBeforeRender(() => {
+        beforeRender(() => {
             const currentHelper = helper();
             if (currentHelper)
                 currentHelper.update();
@@ -614,6 +610,11 @@ function injectHelper(object, helperConstructor, { injector, args = () => [], }
         return helper;
     });
 }
+/**
+ * @deprecated use helper instead. Will be removed in v5.0.0
+ * @since v4.0.0
+ */
+const injectHelper = helper;
 class NgtsHelper {
     constructor() {
         this.type = input.required();
@@ -628,7 +629,7 @@ class NgtsHelper {
                 return;
             return instanceState.parent();
         });
-        this.helper = injectHelper(this.parent, this.type, { args: this.options });
+        this.helper = helper(this.parent, this.type, { args: this.options });
         extend({ Object3D });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: NgtsHelper, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -1011,7 +1012,7 @@ class NgtsText3D {
         ]);
         this.meshRef = viewChild.required('mesh');
         this.textGeometryRef = viewChild('textGeometry');
-        this.loadedFont = injectFont(this.font);
+        this.loadedFont = fontResource(this.font);
         this.smooth = pick(this.options, 'smooth');
         this.textOptions = pick(this.options, [
             'letterSpacing',
@@ -1026,7 +1027,7 @@ class NgtsText3D {
             'curveSegments',
         ]);
         this.textArgs = computed(() => {
-            const font = this.loadedFont();
+            const font = this.loadedFont.value();
             if (!font)
                 return null;
             const [text, textOptions] = [this.text(), this.textOptions()];
@@ -1076,5 +1077,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgtsBillboard, NgtsCatmullRomLine, NgtsCubicBezierLine, NgtsEdges, NgtsGradientTexture, NgtsGrid, NgtsHelper, NgtsLine, NgtsPrismGeometry, NgtsQuadraticBezierLine, NgtsRoundedBox, NgtsText, NgtsText3D, injectHelper };
+export { NgtsBillboard, NgtsCatmullRomLine, NgtsCubicBezierLine, NgtsEdges, NgtsGradientTexture, NgtsGrid, NgtsHelper, NgtsLine, NgtsPrismGeometry, NgtsQuadraticBezierLine, NgtsRoundedBox, NgtsText, NgtsText3D, helper, injectHelper };
 //# sourceMappingURL=angular-three-soba-abstractions.mjs.map