angular-three-postprocessing 2.0.0-beta.242 → 2.0.0-beta.244
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/effect-composer.mjs +13 -29
- package/esm2022/lib/effect.mjs +10 -13
- package/esm2022/lib/effects/ascii.mjs +7 -8
- package/esm2022/lib/effects/bloom.mjs +6 -6
- package/esm2022/lib/effects/brightness-contrast.mjs +6 -16
- package/esm2022/lib/effects/chromatic-abberation.mjs +6 -16
- package/esm2022/lib/effects/color-average.mjs +7 -8
- package/esm2022/lib/effects/color-depth.mjs +6 -6
- package/esm2022/lib/effects/depth-of-field.mjs +7 -8
- package/esm2022/lib/effects/depth.mjs +6 -6
- package/esm2022/lib/effects/dot-screen.mjs +6 -6
- package/esm2022/lib/effects/fxaa.mjs +6 -6
- package/esm2022/lib/effects/glitch.mjs +8 -9
- package/esm2022/lib/effects/god-rays.mjs +7 -8
- package/esm2022/lib/effects/grid.mjs +8 -9
- package/esm2022/lib/effects/hue-saturation.mjs +6 -6
- package/esm2022/lib/effects/lens-flare.mjs +8 -9
- package/esm2022/lib/effects/lut.mjs +8 -9
- package/esm2022/lib/effects/noise.mjs +6 -6
- package/esm2022/lib/effects/pixelation.mjs +7 -8
- package/esm2022/lib/effects/scanline.mjs +6 -6
- package/esm2022/lib/effects/sepia.mjs +6 -6
- package/esm2022/lib/effects/shock-wave.mjs +6 -6
- package/esm2022/lib/effects/smaa.mjs +6 -6
- package/esm2022/lib/effects/tilt-shift-2.mjs +6 -6
- package/esm2022/lib/effects/tilt-shift.mjs +6 -6
- package/esm2022/lib/effects/vignette.mjs +6 -6
- package/esm2022/lib/effects/water.mjs +6 -6
- package/fesm2022/angular-three-postprocessing.mjs +156 -203
- package/fesm2022/angular-three-postprocessing.mjs.map +1 -1
- package/lib/effect-composer.d.ts +2 -9
- package/lib/effect.d.ts +2 -4
- package/lib/effects/ascii.d.ts +1 -2
- package/lib/effects/bloom.d.ts +1 -1
- package/lib/effects/brightness-contrast.d.ts +1 -1
- package/lib/effects/chromatic-abberation.d.ts +1 -1
- package/lib/effects/color-average.d.ts +2 -3
- package/lib/effects/color-depth.d.ts +1 -1
- package/lib/effects/depth-of-field.d.ts +1 -2
- package/lib/effects/depth.d.ts +1 -1
- package/lib/effects/dot-screen.d.ts +1 -1
- package/lib/effects/fxaa.d.ts +1 -1
- package/lib/effects/glitch.d.ts +1 -2
- package/lib/effects/god-rays.d.ts +1 -2
- package/lib/effects/grid.d.ts +1 -2
- package/lib/effects/hue-saturation.d.ts +1 -1
- package/lib/effects/lens-flare.d.ts +1 -2
- package/lib/effects/lut.d.ts +1 -2
- package/lib/effects/noise.d.ts +1 -1
- package/lib/effects/pixelation.d.ts +1 -2
- package/lib/effects/scanline.d.ts +1 -1
- package/lib/effects/sepia.d.ts +1 -1
- package/lib/effects/shock-wave.d.ts +1 -1
- package/lib/effects/smaa.d.ts +1 -1
- package/lib/effects/tilt-shift-2.d.ts +1 -1
- package/lib/effects/tilt-shift.d.ts +1 -1
- package/lib/effects/vignette.d.ts +1 -1
- package/lib/effects/water.d.ts +1 -1
- package/package.json +53 -54
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, input, Directive, Injector, computed, viewChild,
|
|
3
|
-
import {
|
|
4
|
-
import { injectAutoEffect } from 'ngxtension/auto-effect';
|
|
2
|
+
import { inject, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, input, Directive, Injector, computed, viewChild, afterNextRender } from '@angular/core';
|
|
3
|
+
import { injectStore, extend, createApiToken, pick, injectBeforeRender, getLocalState, NgtArgs, vector2, is } from 'angular-three';
|
|
5
4
|
import { createNoopInjectionToken } from 'ngxtension/create-injection-token';
|
|
5
|
+
import { injectAutoEffect } from 'ngxtension/auto-effect';
|
|
6
6
|
import { mergeInputs } from 'ngxtension/inject-inputs';
|
|
7
7
|
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, PixelationEffect, ScanlineEffect, SepiaEffect, ShockWaveEffect, SMAAEffect, TiltShiftEffect, VignetteEffect } from 'postprocessing';
|
|
8
8
|
import { Group, HalfFloatType, NoToneMapping, Uniform, Texture, Color, CanvasTexture, RepeatWrapping, NearestFilter, Vector3, Vector2, Mesh } from 'three';
|
|
@@ -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: "18.0.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpEffectBlendMode, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.6", 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: "18.0.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpEffectBlendMode, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: 'ngtp-effect-blend-mode',
|
|
@@ -40,22 +40,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
40
40
|
class NgtpEffect {
|
|
41
41
|
constructor() {
|
|
42
42
|
this.defaultEffectOptions = injectDefaultEffectOptions({ optional: true });
|
|
43
|
-
this.effectRef = input(injectNgtRef());
|
|
44
43
|
this.blendFunction = input(this.defaultEffectOptions?.blendFunction);
|
|
45
44
|
this.opacity = input(this.defaultEffectOptions?.opacity);
|
|
46
|
-
this.
|
|
47
|
-
this.store = injectNgtStore();
|
|
45
|
+
this.store = injectStore();
|
|
48
46
|
this.camera = this.store.select('camera');
|
|
49
47
|
this.invalidate = this.store.select('invalidate');
|
|
50
48
|
}
|
|
51
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
52
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.
|
|
49
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpEffect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
50
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.0.6", 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 }); }
|
|
53
51
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpEffect, decorators: [{
|
|
55
53
|
type: Directive,
|
|
56
54
|
args: [{ standalone: true }]
|
|
57
55
|
}] });
|
|
58
|
-
const NgtpEffectHostDirective = { directive: NgtpEffect, inputs: ['blendFunction', 'opacity'
|
|
56
|
+
const NgtpEffectHostDirective = { directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] };
|
|
59
57
|
|
|
60
58
|
extend({ Group });
|
|
61
59
|
const [injectEffectComposerApi, provideEffectComposerApi] = createApiToken(() => NgtpEffectComposer);
|
|
@@ -69,20 +67,12 @@ const defaultOptions$3 = {
|
|
|
69
67
|
function isConvolution(effect) {
|
|
70
68
|
return (effect.getAttributes() & EffectAttribute.CONVOLUTION) === EffectAttribute.CONVOLUTION;
|
|
71
69
|
}
|
|
72
|
-
class NgtpEffects {
|
|
73
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NgtpEffects, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
74
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: NgtpEffects, isStandalone: true, selector: "ng-template[effects]", ngImport: i0 }); }
|
|
75
|
-
}
|
|
76
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NgtpEffects, decorators: [{
|
|
77
|
-
type: Directive,
|
|
78
|
-
args: [{ selector: 'ng-template[effects]', standalone: true }]
|
|
79
|
-
}] });
|
|
80
70
|
class NgtpEffectComposer {
|
|
81
71
|
constructor() {
|
|
82
72
|
this.options = input(defaultOptions$3, { transform: mergeInputs(defaultOptions$3) });
|
|
83
73
|
this.injector = inject(Injector);
|
|
84
74
|
this.autoEffect = injectAutoEffect();
|
|
85
|
-
this.store =
|
|
75
|
+
this.store = injectStore();
|
|
86
76
|
this.size = this.store.select('size');
|
|
87
77
|
this.gl = this.store.select('gl');
|
|
88
78
|
this.defaultScene = this.store.select('scene');
|
|
@@ -96,8 +86,6 @@ class NgtpEffectComposer {
|
|
|
96
86
|
this.enableNormalPass = pick(this.options, 'enableNormalPass');
|
|
97
87
|
this.resolutionScale = pick(this.options, 'resolutionScale');
|
|
98
88
|
this.group = viewChild.required('group');
|
|
99
|
-
this.groupAnchor = viewChild.required('group', { read: ViewContainerRef });
|
|
100
|
-
this.content = contentChild.required(NgtpEffects, { read: TemplateRef });
|
|
101
89
|
this.composerData = computed(() => {
|
|
102
90
|
const webGL2Available = isWebGL2Available();
|
|
103
91
|
const [gl, scene, camera, depthBuffer, stencilBuffer, multisampling, frameBufferType, enableNormalPass, resolutionScale,] = [
|
|
@@ -147,7 +135,6 @@ class NgtpEffectComposer {
|
|
|
147
135
|
afterNextRender(() => {
|
|
148
136
|
this.disableToneMapping();
|
|
149
137
|
this.setComposerSize();
|
|
150
|
-
this.render();
|
|
151
138
|
this.updatePasses();
|
|
152
139
|
injectBeforeRender(({ delta }) => {
|
|
153
140
|
const [{ composer }, { enabled, autoClear, stencilBuffer }, gl] = [
|
|
@@ -185,15 +172,6 @@ class NgtpEffectComposer {
|
|
|
185
172
|
}
|
|
186
173
|
});
|
|
187
174
|
}
|
|
188
|
-
render() {
|
|
189
|
-
this.autoEffect((injector) => {
|
|
190
|
-
return untracked(() => {
|
|
191
|
-
const ref = this.groupAnchor().createEmbeddedView(this.content(), {}, { injector });
|
|
192
|
-
ref.detectChanges();
|
|
193
|
-
return () => ref.destroy();
|
|
194
|
-
});
|
|
195
|
-
}, { allowSignalWrites: true });
|
|
196
|
-
}
|
|
197
175
|
updatePasses() {
|
|
198
176
|
this.autoEffect(() => {
|
|
199
177
|
const [group, { composer, normalPass, downSamplingPass }, camera] = [
|
|
@@ -245,18 +223,22 @@ class NgtpEffectComposer {
|
|
|
245
223
|
};
|
|
246
224
|
});
|
|
247
225
|
}
|
|
248
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
249
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.
|
|
250
|
-
<ngt-group #group
|
|
226
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpEffectComposer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
227
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.6", type: NgtpEffectComposer, isStandalone: true, selector: "ngtp-effect-composer", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideEffectComposerApi()], viewQueries: [{ propertyName: "group", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
228
|
+
<ngt-group #group>
|
|
229
|
+
<ng-content />
|
|
230
|
+
</ngt-group>
|
|
251
231
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
252
232
|
}
|
|
253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpEffectComposer, decorators: [{
|
|
254
234
|
type: Component,
|
|
255
235
|
args: [{
|
|
256
236
|
selector: 'ngtp-effect-composer',
|
|
257
237
|
standalone: true,
|
|
258
238
|
template: `
|
|
259
|
-
<ngt-group #group
|
|
239
|
+
<ngt-group #group>
|
|
240
|
+
<ng-content />
|
|
241
|
+
</ngt-group>
|
|
260
242
|
`,
|
|
261
243
|
providers: [provideEffectComposerApi()],
|
|
262
244
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -356,22 +338,21 @@ const defaultOptions$2 = {
|
|
|
356
338
|
};
|
|
357
339
|
class NgtpASCII {
|
|
358
340
|
constructor() {
|
|
359
|
-
this.effectRef = input(injectNgtRef());
|
|
360
341
|
this.options = input(defaultOptions$2, { transform: mergeInputs(defaultOptions$2) });
|
|
361
342
|
this.effect = computed(() => new ASCIIEffect(this.options()));
|
|
362
343
|
}
|
|
363
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
364
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
365
|
-
<ngt-primitive *args="[effect()]"
|
|
344
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpASCII, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
345
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpASCII, isStandalone: true, selector: "ngtp-ascii", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
346
|
+
<ngt-primitive *args="[effect()]" />
|
|
366
347
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
367
348
|
}
|
|
368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
349
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpASCII, decorators: [{
|
|
369
350
|
type: Component,
|
|
370
351
|
args: [{
|
|
371
352
|
selector: 'ngtp-ascii',
|
|
372
353
|
standalone: true,
|
|
373
354
|
template: `
|
|
374
|
-
<ngt-primitive *args="[effect()]"
|
|
355
|
+
<ngt-primitive *args="[effect()]" />
|
|
375
356
|
`,
|
|
376
357
|
imports: [NgtArgs],
|
|
377
358
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -385,21 +366,21 @@ class NgtpBloom {
|
|
|
385
366
|
this.effect = inject(NgtpEffect, { host: true });
|
|
386
367
|
this.options = input({});
|
|
387
368
|
}
|
|
388
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
389
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
390
|
-
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()"
|
|
369
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
370
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
371
|
+
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()">
|
|
391
372
|
<ngtp-effect-blend-mode />
|
|
392
373
|
<ng-content />
|
|
393
374
|
</ngt-bloom-effect>
|
|
394
375
|
`, 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 }); }
|
|
395
376
|
}
|
|
396
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpBloom, decorators: [{
|
|
397
378
|
type: Component,
|
|
398
379
|
args: [{
|
|
399
380
|
selector: 'ngtp-bloom',
|
|
400
381
|
standalone: true,
|
|
401
382
|
template: `
|
|
402
|
-
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()"
|
|
383
|
+
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()">
|
|
403
384
|
<ngtp-effect-blend-mode />
|
|
404
385
|
<ng-content />
|
|
405
386
|
</ngt-bloom-effect>
|
|
@@ -418,31 +399,21 @@ class NgtpBrightnessContrast {
|
|
|
418
399
|
this.effect = inject(NgtpEffect, { host: true });
|
|
419
400
|
this.options = input({});
|
|
420
401
|
}
|
|
421
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
422
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
423
|
-
<ngt-brightness-contrast-effect
|
|
424
|
-
*args="[options()]"
|
|
425
|
-
[camera]="effect.camera()"
|
|
426
|
-
[ref]="effect.effectRef()"
|
|
427
|
-
ngtCompound
|
|
428
|
-
>
|
|
402
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpBrightnessContrast, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
403
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
404
|
+
<ngt-brightness-contrast-effect *args="[options()]" [camera]="effect.camera()">
|
|
429
405
|
<ngtp-effect-blend-mode />
|
|
430
406
|
<ng-content />
|
|
431
407
|
</ngt-brightness-contrast-effect>
|
|
432
408
|
`, 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 }); }
|
|
433
409
|
}
|
|
434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
|
|
435
411
|
type: Component,
|
|
436
412
|
args: [{
|
|
437
413
|
selector: 'ngtp-brightness-contrast',
|
|
438
414
|
standalone: true,
|
|
439
415
|
template: `
|
|
440
|
-
<ngt-brightness-contrast-effect
|
|
441
|
-
*args="[options()]"
|
|
442
|
-
[camera]="effect.camera()"
|
|
443
|
-
[ref]="effect.effectRef()"
|
|
444
|
-
ngtCompound
|
|
445
|
-
>
|
|
416
|
+
<ngt-brightness-contrast-effect *args="[options()]" [camera]="effect.camera()">
|
|
446
417
|
<ngtp-effect-blend-mode />
|
|
447
418
|
<ng-content />
|
|
448
419
|
</ngt-brightness-contrast-effect>
|
|
@@ -460,30 +431,20 @@ class NgtpChromaticAberration {
|
|
|
460
431
|
this.effect = inject(NgtpEffect, { host: true });
|
|
461
432
|
this.options = input({});
|
|
462
433
|
}
|
|
463
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
464
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
465
|
-
<ngt-chromatic-aberration-effect
|
|
466
|
-
*args="[options()]"
|
|
467
|
-
[camera]="effect.camera()"
|
|
468
|
-
[ref]="effect.effectRef()"
|
|
469
|
-
ngtCompound
|
|
470
|
-
>
|
|
434
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpChromaticAberration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
435
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
436
|
+
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="effect.camera()">
|
|
471
437
|
<ngtp-effect-blend-mode />
|
|
472
438
|
<ng-content />
|
|
473
439
|
</ngt-chromatic-aberration-effect>
|
|
474
440
|
`, 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 }); }
|
|
475
441
|
}
|
|
476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpChromaticAberration, decorators: [{
|
|
477
443
|
type: Component,
|
|
478
444
|
args: [{
|
|
479
445
|
selector: 'ngtp-chromatic-aberration',
|
|
480
446
|
template: `
|
|
481
|
-
<ngt-chromatic-aberration-effect
|
|
482
|
-
*args="[options()]"
|
|
483
|
-
[camera]="effect.camera()"
|
|
484
|
-
[ref]="effect.effectRef()"
|
|
485
|
-
ngtCompound
|
|
486
|
-
>
|
|
447
|
+
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="effect.camera()">
|
|
487
448
|
<ngtp-effect-blend-mode />
|
|
488
449
|
<ng-content />
|
|
489
450
|
</ngt-chromatic-aberration-effect>
|
|
@@ -499,23 +460,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
499
460
|
extend({ ColorAverageEffect });
|
|
500
461
|
class NgtpColorAverage {
|
|
501
462
|
constructor() {
|
|
502
|
-
this.effectRef = input(injectNgtRef());
|
|
503
463
|
this.options = input({ blendFunction: BlendFunction.NORMAL }, { transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) });
|
|
504
464
|
}
|
|
505
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
507
|
-
<ngt-color-average-effect *args="[options().blendFunction]"
|
|
465
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpColorAverage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
466
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpColorAverage, isStandalone: true, selector: "ngtp-color-average", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
467
|
+
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
508
468
|
<ng-content />
|
|
509
469
|
</ngt-color-average-effect>
|
|
510
470
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
511
471
|
}
|
|
512
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpColorAverage, decorators: [{
|
|
513
473
|
type: Component,
|
|
514
474
|
args: [{
|
|
515
475
|
selector: 'ngtp-color-average',
|
|
516
476
|
standalone: true,
|
|
517
477
|
template: `
|
|
518
|
-
<ngt-color-average-effect *args="[options().blendFunction]"
|
|
478
|
+
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
519
479
|
<ng-content />
|
|
520
480
|
</ngt-color-average-effect>
|
|
521
481
|
`,
|
|
@@ -531,20 +491,20 @@ class NgtpColorDepth {
|
|
|
531
491
|
this.effect = inject(NgtpEffect, { host: true });
|
|
532
492
|
this.options = input({});
|
|
533
493
|
}
|
|
534
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
535
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
536
|
-
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()"
|
|
494
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpColorDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
495
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
496
|
+
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
537
497
|
<ngtp-effect-blend-mode />
|
|
538
498
|
<ng-content />
|
|
539
499
|
</ngt-color-depth-effect>
|
|
540
500
|
`, 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 }); }
|
|
541
501
|
}
|
|
542
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpColorDepth, decorators: [{
|
|
543
503
|
type: Component,
|
|
544
504
|
args: [{
|
|
545
505
|
selector: 'ngtp-color-depth',
|
|
546
506
|
template: `
|
|
547
|
-
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()"
|
|
507
|
+
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
548
508
|
<ngtp-effect-blend-mode />
|
|
549
509
|
<ng-content />
|
|
550
510
|
</ngt-color-depth-effect>
|
|
@@ -563,20 +523,20 @@ class NgtpDepth {
|
|
|
563
523
|
this.effect = inject(NgtpEffect, { host: true });
|
|
564
524
|
this.options = input({});
|
|
565
525
|
}
|
|
566
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
567
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
568
|
-
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()"
|
|
526
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
527
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
528
|
+
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
569
529
|
<ngtp-effect-blend-mode />
|
|
570
530
|
<ng-content />
|
|
571
531
|
</ngt-depth-effect>
|
|
572
532
|
`, 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 }); }
|
|
573
533
|
}
|
|
574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
534
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpDepth, decorators: [{
|
|
575
535
|
type: Component,
|
|
576
536
|
args: [{
|
|
577
537
|
selector: 'ngtp-depth',
|
|
578
538
|
template: `
|
|
579
|
-
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()"
|
|
539
|
+
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
580
540
|
<ngtp-effect-blend-mode />
|
|
581
541
|
<ng-content />
|
|
582
542
|
</ngt-depth-effect>
|
|
@@ -593,7 +553,6 @@ class NgtpDepthOfField {
|
|
|
593
553
|
constructor() {
|
|
594
554
|
this.autoEffect = injectAutoEffect();
|
|
595
555
|
this.composerApi = injectEffectComposerApi();
|
|
596
|
-
this.effectRef = input(injectNgtRef());
|
|
597
556
|
this.options = input({});
|
|
598
557
|
this.autoFocus = computed(() => this.options().target != null);
|
|
599
558
|
this.effect = computed(() => {
|
|
@@ -620,18 +579,18 @@ class NgtpDepthOfField {
|
|
|
620
579
|
});
|
|
621
580
|
});
|
|
622
581
|
}
|
|
623
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
624
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
625
|
-
<ngt-primitive *args="[effect()]"
|
|
582
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpDepthOfField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
583
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpDepthOfField, isStandalone: true, selector: "ngtp-depth-of-field", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
584
|
+
<ngt-primitive *args="[effect()]" />
|
|
626
585
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
627
586
|
}
|
|
628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpDepthOfField, decorators: [{
|
|
629
588
|
type: Component,
|
|
630
589
|
args: [{
|
|
631
590
|
selector: 'ngtp-depth-of-field',
|
|
632
591
|
standalone: true,
|
|
633
592
|
template: `
|
|
634
|
-
<ngt-primitive *args="[effect()]"
|
|
593
|
+
<ngt-primitive *args="[effect()]" />
|
|
635
594
|
`,
|
|
636
595
|
imports: [NgtArgs],
|
|
637
596
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -645,20 +604,20 @@ class NgtpDotScreen {
|
|
|
645
604
|
this.effect = inject(NgtpEffect, { host: true });
|
|
646
605
|
this.options = input({});
|
|
647
606
|
}
|
|
648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
649
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
650
|
-
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()"
|
|
607
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpDotScreen, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
608
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
609
|
+
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()">
|
|
651
610
|
<ngtp-effect-blend-mode />
|
|
652
611
|
<ng-content />
|
|
653
612
|
</ngt-dot-screen-effect>
|
|
654
613
|
`, 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 }); }
|
|
655
614
|
}
|
|
656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
615
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpDotScreen, decorators: [{
|
|
657
616
|
type: Component,
|
|
658
617
|
args: [{
|
|
659
618
|
selector: 'ngtp-dot-screen',
|
|
660
619
|
template: `
|
|
661
|
-
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()"
|
|
620
|
+
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()">
|
|
662
621
|
<ngtp-effect-blend-mode />
|
|
663
622
|
<ng-content />
|
|
664
623
|
</ngt-dot-screen-effect>
|
|
@@ -677,20 +636,20 @@ class NgtpFXAA {
|
|
|
677
636
|
this.effect = inject(NgtpEffect, { host: true });
|
|
678
637
|
this.options = input({});
|
|
679
638
|
}
|
|
680
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
681
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
682
|
-
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()"
|
|
639
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpFXAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
640
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
641
|
+
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
683
642
|
<ngtp-effect-blend-mode />
|
|
684
643
|
<ng-content />
|
|
685
644
|
</ngt-fXAA-effect>
|
|
686
645
|
`, 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 }); }
|
|
687
646
|
}
|
|
688
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpFXAA, decorators: [{
|
|
689
648
|
type: Component,
|
|
690
649
|
args: [{
|
|
691
650
|
selector: 'ngtp-fxaa',
|
|
692
651
|
template: `
|
|
693
|
-
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()"
|
|
652
|
+
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
694
653
|
<ngtp-effect-blend-mode />
|
|
695
654
|
<ng-content />
|
|
696
655
|
</ngt-fXAA-effect>
|
|
@@ -706,9 +665,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
706
665
|
class NgtpGlitch {
|
|
707
666
|
constructor() {
|
|
708
667
|
this.autoEffect = injectAutoEffect();
|
|
709
|
-
this.store =
|
|
668
|
+
this.store = injectStore();
|
|
710
669
|
this.invalidate = this.store.select('invalidate');
|
|
711
|
-
this.effectRef = input(injectNgtRef());
|
|
712
670
|
this.options = input({ active: true }, { transform: mergeInputs({ active: true }) });
|
|
713
671
|
this.active = pick(this.options, 'active');
|
|
714
672
|
this.mode = pick(this.options, 'mode');
|
|
@@ -742,18 +700,18 @@ class NgtpGlitch {
|
|
|
742
700
|
});
|
|
743
701
|
});
|
|
744
702
|
}
|
|
745
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
746
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
747
|
-
<ngt-primitive *args="[effect()]"
|
|
703
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpGlitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
704
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpGlitch, isStandalone: true, selector: "ngtp-glitch", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
705
|
+
<ngt-primitive *args="[effect()]" />
|
|
748
706
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
749
707
|
}
|
|
750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
708
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpGlitch, decorators: [{
|
|
751
709
|
type: Component,
|
|
752
710
|
args: [{
|
|
753
711
|
selector: 'ngtp-glitch',
|
|
754
712
|
standalone: true,
|
|
755
713
|
template: `
|
|
756
|
-
<ngt-primitive *args="[effect()]"
|
|
714
|
+
<ngt-primitive *args="[effect()]" />
|
|
757
715
|
`,
|
|
758
716
|
imports: [NgtArgs],
|
|
759
717
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -765,7 +723,6 @@ class NgtpGodRays {
|
|
|
765
723
|
constructor() {
|
|
766
724
|
this.autoEffect = injectAutoEffect();
|
|
767
725
|
this.composerApi = injectEffectComposerApi();
|
|
768
|
-
this.effectRef = input(injectNgtRef());
|
|
769
726
|
this.options = input({});
|
|
770
727
|
this.effect = computed(() => {
|
|
771
728
|
const [{ camera }, { sun, ...options }] = [this.composerApi(), this.options()];
|
|
@@ -778,18 +735,18 @@ class NgtpGodRays {
|
|
|
778
735
|
});
|
|
779
736
|
});
|
|
780
737
|
}
|
|
781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
783
|
-
<ngt-primitive *args="[effect()]"
|
|
738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpGodRays, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpGodRays, isStandalone: true, selector: "ngtp-god-rays", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
740
|
+
<ngt-primitive *args="[effect()]" />
|
|
784
741
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
785
742
|
}
|
|
786
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
743
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpGodRays, decorators: [{
|
|
787
744
|
type: Component,
|
|
788
745
|
args: [{
|
|
789
746
|
selector: 'ngtp-god-rays',
|
|
790
747
|
standalone: true,
|
|
791
748
|
template: `
|
|
792
|
-
<ngt-primitive *args="[effect()]"
|
|
749
|
+
<ngt-primitive *args="[effect()]" />
|
|
793
750
|
`,
|
|
794
751
|
imports: [NgtArgs],
|
|
795
752
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -800,9 +757,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
800
757
|
class NgtpGrid {
|
|
801
758
|
constructor() {
|
|
802
759
|
this.autoEffect = injectAutoEffect();
|
|
803
|
-
this.store =
|
|
760
|
+
this.store = injectStore();
|
|
804
761
|
this.invalidate = this.store.select('invalidate');
|
|
805
|
-
this.effectRef = input(injectNgtRef());
|
|
806
762
|
this.options = input({});
|
|
807
763
|
this.size = pick(this.options, 'size');
|
|
808
764
|
this.effect = computed(() => {
|
|
@@ -818,18 +774,18 @@ class NgtpGrid {
|
|
|
818
774
|
});
|
|
819
775
|
});
|
|
820
776
|
}
|
|
821
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
822
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
823
|
-
<ngt-primitive *args="[effect()]"
|
|
777
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
778
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpGrid, isStandalone: true, selector: "ngtp-grid", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
779
|
+
<ngt-primitive *args="[effect()]" />
|
|
824
780
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
825
781
|
}
|
|
826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
782
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpGrid, decorators: [{
|
|
827
783
|
type: Component,
|
|
828
784
|
args: [{
|
|
829
785
|
selector: 'ngtp-grid',
|
|
830
786
|
standalone: true,
|
|
831
787
|
template: `
|
|
832
|
-
<ngt-primitive *args="[effect()]"
|
|
788
|
+
<ngt-primitive *args="[effect()]" />
|
|
833
789
|
`,
|
|
834
790
|
imports: [NgtArgs],
|
|
835
791
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -843,20 +799,20 @@ class NgtpHueSaturation {
|
|
|
843
799
|
this.effect = inject(NgtpEffect, { host: true });
|
|
844
800
|
this.options = input({});
|
|
845
801
|
}
|
|
846
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
847
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
848
|
-
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()"
|
|
802
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpHueSaturation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
803
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
804
|
+
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()">
|
|
849
805
|
<ngtp-effect-blend-mode />
|
|
850
806
|
<ng-content />
|
|
851
807
|
</ngt-hue-saturation-effect>
|
|
852
808
|
`, 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 }); }
|
|
853
809
|
}
|
|
854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
810
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpHueSaturation, decorators: [{
|
|
855
811
|
type: Component,
|
|
856
812
|
args: [{
|
|
857
813
|
selector: 'ngtp-hue-saturation',
|
|
858
814
|
template: `
|
|
859
|
-
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()"
|
|
815
|
+
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()">
|
|
860
816
|
<ngtp-effect-blend-mode />
|
|
861
817
|
<ng-content />
|
|
862
818
|
</ngt-hue-saturation-effect>
|
|
@@ -960,12 +916,11 @@ const defaultOptions$1 = {
|
|
|
960
916
|
class NgtpLensFlare {
|
|
961
917
|
constructor() {
|
|
962
918
|
this.autoEffect = injectAutoEffect();
|
|
963
|
-
this.store =
|
|
919
|
+
this.store = injectStore();
|
|
964
920
|
this.viewport = this.store.select('viewport');
|
|
965
921
|
this.raycaster = this.store.select('raycaster');
|
|
966
922
|
this.pointer = this.store.select('pointer');
|
|
967
923
|
this.composerApi = injectEffectComposerApi();
|
|
968
|
-
this.effectRef = input(injectNgtRef());
|
|
969
924
|
this.options = input(defaultOptions$1, { transform: mergeInputs(defaultOptions$1) });
|
|
970
925
|
this.projectedPosition = new Vector3();
|
|
971
926
|
this.mouse2d = new Vector2();
|
|
@@ -1036,18 +991,18 @@ class NgtpLensFlare {
|
|
|
1036
991
|
easing.damp(uOpacity, 'value', target, smoothTime, delta);
|
|
1037
992
|
});
|
|
1038
993
|
}
|
|
1039
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1040
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1041
|
-
<ngt-primitive *args="[effect()]" [
|
|
994
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpLensFlare, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
995
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpLensFlare, isStandalone: true, selector: "ngtp-lens-flare", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
996
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1042
997
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1043
998
|
}
|
|
1044
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpLensFlare, decorators: [{
|
|
1045
1000
|
type: Component,
|
|
1046
1001
|
args: [{
|
|
1047
1002
|
selector: 'ngtp-lens-flare',
|
|
1048
1003
|
standalone: true,
|
|
1049
1004
|
template: `
|
|
1050
|
-
<ngt-primitive *args="[effect()]" [
|
|
1005
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1051
1006
|
`,
|
|
1052
1007
|
imports: [NgtArgs],
|
|
1053
1008
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -1058,9 +1013,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1058
1013
|
class NgtpLUT {
|
|
1059
1014
|
constructor() {
|
|
1060
1015
|
this.autoEffect = injectAutoEffect();
|
|
1061
|
-
this.store =
|
|
1016
|
+
this.store = injectStore();
|
|
1062
1017
|
this.invalidate = this.store.select('invalidate');
|
|
1063
|
-
this.effectRef = input(injectNgtRef());
|
|
1064
1018
|
this.options = input({});
|
|
1065
1019
|
this.lut = pick(this.options, 'lut');
|
|
1066
1020
|
this.effect = computed(() => {
|
|
@@ -1082,17 +1036,17 @@ class NgtpLUT {
|
|
|
1082
1036
|
});
|
|
1083
1037
|
});
|
|
1084
1038
|
}
|
|
1085
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1086
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1087
|
-
<ngt-primitive *args="[effect()]" [
|
|
1039
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpLUT, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1040
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpLUT, isStandalone: true, selector: "ngtp-lut", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1041
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1088
1042
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1089
1043
|
}
|
|
1090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpLUT, decorators: [{
|
|
1091
1045
|
type: Component,
|
|
1092
1046
|
args: [{
|
|
1093
1047
|
selector: 'ngtp-lut',
|
|
1094
1048
|
template: `
|
|
1095
|
-
<ngt-primitive *args="[effect()]" [
|
|
1049
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1096
1050
|
`,
|
|
1097
1051
|
imports: [NgtArgs],
|
|
1098
1052
|
standalone: true,
|
|
@@ -1107,20 +1061,20 @@ class NgtpNoise {
|
|
|
1107
1061
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1108
1062
|
this.options = input({});
|
|
1109
1063
|
}
|
|
1110
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1112
|
-
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()"
|
|
1064
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpNoise, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1066
|
+
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()">
|
|
1113
1067
|
<ngtp-effect-blend-mode />
|
|
1114
1068
|
<ng-content />
|
|
1115
1069
|
</ngt-noise-effect>
|
|
1116
1070
|
`, 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 }); }
|
|
1117
1071
|
}
|
|
1118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1072
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpNoise, decorators: [{
|
|
1119
1073
|
type: Component,
|
|
1120
1074
|
args: [{
|
|
1121
1075
|
selector: 'ngtp-noise',
|
|
1122
1076
|
template: `
|
|
1123
|
-
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()"
|
|
1077
|
+
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()">
|
|
1124
1078
|
<ngtp-effect-blend-mode />
|
|
1125
1079
|
<ng-content />
|
|
1126
1080
|
</ngt-noise-effect>
|
|
@@ -1136,22 +1090,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1136
1090
|
|
|
1137
1091
|
class NgtpPixelation {
|
|
1138
1092
|
constructor() {
|
|
1139
|
-
this.effectRef = input(injectNgtRef());
|
|
1140
1093
|
this.options = input({ granularity: 5 }, { transform: mergeInputs({ granularity: 5 }) });
|
|
1141
1094
|
this.granularity = pick(this.options, 'granularity');
|
|
1142
1095
|
this.effect = computed(() => new PixelationEffect(this.granularity()));
|
|
1143
1096
|
}
|
|
1144
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1145
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1146
|
-
<ngt-primitive *args="[effect()]"
|
|
1097
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpPixelation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1098
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", type: NgtpPixelation, isStandalone: true, selector: "ngtp-pixelation", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1099
|
+
<ngt-primitive *args="[effect()]" />
|
|
1147
1100
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1148
1101
|
}
|
|
1149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpPixelation, decorators: [{
|
|
1150
1103
|
type: Component,
|
|
1151
1104
|
args: [{
|
|
1152
1105
|
selector: 'ngtp-pixelation',
|
|
1153
1106
|
template: `
|
|
1154
|
-
<ngt-primitive *args="[effect()]"
|
|
1107
|
+
<ngt-primitive *args="[effect()]" />
|
|
1155
1108
|
`,
|
|
1156
1109
|
standalone: true,
|
|
1157
1110
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1169,20 +1122,20 @@ class NgtpScanline {
|
|
|
1169
1122
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1170
1123
|
this.options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
|
|
1171
1124
|
}
|
|
1172
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1173
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1174
|
-
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()"
|
|
1125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpScanline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1127
|
+
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()">
|
|
1175
1128
|
<ngtp-effect-blend-mode />
|
|
1176
1129
|
<ng-content />
|
|
1177
1130
|
</ngt-scanline-effect>
|
|
1178
1131
|
`, 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 }); }
|
|
1179
1132
|
}
|
|
1180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpScanline, decorators: [{
|
|
1181
1134
|
type: Component,
|
|
1182
1135
|
args: [{
|
|
1183
1136
|
selector: 'ngtp-scanline',
|
|
1184
1137
|
template: `
|
|
1185
|
-
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()"
|
|
1138
|
+
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()">
|
|
1186
1139
|
<ngtp-effect-blend-mode />
|
|
1187
1140
|
<ng-content />
|
|
1188
1141
|
</ngt-scanline-effect>
|
|
@@ -1202,20 +1155,20 @@ class NgtpSepia {
|
|
|
1202
1155
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1203
1156
|
this.options = input({});
|
|
1204
1157
|
}
|
|
1205
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1207
|
-
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()"
|
|
1158
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpSepia, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1159
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1160
|
+
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()">
|
|
1208
1161
|
<ngtp-effect-blend-mode />
|
|
1209
1162
|
<ng-content />
|
|
1210
1163
|
</ngt-sepia-effect>
|
|
1211
1164
|
`, 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 }); }
|
|
1212
1165
|
}
|
|
1213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpSepia, decorators: [{
|
|
1214
1167
|
type: Component,
|
|
1215
1168
|
args: [{
|
|
1216
1169
|
selector: 'ngtp-sepia',
|
|
1217
1170
|
template: `
|
|
1218
|
-
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()"
|
|
1171
|
+
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()">
|
|
1219
1172
|
<ngtp-effect-blend-mode />
|
|
1220
1173
|
<ng-content />
|
|
1221
1174
|
</ngt-sepia-effect>
|
|
@@ -1234,20 +1187,20 @@ class NgtpShockWave {
|
|
|
1234
1187
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1235
1188
|
this.options = input({});
|
|
1236
1189
|
}
|
|
1237
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1238
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1239
|
-
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()"
|
|
1190
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpShockWave, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1191
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1192
|
+
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()">
|
|
1240
1193
|
<ngtp-effect-blend-mode />
|
|
1241
1194
|
<ng-content />
|
|
1242
1195
|
</ngt-shock-wave-effect>
|
|
1243
1196
|
`, 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 }); }
|
|
1244
1197
|
}
|
|
1245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpShockWave, decorators: [{
|
|
1246
1199
|
type: Component,
|
|
1247
1200
|
args: [{
|
|
1248
1201
|
selector: 'ngtp-shock-wave',
|
|
1249
1202
|
template: `
|
|
1250
|
-
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()"
|
|
1203
|
+
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()">
|
|
1251
1204
|
<ngtp-effect-blend-mode />
|
|
1252
1205
|
<ng-content />
|
|
1253
1206
|
</ngt-shock-wave-effect>
|
|
@@ -1266,20 +1219,20 @@ class NgtpSMAA {
|
|
|
1266
1219
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1267
1220
|
this.options = input({});
|
|
1268
1221
|
}
|
|
1269
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1270
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1271
|
-
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()"
|
|
1222
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpSMAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1223
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1224
|
+
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
1272
1225
|
<ngtp-effect-blend-mode />
|
|
1273
1226
|
<ng-content />
|
|
1274
1227
|
</ngt-sMAA-effect>
|
|
1275
1228
|
`, 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 }); }
|
|
1276
1229
|
}
|
|
1277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpSMAA, decorators: [{
|
|
1278
1231
|
type: Component,
|
|
1279
1232
|
args: [{
|
|
1280
1233
|
selector: 'ngtp-smaa',
|
|
1281
1234
|
template: `
|
|
1282
|
-
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()"
|
|
1235
|
+
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
1283
1236
|
<ngtp-effect-blend-mode />
|
|
1284
1237
|
<ng-content />
|
|
1285
1238
|
</ngt-sMAA-effect>
|
|
@@ -1298,20 +1251,20 @@ class NgtpTiltShift {
|
|
|
1298
1251
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1299
1252
|
this.options = input({});
|
|
1300
1253
|
}
|
|
1301
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1302
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1303
|
-
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()"
|
|
1254
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpTiltShift, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1255
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1256
|
+
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()">
|
|
1304
1257
|
<ngtp-effect-blend-mode />
|
|
1305
1258
|
<ng-content />
|
|
1306
1259
|
</ngt-tilt-shift-effect>
|
|
1307
1260
|
`, 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 }); }
|
|
1308
1261
|
}
|
|
1309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1262
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpTiltShift, decorators: [{
|
|
1310
1263
|
type: Component,
|
|
1311
1264
|
args: [{
|
|
1312
1265
|
selector: 'ngtp-tilt-shift',
|
|
1313
1266
|
template: `
|
|
1314
|
-
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()"
|
|
1267
|
+
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()">
|
|
1315
1268
|
<ngtp-effect-blend-mode />
|
|
1316
1269
|
<ng-content />
|
|
1317
1270
|
</ngt-tilt-shift-effect>
|
|
@@ -1412,21 +1365,21 @@ class NgtpTiltShift2 {
|
|
|
1412
1365
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1413
1366
|
this.options = input({});
|
|
1414
1367
|
}
|
|
1415
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1416
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1417
|
-
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()"
|
|
1368
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpTiltShift2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1369
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1370
|
+
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()">
|
|
1418
1371
|
<ngtp-effect-blend-mode />
|
|
1419
1372
|
<ng-content />
|
|
1420
1373
|
</ngt-tilt-shift2-effect>
|
|
1421
1374
|
`, 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 }); }
|
|
1422
1375
|
}
|
|
1423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpTiltShift2, decorators: [{
|
|
1424
1377
|
type: Component,
|
|
1425
1378
|
args: [{
|
|
1426
1379
|
selector: 'ngtp-tilt-shift2',
|
|
1427
1380
|
standalone: true,
|
|
1428
1381
|
template: `
|
|
1429
|
-
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()"
|
|
1382
|
+
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()">
|
|
1430
1383
|
<ngtp-effect-blend-mode />
|
|
1431
1384
|
<ng-content />
|
|
1432
1385
|
</ngt-tilt-shift2-effect>
|
|
@@ -1445,20 +1398,20 @@ class NgtpVignette {
|
|
|
1445
1398
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1446
1399
|
this.options = input({});
|
|
1447
1400
|
}
|
|
1448
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1449
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1450
|
-
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()"
|
|
1401
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpVignette, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1402
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1403
|
+
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()">
|
|
1451
1404
|
<ngtp-effect-blend-mode />
|
|
1452
1405
|
<ng-content />
|
|
1453
1406
|
</ngt-vignette-effect>
|
|
1454
1407
|
`, 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 }); }
|
|
1455
1408
|
}
|
|
1456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpVignette, decorators: [{
|
|
1457
1410
|
type: Component,
|
|
1458
1411
|
args: [{
|
|
1459
1412
|
selector: 'ngtp-vignette',
|
|
1460
1413
|
template: `
|
|
1461
|
-
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()"
|
|
1414
|
+
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()">
|
|
1462
1415
|
<ngtp-effect-blend-mode />
|
|
1463
1416
|
<ng-content />
|
|
1464
1417
|
</ngt-vignette-effect>
|
|
@@ -1501,21 +1454,21 @@ class NgtpWater {
|
|
|
1501
1454
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1502
1455
|
this.options = input({});
|
|
1503
1456
|
}
|
|
1504
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1505
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1506
|
-
<ngt-water-effect *args="[options()]" [camera]="effect.camera()"
|
|
1457
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpWater, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1458
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.6", 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: `
|
|
1459
|
+
<ngt-water-effect *args="[options()]" [camera]="effect.camera()">
|
|
1507
1460
|
<ngtp-effect-blend-mode />
|
|
1508
1461
|
<ng-content />
|
|
1509
1462
|
</ngt-water-effect>
|
|
1510
1463
|
`, 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 }); }
|
|
1511
1464
|
}
|
|
1512
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.
|
|
1465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.6", ngImport: i0, type: NgtpWater, decorators: [{
|
|
1513
1466
|
type: Component,
|
|
1514
1467
|
args: [{
|
|
1515
1468
|
selector: 'ngtp-water',
|
|
1516
1469
|
standalone: true,
|
|
1517
1470
|
template: `
|
|
1518
|
-
<ngt-water-effect *args="[options()]" [camera]="effect.camera()"
|
|
1471
|
+
<ngt-water-effect *args="[options()]" [camera]="effect.camera()">
|
|
1519
1472
|
<ngtp-effect-blend-mode />
|
|
1520
1473
|
<ng-content />
|
|
1521
1474
|
</ngt-water-effect>
|
|
@@ -1532,5 +1485,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1532
1485
|
* Generated bundle index. Do not edit.
|
|
1533
1486
|
*/
|
|
1534
1487
|
|
|
1535
|
-
export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpEffectHostDirective,
|
|
1488
|
+
export { ASCIIEffect, LensFlareEffect, NgtpASCII, NgtpBloom, NgtpBrightnessContrast, NgtpChromaticAberration, NgtpColorAverage, NgtpColorDepth, NgtpDepth, NgtpDepthOfField, NgtpDotScreen, NgtpEffect, NgtpEffectBlendMode, NgtpEffectComposer, NgtpEffectHostDirective, NgtpFXAA, NgtpGlitch, NgtpGodRays, NgtpGrid, NgtpHueSaturation, NgtpLUT, NgtpLensFlare, NgtpNoise, NgtpPixelation, NgtpSMAA, NgtpScanline, NgtpSepia, NgtpShockWave, NgtpTiltShift, NgtpTiltShift2, NgtpVignette, NgtpWater, TiltShift2Effect, WaterEffect, injectDefaultEffectOptions, injectEffectComposerApi, provideDefaultEffectOptions, provideEffectComposerApi };
|
|
1536
1489
|
//# sourceMappingURL=angular-three-postprocessing.mjs.map
|