angular-three-postprocessing 4.0.0-next.7 → 4.0.0-next.9
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.
|
@@ -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,7 +64,7 @@ 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
70
|
this.depthBuffer = pick(this.options, 'depthBuffer');
|
|
@@ -206,14 +206,14 @@ class NgtpEffectComposer {
|
|
|
206
206
|
onCleanup(() => sub());
|
|
207
207
|
});
|
|
208
208
|
}
|
|
209
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
210
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.
|
|
209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffectComposer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
210
|
+
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: `
|
|
211
211
|
<ngt-group #group>
|
|
212
212
|
<ng-content />
|
|
213
213
|
</ngt-group>
|
|
214
214
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
215
215
|
}
|
|
216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpEffectComposer, decorators: [{
|
|
217
217
|
type: Component,
|
|
218
218
|
args: [{
|
|
219
219
|
selector: 'ngtp-effect-composer',
|
|
@@ -309,7 +309,7 @@ class ASCIIEffect extends Effect {
|
|
|
309
309
|
return texture;
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
|
-
const defaultOptions$
|
|
312
|
+
const defaultOptions$4 = {
|
|
313
313
|
font: 'arial',
|
|
314
314
|
characters: ` .:,'-^=*+?!|0#X%WM@`,
|
|
315
315
|
fontSize: 54,
|
|
@@ -319,19 +319,19 @@ const defaultOptions$3 = {
|
|
|
319
319
|
};
|
|
320
320
|
class NgtpASCII {
|
|
321
321
|
constructor() {
|
|
322
|
-
this.options = input(defaultOptions$
|
|
322
|
+
this.options = input(defaultOptions$4, { transform: mergeInputs(defaultOptions$4) });
|
|
323
323
|
this.effect = computed(() => new ASCIIEffect(this.options()));
|
|
324
324
|
effect((onCleanup) => {
|
|
325
325
|
const effect = this.effect();
|
|
326
326
|
onCleanup(() => effect.dispose());
|
|
327
327
|
});
|
|
328
328
|
}
|
|
329
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
330
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
329
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpASCII, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
330
|
+
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: `
|
|
331
331
|
<ngt-primitive *args="[effect()]" />
|
|
332
332
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
333
333
|
}
|
|
334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpASCII, decorators: [{
|
|
335
335
|
type: Component,
|
|
336
336
|
args: [{
|
|
337
337
|
selector: 'ngtp-ascii',
|
|
@@ -350,15 +350,15 @@ class NgtpBloom {
|
|
|
350
350
|
this.effect = inject(NgtpEffect, { host: true });
|
|
351
351
|
extend({ BloomEffect });
|
|
352
352
|
}
|
|
353
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
354
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
353
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
354
|
+
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: `
|
|
355
355
|
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()">
|
|
356
356
|
<ngtp-effect-blend-mode />
|
|
357
357
|
<ng-content />
|
|
358
358
|
</ngt-bloom-effect>
|
|
359
359
|
`, 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 }); }
|
|
360
360
|
}
|
|
361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBloom, decorators: [{
|
|
362
362
|
type: Component,
|
|
363
363
|
args: [{
|
|
364
364
|
selector: 'ngtp-bloom',
|
|
@@ -382,15 +382,15 @@ class NgtpBrightnessContrast {
|
|
|
382
382
|
this.effect = inject(NgtpEffect, { host: true });
|
|
383
383
|
extend({ BrightnessContrastEffect });
|
|
384
384
|
}
|
|
385
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
386
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
385
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBrightnessContrast, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
386
|
+
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: `
|
|
387
387
|
<ngt-brightness-contrast-effect *args="[options()]" [camera]="effect.camera()">
|
|
388
388
|
<ngtp-effect-blend-mode />
|
|
389
389
|
<ng-content />
|
|
390
390
|
</ngt-brightness-contrast-effect>
|
|
391
391
|
`, 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 }); }
|
|
392
392
|
}
|
|
393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
|
|
394
394
|
type: Component,
|
|
395
395
|
args: [{
|
|
396
396
|
selector: 'ngtp-brightness-contrast',
|
|
@@ -413,15 +413,15 @@ class NgtpChromaticAberration {
|
|
|
413
413
|
this.effect = inject(NgtpEffect, { host: true });
|
|
414
414
|
extend({ ChromaticAberrationEffect });
|
|
415
415
|
}
|
|
416
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
417
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
416
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpChromaticAberration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
417
|
+
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: `
|
|
418
418
|
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="effect.camera()">
|
|
419
419
|
<ngtp-effect-blend-mode />
|
|
420
420
|
<ng-content />
|
|
421
421
|
</ngt-chromatic-aberration-effect>
|
|
422
422
|
`, 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 }); }
|
|
423
423
|
}
|
|
424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpChromaticAberration, decorators: [{
|
|
425
425
|
type: Component,
|
|
426
426
|
args: [{
|
|
427
427
|
selector: 'ngtp-chromatic-aberration',
|
|
@@ -443,14 +443,14 @@ class NgtpColorAverage {
|
|
|
443
443
|
this.options = input({ blendFunction: BlendFunction.NORMAL }, { transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) });
|
|
444
444
|
extend({ ColorAverageEffect });
|
|
445
445
|
}
|
|
446
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
447
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorAverage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
447
|
+
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: `
|
|
448
448
|
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
449
449
|
<ng-content />
|
|
450
450
|
</ngt-color-average-effect>
|
|
451
451
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
452
452
|
}
|
|
453
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorAverage, decorators: [{
|
|
454
454
|
type: Component,
|
|
455
455
|
args: [{
|
|
456
456
|
selector: 'ngtp-color-average',
|
|
@@ -471,15 +471,15 @@ class NgtpColorDepth {
|
|
|
471
471
|
this.effect = inject(NgtpEffect, { host: true });
|
|
472
472
|
extend({ ColorDepthEffect });
|
|
473
473
|
}
|
|
474
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
475
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
474
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
475
|
+
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: `
|
|
476
476
|
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
477
477
|
<ngtp-effect-blend-mode />
|
|
478
478
|
<ng-content />
|
|
479
479
|
</ngt-color-depth-effect>
|
|
480
480
|
`, 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 }); }
|
|
481
481
|
}
|
|
482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpColorDepth, decorators: [{
|
|
483
483
|
type: Component,
|
|
484
484
|
args: [{
|
|
485
485
|
selector: 'ngtp-color-depth',
|
|
@@ -502,15 +502,15 @@ class NgtpDepth {
|
|
|
502
502
|
this.effect = inject(NgtpEffect, { host: true });
|
|
503
503
|
extend({ DepthEffect });
|
|
504
504
|
}
|
|
505
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
505
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
506
|
+
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: `
|
|
507
507
|
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
508
508
|
<ngtp-effect-blend-mode />
|
|
509
509
|
<ng-content />
|
|
510
510
|
</ngt-depth-effect>
|
|
511
511
|
`, 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 }); }
|
|
512
512
|
}
|
|
513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepth, decorators: [{
|
|
514
514
|
type: Component,
|
|
515
515
|
args: [{
|
|
516
516
|
selector: 'ngtp-depth',
|
|
@@ -552,12 +552,12 @@ class NgtpDepthOfField {
|
|
|
552
552
|
onCleanup(() => depthOfFieldEffect.dispose());
|
|
553
553
|
});
|
|
554
554
|
}
|
|
555
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
556
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepthOfField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
556
|
+
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: `
|
|
557
557
|
<ngt-primitive *args="[effect()]" />
|
|
558
558
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
559
559
|
}
|
|
560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
560
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDepthOfField, decorators: [{
|
|
561
561
|
type: Component,
|
|
562
562
|
args: [{
|
|
563
563
|
selector: 'ngtp-depth-of-field',
|
|
@@ -576,15 +576,15 @@ class NgtpDotScreen {
|
|
|
576
576
|
this.effect = inject(NgtpEffect, { host: true });
|
|
577
577
|
extend({ DotScreenEffect });
|
|
578
578
|
}
|
|
579
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
580
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
579
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDotScreen, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
580
|
+
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: `
|
|
581
581
|
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()">
|
|
582
582
|
<ngtp-effect-blend-mode />
|
|
583
583
|
<ng-content />
|
|
584
584
|
</ngt-dot-screen-effect>
|
|
585
585
|
`, 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 }); }
|
|
586
586
|
}
|
|
587
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpDotScreen, decorators: [{
|
|
588
588
|
type: Component,
|
|
589
589
|
args: [{
|
|
590
590
|
selector: 'ngtp-dot-screen',
|
|
@@ -607,15 +607,15 @@ class NgtpFXAA {
|
|
|
607
607
|
this.effect = inject(NgtpEffect, { host: true });
|
|
608
608
|
extend({ FXAAEffect });
|
|
609
609
|
}
|
|
610
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpFXAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
611
|
+
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: `
|
|
612
612
|
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
613
613
|
<ngtp-effect-blend-mode />
|
|
614
614
|
<ng-content />
|
|
615
615
|
</ngt-fXAA-effect>
|
|
616
616
|
`, 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 }); }
|
|
617
617
|
}
|
|
618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
618
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpFXAA, decorators: [{
|
|
619
619
|
type: Component,
|
|
620
620
|
args: [{
|
|
621
621
|
selector: 'ngtp-fxaa',
|
|
@@ -673,12 +673,12 @@ class NgtpGlitch {
|
|
|
673
673
|
onCleanup(() => effect.dispose());
|
|
674
674
|
});
|
|
675
675
|
}
|
|
676
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
677
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
676
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGlitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
677
|
+
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: `
|
|
678
678
|
<ngt-primitive *args="[effect()]" />
|
|
679
679
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
680
680
|
}
|
|
681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGlitch, decorators: [{
|
|
682
682
|
type: Component,
|
|
683
683
|
args: [{
|
|
684
684
|
selector: 'ngtp-glitch',
|
|
@@ -719,12 +719,12 @@ class NgtpGodRays {
|
|
|
719
719
|
onCleanup(() => effect.dispose());
|
|
720
720
|
});
|
|
721
721
|
}
|
|
722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
723
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
722
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGodRays, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
723
|
+
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: `
|
|
724
724
|
<ngt-primitive *args="[effect()]" />
|
|
725
725
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
726
726
|
}
|
|
727
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGodRays, decorators: [{
|
|
728
728
|
type: Component,
|
|
729
729
|
args: [{
|
|
730
730
|
selector: 'ngtp-god-rays',
|
|
@@ -754,12 +754,12 @@ class NgtpGrid {
|
|
|
754
754
|
onCleanup(() => effect.dispose());
|
|
755
755
|
});
|
|
756
756
|
}
|
|
757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
758
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
757
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
758
|
+
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: `
|
|
759
759
|
<ngt-primitive *args="[effect()]" />
|
|
760
760
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
761
761
|
}
|
|
762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpGrid, decorators: [{
|
|
763
763
|
type: Component,
|
|
764
764
|
args: [{
|
|
765
765
|
selector: 'ngtp-grid',
|
|
@@ -778,15 +778,15 @@ class NgtpHueSaturation {
|
|
|
778
778
|
this.effect = inject(NgtpEffect, { host: true });
|
|
779
779
|
extend({ HueSaturationEffect });
|
|
780
780
|
}
|
|
781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpHueSaturation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
782
|
+
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: `
|
|
783
783
|
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()">
|
|
784
784
|
<ngtp-effect-blend-mode />
|
|
785
785
|
<ng-content />
|
|
786
786
|
</ngt-hue-saturation-effect>
|
|
787
787
|
`, 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 }); }
|
|
788
788
|
}
|
|
789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpHueSaturation, decorators: [{
|
|
790
790
|
type: Component,
|
|
791
791
|
args: [{
|
|
792
792
|
selector: 'ngtp-hue-saturation',
|
|
@@ -886,14 +886,14 @@ class LensFlareEffect extends Effect {
|
|
|
886
886
|
}
|
|
887
887
|
}
|
|
888
888
|
}
|
|
889
|
-
const defaultOptions$
|
|
889
|
+
const defaultOptions$3 = {
|
|
890
890
|
position: new THREE.Vector3(-25, 6, -60),
|
|
891
891
|
followMouse: false,
|
|
892
892
|
smoothTime: 0.7,
|
|
893
893
|
};
|
|
894
894
|
class NgtpLensFlare {
|
|
895
895
|
constructor() {
|
|
896
|
-
this.options = input(defaultOptions$
|
|
896
|
+
this.options = input(defaultOptions$3, { transform: mergeInputs(defaultOptions$3) });
|
|
897
897
|
this.store = injectStore();
|
|
898
898
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
899
899
|
this.effectOptions = omit(this.options, ['position', 'followMouse', 'smoothTime']);
|
|
@@ -974,12 +974,12 @@ class NgtpLensFlare {
|
|
|
974
974
|
easing.damp(uOpacity, 'value', target, smoothTime, delta);
|
|
975
975
|
});
|
|
976
976
|
}
|
|
977
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
978
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
977
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLensFlare, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
978
|
+
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: `
|
|
979
979
|
<ngt-primitive *args="[effect()]" [parameters]="{ dispose: null }" />
|
|
980
980
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
981
981
|
}
|
|
982
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLensFlare, decorators: [{
|
|
983
983
|
type: Component,
|
|
984
984
|
args: [{
|
|
985
985
|
selector: 'ngtp-lens-flare',
|
|
@@ -1020,12 +1020,12 @@ class NgtpLUT {
|
|
|
1020
1020
|
onCleanup(() => effect.dispose());
|
|
1021
1021
|
});
|
|
1022
1022
|
}
|
|
1023
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1024
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1023
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLUT, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1024
|
+
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: `
|
|
1025
1025
|
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1026
1026
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1027
1027
|
}
|
|
1028
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1028
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpLUT, decorators: [{
|
|
1029
1029
|
type: Component,
|
|
1030
1030
|
args: [{
|
|
1031
1031
|
selector: 'ngtp-lut',
|
|
@@ -1044,15 +1044,15 @@ class NgtpNoise {
|
|
|
1044
1044
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1045
1045
|
extend({ NoiseEffect });
|
|
1046
1046
|
}
|
|
1047
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1048
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1047
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpNoise, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1048
|
+
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: `
|
|
1049
1049
|
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()">
|
|
1050
1050
|
<ngtp-effect-blend-mode />
|
|
1051
1051
|
<ng-content />
|
|
1052
1052
|
</ngt-noise-effect>
|
|
1053
1053
|
`, 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 }); }
|
|
1054
1054
|
}
|
|
1055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpNoise, decorators: [{
|
|
1056
1056
|
type: Component,
|
|
1057
1057
|
args: [{
|
|
1058
1058
|
selector: 'ngtp-noise',
|
|
@@ -1070,12 +1070,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1070
1070
|
}]
|
|
1071
1071
|
}], ctorParameters: () => [] });
|
|
1072
1072
|
|
|
1073
|
-
const defaultOptions$
|
|
1073
|
+
const defaultOptions$2 = {
|
|
1074
1074
|
selectionLayer: 10,
|
|
1075
1075
|
};
|
|
1076
1076
|
class NgtpOutline {
|
|
1077
1077
|
constructor() {
|
|
1078
|
-
this.options = input(defaultOptions$
|
|
1078
|
+
this.options = input(defaultOptions$2, { transform: mergeInputs(defaultOptions$2) });
|
|
1079
1079
|
this.ngtSelection = inject(NgtSelection, { optional: true });
|
|
1080
1080
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
1081
1081
|
this.store = injectStore();
|
|
@@ -1190,12 +1190,12 @@ class NgtpOutline {
|
|
|
1190
1190
|
invalidate();
|
|
1191
1191
|
};
|
|
1192
1192
|
}
|
|
1193
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1193
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpOutline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1194
|
+
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: `
|
|
1195
1195
|
<ngt-primitive *args="[effect()]" />
|
|
1196
1196
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1197
1197
|
}
|
|
1198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpOutline, decorators: [{
|
|
1199
1199
|
type: Component,
|
|
1200
1200
|
args: [{
|
|
1201
1201
|
selector: 'ngtp-outline',
|
|
@@ -1218,12 +1218,12 @@ class NgtpPixelation {
|
|
|
1218
1218
|
onCleanup(() => effect.dispose());
|
|
1219
1219
|
});
|
|
1220
1220
|
}
|
|
1221
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1222
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1221
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpPixelation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1222
|
+
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: `
|
|
1223
1223
|
<ngt-primitive *args="[effect()]" />
|
|
1224
1224
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1225
1225
|
}
|
|
1226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1226
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpPixelation, decorators: [{
|
|
1227
1227
|
type: Component,
|
|
1228
1228
|
args: [{
|
|
1229
1229
|
selector: 'ngtp-pixelation',
|
|
@@ -1236,24 +1236,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1236
1236
|
}]
|
|
1237
1237
|
}], ctorParameters: () => [] });
|
|
1238
1238
|
|
|
1239
|
-
const defaultOptions = {
|
|
1239
|
+
const defaultOptions$1 = {
|
|
1240
1240
|
density: 1.25,
|
|
1241
1241
|
};
|
|
1242
1242
|
class NgtpScanline {
|
|
1243
1243
|
constructor() {
|
|
1244
|
-
this.options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
|
|
1244
|
+
this.options = input(defaultOptions$1, { transform: mergeInputs(defaultOptions$1) });
|
|
1245
1245
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1246
1246
|
extend({ ScanlineEffect });
|
|
1247
1247
|
}
|
|
1248
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1249
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1248
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpScanline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1249
|
+
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: `
|
|
1250
1250
|
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()">
|
|
1251
1251
|
<ngtp-effect-blend-mode />
|
|
1252
1252
|
<ng-content />
|
|
1253
1253
|
</ngt-scanline-effect>
|
|
1254
1254
|
`, 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 }); }
|
|
1255
1255
|
}
|
|
1256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpScanline, decorators: [{
|
|
1257
1257
|
type: Component,
|
|
1258
1258
|
args: [{
|
|
1259
1259
|
selector: 'ngtp-scanline',
|
|
@@ -1271,21 +1271,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1271
1271
|
}]
|
|
1272
1272
|
}], ctorParameters: () => [] });
|
|
1273
1273
|
|
|
1274
|
+
// const addLight = (light: Object3D, effect: SelectiveBloomEffect) => light.layers.enable(effect.selection.layer)
|
|
1275
|
+
// const removeLight = (light: Object3D, effect: SelectiveBloomEffect) => light.layers.disable(effect.selection.layer)
|
|
1276
|
+
const defaultOptions = {
|
|
1277
|
+
selectionLayer: 10,
|
|
1278
|
+
inverted: false,
|
|
1279
|
+
ignoreBackground: false,
|
|
1280
|
+
};
|
|
1281
|
+
class NgtpSelectiveBloom {
|
|
1282
|
+
constructor() {
|
|
1283
|
+
this.lights = input.required();
|
|
1284
|
+
this.selection = input([]);
|
|
1285
|
+
this.options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
|
|
1286
|
+
this.blendFunction = pick(this.options, 'blendFunction');
|
|
1287
|
+
this.luminanceThreshold = pick(this.options, 'luminanceThreshold');
|
|
1288
|
+
this.luminanceSmoothing = pick(this.options, 'luminanceSmoothing');
|
|
1289
|
+
this.mipmapBlur = pick(this.options, 'mipmapBlur');
|
|
1290
|
+
this.intensity = pick(this.options, 'intensity');
|
|
1291
|
+
this.radius = pick(this.options, 'radius');
|
|
1292
|
+
this.levels = pick(this.options, 'levels');
|
|
1293
|
+
this.kernelSize = pick(this.options, 'kernelSize');
|
|
1294
|
+
this.resolutionScale = pick(this.options, 'resolutionScale');
|
|
1295
|
+
this.width = pick(this.options, 'width');
|
|
1296
|
+
this.height = pick(this.options, 'height');
|
|
1297
|
+
this.resolutionX = pick(this.options, 'resolutionX');
|
|
1298
|
+
this.resolutionY = pick(this.options, 'resolutionY');
|
|
1299
|
+
this.inverted = pick(this.options, 'inverted');
|
|
1300
|
+
this.ignoreBackground = pick(this.options, 'ignoreBackground');
|
|
1301
|
+
this.selectionLayer = pick(this.options, 'selectionLayer');
|
|
1302
|
+
this.store = injectStore();
|
|
1303
|
+
this.effectComposer = inject(NgtpEffectComposer);
|
|
1304
|
+
this.ngtSelection = inject(NgtSelection, { optional: true });
|
|
1305
|
+
this.resolvedLights = computed(() => this.lights().map((light) => resolveRef(light)));
|
|
1306
|
+
this.resolvedSelected = computed(() => {
|
|
1307
|
+
const selection = this.selection();
|
|
1308
|
+
if (!selection)
|
|
1309
|
+
return [];
|
|
1310
|
+
const array = Array.isArray(selection) ? selection : [selection];
|
|
1311
|
+
return array.map((selected) => resolveRef(selected));
|
|
1312
|
+
});
|
|
1313
|
+
this.resolvedNgtSelected = computed(() => {
|
|
1314
|
+
if (!this.ngtSelection || !this.ngtSelection.enabled)
|
|
1315
|
+
return [];
|
|
1316
|
+
return this.ngtSelection.selected().map((selected) => resolveRef(selected));
|
|
1317
|
+
});
|
|
1318
|
+
this.effect = computed(() => {
|
|
1319
|
+
const effect = new SelectiveBloomEffect(this.effectComposer.scene(), this.effectComposer.camera(), {
|
|
1320
|
+
blendFunction: this.blendFunction() || BlendFunction.ADD,
|
|
1321
|
+
luminanceThreshold: this.luminanceThreshold(),
|
|
1322
|
+
luminanceSmoothing: this.luminanceSmoothing(),
|
|
1323
|
+
mipmapBlur: this.mipmapBlur(),
|
|
1324
|
+
intensity: this.intensity(),
|
|
1325
|
+
radius: this.radius(),
|
|
1326
|
+
levels: this.levels(),
|
|
1327
|
+
kernelSize: this.kernelSize(),
|
|
1328
|
+
resolutionScale: this.resolutionScale(),
|
|
1329
|
+
width: this.width(),
|
|
1330
|
+
height: this.height(),
|
|
1331
|
+
resolutionX: this.resolutionX(),
|
|
1332
|
+
resolutionY: this.resolutionY(),
|
|
1333
|
+
});
|
|
1334
|
+
effect.inverted = this.inverted();
|
|
1335
|
+
effect.ignoreBackground = this.ignoreBackground();
|
|
1336
|
+
return effect;
|
|
1337
|
+
});
|
|
1338
|
+
effect((onCleanup) => {
|
|
1339
|
+
// skip input selection altogether if NgtSelection is used
|
|
1340
|
+
if (this.ngtSelection)
|
|
1341
|
+
return;
|
|
1342
|
+
const selection = this.resolvedSelected();
|
|
1343
|
+
if (!selection.length)
|
|
1344
|
+
return;
|
|
1345
|
+
const [effect, invalidate] = [this.effect(), this.store.invalidate(), this.selectionLayer()];
|
|
1346
|
+
effect.selection.set(selection);
|
|
1347
|
+
invalidate();
|
|
1348
|
+
onCleanup(() => {
|
|
1349
|
+
effect.selection.clear();
|
|
1350
|
+
invalidate();
|
|
1351
|
+
});
|
|
1352
|
+
});
|
|
1353
|
+
effect(() => {
|
|
1354
|
+
const [selectionLayer, invalidate, effect] = [this.selectionLayer(), this.store.invalidate(), this.effect()];
|
|
1355
|
+
effect.selection.layer = selectionLayer;
|
|
1356
|
+
invalidate();
|
|
1357
|
+
});
|
|
1358
|
+
effect((onCleanup) => {
|
|
1359
|
+
const lights = this.resolvedLights();
|
|
1360
|
+
if (lights.length <= 0)
|
|
1361
|
+
return;
|
|
1362
|
+
const [effect, invalidate] = [this.effect(), this.store.invalidate(), this.selectionLayer()];
|
|
1363
|
+
lights.forEach((light) => light && this.addLight(effect, light));
|
|
1364
|
+
invalidate();
|
|
1365
|
+
onCleanup(() => {
|
|
1366
|
+
lights.forEach((light) => light && this.removeLight(effect, light));
|
|
1367
|
+
invalidate();
|
|
1368
|
+
});
|
|
1369
|
+
});
|
|
1370
|
+
effect((onCleanup) => {
|
|
1371
|
+
const selected = this.resolvedNgtSelected();
|
|
1372
|
+
if (!selected.length)
|
|
1373
|
+
return;
|
|
1374
|
+
const [effect, invalidate] = [this.effect(), this.store.invalidate(), this.selectionLayer()];
|
|
1375
|
+
effect.selection.set(selected);
|
|
1376
|
+
invalidate();
|
|
1377
|
+
onCleanup(() => {
|
|
1378
|
+
effect.selection.clear();
|
|
1379
|
+
invalidate();
|
|
1380
|
+
});
|
|
1381
|
+
});
|
|
1382
|
+
}
|
|
1383
|
+
addLight(effect, light) {
|
|
1384
|
+
light.layers.enable(effect.selection.layer);
|
|
1385
|
+
}
|
|
1386
|
+
removeLight(effect, light) {
|
|
1387
|
+
light.layers.disable(effect.selection.layer);
|
|
1388
|
+
}
|
|
1389
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSelectiveBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1390
|
+
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: `
|
|
1391
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1392
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1393
|
+
}
|
|
1394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSelectiveBloom, decorators: [{
|
|
1395
|
+
type: Component,
|
|
1396
|
+
args: [{
|
|
1397
|
+
selector: 'ngtp-selective-bloom',
|
|
1398
|
+
template: `
|
|
1399
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1400
|
+
`,
|
|
1401
|
+
imports: [NgtArgs],
|
|
1402
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
1403
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1404
|
+
}]
|
|
1405
|
+
}], ctorParameters: () => [] });
|
|
1406
|
+
|
|
1274
1407
|
class NgtpSepia {
|
|
1275
1408
|
constructor() {
|
|
1276
1409
|
this.options = input({});
|
|
1277
1410
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1278
1411
|
extend({ SepiaEffect });
|
|
1279
1412
|
}
|
|
1280
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1281
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSepia, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1414
|
+
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: `
|
|
1282
1415
|
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()">
|
|
1283
1416
|
<ngtp-effect-blend-mode />
|
|
1284
1417
|
<ng-content />
|
|
1285
1418
|
</ngt-sepia-effect>
|
|
1286
1419
|
`, 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 }); }
|
|
1287
1420
|
}
|
|
1288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSepia, decorators: [{
|
|
1289
1422
|
type: Component,
|
|
1290
1423
|
args: [{
|
|
1291
1424
|
selector: 'ngtp-sepia',
|
|
@@ -1308,15 +1441,15 @@ class NgtpShockWave {
|
|
|
1308
1441
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1309
1442
|
extend({ ShockWaveEffect });
|
|
1310
1443
|
}
|
|
1311
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1312
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1444
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpShockWave, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1445
|
+
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: `
|
|
1313
1446
|
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()">
|
|
1314
1447
|
<ngtp-effect-blend-mode />
|
|
1315
1448
|
<ng-content />
|
|
1316
1449
|
</ngt-shock-wave-effect>
|
|
1317
1450
|
`, 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 }); }
|
|
1318
1451
|
}
|
|
1319
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpShockWave, decorators: [{
|
|
1320
1453
|
type: Component,
|
|
1321
1454
|
args: [{
|
|
1322
1455
|
selector: 'ngtp-shock-wave',
|
|
@@ -1339,15 +1472,15 @@ class NgtpSMAA {
|
|
|
1339
1472
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1340
1473
|
extend({ SMAAEffect });
|
|
1341
1474
|
}
|
|
1342
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1343
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1475
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSMAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1476
|
+
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: `
|
|
1344
1477
|
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
1345
1478
|
<ngtp-effect-blend-mode />
|
|
1346
1479
|
<ng-content />
|
|
1347
1480
|
</ngt-sMAA-effect>
|
|
1348
1481
|
`, 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 }); }
|
|
1349
1482
|
}
|
|
1350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpSMAA, decorators: [{
|
|
1351
1484
|
type: Component,
|
|
1352
1485
|
args: [{
|
|
1353
1486
|
selector: 'ngtp-smaa',
|
|
@@ -1370,15 +1503,15 @@ class NgtpTiltShift {
|
|
|
1370
1503
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1371
1504
|
extend({ TiltShiftEffect });
|
|
1372
1505
|
}
|
|
1373
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1374
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1506
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1507
|
+
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: `
|
|
1375
1508
|
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()">
|
|
1376
1509
|
<ngtp-effect-blend-mode />
|
|
1377
1510
|
<ng-content />
|
|
1378
1511
|
</ngt-tilt-shift-effect>
|
|
1379
1512
|
`, 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 }); }
|
|
1380
1513
|
}
|
|
1381
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift, decorators: [{
|
|
1382
1515
|
type: Component,
|
|
1383
1516
|
args: [{
|
|
1384
1517
|
selector: 'ngtp-tilt-shift',
|
|
@@ -1483,15 +1616,15 @@ class NgtpTiltShift2 {
|
|
|
1483
1616
|
this.options = input({});
|
|
1484
1617
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1485
1618
|
}
|
|
1486
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1487
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1619
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1620
|
+
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: `
|
|
1488
1621
|
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()">
|
|
1489
1622
|
<ngtp-effect-blend-mode />
|
|
1490
1623
|
<ng-content />
|
|
1491
1624
|
</ngt-tilt-shift2-effect>
|
|
1492
1625
|
`, 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 }); }
|
|
1493
1626
|
}
|
|
1494
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpTiltShift2, decorators: [{
|
|
1495
1628
|
type: Component,
|
|
1496
1629
|
args: [{
|
|
1497
1630
|
selector: 'ngtp-tilt-shift2',
|
|
@@ -1515,15 +1648,15 @@ class NgtpToneMapping {
|
|
|
1515
1648
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1516
1649
|
extend({ ToneMappingEffect });
|
|
1517
1650
|
}
|
|
1518
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1519
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1651
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpToneMapping, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1652
|
+
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: `
|
|
1520
1653
|
<ngt-tone-mapping-effect *args="[options()]" [camera]="effect.camera()">
|
|
1521
1654
|
<ngtp-effect-blend-mode />
|
|
1522
1655
|
<ng-content />
|
|
1523
1656
|
</ngt-tone-mapping-effect>
|
|
1524
1657
|
`, 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 }); }
|
|
1525
1658
|
}
|
|
1526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpToneMapping, decorators: [{
|
|
1527
1660
|
type: Component,
|
|
1528
1661
|
args: [{
|
|
1529
1662
|
selector: 'ngtp-tone-mapping',
|
|
@@ -1546,15 +1679,15 @@ class NgtpVignette {
|
|
|
1546
1679
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1547
1680
|
extend({ VignetteEffect });
|
|
1548
1681
|
}
|
|
1549
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1550
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1682
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpVignette, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1683
|
+
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: `
|
|
1551
1684
|
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()">
|
|
1552
1685
|
<ngtp-effect-blend-mode />
|
|
1553
1686
|
<ng-content />
|
|
1554
1687
|
</ngt-vignette-effect>
|
|
1555
1688
|
`, 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 }); }
|
|
1556
1689
|
}
|
|
1557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1690
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpVignette, decorators: [{
|
|
1558
1691
|
type: Component,
|
|
1559
1692
|
args: [{
|
|
1560
1693
|
selector: 'ngtp-vignette',
|
|
@@ -1601,15 +1734,15 @@ class NgtpWater {
|
|
|
1601
1734
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1602
1735
|
extend({ WaterEffect });
|
|
1603
1736
|
}
|
|
1604
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1605
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.
|
|
1737
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpWater, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1738
|
+
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: `
|
|
1606
1739
|
<ngt-water-effect *args="[options()]" [camera]="effect.camera()">
|
|
1607
1740
|
<ngtp-effect-blend-mode />
|
|
1608
1741
|
<ng-content />
|
|
1609
1742
|
</ngt-water-effect>
|
|
1610
1743
|
`, 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 }); }
|
|
1611
1744
|
}
|
|
1612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: NgtpWater, decorators: [{
|
|
1613
1746
|
type: Component,
|
|
1614
1747
|
args: [{
|
|
1615
1748
|
selector: 'ngtp-water',
|
|
@@ -1631,5 +1764,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.6", ngImpor
|
|
|
1631
1764
|
* Generated bundle index. Do not edit.
|
|
1632
1765
|
*/
|
|
1633
1766
|
|
|
1634
|
-
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 };
|
|
1767
|
+
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 };
|
|
1635
1768
|
//# sourceMappingURL=angular-three-postprocessing.mjs.map
|