angular-three-postprocessing 2.0.0-beta.255 → 2.0.0-beta.257

package/fesm2022/angular-three-postprocessing.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { inject, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, input, Directive, Injector, computed, viewChild, afterNextRender } from '@angular/core';
-import { injectStore, extend, createApiToken, pick, injectBeforeRender, getLocalState, NgtArgs, vector2, is } from 'angular-three';
+import { injectStore, extend, pick, injectBeforeRender, getLocalState, NgtArgs, vector2, is } from 'angular-three';
 import { createNoopInjectionToken } from 'ngxtension/create-injection-token';
 import { injectAutoEffect } from 'ngxtension/auto-effect';
 import { mergeInputs } from 'ngxtension/inject-inputs';
@@ -56,7 +56,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
 const NgtpEffectHostDirective = { directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] };
 
 extend({ Group });
-const [injectEffectComposerApi, provideEffectComposerApi] = createApiToken(() => NgtpEffectComposer);
 const defaultOptions$3 = {
     enabled: true,
     renderPriority: 1,
@@ -123,15 +122,6 @@ class NgtpEffectComposer {
             }
             return { composer, normalPass, downSamplingPass };
         });
-        this.api = computed(() => {
-            const [{ composer, normalPass, downSamplingPass }, camera, scene, resolutionScale] = [
-                this.composerData(),
-                this.camera(),
-                this.scene(),
-                this.resolutionScale(),
-            ];
-            return { composer, camera, scene, normalPass, downSamplingPass, resolutionScale };
-        });
         afterNextRender(() => {
             this.disableToneMapping();
             this.setComposerSize();
@@ -224,7 +214,7 @@ class NgtpEffectComposer {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpEffectComposer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.6", type: NgtpEffectComposer, isStandalone: true, selector: "ngtp-effect-composer", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideEffectComposerApi()], viewQueries: [{ propertyName: "group", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.6", type: NgtpEffectComposer, isStandalone: true, selector: "ngtp-effect-composer", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "group", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #group>
 			<ng-content />
 		</ngt-group>
@@ -240,7 +230,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
 			<ng-content />
 		</ngt-group>
 	`,
-                    providers: [provideEffectComposerApi()],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
@@ -552,11 +541,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
 class NgtpDepthOfField {
     constructor() {
         this.autoEffect = injectAutoEffect();
-        this.composerApi = injectEffectComposerApi();
+        this.effectComposer = inject(NgtpEffectComposer);
         this.options = input({});
         this.autoFocus = computed(() => this.options().target != null);
         this.effect = computed(() => {
-            const [{ camera }, options, autoFocus] = [this.composerApi(), this.options(), this.autoFocus()];
+            const [camera, options, autoFocus] = [this.effectComposer.camera(), this.options(), this.autoFocus()];
             const effect = new DepthOfFieldEffect(camera, options);
             // Creating a target enables autofocus, R3F will set via props
             if (autoFocus)
@@ -722,10 +711,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
 class NgtpGodRays {
     constructor() {
         this.autoEffect = injectAutoEffect();
-        this.composerApi = injectEffectComposerApi();
+        this.effectComposer = inject(NgtpEffectComposer);
         this.options = input({});
         this.effect = computed(() => {
-            const [{ camera }, { sun, ...options }] = [this.composerApi(), this.options()];
+            const [camera, { sun, ...options }] = [this.effectComposer.camera(), this.options()];
             return new GodRaysEffect(camera, is.ref(sun) ? sun.nativeElement : sun, options);
         });
         afterNextRender(() => {
@@ -920,7 +909,7 @@ class NgtpLensFlare {
         this.viewport = this.store.select('viewport');
         this.raycaster = this.store.select('raycaster');
         this.pointer = this.store.select('pointer');
-        this.composerApi = injectEffectComposerApi();
+        this.effectComposer = inject(NgtpEffectComposer);
         this.options = input(defaultOptions$1, { transform: mergeInputs(defaultOptions$1) });
         this.projectedPosition = new Vector3();
         this.mouse2d = new Vector2();
@@ -942,10 +931,11 @@ class NgtpLensFlare {
             const [effect] = [this.effect()];
             if (!effect)
                 return;
-            const [{ followMouse, position, smoothTime }, pointer, { camera, scene }, raycaster] = [
+            const [{ followMouse, position, smoothTime }, pointer, camera, scene, raycaster] = [
                 this.options(),
                 this.pointer(),
-                this.composerApi(),
+                this.effectComposer.camera(),
+                this.effectComposer.scene(),
                 this.raycaster(),
             ];
             const uLensPosition = effect.uniforms.get('lensPosition');
@@ -1485,5 +1475,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpEffectHostDirective, NgtpFXAA, NgtpGlitch, NgtpGodRays, NgtpGrid, NgtpHueSaturation, NgtpLUT, NgtpLensFlare, NgtpNoise, NgtpPixelation, NgtpSMAA, NgtpScanline, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpTiltShift2, NgtpVignette, NgtpWater, TiltShift2Effect, WaterEffect, injectDefaultEffectOptions, injectEffectComposerApi, provideDefaultEffectOptions, provideEffectComposerApi };
+export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpEffectHostDirective, NgtpFXAA, NgtpGlitch, NgtpGodRays, NgtpGrid, NgtpHueSaturation, NgtpLUT, NgtpLensFlare, NgtpNoise, NgtpPixelation, NgtpSMAA, NgtpScanline, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpTiltShift2, NgtpVignette, NgtpWater, TiltShift2Effect, WaterEffect, injectDefaultEffectOptions, provideDefaultEffectOptions };
 //# sourceMappingURL=angular-three-postprocessing.mjs.map