angular-three-postprocessing 1.5.2 → 2.0.0-beta.2

package/fesm2022/angular-three-postprocessing-effects.mjs

@@ -0,0 +1,619 @@
+import * as i0 from '@angular/core';
+import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, computed, effect, Input } from '@angular/core';
+import { extend, NgtArgs, NgtSignalStore, injectNgtRef, NgtStore, requestAnimationInInjectionContext } from 'angular-three';
+import { NgtpEffect, NGTP_EFFECT_COMPOSER_API } from 'angular-three-postprocessing';
+import { BloomEffect, BlendFunction, BrightnessContrastEffect, ColorDepthEffect, DepthEffect, DotScreenEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, ScanlineEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, SSAOEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
+
+extend({ BloomEffect });
+class NgtpBloom extends NgtpEffect {
+    constructor() {
+        super(...arguments);
+        this.defaultBlendFunction = BlendFunction.ADD;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpBloom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpBloom, isStandalone: true, selector: "ngtp-bloom", usesInheritance: true, ngImport: i0, template: `
+        <ngt-bloom-effect ngtCompound *args="args()" [ref]="effectRef" [camera]="camera()">
+            <ng-content />
+        </ngt-bloom-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpBloom, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-bloom',
+                    standalone: true,
+                    template: `
+        <ngt-bloom-effect ngtCompound *args="args()" [ref]="effectRef" [camera]="camera()">
+            <ng-content />
+        </ngt-bloom-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ BrightnessContrastEffect });
+class NgtpBrightnessContrast extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpBrightnessContrast, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpBrightnessContrast, isStandalone: true, selector: "ngtp-brightness-contrast", usesInheritance: true, ngImport: i0, template: `
+        <ngt-brightness-contrast-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-brightness-contrast-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-brightness-contrast',
+                    standalone: true,
+                    template: `
+        <ngt-brightness-contrast-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-brightness-contrast-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ ColorDepthEffect });
+class NgtpColorDepth extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpColorDepth, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpColorDepth, isStandalone: true, selector: "ngtp-color-depth", usesInheritance: true, ngImport: i0, template: `
+        <ngt-color-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-color-depth-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpColorDepth, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-color-depth',
+                    standalone: true,
+                    template: `
+        <ngt-color-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-color-depth-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ DepthEffect });
+class NgtpDepth extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpDepth, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpDepth, isStandalone: true, selector: "ngtp-depth", usesInheritance: true, ngImport: i0, template: `
+        <ngt-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-depth-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpDepth, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-depth',
+                    standalone: true,
+                    template: `
+        <ngt-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-depth-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ DotScreenEffect });
+class NgtpDotScreen extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpDotScreen, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpDotScreen, isStandalone: true, selector: "ngtp-dot-screen", usesInheritance: true, ngImport: i0, template: `
+        <ngt-dot-screen-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-dot-screen-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpDotScreen, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-dot-screen',
+                    standalone: true,
+                    template: `
+        <ngt-dot-screen-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-dot-screen-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ HueSaturationEffect });
+class NgtpHueSaturation extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpHueSaturation, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpHueSaturation, isStandalone: true, selector: "ngtp-hue-saturation", usesInheritance: true, ngImport: i0, template: `
+        <ngt-hue-saturation-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-hue-saturation-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpHueSaturation, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-hue-saturation',
+                    standalone: true,
+                    template: `
+        <ngt-hue-saturation-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-hue-saturation-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+class NgtpLUT extends NgtSignalStore {
+    set lut(lut) {
+        this.set({ lut });
+    }
+    set blendFunction(blendFunction) {
+        this.set({ blendFunction });
+    }
+    set tetrahedralInterpolation(tetrahedralInterpolation) {
+        this.set({ tetrahedralInterpolation });
+    }
+    #lut;
+    #tetrahedralInterpolation;
+    #blendFunction;
+    #store;
+    #invalidate;
+    constructor() {
+        super();
+        this.effectRef = injectNgtRef();
+        this.#lut = this.select('lut');
+        this.#tetrahedralInterpolation = this.select('tetrahedralInterpolation');
+        this.#blendFunction = this.select('blendFunction');
+        this.#store = inject(NgtStore);
+        this.#invalidate = this.#store.select('invalidate');
+        this.effect = computed(() => new LUT3DEffect(this.#lut(), {
+            blendFunction: this.#blendFunction(),
+            tetrahedralInterpolation: this.#tetrahedralInterpolation(),
+        }));
+        requestAnimationInInjectionContext(() => {
+            this.#setProps();
+        });
+    }
+    #setProps() {
+        const trigger = computed(() => ({
+            effect: this.effect(),
+            invalidate: this.#invalidate(),
+            lut: this.#lut(),
+            tetrahedralInterpolation: this.#tetrahedralInterpolation(),
+        }));
+        effect(() => {
+            const { effect, lut, invalidate, tetrahedralInterpolation } = trigger();
+            if (!effect)
+                return;
+            if (tetrahedralInterpolation)
+                effect.tetrahedralInterpolation = tetrahedralInterpolation;
+            if (lut)
+                effect.lut = lut;
+            invalidate();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpLUT, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpLUT, isStandalone: true, selector: "ngtp-lut", inputs: { effectRef: "effectRef", lut: "lut", blendFunction: "blendFunction", tetrahedralInterpolation: "tetrahedralInterpolation" }, usesInheritance: true, ngImport: i0, template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpLUT, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-lut',
+                    standalone: true,
+                    template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { effectRef: [{
+                type: Input
+            }], lut: [{
+                type: Input,
+                args: [{ required: true }]
+            }], blendFunction: [{
+                type: Input
+            }], tetrahedralInterpolation: [{
+                type: Input
+            }] } });
+
+extend({ NoiseEffect });
+class NgtpNoise extends NgtpEffect {
+    constructor() {
+        super(...arguments);
+        this.defaultBlendFunction = BlendFunction.COLOR_DODGE;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpNoise, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpNoise, isStandalone: true, selector: "ngtp-noise", usesInheritance: true, ngImport: i0, template: `
+        <ngt-noise-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-noise-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpNoise, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-noise',
+                    standalone: true,
+                    template: `
+        <ngt-noise-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-noise-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ ScanlineEffect });
+class NgtpScanline extends NgtpEffect {
+    constructor() {
+        super(...arguments);
+        this.defaultBlendFunction = BlendFunction.OVERLAY;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpScanline, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpScanline, isStandalone: true, selector: "ngtp-scanline", usesInheritance: true, ngImport: i0, template: `
+        <ngt-scanline-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-scanline-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpScanline, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-scanline',
+                    standalone: true,
+                    template: `
+        <ngt-scanline-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-scanline-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ SepiaEffect });
+class NgtpSepia extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpSepia, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpSepia, isStandalone: true, selector: "ngtp-sepia", usesInheritance: true, ngImport: i0, template: `
+        <ngt-sepia-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-sepia-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpSepia, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-sepia',
+                    standalone: true,
+                    template: `
+        <ngt-sepia-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-sepia-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ ShockWaveEffect });
+class NgtpShockWave extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpShockWave, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpShockWave, isStandalone: true, selector: "ngtp-noise", usesInheritance: true, ngImport: i0, template: `
+        <ngt-shock-wave-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-shock-wave-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpShockWave, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-noise',
+                    standalone: true,
+                    template: `
+        <ngt-shock-wave-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-shock-wave-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ SMAAEffect });
+class NgtpSMAA extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpSMAA, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpSMAA, isStandalone: true, selector: "ngtp-SMAA", usesInheritance: true, ngImport: i0, template: `
+        <ngt-SMAA-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-SMAA-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpSMAA, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-SMAA',
+                    standalone: true,
+                    template: `
+        <ngt-SMAA-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-SMAA-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+class NgtpSSAO extends NgtSignalStore {
+    set blendFunction(blendFunction) {
+        this.set({ blendFunction });
+    }
+    set distanceScaling(distanceScaling) {
+        this.set({ distanceScaling });
+    }
+    set depthAwareUpsampling(depthAwareUpsampling) {
+        this.set({ depthAwareUpsampling });
+    }
+    set normalDepthBuffer(normalDepthBuffer) {
+        this.set({ normalDepthBuffer });
+    }
+    set samples(samples) {
+        this.set({ samples });
+    }
+    set rings(rings) {
+        this.set({ rings });
+    }
+    set worldDistanceThreshold(worldDistanceThreshold) {
+        this.set({ worldDistanceThreshold });
+    }
+    set worldDistanceFalloff(worldDistanceFalloff) {
+        this.set({ worldDistanceFalloff });
+    }
+    set worldProximityThreshold(worldProximityThreshold) {
+        this.set({ worldProximityThreshold });
+    }
+    set worldProximityFalloff(worldProximityFalloff) {
+        this.set({ worldProximityFalloff });
+    }
+    set distanceThreshold(distanceThreshold) {
+        this.set({ distanceThreshold });
+    }
+    set distanceFalloff(distanceFalloff) {
+        this.set({ distanceFalloff });
+    }
+    set rangeThreshold(rangeThreshold) {
+        this.set({ rangeThreshold });
+    }
+    set rangeFalloff(rangeFalloff) {
+        this.set({ rangeFalloff });
+    }
+    set minRadiusScale(minRadiusScale) {
+        this.set({ minRadiusScale });
+    }
+    set luminanceInfluence(luminanceInfluence) {
+        this.set({ luminanceInfluence });
+    }
+    set radius(radius) {
+        this.set({ radius });
+    }
+    set intensity(intensity) {
+        this.set({ intensity });
+    }
+    set bias(bias) {
+        this.set({ bias });
+    }
+    set fade(fade) {
+        this.set({ fade });
+    }
+    set color(color) {
+        this.set({ color });
+    }
+    set resolutionScale(resolutionScale) {
+        this.set({ resolutionScale });
+    }
+    set resolutionX(resolutionX) {
+        this.set({ resolutionX });
+    }
+    set resolutionY(resolutionY) {
+        this.set({ resolutionY });
+    }
+    set width(width) {
+        this.set({ width });
+    }
+    set height(height) {
+        this.set({ height });
+    }
+    #effectComposerApi;
+    #state;
+    constructor() {
+        super({
+            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,
+            depthAwareUpsampling: true,
+        });
+        this.effectRef = injectNgtRef();
+        this.#effectComposerApi = inject(NGTP_EFFECT_COMPOSER_API);
+        this.#state = this.select();
+        this.effect = computed(() => {
+            const state = this.#state();
+            const { camera, normalPass, downSamplingPass, resolutionScale } = this.#effectComposerApi();
+            if (normalPass === null && downSamplingPass === null) {
+                console.error('Please enable the NormalPass in the NgtpEffectComposer in order to use NgtpSSAO.');
+                return {};
+            }
+            return new SSAOEffect(camera, normalPass && !downSamplingPass ? normalPass.texture : null, {
+                ...state,
+                // @ts-expect-error
+                normalDepthBuffer: state.normalDepthBuffer || (downSamplingPass ? downSamplingPass.texture : null),
+                resolutionScale: state.resolutionScale || (resolutionScale ?? 1),
+                depthAwareUpsampling: state.depthAwareUpsampling ?? true,
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpSSAO, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpSSAO, isStandalone: true, selector: "ngtp-SSAO", inputs: { effectRef: "effectRef", blendFunction: "blendFunction", distanceScaling: "distanceScaling", depthAwareUpsampling: "depthAwareUpsampling", normalDepthBuffer: "normalDepthBuffer", samples: "samples", rings: "rings", worldDistanceThreshold: "worldDistanceThreshold", worldDistanceFalloff: "worldDistanceFalloff", worldProximityThreshold: "worldProximityThreshold", worldProximityFalloff: "worldProximityFalloff", distanceThreshold: "distanceThreshold", distanceFalloff: "distanceFalloff", rangeThreshold: "rangeThreshold", rangeFalloff: "rangeFalloff", minRadiusScale: "minRadiusScale", luminanceInfluence: "luminanceInfluence", radius: "radius", intensity: "intensity", bias: "bias", fade: "fade", color: "color", resolutionScale: "resolutionScale", resolutionX: "resolutionX", resolutionY: "resolutionY", width: "width", height: "height" }, usesInheritance: true, ngImport: i0, template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpSSAO, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-SSAO',
+                    standalone: true,
+                    template: ` <ngt-primitive *args="[effect()]" [ref]="effectRef" /> `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { effectRef: [{
+                type: Input
+            }], blendFunction: [{
+                type: Input
+            }], distanceScaling: [{
+                type: Input
+            }], depthAwareUpsampling: [{
+                type: Input
+            }], normalDepthBuffer: [{
+                type: Input
+            }], samples: [{
+                type: Input
+            }], rings: [{
+                type: Input
+            }], worldDistanceThreshold: [{
+                type: Input
+            }], worldDistanceFalloff: [{
+                type: Input
+            }], worldProximityThreshold: [{
+                type: Input
+            }], worldProximityFalloff: [{
+                type: Input
+            }], distanceThreshold: [{
+                type: Input
+            }], distanceFalloff: [{
+                type: Input
+            }], rangeThreshold: [{
+                type: Input
+            }], rangeFalloff: [{
+                type: Input
+            }], minRadiusScale: [{
+                type: Input
+            }], luminanceInfluence: [{
+                type: Input
+            }], radius: [{
+                type: Input
+            }], intensity: [{
+                type: Input
+            }], bias: [{
+                type: Input
+            }], fade: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], resolutionScale: [{
+                type: Input
+            }], resolutionX: [{
+                type: Input
+            }], resolutionY: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+
+extend({ TiltShiftEffect });
+class NgtpTiltShift extends NgtpEffect {
+    constructor() {
+        super(...arguments);
+        this.defaultBlendFunction = BlendFunction.ADD;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpTiltShift, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpTiltShift, isStandalone: true, selector: "ngtp-tilt-shift", usesInheritance: true, ngImport: i0, template: `
+        <ngt-tilt-shift-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-tilt-shift-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpTiltShift, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-tilt-shift',
+                    standalone: true,
+                    template: `
+        <ngt-tilt-shift-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-tilt-shift-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ ToneMappingEffect });
+class NgtpToneMapping extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpToneMapping, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpToneMapping, isStandalone: true, selector: "ngtp-tone-mapping", usesInheritance: true, ngImport: i0, template: `
+        <ngt-tone-mapping-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-tone-mapping-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpToneMapping, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-tone-mapping',
+                    standalone: true,
+                    template: `
+        <ngt-tone-mapping-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-tone-mapping-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+extend({ VignetteEffect });
+class NgtpVignette extends NgtpEffect {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpVignette, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtpVignette, isStandalone: true, selector: "ngtp-vignette", usesInheritance: true, ngImport: i0, template: `
+        <ngt-vignette-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-vignette-effect>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtpVignette, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngtp-vignette',
+                    standalone: true,
+                    template: `
+        <ngt-vignette-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
+            <ng-content />
+        </ngt-vignette-effect>
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgtpBloom, NgtpBrightnessContrast, NgtpColorDepth, NgtpDepth, NgtpDotScreen, NgtpHueSaturation, NgtpLUT, NgtpNoise, NgtpSMAA, NgtpSSAO, NgtpScanline, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpToneMapping, NgtpVignette };
+//# sourceMappingURL=angular-three-postprocessing-effects.mjs.map