angular-three-postprocessing 2.0.0-beta.41 → 2.0.0-beta.42
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.
- package/esm2022/lib/effect-composer.mjs +7 -8
- package/esm2022/lib/effect.mjs +6 -6
- package/esm2022/lib/effects/bloom/bloom.mjs +3 -3
- package/esm2022/lib/effects/brightness-contrast/brightness-contrast.mjs +3 -3
- package/esm2022/lib/effects/color-depth/color-depth.mjs +3 -3
- package/esm2022/lib/effects/depth/depth.mjs +3 -3
- package/esm2022/lib/effects/dot-screen/dot-screen.mjs +3 -3
- package/esm2022/lib/effects/hue-saturation/hue-saturation.mjs +3 -3
- package/esm2022/lib/effects/lut/lut.mjs +3 -3
- package/esm2022/lib/effects/noise/noise.mjs +3 -3
- package/esm2022/lib/effects/pixelation/pixelation.mjs +3 -3
- package/esm2022/lib/effects/scanline/scanline.mjs +3 -3
- package/esm2022/lib/effects/sepia/sepia.mjs +3 -3
- package/esm2022/lib/effects/shock-wave/shock-wave.mjs +3 -3
- package/esm2022/lib/effects/smaa/smaa.mjs +3 -3
- package/esm2022/lib/effects/ssao/ssao.mjs +3 -3
- package/esm2022/lib/effects/tilt-shift/tilt-shift.mjs +3 -3
- package/esm2022/lib/effects/tone-mapping/tone-mapping.mjs +3 -3
- package/esm2022/lib/effects/vignette/vignette.mjs +3 -3
- package/fesm2022/angular-three-postprocessing.mjs +62 -63
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +1 -8
- package/package.json +1 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { computed, effect, Directive, Input,
|
|
3
|
-
import { signalStore, injectNgtRef, injectNgtStore, getLocalState, is, extend, injectBeforeRender, NgtArgs } from 'angular-three';
|
|
2
|
+
import { computed, effect, Directive, Input, inject, Injector, Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
|
+
import { signalStore, injectNgtRef, injectNgtStore, getLocalState, is, extend, createApiToken, injectBeforeRender, NgtArgs } from 'angular-three';
|
|
4
4
|
import { BlendFunction, EffectComposer, RenderPass, NormalPass, DepthDownsamplingPass, Effect, EffectPass, Pass, BloomEffect, BrightnessContrastEffect, ColorDepthEffect, DepthEffect, DotScreenEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, PixelationEffect, ScanlineEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, SSAOEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
|
|
5
|
-
import { createInjectionToken } from 'ngxtension/create-injection-token';
|
|
6
5
|
import * as THREE from 'three';
|
|
7
6
|
import { Group } from 'three';
|
|
8
7
|
import { isWebGL2Available } from 'three-stdlib';
|
|
@@ -29,9 +28,9 @@ class NgtpEffect {
|
|
|
29
28
|
if (!effect)
|
|
30
29
|
return this.previousInputs || null;
|
|
31
30
|
const localState = getLocalState(effect);
|
|
32
|
-
if (!localState)
|
|
31
|
+
if (!localState || !localState.instanceStore)
|
|
33
32
|
return this.previousInputs || null;
|
|
34
|
-
const nativeProps = localState.
|
|
33
|
+
const nativeProps = localState.instanceStore.select('nativeProps')();
|
|
35
34
|
delete nativeProps['__ngt_dummy_state__'];
|
|
36
35
|
if ('camera' in nativeProps) {
|
|
37
36
|
delete nativeProps['camera'];
|
|
@@ -66,10 +65,10 @@ class NgtpEffect {
|
|
|
66
65
|
invalidate();
|
|
67
66
|
});
|
|
68
67
|
}
|
|
69
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
70
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.
|
|
68
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpEffect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
69
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.9", type: NgtpEffect, inputs: { effectRef: "effectRef", _blendFunction: ["blendFunction", "_blendFunction"], _opacity: ["opacity", "_opacity"] }, ngImport: i0 }); }
|
|
71
70
|
}
|
|
72
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpEffect, decorators: [{
|
|
73
72
|
type: Directive
|
|
74
73
|
}], ctorParameters: function () { return []; }, propDecorators: { effectRef: [{
|
|
75
74
|
type: Input
|
|
@@ -82,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
82
81
|
}] } });
|
|
83
82
|
|
|
84
83
|
extend({ Group });
|
|
85
|
-
const [injectNgtpEffectComposerApi, provideNgtpEffectComposerApi] =
|
|
84
|
+
const [injectNgtpEffectComposerApi, provideNgtpEffectComposerApi] = createApiToken(() => NgtpEffectComposer);
|
|
86
85
|
class NgtpEffectComposer {
|
|
87
86
|
set _enabled(enabled) {
|
|
88
87
|
this.inputs.set({ enabled });
|
|
@@ -265,14 +264,14 @@ class NgtpEffectComposer {
|
|
|
265
264
|
priority: this.inputs.get('enabled') ? this.inputs.get('renderPriority') : 0,
|
|
266
265
|
});
|
|
267
266
|
}
|
|
268
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
269
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
267
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpEffectComposer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
268
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpEffectComposer, isStandalone: true, selector: "ngtp-effect-composer", inputs: { composerRef: "composerRef", _enabled: ["enabled", "_enabled"], _depthBuffer: ["depthBuffer", "_depthBuffer"], _disableNormalPass: ["disableNormalPass", "_disableNormalPass"], _stencilBuffer: ["stencilBuffer", "_stencilBuffer"], _autoClear: ["autoClear", "_autoClear"], _resolutionScale: ["resolutionScale", "_resolutionScale"], _multisampling: ["multisampling", "_multisampling"], _frameBufferType: ["frameBufferType", "_frameBufferType"], _renderPriority: ["renderPriority", "_renderPriority"], _camera: ["camera", "_camera"], _scene: ["scene", "_scene"] }, providers: [provideNgtpEffectComposerApi()], ngImport: i0, template: `
|
|
270
269
|
<ngt-group [ref]="composerRef">
|
|
271
270
|
<ng-content />
|
|
272
271
|
</ngt-group>
|
|
273
272
|
`, isInline: true }); }
|
|
274
273
|
}
|
|
275
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpEffectComposer, decorators: [{
|
|
276
275
|
type: Component,
|
|
277
276
|
args: [{
|
|
278
277
|
selector: 'ngtp-effect-composer',
|
|
@@ -328,14 +327,14 @@ class NgtpBloom extends NgtpEffect {
|
|
|
328
327
|
super(...arguments);
|
|
329
328
|
this.defaultBlendFunction = BlendFunction.ADD;
|
|
330
329
|
}
|
|
331
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
332
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
330
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpBloom, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
331
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpBloom, isStandalone: true, selector: "ngtp-bloom", usesInheritance: true, ngImport: i0, template: `
|
|
333
332
|
<ngt-bloom-effect ngtCompound *args="args()" [ref]="effectRef" [camera]="camera()">
|
|
334
333
|
<ng-content />
|
|
335
334
|
</ngt-bloom-effect>
|
|
336
335
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
337
336
|
}
|
|
338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpBloom, decorators: [{
|
|
339
338
|
type: Component,
|
|
340
339
|
args: [{
|
|
341
340
|
selector: 'ngtp-bloom',
|
|
@@ -352,14 +351,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
352
351
|
|
|
353
352
|
extend({ BrightnessContrastEffect });
|
|
354
353
|
class NgtpBrightnessContrast extends NgtpEffect {
|
|
355
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
356
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
354
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpBrightnessContrast, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
355
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpBrightnessContrast, isStandalone: true, selector: "ngtp-brightness-contrast", usesInheritance: true, ngImport: i0, template: `
|
|
357
356
|
<ngt-brightness-contrast-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
358
357
|
<ng-content />
|
|
359
358
|
</ngt-brightness-contrast-effect>
|
|
360
359
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
361
360
|
}
|
|
362
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
|
|
363
362
|
type: Component,
|
|
364
363
|
args: [{
|
|
365
364
|
selector: 'ngtp-brightness-contrast',
|
|
@@ -376,14 +375,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
376
375
|
|
|
377
376
|
extend({ ColorDepthEffect });
|
|
378
377
|
class NgtpColorDepth extends NgtpEffect {
|
|
379
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
380
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
378
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpColorDepth, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
379
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpColorDepth, isStandalone: true, selector: "ngtp-color-depth", usesInheritance: true, ngImport: i0, template: `
|
|
381
380
|
<ngt-color-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
382
381
|
<ng-content />
|
|
383
382
|
</ngt-color-depth-effect>
|
|
384
383
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
385
384
|
}
|
|
386
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpColorDepth, decorators: [{
|
|
387
386
|
type: Component,
|
|
388
387
|
args: [{
|
|
389
388
|
selector: 'ngtp-color-depth',
|
|
@@ -400,14 +399,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
400
399
|
|
|
401
400
|
extend({ DepthEffect });
|
|
402
401
|
class NgtpDepth extends NgtpEffect {
|
|
403
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
404
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpDepth, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
403
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpDepth, isStandalone: true, selector: "ngtp-depth", usesInheritance: true, ngImport: i0, template: `
|
|
405
404
|
<ngt-depth-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
406
405
|
<ng-content />
|
|
407
406
|
</ngt-depth-effect>
|
|
408
407
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
409
408
|
}
|
|
410
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpDepth, decorators: [{
|
|
411
410
|
type: Component,
|
|
412
411
|
args: [{
|
|
413
412
|
selector: 'ngtp-depth',
|
|
@@ -424,14 +423,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
424
423
|
|
|
425
424
|
extend({ DotScreenEffect });
|
|
426
425
|
class NgtpDotScreen extends NgtpEffect {
|
|
427
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
428
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
426
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpDotScreen, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
427
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpDotScreen, isStandalone: true, selector: "ngtp-dot-screen", usesInheritance: true, ngImport: i0, template: `
|
|
429
428
|
<ngt-dot-screen-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
430
429
|
<ng-content />
|
|
431
430
|
</ngt-dot-screen-effect>
|
|
432
431
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
433
432
|
}
|
|
434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
433
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpDotScreen, decorators: [{
|
|
435
434
|
type: Component,
|
|
436
435
|
args: [{
|
|
437
436
|
selector: 'ngtp-dot-screen',
|
|
@@ -448,14 +447,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
448
447
|
|
|
449
448
|
extend({ HueSaturationEffect });
|
|
450
449
|
class NgtpHueSaturation extends NgtpEffect {
|
|
451
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
452
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
450
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpHueSaturation, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
451
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpHueSaturation, isStandalone: true, selector: "ngtp-hue-saturation", usesInheritance: true, ngImport: i0, template: `
|
|
453
452
|
<ngt-hue-saturation-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
454
453
|
<ng-content />
|
|
455
454
|
</ngt-hue-saturation-effect>
|
|
456
455
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
457
456
|
}
|
|
458
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
457
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpHueSaturation, decorators: [{
|
|
459
458
|
type: Component,
|
|
460
459
|
args: [{
|
|
461
460
|
selector: 'ngtp-hue-saturation',
|
|
@@ -511,12 +510,12 @@ class NgtpLUT {
|
|
|
511
510
|
invalidate();
|
|
512
511
|
});
|
|
513
512
|
}
|
|
514
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
515
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
513
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpLUT, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
514
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpLUT, isStandalone: true, selector: "ngtp-lut", inputs: { effectRef: "effectRef", _lut: ["lut", "_lut"], _blendFunction: ["blendFunction", "_blendFunction"], _tetrahedralInterpolation: ["tetrahedralInterpolation", "_tetrahedralInterpolation"] }, ngImport: i0, template: `
|
|
516
515
|
<ngt-primitive *args="[effect()]" [ref]="effectRef" />
|
|
517
516
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
518
517
|
}
|
|
519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpLUT, decorators: [{
|
|
520
519
|
type: Component,
|
|
521
520
|
args: [{
|
|
522
521
|
selector: 'ngtp-lut',
|
|
@@ -546,14 +545,14 @@ class NgtpNoise extends NgtpEffect {
|
|
|
546
545
|
super(...arguments);
|
|
547
546
|
this.defaultBlendFunction = BlendFunction.COLOR_DODGE;
|
|
548
547
|
}
|
|
549
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
550
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
548
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpNoise, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
549
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpNoise, isStandalone: true, selector: "ngtp-noise", usesInheritance: true, ngImport: i0, template: `
|
|
551
550
|
<ngt-noise-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
552
551
|
<ng-content />
|
|
553
552
|
</ngt-noise-effect>
|
|
554
553
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
555
554
|
}
|
|
556
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
555
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpNoise, decorators: [{
|
|
557
556
|
type: Component,
|
|
558
557
|
args: [{
|
|
559
558
|
selector: 'ngtp-noise',
|
|
@@ -578,12 +577,12 @@ class NgtpPixelation {
|
|
|
578
577
|
set _granularity(granularity) {
|
|
579
578
|
this.inputs.set({ granularity });
|
|
580
579
|
}
|
|
581
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
582
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
580
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpPixelation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
581
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpPixelation, isStandalone: true, selector: "ngtp-pixelation", inputs: { effectRef: "effectRef", _granularity: ["granularity", "_granularity"] }, ngImport: i0, template: `
|
|
583
582
|
<ngt-primitive *args="[effect()]" [ref]="effectRef" />
|
|
584
583
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
585
584
|
}
|
|
586
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpPixelation, decorators: [{
|
|
587
586
|
type: Component,
|
|
588
587
|
args: [{
|
|
589
588
|
selector: 'ngtp-pixelation',
|
|
@@ -607,14 +606,14 @@ class NgtpScanline extends NgtpEffect {
|
|
|
607
606
|
super(...arguments);
|
|
608
607
|
this.defaultBlendFunction = BlendFunction.OVERLAY;
|
|
609
608
|
}
|
|
610
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
609
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpScanline, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
610
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpScanline, isStandalone: true, selector: "ngtp-scanline", usesInheritance: true, ngImport: i0, template: `
|
|
612
611
|
<ngt-scanline-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
613
612
|
<ng-content />
|
|
614
613
|
</ngt-scanline-effect>
|
|
615
614
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
616
615
|
}
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
616
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpScanline, decorators: [{
|
|
618
617
|
type: Component,
|
|
619
618
|
args: [{
|
|
620
619
|
selector: 'ngtp-scanline',
|
|
@@ -631,14 +630,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
631
630
|
|
|
632
631
|
extend({ SepiaEffect });
|
|
633
632
|
class NgtpSepia extends NgtpEffect {
|
|
634
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
635
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
633
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpSepia, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpSepia, isStandalone: true, selector: "ngtp-sepia", usesInheritance: true, ngImport: i0, template: `
|
|
636
635
|
<ngt-sepia-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
637
636
|
<ng-content />
|
|
638
637
|
</ngt-sepia-effect>
|
|
639
638
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
640
639
|
}
|
|
641
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpSepia, decorators: [{
|
|
642
641
|
type: Component,
|
|
643
642
|
args: [{
|
|
644
643
|
selector: 'ngtp-sepia',
|
|
@@ -655,14 +654,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
655
654
|
|
|
656
655
|
extend({ ShockWaveEffect });
|
|
657
656
|
class NgtpShockWave extends NgtpEffect {
|
|
658
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
659
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
657
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpShockWave, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
658
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpShockWave, isStandalone: true, selector: "ngtp-shock-wave", usesInheritance: true, ngImport: i0, template: `
|
|
660
659
|
<ngt-shock-wave-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
661
660
|
<ng-content />
|
|
662
661
|
</ngt-shock-wave-effect>
|
|
663
662
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
664
663
|
}
|
|
665
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
664
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpShockWave, decorators: [{
|
|
666
665
|
type: Component,
|
|
667
666
|
args: [{
|
|
668
667
|
selector: 'ngtp-shock-wave',
|
|
@@ -679,14 +678,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
679
678
|
|
|
680
679
|
extend({ SMAAEffect });
|
|
681
680
|
class NgtpSMAA extends NgtpEffect {
|
|
682
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
683
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
681
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpSMAA, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpSMAA, isStandalone: true, selector: "ngtp-SMAA", usesInheritance: true, ngImport: i0, template: `
|
|
684
683
|
<ngt-SMAA-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
685
684
|
<ng-content />
|
|
686
685
|
</ngt-SMAA-effect>
|
|
687
686
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
688
687
|
}
|
|
689
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpSMAA, decorators: [{
|
|
690
689
|
type: Component,
|
|
691
690
|
args: [{
|
|
692
691
|
selector: 'ngtp-SMAA',
|
|
@@ -815,12 +814,12 @@ class NgtpSSAO {
|
|
|
815
814
|
set _height(height) {
|
|
816
815
|
this.inputs.set({ height });
|
|
817
816
|
}
|
|
818
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
819
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
817
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpSSAO, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
818
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpSSAO, isStandalone: true, selector: "ngtp-SSAO", inputs: { effectRef: "effectRef", _blendFunction: ["blendFunction", "_blendFunction"], _distanceScaling: ["distanceScaling", "_distanceScaling"], _depthAwareUpsampling: ["depthAwareUpsampling", "_depthAwareUpsampling"], _normalDepthBuffer: ["normalDepthBuffer", "_normalDepthBuffer"], _samples: ["samples", "_samples"], _rings: ["rings", "_rings"], _worldDistanceThreshold: ["worldDistanceThreshold", "_worldDistanceThreshold"], _worldDistanceFalloff: ["worldDistanceFalloff", "_worldDistanceFalloff"], _worldProximityThreshold: ["worldProximityThreshold", "_worldProximityThreshold"], _worldProximityFalloff: ["worldProximityFalloff", "_worldProximityFalloff"], _distanceThreshold: ["distanceThreshold", "_distanceThreshold"], _distanceFalloff: ["distanceFalloff", "_distanceFalloff"], _rangeThreshold: ["rangeThreshold", "_rangeThreshold"], _rangeFalloff: ["rangeFalloff", "_rangeFalloff"], _minRadiusScale: ["minRadiusScale", "_minRadiusScale"], _luminanceInfluence: ["luminanceInfluence", "_luminanceInfluence"], _radius: ["radius", "_radius"], _intensity: ["intensity", "_intensity"], _bias: ["bias", "_bias"], _fade: ["fade", "_fade"], _color: ["color", "_color"], _resolutionScale: ["resolutionScale", "_resolutionScale"], _resolutionX: ["resolutionX", "_resolutionX"], _resolutionY: ["resolutionY", "_resolutionY"], _width: ["width", "_width"], _height: ["height", "_height"] }, ngImport: i0, template: `
|
|
820
819
|
<ngt-primitive *args="[effect()]" [ref]="effectRef" />
|
|
821
820
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
822
821
|
}
|
|
823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpSSAO, decorators: [{
|
|
824
823
|
type: Component,
|
|
825
824
|
args: [{
|
|
826
825
|
selector: 'ngtp-SSAO',
|
|
@@ -919,14 +918,14 @@ class NgtpTiltShift extends NgtpEffect {
|
|
|
919
918
|
super(...arguments);
|
|
920
919
|
this.defaultBlendFunction = BlendFunction.ADD;
|
|
921
920
|
}
|
|
922
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
923
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
921
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpTiltShift, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
922
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpTiltShift, isStandalone: true, selector: "ngtp-tilt-shift", usesInheritance: true, ngImport: i0, template: `
|
|
924
923
|
<ngt-tilt-shift-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
925
924
|
<ng-content />
|
|
926
925
|
</ngt-tilt-shift-effect>
|
|
927
926
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
928
927
|
}
|
|
929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpTiltShift, decorators: [{
|
|
930
929
|
type: Component,
|
|
931
930
|
args: [{
|
|
932
931
|
selector: 'ngtp-tilt-shift',
|
|
@@ -943,14 +942,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
943
942
|
|
|
944
943
|
extend({ ToneMappingEffect });
|
|
945
944
|
class NgtpToneMapping extends NgtpEffect {
|
|
946
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
947
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
945
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpToneMapping, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
946
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpToneMapping, isStandalone: true, selector: "ngtp-tone-mapping", usesInheritance: true, ngImport: i0, template: `
|
|
948
947
|
<ngt-tone-mapping-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
949
948
|
<ng-content />
|
|
950
949
|
</ngt-tone-mapping-effect>
|
|
951
950
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
952
951
|
}
|
|
953
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
952
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpToneMapping, decorators: [{
|
|
954
953
|
type: Component,
|
|
955
954
|
args: [{
|
|
956
955
|
selector: 'ngtp-tone-mapping',
|
|
@@ -967,14 +966,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
|
|
|
967
966
|
|
|
968
967
|
extend({ VignetteEffect });
|
|
969
968
|
class NgtpVignette extends NgtpEffect {
|
|
970
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.
|
|
971
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.
|
|
969
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpVignette, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
970
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: NgtpVignette, isStandalone: true, selector: "ngtp-vignette", usesInheritance: true, ngImport: i0, template: `
|
|
972
971
|
<ngt-vignette-effect ngtCompound *args="args()" [camera]="camera()" [ref]="effectRef">
|
|
973
972
|
<ng-content />
|
|
974
973
|
</ngt-vignette-effect>
|
|
975
974
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }] }); }
|
|
976
975
|
}
|
|
977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.
|
|
976
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: NgtpVignette, decorators: [{
|
|
978
977
|
type: Component,
|
|
979
978
|
args: [{
|
|
980
979
|
selector: 'ngtp-vignette',
|