angular-three-postprocessing 4.2.0 → 4.2.1

package/fesm2022/angular-three-postprocessing.mjs

@@ -3,7 +3,7 @@ import { inject, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component, inp
 import { injectStore, pick, extend, getInstanceState, beforeRender, NgtArgs, vector3, vector2, omit, resolveRef, is, NgtSelectionApi, loaderResource } from 'angular-three';
 import { createNoopInjectionToken } from 'ngxtension/create-injection-token';
 import { mergeInputs } from 'ngxtension/inject-inputs';
-import { EffectAttribute, EffectComposer, RenderPass, NormalPass, DepthDownsamplingPass, Effect, EffectPass, Pass, DepthPickingPass, CopyPass, DepthOfFieldEffect, BloomEffect, BlendFunction, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, MaskFunction, DotScreenEffect, FXAAEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, SSAOEffect, ShockWaveEffect, SMAAEffect, TextureEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
+import { EffectAttribute, EffectComposer, RenderPass, NormalPass, DepthDownsamplingPass, Effect, EffectPass, Pass, DepthPickingPass, CopyPass, DepthOfFieldEffect, BloomEffect, BlendFunction, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, MaskFunction, DotScreenEffect, FXAAEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, SSAOEffect, TextureEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
 import * as THREE from 'three';
 import { Group } from 'three';
 import { isWebGL2Available } from 'three-stdlib';
@@ -2757,65 +2757,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
 
-class NgtpSSAO {
-    constructor() {
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
-        this.effectComposer = inject(NgtpEffectComposer);
-        this.effect = computed(() => {
-            const [normalPass, downSamplingPass] = [
-                this.effectComposer.normalPass(),
-                this.effectComposer.downSamplingPass(),
-            ];
-            if (normalPass === null && downSamplingPass === null) {
-                console.error('[NGT Postprocessing] Please enable the NormalPass in the EffectComposer in order to use SSAO.');
-                return null;
-            }
-            const [camera, options] = [this.effectComposer.camera(), this.options()];
-            return new SSAOEffect(camera, normalPass && !downSamplingPass ? normalPass.texture : null, {
-                blendFunction: BlendFunction.MULTIPLY,
-                samples: 30,
-                rings: 4,
-                distanceThreshold: 1.0,
-                distanceFalloff: 0.0,
-                rangeThreshold: 0.5,
-                rangeFalloff: 0.1,
-                luminanceInfluence: 0.9,
-                radius: 20,
-                bias: 0.5,
-                intensity: 1.0,
-                color: undefined,
-                // @ts-expect-error - normalDepthBuffer is not in the types but is supported
-                normalDepthBuffer: downSamplingPass ? downSamplingPass.texture : null,
-                resolutionScale: 1,
-                depthAwareUpsampling: true,
-                ...options,
-            });
-        }, ...(ngDevMode ? [{ debugName: "effect" }] : []));
-        effect((onCleanup) => {
-            const ssaoEffect = this.effect();
-            if (!ssaoEffect)
-                return;
-            onCleanup(() => ssaoEffect.dispose());
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtpSSAO, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: NgtpSSAO, isStandalone: true, selector: "ngtp-ssao", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-		<ngt-primitive *args="[effect()]" [dispose]="null" />
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtpSSAO, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ngtp-ssao',
-                    template: `
-		<ngt-primitive *args="[effect()]" [dispose]="null" />
-	`,
-                    imports: [NgtArgs],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
-
 /**
  * Angular component that applies a shock wave distortion effect.
  *
@@ -2927,6 +2868,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
 
+class NgtpSSAO {
+    constructor() {
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.effectComposer = inject(NgtpEffectComposer);
+        this.effect = computed(() => {
+            const [normalPass, downSamplingPass] = [
+                this.effectComposer.normalPass(),
+                this.effectComposer.downSamplingPass(),
+            ];
+            if (normalPass === null && downSamplingPass === null) {
+                console.error('[NGT Postprocessing] Please enable the NormalPass in the EffectComposer in order to use SSAO.');
+                return null;
+            }
+            const [camera, options] = [this.effectComposer.camera(), this.options()];
+            return new SSAOEffect(camera, normalPass && !downSamplingPass ? normalPass.texture : null, {
+                blendFunction: BlendFunction.MULTIPLY,
+                samples: 30,
+                rings: 4,
+                distanceThreshold: 1.0,
+                distanceFalloff: 0.0,
+                rangeThreshold: 0.5,
+                rangeFalloff: 0.1,
+                luminanceInfluence: 0.9,
+                radius: 20,
+                bias: 0.5,
+                intensity: 1.0,
+                color: undefined,
+                // @ts-expect-error - normalDepthBuffer is not in the types but is supported
+                normalDepthBuffer: downSamplingPass ? downSamplingPass.texture : null,
+                resolutionScale: 1,
+                depthAwareUpsampling: true,
+                ...options,
+            });
+        }, ...(ngDevMode ? [{ debugName: "effect" }] : []));
+        effect((onCleanup) => {
+            const ssaoEffect = this.effect();
+            if (!ssaoEffect)
+                return;
+            onCleanup(() => ssaoEffect.dispose());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtpSSAO, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: NgtpSSAO, isStandalone: true, selector: "ngtp-ssao", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+		<ngt-primitive *args="[effect()]" [dispose]="null" />
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtpSSAO, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-ssao',
+                    template: `
+		<ngt-primitive *args="[effect()]" [dispose]="null" />
+	`,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
+
 class NgtpTexture {
     constructor() {
         this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));