angular-three-postprocessing 4.0.0-next.1 → 4.0.0-next.10
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/fesm2022/angular-three-postprocessing-n8ao.mjs +3 -3
- package/fesm2022/angular-three-postprocessing.mjs +239 -109
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +2 -0
- package/lib/effects/index.d.ts +1 -0
- package/lib/effects/selective-bloom.d.ts +42 -0
- package/package.json +2 -2
|
@@ -3,7 +3,7 @@ import { inject, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, inp
|
|
|
3
3
|
import { injectStore, pick, extend, getInstanceState, injectBeforeRender, NgtArgs, vector2, omit, resolveRef, vector3, is, NgtSelection } from 'angular-three';
|
|
4
4
|
import { createNoopInjectionToken } from 'ngxtension/create-injection-token';
|
|
5
5
|
import { mergeInputs } from 'ngxtension/inject-inputs';
|
|
6
|
-
import { EffectAttribute, EffectComposer, RenderPass, NormalPass, DepthDownsamplingPass, Effect, EffectPass, Pass, BloomEffect, BlendFunction, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, DepthOfFieldEffect, MaskFunction, DotScreenEffect, FXAAEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
|
|
6
|
+
import { EffectAttribute, EffectComposer, RenderPass, NormalPass, DepthDownsamplingPass, Effect, EffectPass, Pass, BloomEffect, BlendFunction, BrightnessContrastEffect, ChromaticAberrationEffect, ColorAverageEffect, ColorDepthEffect, DepthEffect, DepthOfFieldEffect, MaskFunction, DotScreenEffect, FXAAEffect, GlitchEffect, GlitchMode, GodRaysEffect, GridEffect, HueSaturationEffect, LUT3DEffect, NoiseEffect, OutlineEffect, PixelationEffect, ScanlineEffect, SelectiveBloomEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, TiltShiftEffect, ToneMappingEffect, VignetteEffect } from 'postprocessing';
|
|
7
7
|
import * as THREE from 'three';
|
|
8
8
|
import { Group } from 'three';
|
|
9
9
|
import { isWebGL2Available } from 'three-stdlib';
|
|
@@ -14,15 +14,15 @@ class NgtpEffectBlendMode {
|
|
|
14
14
|
constructor() {
|
|
15
15
|
this.effect = inject(NgtpEffect, { optional: true });
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffectBlendMode, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.4", type: NgtpEffectBlendMode, isStandalone: true, selector: "ngtp-effect-blend-mode", ngImport: i0, template: `
|
|
19
19
|
@if (effect) {
|
|
20
20
|
<ngt-value [rawValue]="effect.blendFunction()" attach="blendMode.blendFunction" />
|
|
21
21
|
<ngt-value [rawValue]="effect.opacity()" attach="blendMode.opacity.value" />
|
|
22
22
|
}
|
|
23
23
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffectBlendMode, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: 'ngtp-effect-blend-mode',
|
|
@@ -45,14 +45,14 @@ class NgtpEffect {
|
|
|
45
45
|
this.camera = this.store.camera;
|
|
46
46
|
this.invalidate = this.store.invalidate;
|
|
47
47
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
49
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
49
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.4", type: NgtpEffect, isStandalone: true, inputs: { blendFunction: { classPropertyName: "blendFunction", publicName: "blendFunction", isSignal: true, isRequired: false, transformFunction: null }, opacity: { classPropertyName: "opacity", publicName: "opacity", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffect, decorators: [{
|
|
52
52
|
type: Directive
|
|
53
53
|
}] });
|
|
54
54
|
|
|
55
|
-
const defaultOptions$
|
|
55
|
+
const defaultOptions$5 = {
|
|
56
56
|
enabled: true,
|
|
57
57
|
renderPriority: 1,
|
|
58
58
|
autoClear: true,
|
|
@@ -64,13 +64,9 @@ function isConvolution(effect) {
|
|
|
64
64
|
}
|
|
65
65
|
class NgtpEffectComposer {
|
|
66
66
|
constructor() {
|
|
67
|
-
this.options = input(defaultOptions$
|
|
67
|
+
this.options = input(defaultOptions$5, { transform: mergeInputs(defaultOptions$5) });
|
|
68
68
|
this.injector = inject(Injector);
|
|
69
69
|
this.store = injectStore();
|
|
70
|
-
// private size = this.store.select('size');
|
|
71
|
-
// private gl = this.store.select('gl');
|
|
72
|
-
// private defaultScene = this.store.select('scene');
|
|
73
|
-
// private defaultCamera = this.store.select('camera');
|
|
74
70
|
this.depthBuffer = pick(this.options, 'depthBuffer');
|
|
75
71
|
this.stencilBuffer = pick(this.options, 'stencilBuffer');
|
|
76
72
|
this.multisampling = pick(this.options, 'multisampling');
|
|
@@ -125,6 +121,7 @@ class NgtpEffectComposer {
|
|
|
125
121
|
}
|
|
126
122
|
return { composer, normalPass, downSamplingPass };
|
|
127
123
|
});
|
|
124
|
+
this.effectComposer = pick(this.composerData, 'composer');
|
|
128
125
|
extend({ Group });
|
|
129
126
|
// NOTE: Disable tone mapping because threejs disallows tonemapping on render targets
|
|
130
127
|
effect((onCleanup) => {
|
|
@@ -210,14 +207,14 @@ class NgtpEffectComposer {
|
|
|
210
207
|
onCleanup(() => sub());
|
|
211
208
|
});
|
|
212
209
|
}
|
|
213
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
214
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.
|
|
210
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffectComposer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
211
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.1.4", type: NgtpEffectComposer, isStandalone: true, selector: "ngtp-effect-composer", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
215
212
|
<ngt-group #group>
|
|
216
213
|
<ng-content />
|
|
217
214
|
</ngt-group>
|
|
218
215
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
219
216
|
}
|
|
220
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffectComposer, decorators: [{
|
|
221
218
|
type: Component,
|
|
222
219
|
args: [{
|
|
223
220
|
selector: 'ngtp-effect-composer',
|
|
@@ -313,7 +310,7 @@ class ASCIIEffect extends Effect {
|
|
|
313
310
|
return texture;
|
|
314
311
|
}
|
|
315
312
|
}
|
|
316
|
-
const defaultOptions$
|
|
313
|
+
const defaultOptions$4 = {
|
|
317
314
|
font: 'arial',
|
|
318
315
|
characters: ` .:,'-^=*+?!|0#X%WM@`,
|
|
319
316
|
fontSize: 54,
|
|
@@ -323,19 +320,19 @@ const defaultOptions$3 = {
|
|
|
323
320
|
};
|
|
324
321
|
class NgtpASCII {
|
|
325
322
|
constructor() {
|
|
326
|
-
this.options = input(defaultOptions$
|
|
323
|
+
this.options = input(defaultOptions$4, { transform: mergeInputs(defaultOptions$4) });
|
|
327
324
|
this.effect = computed(() => new ASCIIEffect(this.options()));
|
|
328
325
|
effect((onCleanup) => {
|
|
329
326
|
const effect = this.effect();
|
|
330
327
|
onCleanup(() => effect.dispose());
|
|
331
328
|
});
|
|
332
329
|
}
|
|
333
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
334
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
330
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpASCII, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
331
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpASCII, isStandalone: true, selector: "ngtp-ascii", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
335
332
|
<ngt-primitive *args="[effect()]" />
|
|
336
333
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
337
334
|
}
|
|
338
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
335
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpASCII, decorators: [{
|
|
339
336
|
type: Component,
|
|
340
337
|
args: [{
|
|
341
338
|
selector: 'ngtp-ascii',
|
|
@@ -354,15 +351,15 @@ class NgtpBloom {
|
|
|
354
351
|
this.effect = inject(NgtpEffect, { host: true });
|
|
355
352
|
extend({ BloomEffect });
|
|
356
353
|
}
|
|
357
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
358
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
354
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
355
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpBloom, isStandalone: true, selector: "ngtp-bloom", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.ADD })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
359
356
|
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()">
|
|
360
357
|
<ngtp-effect-blend-mode />
|
|
361
358
|
<ng-content />
|
|
362
359
|
</ngt-bloom-effect>
|
|
363
360
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
364
361
|
}
|
|
365
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBloom, decorators: [{
|
|
366
363
|
type: Component,
|
|
367
364
|
args: [{
|
|
368
365
|
selector: 'ngtp-bloom',
|
|
@@ -386,15 +383,15 @@ class NgtpBrightnessContrast {
|
|
|
386
383
|
this.effect = inject(NgtpEffect, { host: true });
|
|
387
384
|
extend({ BrightnessContrastEffect });
|
|
388
385
|
}
|
|
389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
390
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
386
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBrightnessContrast, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
387
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpBrightnessContrast, isStandalone: true, selector: "ngtp-brightness-contrast", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
391
388
|
<ngt-brightness-contrast-effect *args="[options()]" [camera]="effect.camera()">
|
|
392
389
|
<ngtp-effect-blend-mode />
|
|
393
390
|
<ng-content />
|
|
394
391
|
</ngt-brightness-contrast-effect>
|
|
395
392
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
396
393
|
}
|
|
397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
|
|
398
395
|
type: Component,
|
|
399
396
|
args: [{
|
|
400
397
|
selector: 'ngtp-brightness-contrast',
|
|
@@ -417,15 +414,15 @@ class NgtpChromaticAberration {
|
|
|
417
414
|
this.effect = inject(NgtpEffect, { host: true });
|
|
418
415
|
extend({ ChromaticAberrationEffect });
|
|
419
416
|
}
|
|
420
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
421
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
417
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpChromaticAberration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
418
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpChromaticAberration, isStandalone: true, selector: "ngtp-chromatic-aberration", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
422
419
|
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="effect.camera()">
|
|
423
420
|
<ngtp-effect-blend-mode />
|
|
424
421
|
<ng-content />
|
|
425
422
|
</ngt-chromatic-aberration-effect>
|
|
426
423
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
427
424
|
}
|
|
428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
425
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpChromaticAberration, decorators: [{
|
|
429
426
|
type: Component,
|
|
430
427
|
args: [{
|
|
431
428
|
selector: 'ngtp-chromatic-aberration',
|
|
@@ -447,14 +444,14 @@ class NgtpColorAverage {
|
|
|
447
444
|
this.options = input({ blendFunction: BlendFunction.NORMAL }, { transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) });
|
|
448
445
|
extend({ ColorAverageEffect });
|
|
449
446
|
}
|
|
450
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
451
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
447
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorAverage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
448
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpColorAverage, isStandalone: true, selector: "ngtp-color-average", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
452
449
|
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
453
450
|
<ng-content />
|
|
454
451
|
</ngt-color-average-effect>
|
|
455
452
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
456
453
|
}
|
|
457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
454
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorAverage, decorators: [{
|
|
458
455
|
type: Component,
|
|
459
456
|
args: [{
|
|
460
457
|
selector: 'ngtp-color-average',
|
|
@@ -475,15 +472,15 @@ class NgtpColorDepth {
|
|
|
475
472
|
this.effect = inject(NgtpEffect, { host: true });
|
|
476
473
|
extend({ ColorDepthEffect });
|
|
477
474
|
}
|
|
478
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
479
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
475
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
476
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpColorDepth, isStandalone: true, selector: "ngtp-color-depth", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
480
477
|
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
481
478
|
<ngtp-effect-blend-mode />
|
|
482
479
|
<ng-content />
|
|
483
480
|
</ngt-color-depth-effect>
|
|
484
481
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
485
482
|
}
|
|
486
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorDepth, decorators: [{
|
|
487
484
|
type: Component,
|
|
488
485
|
args: [{
|
|
489
486
|
selector: 'ngtp-color-depth',
|
|
@@ -506,15 +503,15 @@ class NgtpDepth {
|
|
|
506
503
|
this.effect = inject(NgtpEffect, { host: true });
|
|
507
504
|
extend({ DepthEffect });
|
|
508
505
|
}
|
|
509
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
510
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
506
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
507
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpDepth, isStandalone: true, selector: "ngtp-depth", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
511
508
|
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
512
509
|
<ngtp-effect-blend-mode />
|
|
513
510
|
<ng-content />
|
|
514
511
|
</ngt-depth-effect>
|
|
515
512
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
516
513
|
}
|
|
517
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepth, decorators: [{
|
|
518
515
|
type: Component,
|
|
519
516
|
args: [{
|
|
520
517
|
selector: 'ngtp-depth',
|
|
@@ -556,12 +553,12 @@ class NgtpDepthOfField {
|
|
|
556
553
|
onCleanup(() => depthOfFieldEffect.dispose());
|
|
557
554
|
});
|
|
558
555
|
}
|
|
559
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
560
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
556
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepthOfField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
557
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpDepthOfField, isStandalone: true, selector: "ngtp-depth-of-field", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
561
558
|
<ngt-primitive *args="[effect()]" />
|
|
562
559
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
563
560
|
}
|
|
564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepthOfField, decorators: [{
|
|
565
562
|
type: Component,
|
|
566
563
|
args: [{
|
|
567
564
|
selector: 'ngtp-depth-of-field',
|
|
@@ -580,15 +577,15 @@ class NgtpDotScreen {
|
|
|
580
577
|
this.effect = inject(NgtpEffect, { host: true });
|
|
581
578
|
extend({ DotScreenEffect });
|
|
582
579
|
}
|
|
583
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
584
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
580
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDotScreen, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
581
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpDotScreen, isStandalone: true, selector: "ngtp-dot-screen", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
585
582
|
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()">
|
|
586
583
|
<ngtp-effect-blend-mode />
|
|
587
584
|
<ng-content />
|
|
588
585
|
</ngt-dot-screen-effect>
|
|
589
586
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
590
587
|
}
|
|
591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDotScreen, decorators: [{
|
|
592
589
|
type: Component,
|
|
593
590
|
args: [{
|
|
594
591
|
selector: 'ngtp-dot-screen',
|
|
@@ -611,15 +608,15 @@ class NgtpFXAA {
|
|
|
611
608
|
this.effect = inject(NgtpEffect, { host: true });
|
|
612
609
|
extend({ FXAAEffect });
|
|
613
610
|
}
|
|
614
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
615
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
611
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpFXAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
612
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpFXAA, isStandalone: true, selector: "ngtp-fxaa", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
616
613
|
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
617
614
|
<ngtp-effect-blend-mode />
|
|
618
615
|
<ng-content />
|
|
619
616
|
</ngt-fXAA-effect>
|
|
620
617
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
621
618
|
}
|
|
622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpFXAA, decorators: [{
|
|
623
620
|
type: Component,
|
|
624
621
|
args: [{
|
|
625
622
|
selector: 'ngtp-fxaa',
|
|
@@ -677,12 +674,12 @@ class NgtpGlitch {
|
|
|
677
674
|
onCleanup(() => effect.dispose());
|
|
678
675
|
});
|
|
679
676
|
}
|
|
680
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
681
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
677
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGlitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
678
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpGlitch, isStandalone: true, selector: "ngtp-glitch", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
682
679
|
<ngt-primitive *args="[effect()]" />
|
|
683
680
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
684
681
|
}
|
|
685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
682
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGlitch, decorators: [{
|
|
686
683
|
type: Component,
|
|
687
684
|
args: [{
|
|
688
685
|
selector: 'ngtp-glitch',
|
|
@@ -723,12 +720,12 @@ class NgtpGodRays {
|
|
|
723
720
|
onCleanup(() => effect.dispose());
|
|
724
721
|
});
|
|
725
722
|
}
|
|
726
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
727
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
723
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGodRays, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
724
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpGodRays, isStandalone: true, selector: "ngtp-god-rays", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
728
725
|
<ngt-primitive *args="[effect()]" />
|
|
729
726
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
730
727
|
}
|
|
731
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGodRays, decorators: [{
|
|
732
729
|
type: Component,
|
|
733
730
|
args: [{
|
|
734
731
|
selector: 'ngtp-god-rays',
|
|
@@ -758,12 +755,12 @@ class NgtpGrid {
|
|
|
758
755
|
onCleanup(() => effect.dispose());
|
|
759
756
|
});
|
|
760
757
|
}
|
|
761
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
762
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
758
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
759
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpGrid, isStandalone: true, selector: "ngtp-grid", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
763
760
|
<ngt-primitive *args="[effect()]" />
|
|
764
761
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
765
762
|
}
|
|
766
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGrid, decorators: [{
|
|
767
764
|
type: Component,
|
|
768
765
|
args: [{
|
|
769
766
|
selector: 'ngtp-grid',
|
|
@@ -782,15 +779,15 @@ class NgtpHueSaturation {
|
|
|
782
779
|
this.effect = inject(NgtpEffect, { host: true });
|
|
783
780
|
extend({ HueSaturationEffect });
|
|
784
781
|
}
|
|
785
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
786
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
782
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpHueSaturation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
783
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpHueSaturation, isStandalone: true, selector: "ngtp-hue-saturation", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
787
784
|
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()">
|
|
788
785
|
<ngtp-effect-blend-mode />
|
|
789
786
|
<ng-content />
|
|
790
787
|
</ngt-hue-saturation-effect>
|
|
791
788
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
792
789
|
}
|
|
793
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
790
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpHueSaturation, decorators: [{
|
|
794
791
|
type: Component,
|
|
795
792
|
args: [{
|
|
796
793
|
selector: 'ngtp-hue-saturation',
|
|
@@ -890,14 +887,14 @@ class LensFlareEffect extends Effect {
|
|
|
890
887
|
}
|
|
891
888
|
}
|
|
892
889
|
}
|
|
893
|
-
const defaultOptions$
|
|
890
|
+
const defaultOptions$3 = {
|
|
894
891
|
position: new THREE.Vector3(-25, 6, -60),
|
|
895
892
|
followMouse: false,
|
|
896
893
|
smoothTime: 0.7,
|
|
897
894
|
};
|
|
898
895
|
class NgtpLensFlare {
|
|
899
896
|
constructor() {
|
|
900
|
-
this.options = input(defaultOptions$
|
|
897
|
+
this.options = input(defaultOptions$3, { transform: mergeInputs(defaultOptions$3) });
|
|
901
898
|
this.store = injectStore();
|
|
902
899
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
903
900
|
this.effectOptions = omit(this.options, ['position', 'followMouse', 'smoothTime']);
|
|
@@ -978,12 +975,12 @@ class NgtpLensFlare {
|
|
|
978
975
|
easing.damp(uOpacity, 'value', target, smoothTime, delta);
|
|
979
976
|
});
|
|
980
977
|
}
|
|
981
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
982
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
978
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLensFlare, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
979
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpLensFlare, isStandalone: true, selector: "ngtp-lens-flare", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
983
980
|
<ngt-primitive *args="[effect()]" [parameters]="{ dispose: null }" />
|
|
984
981
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
985
982
|
}
|
|
986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLensFlare, decorators: [{
|
|
987
984
|
type: Component,
|
|
988
985
|
args: [{
|
|
989
986
|
selector: 'ngtp-lens-flare',
|
|
@@ -1024,12 +1021,12 @@ class NgtpLUT {
|
|
|
1024
1021
|
onCleanup(() => effect.dispose());
|
|
1025
1022
|
});
|
|
1026
1023
|
}
|
|
1027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1028
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1024
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLUT, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1025
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpLUT, isStandalone: true, selector: "ngtp-lut", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1029
1026
|
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1030
1027
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1031
1028
|
}
|
|
1032
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLUT, decorators: [{
|
|
1033
1030
|
type: Component,
|
|
1034
1031
|
args: [{
|
|
1035
1032
|
selector: 'ngtp-lut',
|
|
@@ -1048,15 +1045,15 @@ class NgtpNoise {
|
|
|
1048
1045
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1049
1046
|
extend({ NoiseEffect });
|
|
1050
1047
|
}
|
|
1051
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1052
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1048
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpNoise, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1049
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpNoise, isStandalone: true, selector: "ngtp-noise", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.COLOR_DODGE })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1053
1050
|
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()">
|
|
1054
1051
|
<ngtp-effect-blend-mode />
|
|
1055
1052
|
<ng-content />
|
|
1056
1053
|
</ngt-noise-effect>
|
|
1057
1054
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1058
1055
|
}
|
|
1059
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1056
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpNoise, decorators: [{
|
|
1060
1057
|
type: Component,
|
|
1061
1058
|
args: [{
|
|
1062
1059
|
selector: 'ngtp-noise',
|
|
@@ -1074,12 +1071,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1074
1071
|
}]
|
|
1075
1072
|
}], ctorParameters: () => [] });
|
|
1076
1073
|
|
|
1077
|
-
const defaultOptions$
|
|
1074
|
+
const defaultOptions$2 = {
|
|
1078
1075
|
selectionLayer: 10,
|
|
1079
1076
|
};
|
|
1080
1077
|
class NgtpOutline {
|
|
1081
1078
|
constructor() {
|
|
1082
|
-
this.options = input(defaultOptions$
|
|
1079
|
+
this.options = input(defaultOptions$2, { transform: mergeInputs(defaultOptions$2) });
|
|
1083
1080
|
this.ngtSelection = inject(NgtSelection, { optional: true });
|
|
1084
1081
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
1085
1082
|
this.store = injectStore();
|
|
@@ -1194,12 +1191,12 @@ class NgtpOutline {
|
|
|
1194
1191
|
invalidate();
|
|
1195
1192
|
};
|
|
1196
1193
|
}
|
|
1197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1198
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1194
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpOutline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1195
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpOutline, isStandalone: true, selector: "ngtp-outline", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1199
1196
|
<ngt-primitive *args="[effect()]" />
|
|
1200
1197
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1201
1198
|
}
|
|
1202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpOutline, decorators: [{
|
|
1203
1200
|
type: Component,
|
|
1204
1201
|
args: [{
|
|
1205
1202
|
selector: 'ngtp-outline',
|
|
@@ -1222,12 +1219,12 @@ class NgtpPixelation {
|
|
|
1222
1219
|
onCleanup(() => effect.dispose());
|
|
1223
1220
|
});
|
|
1224
1221
|
}
|
|
1225
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1226
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpPixelation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpPixelation, isStandalone: true, selector: "ngtp-pixelation", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1227
1224
|
<ngt-primitive *args="[effect()]" />
|
|
1228
1225
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1229
1226
|
}
|
|
1230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpPixelation, decorators: [{
|
|
1231
1228
|
type: Component,
|
|
1232
1229
|
args: [{
|
|
1233
1230
|
selector: 'ngtp-pixelation',
|
|
@@ -1240,24 +1237,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1240
1237
|
}]
|
|
1241
1238
|
}], ctorParameters: () => [] });
|
|
1242
1239
|
|
|
1243
|
-
const defaultOptions = {
|
|
1240
|
+
const defaultOptions$1 = {
|
|
1244
1241
|
density: 1.25,
|
|
1245
1242
|
};
|
|
1246
1243
|
class NgtpScanline {
|
|
1247
1244
|
constructor() {
|
|
1248
|
-
this.options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
|
|
1245
|
+
this.options = input(defaultOptions$1, { transform: mergeInputs(defaultOptions$1) });
|
|
1249
1246
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1250
1247
|
extend({ ScanlineEffect });
|
|
1251
1248
|
}
|
|
1252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1253
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1249
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpScanline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1250
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpScanline, isStandalone: true, selector: "ngtp-scanline", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.OVERLAY })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1254
1251
|
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()">
|
|
1255
1252
|
<ngtp-effect-blend-mode />
|
|
1256
1253
|
<ng-content />
|
|
1257
1254
|
</ngt-scanline-effect>
|
|
1258
1255
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1259
1256
|
}
|
|
1260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpScanline, decorators: [{
|
|
1261
1258
|
type: Component,
|
|
1262
1259
|
args: [{
|
|
1263
1260
|
selector: 'ngtp-scanline',
|
|
@@ -1275,21 +1272,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1275
1272
|
}]
|
|
1276
1273
|
}], ctorParameters: () => [] });
|
|
1277
1274
|
|
|
1275
|
+
// const addLight = (light: Object3D, effect: SelectiveBloomEffect) => light.layers.enable(effect.selection.layer)
|
|
1276
|
+
// const removeLight = (light: Object3D, effect: SelectiveBloomEffect) => light.layers.disable(effect.selection.layer)
|
|
1277
|
+
const defaultOptions = {
|
|
1278
|
+
selectionLayer: 10,
|
|
1279
|
+
inverted: false,
|
|
1280
|
+
ignoreBackground: false,
|
|
1281
|
+
};
|
|
1282
|
+
class NgtpSelectiveBloom {
|
|
1283
|
+
constructor() {
|
|
1284
|
+
this.lights = input.required();
|
|
1285
|
+
this.selection = input([]);
|
|
1286
|
+
this.options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
|
|
1287
|
+
this.blendFunction = pick(this.options, 'blendFunction');
|
|
1288
|
+
this.luminanceThreshold = pick(this.options, 'luminanceThreshold');
|
|
1289
|
+
this.luminanceSmoothing = pick(this.options, 'luminanceSmoothing');
|
|
1290
|
+
this.mipmapBlur = pick(this.options, 'mipmapBlur');
|
|
1291
|
+
this.intensity = pick(this.options, 'intensity');
|
|
1292
|
+
this.radius = pick(this.options, 'radius');
|
|
1293
|
+
this.levels = pick(this.options, 'levels');
|
|
1294
|
+
this.kernelSize = pick(this.options, 'kernelSize');
|
|
1295
|
+
this.resolutionScale = pick(this.options, 'resolutionScale');
|
|
1296
|
+
this.width = pick(this.options, 'width');
|
|
1297
|
+
this.height = pick(this.options, 'height');
|
|
1298
|
+
this.resolutionX = pick(this.options, 'resolutionX');
|
|
1299
|
+
this.resolutionY = pick(this.options, 'resolutionY');
|
|
1300
|
+
this.inverted = pick(this.options, 'inverted');
|
|
1301
|
+
this.ignoreBackground = pick(this.options, 'ignoreBackground');
|
|
1302
|
+
this.selectionLayer = pick(this.options, 'selectionLayer');
|
|
1303
|
+
this.store = injectStore();
|
|
1304
|
+
this.effectComposer = inject(NgtpEffectComposer);
|
|
1305
|
+
this.ngtSelection = inject(NgtSelection, { optional: true });
|
|
1306
|
+
this.resolvedLights = computed(() => this.lights().map((light) => resolveRef(light)));
|
|
1307
|
+
this.resolvedSelected = computed(() => {
|
|
1308
|
+
const selection = this.selection();
|
|
1309
|
+
if (!selection)
|
|
1310
|
+
return [];
|
|
1311
|
+
const array = Array.isArray(selection) ? selection : [selection];
|
|
1312
|
+
return array.map((selected) => resolveRef(selected));
|
|
1313
|
+
});
|
|
1314
|
+
this.resolvedNgtSelected = computed(() => {
|
|
1315
|
+
if (!this.ngtSelection || !this.ngtSelection.enabled)
|
|
1316
|
+
return [];
|
|
1317
|
+
return this.ngtSelection.selected().map((selected) => resolveRef(selected));
|
|
1318
|
+
});
|
|
1319
|
+
this.effect = computed(() => {
|
|
1320
|
+
const effect = new SelectiveBloomEffect(this.effectComposer.scene(), this.effectComposer.camera(), {
|
|
1321
|
+
blendFunction: this.blendFunction() || BlendFunction.ADD,
|
|
1322
|
+
luminanceThreshold: this.luminanceThreshold(),
|
|
1323
|
+
luminanceSmoothing: this.luminanceSmoothing(),
|
|
1324
|
+
mipmapBlur: this.mipmapBlur(),
|
|
1325
|
+
intensity: this.intensity(),
|
|
1326
|
+
radius: this.radius(),
|
|
1327
|
+
levels: this.levels(),
|
|
1328
|
+
kernelSize: this.kernelSize(),
|
|
1329
|
+
resolutionScale: this.resolutionScale(),
|
|
1330
|
+
width: this.width(),
|
|
1331
|
+
height: this.height(),
|
|
1332
|
+
resolutionX: this.resolutionX(),
|
|
1333
|
+
resolutionY: this.resolutionY(),
|
|
1334
|
+
});
|
|
1335
|
+
effect.inverted = this.inverted();
|
|
1336
|
+
effect.ignoreBackground = this.ignoreBackground();
|
|
1337
|
+
return effect;
|
|
1338
|
+
});
|
|
1339
|
+
effect((onCleanup) => {
|
|
1340
|
+
// skip input selection altogether if NgtSelection is used
|
|
1341
|
+
if (this.ngtSelection)
|
|
1342
|
+
return;
|
|
1343
|
+
const selection = this.resolvedSelected();
|
|
1344
|
+
if (!selection.length)
|
|
1345
|
+
return;
|
|
1346
|
+
const [effect, invalidate] = [this.effect(), this.store.invalidate(), this.selectionLayer()];
|
|
1347
|
+
effect.selection.set(selection);
|
|
1348
|
+
invalidate();
|
|
1349
|
+
onCleanup(() => {
|
|
1350
|
+
effect.selection.clear();
|
|
1351
|
+
invalidate();
|
|
1352
|
+
});
|
|
1353
|
+
});
|
|
1354
|
+
effect(() => {
|
|
1355
|
+
const [selectionLayer, invalidate, effect] = [this.selectionLayer(), this.store.invalidate(), this.effect()];
|
|
1356
|
+
effect.selection.layer = selectionLayer;
|
|
1357
|
+
invalidate();
|
|
1358
|
+
});
|
|
1359
|
+
effect((onCleanup) => {
|
|
1360
|
+
const lights = this.resolvedLights();
|
|
1361
|
+
if (lights.length <= 0)
|
|
1362
|
+
return;
|
|
1363
|
+
const [effect, invalidate] = [this.effect(), this.store.invalidate(), this.selectionLayer()];
|
|
1364
|
+
lights.forEach((light) => light && this.addLight(effect, light));
|
|
1365
|
+
invalidate();
|
|
1366
|
+
onCleanup(() => {
|
|
1367
|
+
lights.forEach((light) => light && this.removeLight(effect, light));
|
|
1368
|
+
invalidate();
|
|
1369
|
+
});
|
|
1370
|
+
});
|
|
1371
|
+
effect((onCleanup) => {
|
|
1372
|
+
const selected = this.resolvedNgtSelected();
|
|
1373
|
+
if (!selected.length)
|
|
1374
|
+
return;
|
|
1375
|
+
const [effect, invalidate] = [this.effect(), this.store.invalidate(), this.selectionLayer()];
|
|
1376
|
+
effect.selection.set(selected);
|
|
1377
|
+
invalidate();
|
|
1378
|
+
onCleanup(() => {
|
|
1379
|
+
effect.selection.clear();
|
|
1380
|
+
invalidate();
|
|
1381
|
+
});
|
|
1382
|
+
});
|
|
1383
|
+
}
|
|
1384
|
+
addLight(effect, light) {
|
|
1385
|
+
light.layers.enable(effect.selection.layer);
|
|
1386
|
+
}
|
|
1387
|
+
removeLight(effect, light) {
|
|
1388
|
+
light.layers.disable(effect.selection.layer);
|
|
1389
|
+
}
|
|
1390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSelectiveBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpSelectiveBloom, isStandalone: true, selector: "ngtp-selective-bloom", inputs: { lights: { classPropertyName: "lights", publicName: "lights", isSignal: true, isRequired: true, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1392
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1393
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1394
|
+
}
|
|
1395
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSelectiveBloom, decorators: [{
|
|
1396
|
+
type: Component,
|
|
1397
|
+
args: [{
|
|
1398
|
+
selector: 'ngtp-selective-bloom',
|
|
1399
|
+
template: `
|
|
1400
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1401
|
+
`,
|
|
1402
|
+
imports: [NgtArgs],
|
|
1403
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
1404
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1405
|
+
}]
|
|
1406
|
+
}], ctorParameters: () => [] });
|
|
1407
|
+
|
|
1278
1408
|
class NgtpSepia {
|
|
1279
1409
|
constructor() {
|
|
1280
1410
|
this.options = input({});
|
|
1281
1411
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1282
1412
|
extend({ SepiaEffect });
|
|
1283
1413
|
}
|
|
1284
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1285
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1414
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSepia, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1415
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpSepia, isStandalone: true, selector: "ngtp-sepia", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1286
1416
|
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()">
|
|
1287
1417
|
<ngtp-effect-blend-mode />
|
|
1288
1418
|
<ng-content />
|
|
1289
1419
|
</ngt-sepia-effect>
|
|
1290
1420
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1291
1421
|
}
|
|
1292
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSepia, decorators: [{
|
|
1293
1423
|
type: Component,
|
|
1294
1424
|
args: [{
|
|
1295
1425
|
selector: 'ngtp-sepia',
|
|
@@ -1312,15 +1442,15 @@ class NgtpShockWave {
|
|
|
1312
1442
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1313
1443
|
extend({ ShockWaveEffect });
|
|
1314
1444
|
}
|
|
1315
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1316
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1445
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpShockWave, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1446
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpShockWave, isStandalone: true, selector: "ngtp-shock-wave", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1317
1447
|
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()">
|
|
1318
1448
|
<ngtp-effect-blend-mode />
|
|
1319
1449
|
<ng-content />
|
|
1320
1450
|
</ngt-shock-wave-effect>
|
|
1321
1451
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1322
1452
|
}
|
|
1323
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpShockWave, decorators: [{
|
|
1324
1454
|
type: Component,
|
|
1325
1455
|
args: [{
|
|
1326
1456
|
selector: 'ngtp-shock-wave',
|
|
@@ -1343,15 +1473,15 @@ class NgtpSMAA {
|
|
|
1343
1473
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1344
1474
|
extend({ SMAAEffect });
|
|
1345
1475
|
}
|
|
1346
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1347
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1476
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSMAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1477
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpSMAA, isStandalone: true, selector: "ngtp-smaa", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1348
1478
|
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
1349
1479
|
<ngtp-effect-blend-mode />
|
|
1350
1480
|
<ng-content />
|
|
1351
1481
|
</ngt-sMAA-effect>
|
|
1352
1482
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1353
1483
|
}
|
|
1354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1484
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSMAA, decorators: [{
|
|
1355
1485
|
type: Component,
|
|
1356
1486
|
args: [{
|
|
1357
1487
|
selector: 'ngtp-smaa',
|
|
@@ -1374,15 +1504,15 @@ class NgtpTiltShift {
|
|
|
1374
1504
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1375
1505
|
extend({ TiltShiftEffect });
|
|
1376
1506
|
}
|
|
1377
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1378
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1507
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1508
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpTiltShift, isStandalone: true, selector: "ngtp-tilt-shift", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.ADD })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1379
1509
|
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()">
|
|
1380
1510
|
<ngtp-effect-blend-mode />
|
|
1381
1511
|
<ng-content />
|
|
1382
1512
|
</ngt-tilt-shift-effect>
|
|
1383
1513
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1384
1514
|
}
|
|
1385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift, decorators: [{
|
|
1386
1516
|
type: Component,
|
|
1387
1517
|
args: [{
|
|
1388
1518
|
selector: 'ngtp-tilt-shift',
|
|
@@ -1487,15 +1617,15 @@ class NgtpTiltShift2 {
|
|
|
1487
1617
|
this.options = input({});
|
|
1488
1618
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1489
1619
|
}
|
|
1490
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1491
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1620
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1621
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpTiltShift2, isStandalone: true, selector: "ngtp-tilt-shift2", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.NORMAL })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1492
1622
|
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()">
|
|
1493
1623
|
<ngtp-effect-blend-mode />
|
|
1494
1624
|
<ng-content />
|
|
1495
1625
|
</ngt-tilt-shift2-effect>
|
|
1496
1626
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1497
1627
|
}
|
|
1498
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift2, decorators: [{
|
|
1499
1629
|
type: Component,
|
|
1500
1630
|
args: [{
|
|
1501
1631
|
selector: 'ngtp-tilt-shift2',
|
|
@@ -1519,15 +1649,15 @@ class NgtpToneMapping {
|
|
|
1519
1649
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1520
1650
|
extend({ ToneMappingEffect });
|
|
1521
1651
|
}
|
|
1522
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1523
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1652
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpToneMapping, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1653
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpToneMapping, isStandalone: true, selector: "ngtp-tone-mapping", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1524
1654
|
<ngt-tone-mapping-effect *args="[options()]" [camera]="effect.camera()">
|
|
1525
1655
|
<ngtp-effect-blend-mode />
|
|
1526
1656
|
<ng-content />
|
|
1527
1657
|
</ngt-tone-mapping-effect>
|
|
1528
1658
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1529
1659
|
}
|
|
1530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpToneMapping, decorators: [{
|
|
1531
1661
|
type: Component,
|
|
1532
1662
|
args: [{
|
|
1533
1663
|
selector: 'ngtp-tone-mapping',
|
|
@@ -1550,15 +1680,15 @@ class NgtpVignette {
|
|
|
1550
1680
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1551
1681
|
extend({ VignetteEffect });
|
|
1552
1682
|
}
|
|
1553
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1554
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1683
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpVignette, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1684
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpVignette, isStandalone: true, selector: "ngtp-vignette", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1555
1685
|
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()">
|
|
1556
1686
|
<ngtp-effect-blend-mode />
|
|
1557
1687
|
<ng-content />
|
|
1558
1688
|
</ngt-vignette-effect>
|
|
1559
1689
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1560
1690
|
}
|
|
1561
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1691
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpVignette, decorators: [{
|
|
1562
1692
|
type: Component,
|
|
1563
1693
|
args: [{
|
|
1564
1694
|
selector: 'ngtp-vignette',
|
|
@@ -1605,15 +1735,15 @@ class NgtpWater {
|
|
|
1605
1735
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1606
1736
|
extend({ WaterEffect });
|
|
1607
1737
|
}
|
|
1608
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1609
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpWater, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.1.4", type: NgtpWater, isStandalone: true, selector: "ngtp-water", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.NORMAL })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1610
1740
|
<ngt-water-effect *args="[options()]" [camera]="effect.camera()">
|
|
1611
1741
|
<ngtp-effect-blend-mode />
|
|
1612
1742
|
<ng-content />
|
|
1613
1743
|
</ngt-water-effect>
|
|
1614
1744
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1615
1745
|
}
|
|
1616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1746
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpWater, decorators: [{
|
|
1617
1747
|
type: Component,
|
|
1618
1748
|
args: [{
|
|
1619
1749
|
selector: 'ngtp-water',
|
|
@@ -1635,5 +1765,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1635
1765
|
* Generated bundle index. Do not edit.
|
|
1636
1766
|
*/
|
|
1637
1767
|
|
|
1638
|
-
export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpFXAA, NgtpGlitch, NgtpGodRays, NgtpGrid, NgtpHueSaturation, NgtpLUT, NgtpLensFlare, NgtpNoise, NgtpOutline, NgtpPixelation, NgtpSMAA, NgtpScanline, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpTiltShift2, NgtpToneMapping, NgtpVignette, NgtpWater, TiltShift2Effect, WaterEffect, injectDefaultEffectOptions, provideDefaultEffectOptions };
|
|
1768
|
+
export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpFXAA, NgtpGlitch, NgtpGodRays, NgtpGrid, NgtpHueSaturation, NgtpLUT, NgtpLensFlare, NgtpNoise, NgtpOutline, NgtpPixelation, NgtpSMAA, NgtpScanline, NgtpSelectiveBloom, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpTiltShift2, NgtpToneMapping, NgtpVignette, NgtpWater, TiltShift2Effect, WaterEffect, injectDefaultEffectOptions, provideDefaultEffectOptions };
|
|
1639
1769
|
//# sourceMappingURL=angular-three-postprocessing.mjs.map
|