angular-three-postprocessing 2.0.0-beta.241 → 2.0.0-beta.243
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 -27
- 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 -201
- 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,13 +172,6 @@ class NgtpEffectComposer {
|
|
|
185
172
|
}
|
|
186
173
|
});
|
|
187
174
|
}
|
|
188
|
-
render() {
|
|
189
|
-
this.autoEffect((injector) => {
|
|
190
|
-
const ref = this.groupAnchor().createEmbeddedView(this.content(), {}, { injector });
|
|
191
|
-
ref.detectChanges();
|
|
192
|
-
return () => ref.destroy();
|
|
193
|
-
}, { allowSignalWrites: true });
|
|
194
|
-
}
|
|
195
175
|
updatePasses() {
|
|
196
176
|
this.autoEffect(() => {
|
|
197
177
|
const [group, { composer, normalPass, downSamplingPass }, camera] = [
|
|
@@ -243,18 +223,22 @@ class NgtpEffectComposer {
|
|
|
243
223
|
};
|
|
244
224
|
});
|
|
245
225
|
}
|
|
246
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
247
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.0.
|
|
248
|
-
<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>
|
|
249
231
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
250
232
|
}
|
|
251
|
-
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: [{
|
|
252
234
|
type: Component,
|
|
253
235
|
args: [{
|
|
254
236
|
selector: 'ngtp-effect-composer',
|
|
255
237
|
standalone: true,
|
|
256
238
|
template: `
|
|
257
|
-
<ngt-group #group
|
|
239
|
+
<ngt-group #group>
|
|
240
|
+
<ng-content />
|
|
241
|
+
</ngt-group>
|
|
258
242
|
`,
|
|
259
243
|
providers: [provideEffectComposerApi()],
|
|
260
244
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -354,22 +338,21 @@ const defaultOptions$2 = {
|
|
|
354
338
|
};
|
|
355
339
|
class NgtpASCII {
|
|
356
340
|
constructor() {
|
|
357
|
-
this.effectRef = input(injectNgtRef());
|
|
358
341
|
this.options = input(defaultOptions$2, { transform: mergeInputs(defaultOptions$2) });
|
|
359
342
|
this.effect = computed(() => new ASCIIEffect(this.options()));
|
|
360
343
|
}
|
|
361
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
362
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
363
|
-
<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()]" />
|
|
364
347
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
365
348
|
}
|
|
366
|
-
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: [{
|
|
367
350
|
type: Component,
|
|
368
351
|
args: [{
|
|
369
352
|
selector: 'ngtp-ascii',
|
|
370
353
|
standalone: true,
|
|
371
354
|
template: `
|
|
372
|
-
<ngt-primitive *args="[effect()]"
|
|
355
|
+
<ngt-primitive *args="[effect()]" />
|
|
373
356
|
`,
|
|
374
357
|
imports: [NgtArgs],
|
|
375
358
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -383,21 +366,21 @@ class NgtpBloom {
|
|
|
383
366
|
this.effect = inject(NgtpEffect, { host: true });
|
|
384
367
|
this.options = input({});
|
|
385
368
|
}
|
|
386
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
387
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
388
|
-
<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()">
|
|
389
372
|
<ngtp-effect-blend-mode />
|
|
390
373
|
<ng-content />
|
|
391
374
|
</ngt-bloom-effect>
|
|
392
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 }); }
|
|
393
376
|
}
|
|
394
|
-
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: [{
|
|
395
378
|
type: Component,
|
|
396
379
|
args: [{
|
|
397
380
|
selector: 'ngtp-bloom',
|
|
398
381
|
standalone: true,
|
|
399
382
|
template: `
|
|
400
|
-
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()"
|
|
383
|
+
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()">
|
|
401
384
|
<ngtp-effect-blend-mode />
|
|
402
385
|
<ng-content />
|
|
403
386
|
</ngt-bloom-effect>
|
|
@@ -416,31 +399,21 @@ class NgtpBrightnessContrast {
|
|
|
416
399
|
this.effect = inject(NgtpEffect, { host: true });
|
|
417
400
|
this.options = input({});
|
|
418
401
|
}
|
|
419
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
420
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
421
|
-
<ngt-brightness-contrast-effect
|
|
422
|
-
*args="[options()]"
|
|
423
|
-
[camera]="effect.camera()"
|
|
424
|
-
[ref]="effect.effectRef()"
|
|
425
|
-
ngtCompound
|
|
426
|
-
>
|
|
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()">
|
|
427
405
|
<ngtp-effect-blend-mode />
|
|
428
406
|
<ng-content />
|
|
429
407
|
</ngt-brightness-contrast-effect>
|
|
430
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 }); }
|
|
431
409
|
}
|
|
432
|
-
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: [{
|
|
433
411
|
type: Component,
|
|
434
412
|
args: [{
|
|
435
413
|
selector: 'ngtp-brightness-contrast',
|
|
436
414
|
standalone: true,
|
|
437
415
|
template: `
|
|
438
|
-
<ngt-brightness-contrast-effect
|
|
439
|
-
*args="[options()]"
|
|
440
|
-
[camera]="effect.camera()"
|
|
441
|
-
[ref]="effect.effectRef()"
|
|
442
|
-
ngtCompound
|
|
443
|
-
>
|
|
416
|
+
<ngt-brightness-contrast-effect *args="[options()]" [camera]="effect.camera()">
|
|
444
417
|
<ngtp-effect-blend-mode />
|
|
445
418
|
<ng-content />
|
|
446
419
|
</ngt-brightness-contrast-effect>
|
|
@@ -458,30 +431,20 @@ class NgtpChromaticAberration {
|
|
|
458
431
|
this.effect = inject(NgtpEffect, { host: true });
|
|
459
432
|
this.options = input({});
|
|
460
433
|
}
|
|
461
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
462
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
463
|
-
<ngt-chromatic-aberration-effect
|
|
464
|
-
*args="[options()]"
|
|
465
|
-
[camera]="effect.camera()"
|
|
466
|
-
[ref]="effect.effectRef()"
|
|
467
|
-
ngtCompound
|
|
468
|
-
>
|
|
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()">
|
|
469
437
|
<ngtp-effect-blend-mode />
|
|
470
438
|
<ng-content />
|
|
471
439
|
</ngt-chromatic-aberration-effect>
|
|
472
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 }); }
|
|
473
441
|
}
|
|
474
|
-
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: [{
|
|
475
443
|
type: Component,
|
|
476
444
|
args: [{
|
|
477
445
|
selector: 'ngtp-chromatic-aberration',
|
|
478
446
|
template: `
|
|
479
|
-
<ngt-chromatic-aberration-effect
|
|
480
|
-
*args="[options()]"
|
|
481
|
-
[camera]="effect.camera()"
|
|
482
|
-
[ref]="effect.effectRef()"
|
|
483
|
-
ngtCompound
|
|
484
|
-
>
|
|
447
|
+
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="effect.camera()">
|
|
485
448
|
<ngtp-effect-blend-mode />
|
|
486
449
|
<ng-content />
|
|
487
450
|
</ngt-chromatic-aberration-effect>
|
|
@@ -497,23 +460,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
497
460
|
extend({ ColorAverageEffect });
|
|
498
461
|
class NgtpColorAverage {
|
|
499
462
|
constructor() {
|
|
500
|
-
this.effectRef = input(injectNgtRef());
|
|
501
463
|
this.options = input({ blendFunction: BlendFunction.NORMAL }, { transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) });
|
|
502
464
|
}
|
|
503
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
504
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
505
|
-
<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]">
|
|
506
468
|
<ng-content />
|
|
507
469
|
</ngt-color-average-effect>
|
|
508
470
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
509
471
|
}
|
|
510
|
-
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: [{
|
|
511
473
|
type: Component,
|
|
512
474
|
args: [{
|
|
513
475
|
selector: 'ngtp-color-average',
|
|
514
476
|
standalone: true,
|
|
515
477
|
template: `
|
|
516
|
-
<ngt-color-average-effect *args="[options().blendFunction]"
|
|
478
|
+
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
517
479
|
<ng-content />
|
|
518
480
|
</ngt-color-average-effect>
|
|
519
481
|
`,
|
|
@@ -529,20 +491,20 @@ class NgtpColorDepth {
|
|
|
529
491
|
this.effect = inject(NgtpEffect, { host: true });
|
|
530
492
|
this.options = input({});
|
|
531
493
|
}
|
|
532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
533
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
534
|
-
<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()">
|
|
535
497
|
<ngtp-effect-blend-mode />
|
|
536
498
|
<ng-content />
|
|
537
499
|
</ngt-color-depth-effect>
|
|
538
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 }); }
|
|
539
501
|
}
|
|
540
|
-
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: [{
|
|
541
503
|
type: Component,
|
|
542
504
|
args: [{
|
|
543
505
|
selector: 'ngtp-color-depth',
|
|
544
506
|
template: `
|
|
545
|
-
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()"
|
|
507
|
+
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
546
508
|
<ngtp-effect-blend-mode />
|
|
547
509
|
<ng-content />
|
|
548
510
|
</ngt-color-depth-effect>
|
|
@@ -561,20 +523,20 @@ class NgtpDepth {
|
|
|
561
523
|
this.effect = inject(NgtpEffect, { host: true });
|
|
562
524
|
this.options = input({});
|
|
563
525
|
}
|
|
564
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
565
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
566
|
-
<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()">
|
|
567
529
|
<ngtp-effect-blend-mode />
|
|
568
530
|
<ng-content />
|
|
569
531
|
</ngt-depth-effect>
|
|
570
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 }); }
|
|
571
533
|
}
|
|
572
|
-
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: [{
|
|
573
535
|
type: Component,
|
|
574
536
|
args: [{
|
|
575
537
|
selector: 'ngtp-depth',
|
|
576
538
|
template: `
|
|
577
|
-
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()"
|
|
539
|
+
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
578
540
|
<ngtp-effect-blend-mode />
|
|
579
541
|
<ng-content />
|
|
580
542
|
</ngt-depth-effect>
|
|
@@ -591,7 +553,6 @@ class NgtpDepthOfField {
|
|
|
591
553
|
constructor() {
|
|
592
554
|
this.autoEffect = injectAutoEffect();
|
|
593
555
|
this.composerApi = injectEffectComposerApi();
|
|
594
|
-
this.effectRef = input(injectNgtRef());
|
|
595
556
|
this.options = input({});
|
|
596
557
|
this.autoFocus = computed(() => this.options().target != null);
|
|
597
558
|
this.effect = computed(() => {
|
|
@@ -618,18 +579,18 @@ class NgtpDepthOfField {
|
|
|
618
579
|
});
|
|
619
580
|
});
|
|
620
581
|
}
|
|
621
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
622
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
623
|
-
<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()]" />
|
|
624
585
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
625
586
|
}
|
|
626
|
-
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: [{
|
|
627
588
|
type: Component,
|
|
628
589
|
args: [{
|
|
629
590
|
selector: 'ngtp-depth-of-field',
|
|
630
591
|
standalone: true,
|
|
631
592
|
template: `
|
|
632
|
-
<ngt-primitive *args="[effect()]"
|
|
593
|
+
<ngt-primitive *args="[effect()]" />
|
|
633
594
|
`,
|
|
634
595
|
imports: [NgtArgs],
|
|
635
596
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -643,20 +604,20 @@ class NgtpDotScreen {
|
|
|
643
604
|
this.effect = inject(NgtpEffect, { host: true });
|
|
644
605
|
this.options = input({});
|
|
645
606
|
}
|
|
646
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
648
|
-
<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()">
|
|
649
610
|
<ngtp-effect-blend-mode />
|
|
650
611
|
<ng-content />
|
|
651
612
|
</ngt-dot-screen-effect>
|
|
652
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 }); }
|
|
653
614
|
}
|
|
654
|
-
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: [{
|
|
655
616
|
type: Component,
|
|
656
617
|
args: [{
|
|
657
618
|
selector: 'ngtp-dot-screen',
|
|
658
619
|
template: `
|
|
659
|
-
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()"
|
|
620
|
+
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()">
|
|
660
621
|
<ngtp-effect-blend-mode />
|
|
661
622
|
<ng-content />
|
|
662
623
|
</ngt-dot-screen-effect>
|
|
@@ -675,20 +636,20 @@ class NgtpFXAA {
|
|
|
675
636
|
this.effect = inject(NgtpEffect, { host: true });
|
|
676
637
|
this.options = input({});
|
|
677
638
|
}
|
|
678
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
679
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
680
|
-
<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()">
|
|
681
642
|
<ngtp-effect-blend-mode />
|
|
682
643
|
<ng-content />
|
|
683
644
|
</ngt-fXAA-effect>
|
|
684
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 }); }
|
|
685
646
|
}
|
|
686
|
-
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: [{
|
|
687
648
|
type: Component,
|
|
688
649
|
args: [{
|
|
689
650
|
selector: 'ngtp-fxaa',
|
|
690
651
|
template: `
|
|
691
|
-
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()"
|
|
652
|
+
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
692
653
|
<ngtp-effect-blend-mode />
|
|
693
654
|
<ng-content />
|
|
694
655
|
</ngt-fXAA-effect>
|
|
@@ -704,9 +665,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
704
665
|
class NgtpGlitch {
|
|
705
666
|
constructor() {
|
|
706
667
|
this.autoEffect = injectAutoEffect();
|
|
707
|
-
this.store =
|
|
668
|
+
this.store = injectStore();
|
|
708
669
|
this.invalidate = this.store.select('invalidate');
|
|
709
|
-
this.effectRef = input(injectNgtRef());
|
|
710
670
|
this.options = input({ active: true }, { transform: mergeInputs({ active: true }) });
|
|
711
671
|
this.active = pick(this.options, 'active');
|
|
712
672
|
this.mode = pick(this.options, 'mode');
|
|
@@ -740,18 +700,18 @@ class NgtpGlitch {
|
|
|
740
700
|
});
|
|
741
701
|
});
|
|
742
702
|
}
|
|
743
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
744
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
745
|
-
<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()]" />
|
|
746
706
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
747
707
|
}
|
|
748
|
-
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: [{
|
|
749
709
|
type: Component,
|
|
750
710
|
args: [{
|
|
751
711
|
selector: 'ngtp-glitch',
|
|
752
712
|
standalone: true,
|
|
753
713
|
template: `
|
|
754
|
-
<ngt-primitive *args="[effect()]"
|
|
714
|
+
<ngt-primitive *args="[effect()]" />
|
|
755
715
|
`,
|
|
756
716
|
imports: [NgtArgs],
|
|
757
717
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -763,7 +723,6 @@ class NgtpGodRays {
|
|
|
763
723
|
constructor() {
|
|
764
724
|
this.autoEffect = injectAutoEffect();
|
|
765
725
|
this.composerApi = injectEffectComposerApi();
|
|
766
|
-
this.effectRef = input(injectNgtRef());
|
|
767
726
|
this.options = input({});
|
|
768
727
|
this.effect = computed(() => {
|
|
769
728
|
const [{ camera }, { sun, ...options }] = [this.composerApi(), this.options()];
|
|
@@ -776,18 +735,18 @@ class NgtpGodRays {
|
|
|
776
735
|
});
|
|
777
736
|
});
|
|
778
737
|
}
|
|
779
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
780
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
781
|
-
<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()]" />
|
|
782
741
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
783
742
|
}
|
|
784
|
-
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: [{
|
|
785
744
|
type: Component,
|
|
786
745
|
args: [{
|
|
787
746
|
selector: 'ngtp-god-rays',
|
|
788
747
|
standalone: true,
|
|
789
748
|
template: `
|
|
790
|
-
<ngt-primitive *args="[effect()]"
|
|
749
|
+
<ngt-primitive *args="[effect()]" />
|
|
791
750
|
`,
|
|
792
751
|
imports: [NgtArgs],
|
|
793
752
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -798,9 +757,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
798
757
|
class NgtpGrid {
|
|
799
758
|
constructor() {
|
|
800
759
|
this.autoEffect = injectAutoEffect();
|
|
801
|
-
this.store =
|
|
760
|
+
this.store = injectStore();
|
|
802
761
|
this.invalidate = this.store.select('invalidate');
|
|
803
|
-
this.effectRef = input(injectNgtRef());
|
|
804
762
|
this.options = input({});
|
|
805
763
|
this.size = pick(this.options, 'size');
|
|
806
764
|
this.effect = computed(() => {
|
|
@@ -816,18 +774,18 @@ class NgtpGrid {
|
|
|
816
774
|
});
|
|
817
775
|
});
|
|
818
776
|
}
|
|
819
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
820
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
821
|
-
<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()]" />
|
|
822
780
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
823
781
|
}
|
|
824
|
-
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: [{
|
|
825
783
|
type: Component,
|
|
826
784
|
args: [{
|
|
827
785
|
selector: 'ngtp-grid',
|
|
828
786
|
standalone: true,
|
|
829
787
|
template: `
|
|
830
|
-
<ngt-primitive *args="[effect()]"
|
|
788
|
+
<ngt-primitive *args="[effect()]" />
|
|
831
789
|
`,
|
|
832
790
|
imports: [NgtArgs],
|
|
833
791
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -841,20 +799,20 @@ class NgtpHueSaturation {
|
|
|
841
799
|
this.effect = inject(NgtpEffect, { host: true });
|
|
842
800
|
this.options = input({});
|
|
843
801
|
}
|
|
844
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
845
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
846
|
-
<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()">
|
|
847
805
|
<ngtp-effect-blend-mode />
|
|
848
806
|
<ng-content />
|
|
849
807
|
</ngt-hue-saturation-effect>
|
|
850
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 }); }
|
|
851
809
|
}
|
|
852
|
-
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: [{
|
|
853
811
|
type: Component,
|
|
854
812
|
args: [{
|
|
855
813
|
selector: 'ngtp-hue-saturation',
|
|
856
814
|
template: `
|
|
857
|
-
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()"
|
|
815
|
+
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()">
|
|
858
816
|
<ngtp-effect-blend-mode />
|
|
859
817
|
<ng-content />
|
|
860
818
|
</ngt-hue-saturation-effect>
|
|
@@ -958,12 +916,11 @@ const defaultOptions$1 = {
|
|
|
958
916
|
class NgtpLensFlare {
|
|
959
917
|
constructor() {
|
|
960
918
|
this.autoEffect = injectAutoEffect();
|
|
961
|
-
this.store =
|
|
919
|
+
this.store = injectStore();
|
|
962
920
|
this.viewport = this.store.select('viewport');
|
|
963
921
|
this.raycaster = this.store.select('raycaster');
|
|
964
922
|
this.pointer = this.store.select('pointer');
|
|
965
923
|
this.composerApi = injectEffectComposerApi();
|
|
966
|
-
this.effectRef = input(injectNgtRef());
|
|
967
924
|
this.options = input(defaultOptions$1, { transform: mergeInputs(defaultOptions$1) });
|
|
968
925
|
this.projectedPosition = new Vector3();
|
|
969
926
|
this.mouse2d = new Vector2();
|
|
@@ -1034,18 +991,18 @@ class NgtpLensFlare {
|
|
|
1034
991
|
easing.damp(uOpacity, 'value', target, smoothTime, delta);
|
|
1035
992
|
});
|
|
1036
993
|
}
|
|
1037
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1038
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1039
|
-
<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" />
|
|
1040
997
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1041
998
|
}
|
|
1042
|
-
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: [{
|
|
1043
1000
|
type: Component,
|
|
1044
1001
|
args: [{
|
|
1045
1002
|
selector: 'ngtp-lens-flare',
|
|
1046
1003
|
standalone: true,
|
|
1047
1004
|
template: `
|
|
1048
|
-
<ngt-primitive *args="[effect()]" [
|
|
1005
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1049
1006
|
`,
|
|
1050
1007
|
imports: [NgtArgs],
|
|
1051
1008
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
@@ -1056,9 +1013,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1056
1013
|
class NgtpLUT {
|
|
1057
1014
|
constructor() {
|
|
1058
1015
|
this.autoEffect = injectAutoEffect();
|
|
1059
|
-
this.store =
|
|
1016
|
+
this.store = injectStore();
|
|
1060
1017
|
this.invalidate = this.store.select('invalidate');
|
|
1061
|
-
this.effectRef = input(injectNgtRef());
|
|
1062
1018
|
this.options = input({});
|
|
1063
1019
|
this.lut = pick(this.options, 'lut');
|
|
1064
1020
|
this.effect = computed(() => {
|
|
@@ -1080,17 +1036,17 @@ class NgtpLUT {
|
|
|
1080
1036
|
});
|
|
1081
1037
|
});
|
|
1082
1038
|
}
|
|
1083
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1084
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1085
|
-
<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" />
|
|
1086
1042
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1087
1043
|
}
|
|
1088
|
-
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: [{
|
|
1089
1045
|
type: Component,
|
|
1090
1046
|
args: [{
|
|
1091
1047
|
selector: 'ngtp-lut',
|
|
1092
1048
|
template: `
|
|
1093
|
-
<ngt-primitive *args="[effect()]" [
|
|
1049
|
+
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1094
1050
|
`,
|
|
1095
1051
|
imports: [NgtArgs],
|
|
1096
1052
|
standalone: true,
|
|
@@ -1105,20 +1061,20 @@ class NgtpNoise {
|
|
|
1105
1061
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1106
1062
|
this.options = input({});
|
|
1107
1063
|
}
|
|
1108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1109
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1110
|
-
<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()">
|
|
1111
1067
|
<ngtp-effect-blend-mode />
|
|
1112
1068
|
<ng-content />
|
|
1113
1069
|
</ngt-noise-effect>
|
|
1114
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 }); }
|
|
1115
1071
|
}
|
|
1116
|
-
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: [{
|
|
1117
1073
|
type: Component,
|
|
1118
1074
|
args: [{
|
|
1119
1075
|
selector: 'ngtp-noise',
|
|
1120
1076
|
template: `
|
|
1121
|
-
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()"
|
|
1077
|
+
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()">
|
|
1122
1078
|
<ngtp-effect-blend-mode />
|
|
1123
1079
|
<ng-content />
|
|
1124
1080
|
</ngt-noise-effect>
|
|
@@ -1134,22 +1090,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1134
1090
|
|
|
1135
1091
|
class NgtpPixelation {
|
|
1136
1092
|
constructor() {
|
|
1137
|
-
this.effectRef = input(injectNgtRef());
|
|
1138
1093
|
this.options = input({ granularity: 5 }, { transform: mergeInputs({ granularity: 5 }) });
|
|
1139
1094
|
this.granularity = pick(this.options, 'granularity');
|
|
1140
1095
|
this.effect = computed(() => new PixelationEffect(this.granularity()));
|
|
1141
1096
|
}
|
|
1142
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1143
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1144
|
-
<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()]" />
|
|
1145
1100
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1146
1101
|
}
|
|
1147
|
-
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: [{
|
|
1148
1103
|
type: Component,
|
|
1149
1104
|
args: [{
|
|
1150
1105
|
selector: 'ngtp-pixelation',
|
|
1151
1106
|
template: `
|
|
1152
|
-
<ngt-primitive *args="[effect()]"
|
|
1107
|
+
<ngt-primitive *args="[effect()]" />
|
|
1153
1108
|
`,
|
|
1154
1109
|
standalone: true,
|
|
1155
1110
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
@@ -1167,20 +1122,20 @@ class NgtpScanline {
|
|
|
1167
1122
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1168
1123
|
this.options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
|
|
1169
1124
|
}
|
|
1170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1171
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1172
|
-
<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()">
|
|
1173
1128
|
<ngtp-effect-blend-mode />
|
|
1174
1129
|
<ng-content />
|
|
1175
1130
|
</ngt-scanline-effect>
|
|
1176
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 }); }
|
|
1177
1132
|
}
|
|
1178
|
-
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: [{
|
|
1179
1134
|
type: Component,
|
|
1180
1135
|
args: [{
|
|
1181
1136
|
selector: 'ngtp-scanline',
|
|
1182
1137
|
template: `
|
|
1183
|
-
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()"
|
|
1138
|
+
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()">
|
|
1184
1139
|
<ngtp-effect-blend-mode />
|
|
1185
1140
|
<ng-content />
|
|
1186
1141
|
</ngt-scanline-effect>
|
|
@@ -1200,20 +1155,20 @@ class NgtpSepia {
|
|
|
1200
1155
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1201
1156
|
this.options = input({});
|
|
1202
1157
|
}
|
|
1203
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1204
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1205
|
-
<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()">
|
|
1206
1161
|
<ngtp-effect-blend-mode />
|
|
1207
1162
|
<ng-content />
|
|
1208
1163
|
</ngt-sepia-effect>
|
|
1209
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 }); }
|
|
1210
1165
|
}
|
|
1211
|
-
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: [{
|
|
1212
1167
|
type: Component,
|
|
1213
1168
|
args: [{
|
|
1214
1169
|
selector: 'ngtp-sepia',
|
|
1215
1170
|
template: `
|
|
1216
|
-
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()"
|
|
1171
|
+
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()">
|
|
1217
1172
|
<ngtp-effect-blend-mode />
|
|
1218
1173
|
<ng-content />
|
|
1219
1174
|
</ngt-sepia-effect>
|
|
@@ -1232,20 +1187,20 @@ class NgtpShockWave {
|
|
|
1232
1187
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1233
1188
|
this.options = input({});
|
|
1234
1189
|
}
|
|
1235
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1236
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1237
|
-
<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()">
|
|
1238
1193
|
<ngtp-effect-blend-mode />
|
|
1239
1194
|
<ng-content />
|
|
1240
1195
|
</ngt-shock-wave-effect>
|
|
1241
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 }); }
|
|
1242
1197
|
}
|
|
1243
|
-
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: [{
|
|
1244
1199
|
type: Component,
|
|
1245
1200
|
args: [{
|
|
1246
1201
|
selector: 'ngtp-shock-wave',
|
|
1247
1202
|
template: `
|
|
1248
|
-
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()"
|
|
1203
|
+
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()">
|
|
1249
1204
|
<ngtp-effect-blend-mode />
|
|
1250
1205
|
<ng-content />
|
|
1251
1206
|
</ngt-shock-wave-effect>
|
|
@@ -1264,20 +1219,20 @@ class NgtpSMAA {
|
|
|
1264
1219
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1265
1220
|
this.options = input({});
|
|
1266
1221
|
}
|
|
1267
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1268
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1269
|
-
<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()">
|
|
1270
1225
|
<ngtp-effect-blend-mode />
|
|
1271
1226
|
<ng-content />
|
|
1272
1227
|
</ngt-sMAA-effect>
|
|
1273
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 }); }
|
|
1274
1229
|
}
|
|
1275
|
-
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: [{
|
|
1276
1231
|
type: Component,
|
|
1277
1232
|
args: [{
|
|
1278
1233
|
selector: 'ngtp-smaa',
|
|
1279
1234
|
template: `
|
|
1280
|
-
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()"
|
|
1235
|
+
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
1281
1236
|
<ngtp-effect-blend-mode />
|
|
1282
1237
|
<ng-content />
|
|
1283
1238
|
</ngt-sMAA-effect>
|
|
@@ -1296,20 +1251,20 @@ class NgtpTiltShift {
|
|
|
1296
1251
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1297
1252
|
this.options = input({});
|
|
1298
1253
|
}
|
|
1299
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1300
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1301
|
-
<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()">
|
|
1302
1257
|
<ngtp-effect-blend-mode />
|
|
1303
1258
|
<ng-content />
|
|
1304
1259
|
</ngt-tilt-shift-effect>
|
|
1305
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 }); }
|
|
1306
1261
|
}
|
|
1307
|
-
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: [{
|
|
1308
1263
|
type: Component,
|
|
1309
1264
|
args: [{
|
|
1310
1265
|
selector: 'ngtp-tilt-shift',
|
|
1311
1266
|
template: `
|
|
1312
|
-
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()"
|
|
1267
|
+
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()">
|
|
1313
1268
|
<ngtp-effect-blend-mode />
|
|
1314
1269
|
<ng-content />
|
|
1315
1270
|
</ngt-tilt-shift-effect>
|
|
@@ -1410,21 +1365,21 @@ class NgtpTiltShift2 {
|
|
|
1410
1365
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1411
1366
|
this.options = input({});
|
|
1412
1367
|
}
|
|
1413
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1414
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1415
|
-
<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()">
|
|
1416
1371
|
<ngtp-effect-blend-mode />
|
|
1417
1372
|
<ng-content />
|
|
1418
1373
|
</ngt-tilt-shift2-effect>
|
|
1419
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 }); }
|
|
1420
1375
|
}
|
|
1421
|
-
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: [{
|
|
1422
1377
|
type: Component,
|
|
1423
1378
|
args: [{
|
|
1424
1379
|
selector: 'ngtp-tilt-shift2',
|
|
1425
1380
|
standalone: true,
|
|
1426
1381
|
template: `
|
|
1427
|
-
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()"
|
|
1382
|
+
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()">
|
|
1428
1383
|
<ngtp-effect-blend-mode />
|
|
1429
1384
|
<ng-content />
|
|
1430
1385
|
</ngt-tilt-shift2-effect>
|
|
@@ -1443,20 +1398,20 @@ class NgtpVignette {
|
|
|
1443
1398
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1444
1399
|
this.options = input({});
|
|
1445
1400
|
}
|
|
1446
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1447
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1448
|
-
<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()">
|
|
1449
1404
|
<ngtp-effect-blend-mode />
|
|
1450
1405
|
<ng-content />
|
|
1451
1406
|
</ngt-vignette-effect>
|
|
1452
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 }); }
|
|
1453
1408
|
}
|
|
1454
|
-
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: [{
|
|
1455
1410
|
type: Component,
|
|
1456
1411
|
args: [{
|
|
1457
1412
|
selector: 'ngtp-vignette',
|
|
1458
1413
|
template: `
|
|
1459
|
-
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()"
|
|
1414
|
+
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()">
|
|
1460
1415
|
<ngtp-effect-blend-mode />
|
|
1461
1416
|
<ng-content />
|
|
1462
1417
|
</ngt-vignette-effect>
|
|
@@ -1499,21 +1454,21 @@ class NgtpWater {
|
|
|
1499
1454
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1500
1455
|
this.options = input({});
|
|
1501
1456
|
}
|
|
1502
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.
|
|
1503
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.
|
|
1504
|
-
<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()">
|
|
1505
1460
|
<ngtp-effect-blend-mode />
|
|
1506
1461
|
<ng-content />
|
|
1507
1462
|
</ngt-water-effect>
|
|
1508
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 }); }
|
|
1509
1464
|
}
|
|
1510
|
-
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: [{
|
|
1511
1466
|
type: Component,
|
|
1512
1467
|
args: [{
|
|
1513
1468
|
selector: 'ngtp-water',
|
|
1514
1469
|
standalone: true,
|
|
1515
1470
|
template: `
|
|
1516
|
-
<ngt-water-effect *args="[options()]" [camera]="effect.camera()"
|
|
1471
|
+
<ngt-water-effect *args="[options()]" [camera]="effect.camera()">
|
|
1517
1472
|
<ngtp-effect-blend-mode />
|
|
1518
1473
|
<ng-content />
|
|
1519
1474
|
</ngt-water-effect>
|
|
@@ -1530,5 +1485,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
|
|
|
1530
1485
|
* Generated bundle index. Do not edit.
|
|
1531
1486
|
*/
|
|
1532
1487
|
|
|
1533
|
-
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 };
|
|
1534
1489
|
//# sourceMappingURL=angular-three-postprocessing.mjs.map
|