angular-three-postprocessing 2.0.0-beta.235 → 2.0.0-beta.236

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/esm2022/lib/effect-composer.mjs +14 -3
  2. package/esm2022/lib/effects/ascii.mjs +121 -0
  3. package/esm2022/lib/effects/brightness-contrast.mjs +48 -0
  4. package/esm2022/lib/effects/chromatic-abberation.mjs +48 -0
  5. package/esm2022/lib/effects/color-average.mjs +34 -0
  6. package/esm2022/lib/effects/color-depth.mjs +38 -0
  7. package/esm2022/lib/effects/depth-of-field.mjs +57 -0
  8. package/esm2022/lib/effects/depth.mjs +38 -0
  9. package/esm2022/lib/effects/dot-screen.mjs +38 -0
  10. package/esm2022/lib/effects/fxaa.mjs +38 -0
  11. package/esm2022/lib/effects/glitch.mjs +65 -0
  12. package/esm2022/lib/effects/god-rays.mjs +42 -0
  13. package/esm2022/lib/effects/grid.mjs +45 -0
  14. package/esm2022/lib/effects/hue-saturation.mjs +38 -0
  15. package/esm2022/lib/effects/index.mjs +26 -1
  16. package/esm2022/lib/effects/lens-flare.mjs +195 -0
  17. package/esm2022/lib/effects/lut.mjs +51 -0
  18. package/esm2022/lib/effects/noise.mjs +39 -0
  19. package/esm2022/lib/effects/pixelation.mjs +31 -0
  20. package/esm2022/lib/effects/scanline.mjs +43 -0
  21. package/esm2022/lib/effects/sepia.mjs +38 -0
  22. package/esm2022/lib/effects/shock-wave.mjs +38 -0
  23. package/esm2022/lib/effects/smaa.mjs +38 -0
  24. package/esm2022/lib/effects/tilt-shift-2.mjs +121 -0
  25. package/esm2022/lib/effects/tilt-shift.mjs +39 -0
  26. package/esm2022/lib/effects/vignette.mjs +38 -0
  27. package/esm2022/lib/effects/water.mjs +64 -0
  28. package/esm2022/lib/utils.mjs +14 -0
  29. package/fesm2022/angular-three-postprocessing.mjs +1262 -7
  30. package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
  31. package/lib/effect-composer.d.ts +48 -0
  32. package/lib/effects/ascii.d.ts +24 -0
  33. package/lib/effects/brightness-contrast.d.ts +15 -0
  34. package/lib/effects/chromatic-abberation.d.ts +16 -0
  35. package/lib/effects/color-average.d.ts +12 -0
  36. package/lib/effects/color-depth.d.ts +14 -0
  37. package/lib/effects/depth-of-field.d.ts +30 -0
  38. package/lib/effects/depth.d.ts +14 -0
  39. package/lib/effects/dot-screen.d.ts +15 -0
  40. package/lib/effects/fxaa.d.ts +13 -0
  41. package/lib/effects/glitch.d.ts +30 -0
  42. package/lib/effects/god-rays.d.ts +38 -0
  43. package/lib/effects/grid.d.ts +24 -0
  44. package/lib/effects/hue-saturation.d.ts +15 -0
  45. package/lib/effects/index.d.ts +25 -0
  46. package/lib/effects/lens-flare.d.ts +111 -0
  47. package/lib/effects/lut.d.ts +20 -0
  48. package/lib/effects/noise.d.ts +14 -0
  49. package/lib/effects/pixelation.d.ts +17 -0
  50. package/lib/effects/scanline.d.ts +17 -0
  51. package/lib/effects/sepia.d.ts +14 -0
  52. package/lib/effects/shock-wave.d.ts +11 -0
  53. package/lib/effects/smaa.d.ts +15 -0
  54. package/lib/effects/tilt-shift-2.d.ts +35 -0
  55. package/lib/effects/tilt-shift.d.ts +22 -0
  56. package/lib/effects/vignette.d.ts +17 -0
  57. package/lib/effects/water.d.ts +20 -0
  58. package/lib/utils.d.ts +3 -0
  59. package/package.json +7 -1
@@ -0,0 +1,30 @@
1
+ import { NgtVector2 } from 'angular-three';
2
+ import { GlitchEffect, GlitchMode } from 'postprocessing';
3
+ import * as i0 from "@angular/core";
4
+ export type GlitchOptions = NonNullable<ConstructorParameters<typeof GlitchEffect>[0]> & Partial<{
5
+ mode: GlitchMode;
6
+ active: boolean;
7
+ delay: NgtVector2;
8
+ duration: NgtVector2;
9
+ chromaticAberrationOffset: NgtVector2;
10
+ strength: NgtVector2;
11
+ }>;
12
+ export declare class NgtpGlitch {
13
+ autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
14
+ store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
15
+ invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
16
+ effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<GlitchEffect>>;
17
+ options: import("@angular/core").InputSignalWithTransform<GlitchOptions, "" | Partial<{
18
+ active: boolean;
19
+ }>>;
20
+ active: import("@angular/core").Signal<boolean | undefined>;
21
+ mode: import("@angular/core").Signal<GlitchMode | undefined>;
22
+ delay: import("@angular/core").Signal<import("three").Vector2>;
23
+ duration: import("@angular/core").Signal<import("three").Vector2>;
24
+ chromaticAberrationOffset: import("@angular/core").Signal<import("three").Vector2>;
25
+ strength: import("@angular/core").Signal<import("three").Vector2>;
26
+ effect: import("@angular/core").Signal<GlitchEffect>;
27
+ constructor();
28
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGlitch, never>;
29
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGlitch, "ngtp-glitch", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
30
+ }
@@ -0,0 +1,38 @@
1
+ import { ElementRef } from '@angular/core';
2
+ import { GodRaysEffect } from 'postprocessing';
3
+ import { Mesh, Points } from 'three';
4
+ import * as i0 from "@angular/core";
5
+ export declare class NgtpGodRays {
6
+ autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
7
+ composerApi: import("@angular/core").Signal<{
8
+ composer: import("postprocessing").EffectComposer;
9
+ camera: import("three").Camera;
10
+ scene: import("three").Scene;
11
+ normalPass: import("postprocessing").NormalPass | null;
12
+ downSamplingPass: import("postprocessing").DepthDownsamplingPass | null;
13
+ resolutionScale: number | undefined;
14
+ }>;
15
+ effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<GodRaysEffect>>;
16
+ options: import("@angular/core").InputSignal<{
17
+ blendFunction?: import("postprocessing").BlendFunction | undefined;
18
+ samples?: number | undefined;
19
+ density?: number | undefined;
20
+ decay?: number | undefined;
21
+ weight?: number | undefined;
22
+ exposure?: number | undefined;
23
+ clampMax?: number | undefined;
24
+ resolutionScale?: number | undefined;
25
+ resolutionX?: number | undefined;
26
+ resolutionY?: number | undefined;
27
+ width?: number | undefined;
28
+ height?: number | undefined;
29
+ kernelSize?: import("postprocessing").KernelSize | undefined;
30
+ blur?: boolean | undefined;
31
+ } & {
32
+ sun: Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap> | Points<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap> | ElementRef<Mesh<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap> | Points<import("three").BufferGeometry<import("three").NormalBufferAttributes>, import("three").Material | import("three").Material[], import("three").Object3DEventMap>>;
33
+ }>;
34
+ effect: import("@angular/core").Signal<GodRaysEffect>;
35
+ constructor();
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGodRays, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGodRays, "ngtp-god-rays", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
38
+ }
@@ -0,0 +1,24 @@
1
+ import { GridEffect } from 'postprocessing';
2
+ import * as i0 from "@angular/core";
3
+ type GridOptions = NonNullable<ConstructorParameters<typeof GridEffect>[0]> & Partial<{
4
+ size: {
5
+ width: number;
6
+ height: number;
7
+ };
8
+ }>;
9
+ export declare class NgtpGrid {
10
+ autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
11
+ store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
12
+ invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
13
+ effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<GridEffect>>;
14
+ options: import("@angular/core").InputSignal<GridOptions>;
15
+ size: import("@angular/core").Signal<{
16
+ width: number;
17
+ height: number;
18
+ } | undefined>;
19
+ effect: import("@angular/core").Signal<GridEffect>;
20
+ constructor();
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpGrid, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpGrid, "ngtp-grid", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
23
+ }
24
+ export {};
@@ -0,0 +1,15 @@
1
+ import { HueSaturationEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type HueSaturationEffectOptions = Partial<NonNullable<ConstructorParameters<typeof HueSaturationEffect>[0]>>;
6
+ export declare class NgtpHueSaturation {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignal<Omit<Partial<{
9
+ blendFunction?: import("postprocessing").BlendFunction | undefined;
10
+ hue?: number | undefined;
11
+ saturation?: number | undefined;
12
+ }>, "blendFunction">>;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpHueSaturation, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpHueSaturation, "ngtp-hue-saturation", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
15
+ }
@@ -1 +1,26 @@
1
+ export * from './ascii';
1
2
  export * from './bloom';
3
+ export * from './brightness-contrast';
4
+ export * from './chromatic-abberation';
5
+ export * from './color-average';
6
+ export * from './color-depth';
7
+ export * from './depth';
8
+ export * from './depth-of-field';
9
+ export * from './dot-screen';
10
+ export * from './fxaa';
11
+ export * from './glitch';
12
+ export * from './god-rays';
13
+ export * from './grid';
14
+ export * from './hue-saturation';
15
+ export * from './lens-flare';
16
+ export * from './lut';
17
+ export * from './noise';
18
+ export * from './pixelation';
19
+ export * from './scanline';
20
+ export * from './sepia';
21
+ export * from './shock-wave';
22
+ export * from './smaa';
23
+ export * from './tilt-shift';
24
+ export * from './tilt-shift-2';
25
+ export * from './vignette';
26
+ export * from './water';
@@ -0,0 +1,111 @@
1
+ import { BlendFunction, Effect } from 'postprocessing';
2
+ import { Color, Texture, Vector2, Vector3 } from 'three';
3
+ import * as i0 from "@angular/core";
4
+ export declare class LensFlareEffect extends Effect {
5
+ constructor({ blendFunction, enabled, glareSize, lensPosition, iResolution, starPoints, flareSize, flareSpeed, flareShape, animated, anamorphic, colorGain, lensDirtTexture, haloScale, secondaryGhosts, aditionalStreaks, ghostScale, opacity, starBurst, }?: {
6
+ blendFunction?: BlendFunction | undefined;
7
+ enabled?: boolean | undefined;
8
+ glareSize?: number | undefined;
9
+ lensPosition?: number[] | undefined;
10
+ iResolution?: number[] | undefined;
11
+ starPoints?: number | undefined;
12
+ flareSize?: number | undefined;
13
+ flareSpeed?: number | undefined;
14
+ flareShape?: number | undefined;
15
+ animated?: boolean | undefined;
16
+ anamorphic?: boolean | undefined;
17
+ colorGain?: Color | undefined;
18
+ lensDirtTexture?: Texture | null | undefined;
19
+ haloScale?: number | undefined;
20
+ secondaryGhosts?: boolean | undefined;
21
+ aditionalStreaks?: boolean | undefined;
22
+ ghostScale?: number | undefined;
23
+ opacity?: number | undefined;
24
+ starBurst?: boolean | undefined;
25
+ });
26
+ update(_renderer: any, _inputBuffer: any, deltaTime: number): void;
27
+ }
28
+ export type LensFlareOptions = ConstructorParameters<typeof LensFlareEffect>[0] & {
29
+ position: Vector3;
30
+ followMouse: boolean;
31
+ smoothTime: number;
32
+ };
33
+ export declare class NgtpLensFlare {
34
+ autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
35
+ store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
36
+ viewport: import("@angular/core").Signal<import("angular-three").NgtSize & {
37
+ initialDpr: number;
38
+ dpr: number;
39
+ factor: number;
40
+ distance: number;
41
+ aspect: number;
42
+ } & {
43
+ getCurrentViewport: (camera?: import("angular-three").NgtCamera | undefined, target?: Vector3 | [x: number, y: number, z: number] | undefined, size?: import("angular-three").NgtSize | undefined) => Omit<import("angular-three").NgtViewport, "dpr" | "initialDpr">;
44
+ }>;
45
+ raycaster: import("@angular/core").Signal<import("three").Raycaster>;
46
+ pointer: import("@angular/core").Signal<Vector2>;
47
+ composerApi: import("@angular/core").Signal<{
48
+ composer: import("postprocessing").EffectComposer;
49
+ camera: import("three").Camera;
50
+ scene: import("three").Scene;
51
+ normalPass: import("postprocessing").NormalPass | null;
52
+ downSamplingPass: import("postprocessing").DepthDownsamplingPass | null;
53
+ resolutionScale: number | undefined;
54
+ }>;
55
+ effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<LensFlareEffect>>;
56
+ options: import("@angular/core").InputSignalWithTransform<{
57
+ blendFunction?: BlendFunction | undefined;
58
+ enabled?: boolean | undefined;
59
+ glareSize?: number | undefined;
60
+ lensPosition?: number[] | undefined;
61
+ iResolution?: number[] | undefined;
62
+ starPoints?: number | undefined;
63
+ flareSize?: number | undefined;
64
+ flareSpeed?: number | undefined;
65
+ flareShape?: number | undefined;
66
+ animated?: boolean | undefined;
67
+ anamorphic?: boolean | undefined;
68
+ colorGain?: Color | undefined;
69
+ lensDirtTexture?: Texture | null | undefined;
70
+ haloScale?: number | undefined;
71
+ secondaryGhosts?: boolean | undefined;
72
+ aditionalStreaks?: boolean | undefined;
73
+ ghostScale?: number | undefined;
74
+ opacity?: number | undefined;
75
+ starBurst?: boolean | undefined;
76
+ } & {
77
+ position: Vector3;
78
+ followMouse: boolean;
79
+ smoothTime: number;
80
+ }, "" | Partial<{
81
+ blendFunction?: BlendFunction | undefined;
82
+ enabled?: boolean | undefined;
83
+ glareSize?: number | undefined;
84
+ lensPosition?: number[] | undefined;
85
+ iResolution?: number[] | undefined;
86
+ starPoints?: number | undefined;
87
+ flareSize?: number | undefined;
88
+ flareSpeed?: number | undefined;
89
+ flareShape?: number | undefined;
90
+ animated?: boolean | undefined;
91
+ anamorphic?: boolean | undefined;
92
+ colorGain?: Color | undefined;
93
+ lensDirtTexture?: Texture | null | undefined;
94
+ haloScale?: number | undefined;
95
+ secondaryGhosts?: boolean | undefined;
96
+ aditionalStreaks?: boolean | undefined;
97
+ ghostScale?: number | undefined;
98
+ opacity?: number | undefined;
99
+ starBurst?: boolean | undefined;
100
+ } & {
101
+ position: Vector3;
102
+ followMouse: boolean;
103
+ smoothTime: number;
104
+ }>>;
105
+ projectedPosition: Vector3;
106
+ mouse2d: Vector2;
107
+ effect: import("@angular/core").Signal<LensFlareEffect>;
108
+ constructor();
109
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLensFlare, never>;
110
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpLensFlare, "ngtp-lens-flare", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
111
+ }
@@ -0,0 +1,20 @@
1
+ import { BlendFunction, LUT3DEffect } from 'postprocessing';
2
+ import { Texture } from 'three';
3
+ import * as i0 from "@angular/core";
4
+ export interface LUTOptions {
5
+ lut: Texture;
6
+ blendFunction?: BlendFunction;
7
+ tetrahedralInterpolation?: boolean;
8
+ }
9
+ export declare class NgtpLUT {
10
+ autoEffect: (autoEffectCallback: (autoEffectInjector: import("@angular/core").Injector) => void | (() => void), options?: Omit<import("@angular/core").CreateEffectOptions, "injector"> | undefined) => import("@angular/core").EffectRef;
11
+ store: import("angular-three").NgtSignalStore<import("angular-three").NgtState>;
12
+ invalidate: import("@angular/core").Signal<(frames?: number | undefined) => void>;
13
+ effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<LUT3DEffect>>;
14
+ options: import("@angular/core").InputSignal<LUTOptions>;
15
+ lut: import("@angular/core").Signal<Texture>;
16
+ effect: import("@angular/core").Signal<LUT3DEffect>;
17
+ constructor();
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpLUT, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpLUT, "ngtp-lut", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
20
+ }
@@ -0,0 +1,14 @@
1
+ import { BlendFunction, NoiseEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type NoiseEffectOptions = Partial<NonNullable<ConstructorParameters<typeof NoiseEffect>[0]>>;
6
+ export declare class NgtpNoise {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignal<Omit<Partial<{
9
+ blendFunction?: BlendFunction | undefined;
10
+ premultiply?: boolean | undefined;
11
+ }>, "blendFunction">>;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpNoise, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpNoise, "ngtp-noise", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
14
+ }
@@ -0,0 +1,17 @@
1
+ import { PixelationEffect } from 'postprocessing';
2
+ import * as i0 from "@angular/core";
3
+ export interface PixelationOptions {
4
+ granularity: number;
5
+ }
6
+ export declare class NgtpPixelation {
7
+ effectRef: import("@angular/core").InputSignal<import("angular-three").NgtInjectedRef<PixelationEffect>>;
8
+ options: import("@angular/core").InputSignalWithTransform<{
9
+ granularity: number;
10
+ }, "" | Partial<{
11
+ granularity: number;
12
+ }>>;
13
+ granularity: import("@angular/core").Signal<number>;
14
+ effect: import("@angular/core").Signal<PixelationEffect>;
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpPixelation, never>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpPixelation, "ngtp-pixelation", never, { "effectRef": { "alias": "effectRef"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
17
+ }
@@ -0,0 +1,17 @@
1
+ import { BlendFunction, ScanlineEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type ScanlineEffectOptions = Partial<NonNullable<ConstructorParameters<typeof ScanlineEffect>[0]>>;
6
+ export declare class NgtpScanline {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignalWithTransform<Omit<Partial<{
9
+ blendFunction?: BlendFunction | undefined;
10
+ density?: number | undefined;
11
+ }>, "blendFunction">, "" | Partial<Omit<Partial<{
12
+ blendFunction?: BlendFunction | undefined;
13
+ density?: number | undefined;
14
+ }>, "blendFunction">>>;
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpScanline, never>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpScanline, "ngtp-scanline", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
17
+ }
@@ -0,0 +1,14 @@
1
+ import { SepiaEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type SepiaEffectOptions = Partial<NonNullable<ConstructorParameters<typeof SepiaEffect>[0]>>;
6
+ export declare class NgtpSepia {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignal<Omit<Partial<{
9
+ blendFunction?: import("postprocessing").BlendFunction | undefined;
10
+ intensity?: number | undefined;
11
+ }>, "blendFunction">>;
12
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpSepia, never>;
13
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpSepia, "ngtp-sepia", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
14
+ }
@@ -0,0 +1,11 @@
1
+ import { ShockWaveEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type ShockWaveEffectOptions = Partial<NonNullable<ConstructorParameters<typeof ShockWaveEffect>[0]>>;
6
+ export declare class NgtpShockWave {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignal<Omit<Partial<import("three").Camera>, "blendFunction">>;
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpShockWave, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpShockWave, "ngtp-shock-wave", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
11
+ }
@@ -0,0 +1,15 @@
1
+ import { SMAAEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type SMAAEffectOptions = Partial<NonNullable<ConstructorParameters<typeof SMAAEffect>[0]>>;
6
+ export declare class NgtpSMAA {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignal<Omit<Partial<{
9
+ preset?: import("postprocessing").SMAAPreset | undefined;
10
+ edgeDetectionMode?: import("postprocessing").EdgeDetectionMode | undefined;
11
+ predicationMode?: import("postprocessing").PredicationMode | undefined;
12
+ }>, "blendFunction">>;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpSMAA, never>;
14
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpSMAA, "ngtp-smaa", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
15
+ }
@@ -0,0 +1,35 @@
1
+ import { BlendFunction, Effect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export declare class TiltShift2Effect extends Effect {
6
+ constructor({ blendFunction, blur, // [0, 1], can go beyond 1 for extra
7
+ taper, // [0, 1], can go beyond 1 for extra
8
+ start, // [0,1] percentage x,y of screenspace
9
+ end, // [0,1] percentage x,y of screenspace
10
+ samples, // number of blur samples
11
+ direction, }?: {
12
+ blendFunction?: BlendFunction | undefined;
13
+ blur?: number | undefined;
14
+ taper?: number | undefined;
15
+ start?: number[] | undefined;
16
+ end?: number[] | undefined;
17
+ samples?: number | undefined;
18
+ direction?: number[] | undefined;
19
+ });
20
+ }
21
+ export type TiltShift2EffectOptions = Partial<NonNullable<ConstructorParameters<typeof TiltShift2Effect>[0]>>;
22
+ export declare class NgtpTiltShift2 {
23
+ effect: NgtpEffect;
24
+ options: import("@angular/core").InputSignal<Omit<Partial<{
25
+ blendFunction?: BlendFunction | undefined;
26
+ blur?: number | undefined;
27
+ taper?: number | undefined;
28
+ start?: number[] | undefined;
29
+ end?: number[] | undefined;
30
+ samples?: number | undefined;
31
+ direction?: number[] | undefined;
32
+ }>, "blendFunction">>;
33
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpTiltShift2, never>;
34
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpTiltShift2, "ngtp-tilt-shift2", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
35
+ }
@@ -0,0 +1,22 @@
1
+ import { BlendFunction, TiltShiftEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type TiltShiftEffectOptions = Partial<NonNullable<ConstructorParameters<typeof TiltShiftEffect>[0]>>;
6
+ export declare class NgtpTiltShift {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignal<Omit<Partial<{
9
+ blendFunction?: BlendFunction | undefined;
10
+ offset?: number | undefined;
11
+ rotation?: number | undefined;
12
+ focusArea?: number | undefined;
13
+ feather?: number | undefined;
14
+ bias?: number | undefined;
15
+ kernelSize?: import("postprocessing").KernelSize | undefined;
16
+ resolutionScale?: number | undefined;
17
+ resolutionX?: number | undefined;
18
+ resolutionY?: number | undefined;
19
+ }>, "blendFunction">>;
20
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpTiltShift, never>;
21
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpTiltShift, "ngtp-tilt-shift", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
22
+ }
@@ -0,0 +1,17 @@
1
+ import { VignetteEffect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export type VignetteEffectOptions = Partial<NonNullable<ConstructorParameters<typeof VignetteEffect>[0]>>;
6
+ export declare class NgtpVignette {
7
+ effect: NgtpEffect;
8
+ options: import("@angular/core").InputSignal<Omit<Partial<{
9
+ blendFunction?: import("postprocessing").BlendFunction | undefined;
10
+ technique?: import("postprocessing").VignetteTechnique | undefined;
11
+ eskil?: boolean | undefined;
12
+ offset?: number | undefined;
13
+ darkness?: number | undefined;
14
+ }>, "blendFunction">>;
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpVignette, never>;
16
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpVignette, "ngtp-vignette", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
17
+ }
@@ -0,0 +1,20 @@
1
+ import { BlendFunction, Effect } from 'postprocessing';
2
+ import { NgtpEffect } from '../effect';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "../effect";
5
+ export declare class WaterEffect extends Effect {
6
+ constructor({ blendFunction, factor }?: {
7
+ blendFunction?: BlendFunction | undefined;
8
+ factor?: number | undefined;
9
+ });
10
+ }
11
+ export type WaterEffectOptions = Partial<NonNullable<ConstructorParameters<typeof WaterEffect>[0]>>;
12
+ export declare class NgtpWater {
13
+ effect: NgtpEffect;
14
+ options: import("@angular/core").InputSignal<Omit<Partial<{
15
+ blendFunction?: BlendFunction | undefined;
16
+ factor?: number | undefined;
17
+ }>, "blendFunction">>;
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<NgtpWater, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<NgtpWater, "ngtp-water", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgtpEffect; inputs: { "blendFunction": "blendFunction"; "opacity": "opacity"; "effectRef": "effectRef"; }; outputs: {}; }]>;
20
+ }
package/lib/utils.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { Signal } from '@angular/core';
2
+ import { Vector2 } from 'three';
3
+ export declare function vector2<TObject extends object>(options: Signal<TObject>, key: keyof TObject): Signal<Vector2>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "angular-three-postprocessing",
3
- "version": "2.0.0-beta.235",
3
+ "version": "2.0.0-beta.236",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -24,11 +24,17 @@
24
24
  "peerDependencies": {
25
25
  "@angular/common": "^18.0.0",
26
26
  "@angular/core": "^18.0.0",
27
+ "maath": "^0.10.0",
27
28
  "ngxtension": "^3.0.0",
28
29
  "postprocessing": "^6.0.0",
29
30
  "three": ">=0.148.0",
30
31
  "three-stdlib": "^2.0.0"
31
32
  },
33
+ "peerDependenciesMeta": {
34
+ "maath": {
35
+ "optional": true
36
+ }
37
+ },
32
38
  "dependencies": {
33
39
  "tslib": "^2.3.0"
34
40
  },