angular-three-postprocessing 4.0.0-next.110 → 4.0.0-next.112
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.
|
@@ -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: "20.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpEffectBlendMode, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", 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: "20.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpEffectBlendMode, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{
|
|
28
28
|
selector: 'ngtp-effect-blend-mode',
|
|
@@ -39,16 +39,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
39
39
|
class NgtpEffect {
|
|
40
40
|
constructor() {
|
|
41
41
|
this.defaultEffectOptions = injectDefaultEffectOptions({ optional: true });
|
|
42
|
-
this.blendFunction = input(this.defaultEffectOptions?.blendFunction);
|
|
43
|
-
this.opacity = input(this.defaultEffectOptions?.opacity);
|
|
42
|
+
this.blendFunction = input(this.defaultEffectOptions?.blendFunction, ...(ngDevMode ? [{ debugName: "blendFunction" }] : []));
|
|
43
|
+
this.opacity = input(this.defaultEffectOptions?.opacity, ...(ngDevMode ? [{ debugName: "opacity" }] : []));
|
|
44
44
|
this.store = injectStore();
|
|
45
45
|
this.camera = this.store.camera;
|
|
46
46
|
this.invalidate = this.store.invalidate;
|
|
47
47
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
49
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpEffect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
49
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.7", type: NgtpEffect, isStandalone: true, inputs: { blendFunction: { classPropertyName: "blendFunction", publicName: "blendFunction", isSignal: true, isRequired: false, transformFunction: null }, opacity: { classPropertyName: "opacity", publicName: "opacity", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpEffect, decorators: [{
|
|
52
52
|
type: Directive
|
|
53
53
|
}] });
|
|
54
54
|
|
|
@@ -64,7 +64,7 @@ function isConvolution(effect) {
|
|
|
64
64
|
}
|
|
65
65
|
class NgtpEffectComposer {
|
|
66
66
|
constructor() {
|
|
67
|
-
this.options = input(defaultOptions$5, { transform: mergeInputs(defaultOptions$5) });
|
|
67
|
+
this.options = input(defaultOptions$5, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs(defaultOptions$5) }] : [{ transform: mergeInputs(defaultOptions$5) }]));
|
|
68
68
|
this.store = injectStore();
|
|
69
69
|
this.depthBuffer = pick(this.options, 'depthBuffer');
|
|
70
70
|
this.stencilBuffer = pick(this.options, 'stencilBuffer');
|
|
@@ -74,15 +74,15 @@ class NgtpEffectComposer {
|
|
|
74
74
|
this.resolutionScale = pick(this.options, 'resolutionScale');
|
|
75
75
|
this.enabled = pick(this.options, 'enabled');
|
|
76
76
|
this.renderPriority = pick(this.options, 'renderPriority');
|
|
77
|
-
this.scene = computed(() => this.options().scene ?? this.store.scene());
|
|
78
|
-
this.camera = computed(() => this.options().camera ?? this.store.camera());
|
|
77
|
+
this.scene = computed(() => this.options().scene ?? this.store.scene(), ...(ngDevMode ? [{ debugName: "scene" }] : []));
|
|
78
|
+
this.camera = computed(() => this.options().camera ?? this.store.camera(), ...(ngDevMode ? [{ debugName: "camera" }] : []));
|
|
79
79
|
this.groupRef = viewChild.required('group');
|
|
80
80
|
this.priority = computed(() => {
|
|
81
81
|
const enabled = this.enabled();
|
|
82
82
|
if (!enabled)
|
|
83
83
|
return 0;
|
|
84
84
|
return this.renderPriority();
|
|
85
|
-
});
|
|
85
|
+
}, ...(ngDevMode ? [{ debugName: "priority" }] : []));
|
|
86
86
|
this.composerData = computed(() => {
|
|
87
87
|
const webGL2Available = isWebGL2Available();
|
|
88
88
|
const [gl, scene, camera, depthBuffer, stencilBuffer, multisampling, frameBufferType, enableNormalPass, resolutionScale,] = [
|
|
@@ -119,7 +119,7 @@ class NgtpEffectComposer {
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
return { composer, normalPass, downSamplingPass };
|
|
122
|
-
});
|
|
122
|
+
}, ...(ngDevMode ? [{ debugName: "composerData" }] : []));
|
|
123
123
|
this.effectComposer = pick(this.composerData, 'composer');
|
|
124
124
|
extend({ Group });
|
|
125
125
|
// NOTE: Disable tone mapping because threejs disallows tonemapping on render targets
|
|
@@ -206,14 +206,14 @@ class NgtpEffectComposer {
|
|
|
206
206
|
}
|
|
207
207
|
}, { priority: this.priority });
|
|
208
208
|
}
|
|
209
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
210
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.
|
|
209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpEffectComposer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
210
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.7", type: NgtpEffectComposer, isStandalone: true, selector: "ngtp-effect-composer", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
211
211
|
<ngt-group #group>
|
|
212
212
|
<ng-content />
|
|
213
213
|
</ngt-group>
|
|
214
214
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
215
215
|
}
|
|
216
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpEffectComposer, decorators: [{
|
|
217
217
|
type: Component,
|
|
218
218
|
args: [{
|
|
219
219
|
selector: 'ngtp-effect-composer',
|
|
@@ -319,19 +319,19 @@ const defaultOptions$4 = {
|
|
|
319
319
|
};
|
|
320
320
|
class NgtpASCII {
|
|
321
321
|
constructor() {
|
|
322
|
-
this.options = input(defaultOptions$4, { transform: mergeInputs(defaultOptions$4) });
|
|
323
|
-
this.effect = computed(() => new ASCIIEffect(this.options()));
|
|
322
|
+
this.options = input(defaultOptions$4, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs(defaultOptions$4) }] : [{ transform: mergeInputs(defaultOptions$4) }]));
|
|
323
|
+
this.effect = computed(() => new ASCIIEffect(this.options()), ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
324
324
|
effect((onCleanup) => {
|
|
325
325
|
const effect = this.effect();
|
|
326
326
|
onCleanup(() => effect.dispose());
|
|
327
327
|
});
|
|
328
328
|
}
|
|
329
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
330
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
329
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpASCII, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
330
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpASCII, isStandalone: true, selector: "ngtp-ascii", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
331
331
|
<ngt-primitive *args="[effect()]" />
|
|
332
332
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
333
333
|
}
|
|
334
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
334
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpASCII, decorators: [{
|
|
335
335
|
type: Component,
|
|
336
336
|
args: [{
|
|
337
337
|
selector: 'ngtp-ascii',
|
|
@@ -346,19 +346,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
346
346
|
|
|
347
347
|
class NgtpBloom {
|
|
348
348
|
constructor() {
|
|
349
|
-
this.options = input({});
|
|
349
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
350
350
|
this.effect = inject(NgtpEffect, { host: true });
|
|
351
351
|
extend({ BloomEffect });
|
|
352
352
|
}
|
|
353
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
354
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
353
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
354
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpBloom, isStandalone: true, selector: "ngtp-bloom", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.ADD })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
355
355
|
<ngt-bloom-effect *args="[options()]" [camera]="effect.camera()">
|
|
356
356
|
<ngtp-effect-blend-mode />
|
|
357
357
|
<ng-content />
|
|
358
358
|
</ngt-bloom-effect>
|
|
359
359
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
360
360
|
}
|
|
361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpBloom, decorators: [{
|
|
362
362
|
type: Component,
|
|
363
363
|
args: [{
|
|
364
364
|
selector: 'ngtp-bloom',
|
|
@@ -378,19 +378,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
378
378
|
|
|
379
379
|
class NgtpBrightnessContrast {
|
|
380
380
|
constructor() {
|
|
381
|
-
this.options = input({});
|
|
381
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
382
382
|
this.effect = inject(NgtpEffect, { host: true });
|
|
383
383
|
extend({ BrightnessContrastEffect });
|
|
384
384
|
}
|
|
385
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
386
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
385
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpBrightnessContrast, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
386
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpBrightnessContrast, isStandalone: true, selector: "ngtp-brightness-contrast", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
387
387
|
<ngt-brightness-contrast-effect *args="[options()]" [camera]="effect.camera()">
|
|
388
388
|
<ngtp-effect-blend-mode />
|
|
389
389
|
<ng-content />
|
|
390
390
|
</ngt-brightness-contrast-effect>
|
|
391
391
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
392
392
|
}
|
|
393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpBrightnessContrast, decorators: [{
|
|
394
394
|
type: Component,
|
|
395
395
|
args: [{
|
|
396
396
|
selector: 'ngtp-brightness-contrast',
|
|
@@ -409,19 +409,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
409
409
|
|
|
410
410
|
class NgtpChromaticAberration {
|
|
411
411
|
constructor() {
|
|
412
|
-
this.options = input({});
|
|
412
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
413
413
|
this.effect = inject(NgtpEffect, { host: true });
|
|
414
414
|
extend({ ChromaticAberrationEffect });
|
|
415
415
|
}
|
|
416
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
417
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
416
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpChromaticAberration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
417
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpChromaticAberration, isStandalone: true, selector: "ngtp-chromatic-aberration", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
418
418
|
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="effect.camera()">
|
|
419
419
|
<ngtp-effect-blend-mode />
|
|
420
420
|
<ng-content />
|
|
421
421
|
</ngt-chromatic-aberration-effect>
|
|
422
422
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
423
423
|
}
|
|
424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpChromaticAberration, decorators: [{
|
|
425
425
|
type: Component,
|
|
426
426
|
args: [{
|
|
427
427
|
selector: 'ngtp-chromatic-aberration',
|
|
@@ -440,17 +440,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
440
440
|
|
|
441
441
|
class NgtpColorAverage {
|
|
442
442
|
constructor() {
|
|
443
|
-
this.options = input({ blendFunction: BlendFunction.NORMAL }, { transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) });
|
|
443
|
+
this.options = input({ blendFunction: BlendFunction.NORMAL }, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) }] : [{ transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) }]));
|
|
444
444
|
extend({ ColorAverageEffect });
|
|
445
445
|
}
|
|
446
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
447
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
446
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpColorAverage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
447
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpColorAverage, isStandalone: true, selector: "ngtp-color-average", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
448
448
|
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
449
449
|
<ng-content />
|
|
450
450
|
</ngt-color-average-effect>
|
|
451
451
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
452
452
|
}
|
|
453
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpColorAverage, decorators: [{
|
|
454
454
|
type: Component,
|
|
455
455
|
args: [{
|
|
456
456
|
selector: 'ngtp-color-average',
|
|
@@ -467,19 +467,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
467
467
|
|
|
468
468
|
class NgtpColorDepth {
|
|
469
469
|
constructor() {
|
|
470
|
-
this.options = input({});
|
|
470
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
471
471
|
this.effect = inject(NgtpEffect, { host: true });
|
|
472
472
|
extend({ ColorDepthEffect });
|
|
473
473
|
}
|
|
474
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
475
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
474
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpColorDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
475
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpColorDepth, isStandalone: true, selector: "ngtp-color-depth", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
476
476
|
<ngt-color-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
477
477
|
<ngtp-effect-blend-mode />
|
|
478
478
|
<ng-content />
|
|
479
479
|
</ngt-color-depth-effect>
|
|
480
480
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
481
481
|
}
|
|
482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpColorDepth, decorators: [{
|
|
483
483
|
type: Component,
|
|
484
484
|
args: [{
|
|
485
485
|
selector: 'ngtp-color-depth',
|
|
@@ -498,19 +498,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
498
498
|
|
|
499
499
|
class NgtpDepth {
|
|
500
500
|
constructor() {
|
|
501
|
-
this.options = input({});
|
|
501
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
502
502
|
this.effect = inject(NgtpEffect, { host: true });
|
|
503
503
|
extend({ DepthEffect });
|
|
504
504
|
}
|
|
505
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
506
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
505
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
506
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpDepth, isStandalone: true, selector: "ngtp-depth", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
507
507
|
<ngt-depth-effect *args="[options()]" [camera]="effect.camera()">
|
|
508
508
|
<ngtp-effect-blend-mode />
|
|
509
509
|
<ng-content />
|
|
510
510
|
</ngt-depth-effect>
|
|
511
511
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
512
512
|
}
|
|
513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpDepth, decorators: [{
|
|
514
514
|
type: Component,
|
|
515
515
|
args: [{
|
|
516
516
|
selector: 'ngtp-depth',
|
|
@@ -529,7 +529,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
529
529
|
|
|
530
530
|
class NgtpDepthOfField {
|
|
531
531
|
constructor() {
|
|
532
|
-
this.options = input({});
|
|
532
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
533
533
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
534
534
|
this.effect = computed(() => {
|
|
535
535
|
const [camera, options] = [this.effectComposer.camera(), this.options()];
|
|
@@ -546,18 +546,18 @@ class NgtpDepthOfField {
|
|
|
546
546
|
const maskPass = effect['maskPass'];
|
|
547
547
|
maskPass.maskFunction = MaskFunction.MULTIPLY_RGB_SET_ALPHA;
|
|
548
548
|
return effect;
|
|
549
|
-
});
|
|
549
|
+
}, ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
550
550
|
effect((onCleanup) => {
|
|
551
551
|
const depthOfFieldEffect = this.effect();
|
|
552
552
|
onCleanup(() => depthOfFieldEffect.dispose());
|
|
553
553
|
});
|
|
554
554
|
}
|
|
555
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
556
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
555
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpDepthOfField, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
556
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpDepthOfField, isStandalone: true, selector: "ngtp-depth-of-field", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
557
557
|
<ngt-primitive *args="[effect()]" />
|
|
558
558
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
559
559
|
}
|
|
560
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
560
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpDepthOfField, decorators: [{
|
|
561
561
|
type: Component,
|
|
562
562
|
args: [{
|
|
563
563
|
selector: 'ngtp-depth-of-field',
|
|
@@ -572,19 +572,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
572
572
|
|
|
573
573
|
class NgtpDotScreen {
|
|
574
574
|
constructor() {
|
|
575
|
-
this.options = input({});
|
|
575
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
576
576
|
this.effect = inject(NgtpEffect, { host: true });
|
|
577
577
|
extend({ DotScreenEffect });
|
|
578
578
|
}
|
|
579
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
580
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
579
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpDotScreen, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
580
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpDotScreen, isStandalone: true, selector: "ngtp-dot-screen", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
581
581
|
<ngt-dot-screen-effect *args="[options()]" [camera]="effect.camera()">
|
|
582
582
|
<ngtp-effect-blend-mode />
|
|
583
583
|
<ng-content />
|
|
584
584
|
</ngt-dot-screen-effect>
|
|
585
585
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
586
586
|
}
|
|
587
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
587
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpDotScreen, decorators: [{
|
|
588
588
|
type: Component,
|
|
589
589
|
args: [{
|
|
590
590
|
selector: 'ngtp-dot-screen',
|
|
@@ -603,19 +603,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
603
603
|
|
|
604
604
|
class NgtpFXAA {
|
|
605
605
|
constructor() {
|
|
606
|
-
this.options = input({});
|
|
606
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
607
607
|
this.effect = inject(NgtpEffect, { host: true });
|
|
608
608
|
extend({ FXAAEffect });
|
|
609
609
|
}
|
|
610
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
611
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpFXAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
611
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpFXAA, isStandalone: true, selector: "ngtp-fxaa", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
612
612
|
<ngt-fXAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
613
613
|
<ngtp-effect-blend-mode />
|
|
614
614
|
<ng-content />
|
|
615
615
|
</ngt-fXAA-effect>
|
|
616
616
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
617
617
|
}
|
|
618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
618
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpFXAA, decorators: [{
|
|
619
619
|
type: Component,
|
|
620
620
|
args: [{
|
|
621
621
|
selector: 'ngtp-fxaa',
|
|
@@ -634,7 +634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
634
634
|
|
|
635
635
|
class NgtpGlitch {
|
|
636
636
|
constructor() {
|
|
637
|
-
this.options = input({ active: true }, { transform: mergeInputs({ active: true }) });
|
|
637
|
+
this.options = input({ active: true }, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs({ active: true }) }] : [{ transform: mergeInputs({ active: true }) }]));
|
|
638
638
|
this.active = pick(this.options, 'active');
|
|
639
639
|
this.mode = pick(this.options, 'mode');
|
|
640
640
|
this.ratio = pick(this.options, 'ratio');
|
|
@@ -657,7 +657,7 @@ class NgtpGlitch {
|
|
|
657
657
|
duration: this.duration(),
|
|
658
658
|
chromaticAberrationOffset: this.chromaticAberrationOffset(),
|
|
659
659
|
strength: this.strength(),
|
|
660
|
-
}));
|
|
660
|
+
}), ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
661
661
|
effect(() => {
|
|
662
662
|
const [glitchEffect, invalidate, mode, active] = [
|
|
663
663
|
this.effect(),
|
|
@@ -673,12 +673,12 @@ class NgtpGlitch {
|
|
|
673
673
|
onCleanup(() => effect.dispose());
|
|
674
674
|
});
|
|
675
675
|
}
|
|
676
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
677
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
676
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpGlitch, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
677
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpGlitch, isStandalone: true, selector: "ngtp-glitch", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
678
678
|
<ngt-primitive *args="[effect()]" />
|
|
679
679
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
680
680
|
}
|
|
681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
681
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpGlitch, decorators: [{
|
|
682
682
|
type: Component,
|
|
683
683
|
args: [{
|
|
684
684
|
selector: 'ngtp-glitch',
|
|
@@ -693,7 +693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
693
693
|
|
|
694
694
|
class NgtpGodRays {
|
|
695
695
|
constructor() {
|
|
696
|
-
this.options = input({});
|
|
696
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
697
697
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
698
698
|
this.effectOptions = omit(this.options, ['sun']);
|
|
699
699
|
this.sun = pick(this.options, 'sun');
|
|
@@ -702,11 +702,11 @@ class NgtpGodRays {
|
|
|
702
702
|
if (typeof sun === 'function')
|
|
703
703
|
return resolveRef(sun());
|
|
704
704
|
return resolveRef(sun);
|
|
705
|
-
});
|
|
705
|
+
}, ...(ngDevMode ? [{ debugName: "sunElement" }] : []));
|
|
706
706
|
this.effect = computed(() => {
|
|
707
707
|
const [camera, sunElement, options] = [this.effectComposer.camera(), this.sunElement(), this.effectOptions()];
|
|
708
708
|
return new GodRaysEffect(camera, sunElement, options);
|
|
709
|
-
});
|
|
709
|
+
}, ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
710
710
|
effect(() => {
|
|
711
711
|
const sunElement = this.sunElement();
|
|
712
712
|
if (!sunElement)
|
|
@@ -719,12 +719,12 @@ class NgtpGodRays {
|
|
|
719
719
|
onCleanup(() => effect.dispose());
|
|
720
720
|
});
|
|
721
721
|
}
|
|
722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
723
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
722
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpGodRays, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
723
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpGodRays, isStandalone: true, selector: "ngtp-god-rays", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
724
724
|
<ngt-primitive *args="[effect()]" />
|
|
725
725
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
726
726
|
}
|
|
727
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpGodRays, decorators: [{
|
|
728
728
|
type: Component,
|
|
729
729
|
args: [{
|
|
730
730
|
selector: 'ngtp-god-rays',
|
|
@@ -739,10 +739,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
739
739
|
|
|
740
740
|
class NgtpGrid {
|
|
741
741
|
constructor() {
|
|
742
|
-
this.options = input({});
|
|
742
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
743
743
|
this.effectOptions = omit(this.options, ['size']);
|
|
744
744
|
this.size = pick(this.options, 'size');
|
|
745
|
-
this.effect = computed(() => new GridEffect(this.effectOptions()));
|
|
745
|
+
this.effect = computed(() => new GridEffect(this.effectOptions()), ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
746
746
|
effect(() => {
|
|
747
747
|
const [size, effect] = [this.size(), this.effect()];
|
|
748
748
|
if (size) {
|
|
@@ -754,12 +754,12 @@ class NgtpGrid {
|
|
|
754
754
|
onCleanup(() => effect.dispose());
|
|
755
755
|
});
|
|
756
756
|
}
|
|
757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
758
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
757
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpGrid, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
758
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpGrid, isStandalone: true, selector: "ngtp-grid", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
759
759
|
<ngt-primitive *args="[effect()]" />
|
|
760
760
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
761
761
|
}
|
|
762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
762
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpGrid, decorators: [{
|
|
763
763
|
type: Component,
|
|
764
764
|
args: [{
|
|
765
765
|
selector: 'ngtp-grid',
|
|
@@ -774,19 +774,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
774
774
|
|
|
775
775
|
class NgtpHueSaturation {
|
|
776
776
|
constructor() {
|
|
777
|
-
this.options = input({});
|
|
777
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
778
778
|
this.effect = inject(NgtpEffect, { host: true });
|
|
779
779
|
extend({ HueSaturationEffect });
|
|
780
780
|
}
|
|
781
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
781
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpHueSaturation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
782
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpHueSaturation, isStandalone: true, selector: "ngtp-hue-saturation", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
783
783
|
<ngt-hue-saturation-effect *args="[options()]" [camera]="effect.camera()">
|
|
784
784
|
<ngtp-effect-blend-mode />
|
|
785
785
|
<ng-content />
|
|
786
786
|
</ngt-hue-saturation-effect>
|
|
787
787
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
788
788
|
}
|
|
789
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpHueSaturation, decorators: [{
|
|
790
790
|
type: Component,
|
|
791
791
|
args: [{
|
|
792
792
|
selector: 'ngtp-hue-saturation',
|
|
@@ -893,14 +893,14 @@ const defaultOptions$3 = {
|
|
|
893
893
|
};
|
|
894
894
|
class NgtpLensFlare {
|
|
895
895
|
constructor() {
|
|
896
|
-
this.options = input(defaultOptions$3, { transform: mergeInputs(defaultOptions$3) });
|
|
896
|
+
this.options = input(defaultOptions$3, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs(defaultOptions$3) }] : [{ transform: mergeInputs(defaultOptions$3) }]));
|
|
897
897
|
this.store = injectStore();
|
|
898
898
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
899
899
|
this.effectOptions = omit(this.options, ['position', 'followMouse', 'smoothTime']);
|
|
900
900
|
this.position = vector3(this.options, 'position');
|
|
901
901
|
this.projectedPosition = new THREE.Vector3();
|
|
902
902
|
this.mouse2d = new THREE.Vector2();
|
|
903
|
-
this.effect = computed(() => new LensFlareEffect(this.effectOptions()));
|
|
903
|
+
this.effect = computed(() => new LensFlareEffect(this.effectOptions()), ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
904
904
|
effect(() => {
|
|
905
905
|
const [lensFlareEffect, width, height] = [
|
|
906
906
|
this.effect(),
|
|
@@ -974,12 +974,12 @@ class NgtpLensFlare {
|
|
|
974
974
|
easing.damp(uOpacity, 'value', target, smoothTime, delta);
|
|
975
975
|
});
|
|
976
976
|
}
|
|
977
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
978
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
977
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpLensFlare, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
978
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpLensFlare, isStandalone: true, selector: "ngtp-lens-flare", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
979
979
|
<ngt-primitive *args="[effect()]" [parameters]="{ dispose: null }" />
|
|
980
980
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
981
981
|
}
|
|
982
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpLensFlare, decorators: [{
|
|
983
983
|
type: Component,
|
|
984
984
|
args: [{
|
|
985
985
|
selector: 'ngtp-lens-flare',
|
|
@@ -994,14 +994,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
994
994
|
|
|
995
995
|
class NgtpLUT {
|
|
996
996
|
constructor() {
|
|
997
|
-
this.options = input({});
|
|
997
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
998
998
|
this.lut = pick(this.options, 'lut');
|
|
999
999
|
this.tetrahedralInterpolation = pick(this.options, 'tetrahedralInterpolation');
|
|
1000
1000
|
this.store = injectStore();
|
|
1001
1001
|
this.effect = computed(() => {
|
|
1002
1002
|
const { lut, ...options } = this.options();
|
|
1003
1003
|
return new LUT3DEffect(lut, options);
|
|
1004
|
-
});
|
|
1004
|
+
}, ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
1005
1005
|
effect(() => {
|
|
1006
1006
|
const [effect, lut, tetrahedralInterpolation, invalidate] = [
|
|
1007
1007
|
this.effect(),
|
|
@@ -1020,12 +1020,12 @@ class NgtpLUT {
|
|
|
1020
1020
|
onCleanup(() => effect.dispose());
|
|
1021
1021
|
});
|
|
1022
1022
|
}
|
|
1023
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1024
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1023
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpLUT, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1024
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpLUT, isStandalone: true, selector: "ngtp-lut", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1025
1025
|
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1026
1026
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1027
1027
|
}
|
|
1028
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1028
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpLUT, decorators: [{
|
|
1029
1029
|
type: Component,
|
|
1030
1030
|
args: [{
|
|
1031
1031
|
selector: 'ngtp-lut',
|
|
@@ -1040,19 +1040,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1040
1040
|
|
|
1041
1041
|
class NgtpNoise {
|
|
1042
1042
|
constructor() {
|
|
1043
|
-
this.options = input({});
|
|
1043
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1044
1044
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1045
1045
|
extend({ NoiseEffect });
|
|
1046
1046
|
}
|
|
1047
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1048
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1047
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpNoise, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1048
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpNoise, isStandalone: true, selector: "ngtp-noise", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.COLOR_DODGE })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1049
1049
|
<ngt-noise-effect *args="[options()]" [camera]="effect.camera()">
|
|
1050
1050
|
<ngtp-effect-blend-mode />
|
|
1051
1051
|
<ng-content />
|
|
1052
1052
|
</ngt-noise-effect>
|
|
1053
1053
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1054
1054
|
}
|
|
1055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpNoise, decorators: [{
|
|
1056
1056
|
type: Component,
|
|
1057
1057
|
args: [{
|
|
1058
1058
|
selector: 'ngtp-noise',
|
|
@@ -1075,7 +1075,7 @@ const defaultOptions$2 = {
|
|
|
1075
1075
|
};
|
|
1076
1076
|
class NgtpOutline {
|
|
1077
1077
|
constructor() {
|
|
1078
|
-
this.options = input(defaultOptions$2, { transform: mergeInputs(defaultOptions$2) });
|
|
1078
|
+
this.options = input(defaultOptions$2, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs(defaultOptions$2) }] : [{ transform: mergeInputs(defaultOptions$2) }]));
|
|
1079
1079
|
this.selectionApi = inject(NgtSelectionApi, { optional: true });
|
|
1080
1080
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
1081
1081
|
this.store = injectStore();
|
|
@@ -1136,7 +1136,7 @@ class NgtpOutline {
|
|
|
1136
1136
|
xRay,
|
|
1137
1137
|
...restOptions,
|
|
1138
1138
|
});
|
|
1139
|
-
});
|
|
1139
|
+
}, ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
1140
1140
|
effect((onCleanup) => {
|
|
1141
1141
|
const effect = this.effect();
|
|
1142
1142
|
onCleanup(() => effect.dispose());
|
|
@@ -1194,12 +1194,12 @@ class NgtpOutline {
|
|
|
1194
1194
|
invalidate();
|
|
1195
1195
|
};
|
|
1196
1196
|
}
|
|
1197
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1198
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1197
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpOutline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1198
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpOutline, isStandalone: true, selector: "ngtp-outline", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1199
1199
|
<ngt-primitive *args="[effect()]" />
|
|
1200
1200
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1201
1201
|
}
|
|
1202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpOutline, decorators: [{
|
|
1203
1203
|
type: Component,
|
|
1204
1204
|
args: [{
|
|
1205
1205
|
selector: 'ngtp-outline',
|
|
@@ -1214,20 +1214,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1214
1214
|
|
|
1215
1215
|
class NgtpPixelation {
|
|
1216
1216
|
constructor() {
|
|
1217
|
-
this.options = input({ granularity: 5 }, { transform: mergeInputs({ granularity: 5 }) });
|
|
1217
|
+
this.options = input({ granularity: 5 }, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs({ granularity: 5 }) }] : [{ transform: mergeInputs({ granularity: 5 }) }]));
|
|
1218
1218
|
this.granularity = pick(this.options, 'granularity');
|
|
1219
|
-
this.effect = computed(() => new PixelationEffect(this.granularity()));
|
|
1219
|
+
this.effect = computed(() => new PixelationEffect(this.granularity()), ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
1220
1220
|
effect((onCleanup) => {
|
|
1221
1221
|
const effect = this.effect();
|
|
1222
1222
|
onCleanup(() => effect.dispose());
|
|
1223
1223
|
});
|
|
1224
1224
|
}
|
|
1225
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1226
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1225
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpPixelation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1226
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpPixelation, isStandalone: true, selector: "ngtp-pixelation", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1227
1227
|
<ngt-primitive *args="[effect()]" />
|
|
1228
1228
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1229
1229
|
}
|
|
1230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpPixelation, decorators: [{
|
|
1231
1231
|
type: Component,
|
|
1232
1232
|
args: [{
|
|
1233
1233
|
selector: 'ngtp-pixelation',
|
|
@@ -1245,19 +1245,19 @@ const defaultOptions$1 = {
|
|
|
1245
1245
|
};
|
|
1246
1246
|
class NgtpScanline {
|
|
1247
1247
|
constructor() {
|
|
1248
|
-
this.options = input(defaultOptions$1, { transform: mergeInputs(defaultOptions$1) });
|
|
1248
|
+
this.options = input(defaultOptions$1, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs(defaultOptions$1) }] : [{ transform: mergeInputs(defaultOptions$1) }]));
|
|
1249
1249
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1250
1250
|
extend({ ScanlineEffect });
|
|
1251
1251
|
}
|
|
1252
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1253
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1252
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpScanline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1253
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpScanline, isStandalone: true, selector: "ngtp-scanline", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.OVERLAY })], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1254
1254
|
<ngt-scanline-effect *args="[options()]" [camera]="effect.camera()">
|
|
1255
1255
|
<ngtp-effect-blend-mode />
|
|
1256
1256
|
<ng-content />
|
|
1257
1257
|
</ngt-scanline-effect>
|
|
1258
1258
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtpEffectBlendMode, selector: "ngtp-effect-blend-mode" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1259
1259
|
}
|
|
1260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpScanline, decorators: [{
|
|
1261
1261
|
type: Component,
|
|
1262
1262
|
args: [{
|
|
1263
1263
|
selector: 'ngtp-scanline',
|
|
@@ -1284,9 +1284,9 @@ const defaultOptions = {
|
|
|
1284
1284
|
};
|
|
1285
1285
|
class NgtpSelectiveBloom {
|
|
1286
1286
|
constructor() {
|
|
1287
|
-
this.lights = input.required();
|
|
1288
|
-
this.selection = input([]);
|
|
1289
|
-
this.options = input(defaultOptions, { transform: mergeInputs(defaultOptions) });
|
|
1287
|
+
this.lights = input.required(...(ngDevMode ? [{ debugName: "lights" }] : []));
|
|
1288
|
+
this.selection = input([], ...(ngDevMode ? [{ debugName: "selection" }] : []));
|
|
1289
|
+
this.options = input(defaultOptions, ...(ngDevMode ? [{ debugName: "options", transform: mergeInputs(defaultOptions) }] : [{ transform: mergeInputs(defaultOptions) }]));
|
|
1290
1290
|
this.blendFunction = pick(this.options, 'blendFunction');
|
|
1291
1291
|
this.luminanceThreshold = pick(this.options, 'luminanceThreshold');
|
|
1292
1292
|
this.luminanceSmoothing = pick(this.options, 'luminanceSmoothing');
|
|
@@ -1306,19 +1306,19 @@ class NgtpSelectiveBloom {
|
|
|
1306
1306
|
this.store = injectStore();
|
|
1307
1307
|
this.effectComposer = inject(NgtpEffectComposer);
|
|
1308
1308
|
this.selectionApi = inject(NgtSelectionApi, { optional: true });
|
|
1309
|
-
this.resolvedLights = computed(() => this.lights().map((light) => resolveRef(light)));
|
|
1309
|
+
this.resolvedLights = computed(() => this.lights().map((light) => resolveRef(light)), ...(ngDevMode ? [{ debugName: "resolvedLights" }] : []));
|
|
1310
1310
|
this.resolvedSelected = computed(() => {
|
|
1311
1311
|
const selection = this.selection();
|
|
1312
1312
|
if (!selection)
|
|
1313
1313
|
return [];
|
|
1314
1314
|
const array = Array.isArray(selection) ? selection : [selection];
|
|
1315
1315
|
return array.map((selected) => resolveRef(selected));
|
|
1316
|
-
});
|
|
1316
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedSelected" }] : []));
|
|
1317
1317
|
this.resolvedNgtSelected = computed(() => {
|
|
1318
1318
|
if (!this.selectionApi || !this.selectionApi.enabled)
|
|
1319
1319
|
return [];
|
|
1320
1320
|
return this.selectionApi.selected().map((selected) => resolveRef(selected));
|
|
1321
|
-
});
|
|
1321
|
+
}, ...(ngDevMode ? [{ debugName: "resolvedNgtSelected" }] : []));
|
|
1322
1322
|
this.effect = computed(() => {
|
|
1323
1323
|
const effect = new SelectiveBloomEffect(this.effectComposer.scene(), this.effectComposer.camera(), {
|
|
1324
1324
|
blendFunction: this.blendFunction() || BlendFunction.ADD,
|
|
@@ -1338,7 +1338,7 @@ class NgtpSelectiveBloom {
|
|
|
1338
1338
|
effect.inverted = this.inverted();
|
|
1339
1339
|
effect.ignoreBackground = this.ignoreBackground();
|
|
1340
1340
|
return effect;
|
|
1341
|
-
});
|
|
1341
|
+
}, ...(ngDevMode ? [{ debugName: "effect" }] : []));
|
|
1342
1342
|
effect((onCleanup) => {
|
|
1343
1343
|
// skip input selection altogether if NgtSelection is used
|
|
1344
1344
|
if (this.selectionApi)
|
|
@@ -1394,12 +1394,12 @@ class NgtpSelectiveBloom {
|
|
|
1394
1394
|
removeLight(effect, light) {
|
|
1395
1395
|
light.layers.disable(effect.selection.layer);
|
|
1396
1396
|
}
|
|
1397
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1398
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1397
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpSelectiveBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1398
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpSelectiveBloom, isStandalone: true, selector: "ngtp-selective-bloom", inputs: { lights: { classPropertyName: "lights", publicName: "lights", isSignal: true, isRequired: true, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
1399
1399
|
<ngt-primitive *args="[effect()]" [dispose]="null" />
|
|
1400
1400
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1401
1401
|
}
|
|
1402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpSelectiveBloom, decorators: [{
|
|
1403
1403
|
type: Component,
|
|
1404
1404
|
args: [{
|
|
1405
1405
|
selector: 'ngtp-selective-bloom',
|
|
@@ -1414,19 +1414,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1414
1414
|
|
|
1415
1415
|
class NgtpSepia {
|
|
1416
1416
|
constructor() {
|
|
1417
|
-
this.options = input({});
|
|
1417
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1418
1418
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1419
1419
|
extend({ SepiaEffect });
|
|
1420
1420
|
}
|
|
1421
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1422
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1421
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpSepia, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1422
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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: `
|
|
1423
1423
|
<ngt-sepia-effect *args="[options()]" [camera]="effect.camera()">
|
|
1424
1424
|
<ngtp-effect-blend-mode />
|
|
1425
1425
|
<ng-content />
|
|
1426
1426
|
</ngt-sepia-effect>
|
|
1427
1427
|
`, 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 }); }
|
|
1428
1428
|
}
|
|
1429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpSepia, decorators: [{
|
|
1430
1430
|
type: Component,
|
|
1431
1431
|
args: [{
|
|
1432
1432
|
selector: 'ngtp-sepia',
|
|
@@ -1445,19 +1445,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1445
1445
|
|
|
1446
1446
|
class NgtpShockWave {
|
|
1447
1447
|
constructor() {
|
|
1448
|
-
this.options = input({});
|
|
1448
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1449
1449
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1450
1450
|
extend({ ShockWaveEffect });
|
|
1451
1451
|
}
|
|
1452
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1453
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1452
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpShockWave, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1453
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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: `
|
|
1454
1454
|
<ngt-shock-wave-effect *args="[options()]" [camera]="effect.camera()">
|
|
1455
1455
|
<ngtp-effect-blend-mode />
|
|
1456
1456
|
<ng-content />
|
|
1457
1457
|
</ngt-shock-wave-effect>
|
|
1458
1458
|
`, 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 }); }
|
|
1459
1459
|
}
|
|
1460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1460
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpShockWave, decorators: [{
|
|
1461
1461
|
type: Component,
|
|
1462
1462
|
args: [{
|
|
1463
1463
|
selector: 'ngtp-shock-wave',
|
|
@@ -1476,19 +1476,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1476
1476
|
|
|
1477
1477
|
class NgtpSMAA {
|
|
1478
1478
|
constructor() {
|
|
1479
|
-
this.options = input({});
|
|
1479
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1480
1480
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1481
1481
|
extend({ SMAAEffect });
|
|
1482
1482
|
}
|
|
1483
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1484
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1483
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpSMAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1484
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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: `
|
|
1485
1485
|
<ngt-sMAA-effect *args="[options()]" [camera]="effect.camera()">
|
|
1486
1486
|
<ngtp-effect-blend-mode />
|
|
1487
1487
|
<ng-content />
|
|
1488
1488
|
</ngt-sMAA-effect>
|
|
1489
1489
|
`, 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 }); }
|
|
1490
1490
|
}
|
|
1491
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpSMAA, decorators: [{
|
|
1492
1492
|
type: Component,
|
|
1493
1493
|
args: [{
|
|
1494
1494
|
selector: 'ngtp-smaa',
|
|
@@ -1507,19 +1507,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1507
1507
|
|
|
1508
1508
|
class NgtpTiltShift {
|
|
1509
1509
|
constructor() {
|
|
1510
|
-
this.options = input({});
|
|
1510
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1511
1511
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1512
1512
|
extend({ TiltShiftEffect });
|
|
1513
1513
|
}
|
|
1514
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1515
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1514
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpTiltShift, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1515
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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: `
|
|
1516
1516
|
<ngt-tilt-shift-effect *args="[options()]" [camera]="effect.camera()">
|
|
1517
1517
|
<ngtp-effect-blend-mode />
|
|
1518
1518
|
<ng-content />
|
|
1519
1519
|
</ngt-tilt-shift-effect>
|
|
1520
1520
|
`, 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 }); }
|
|
1521
1521
|
}
|
|
1522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpTiltShift, decorators: [{
|
|
1523
1523
|
type: Component,
|
|
1524
1524
|
args: [{
|
|
1525
1525
|
selector: 'ngtp-tilt-shift',
|
|
@@ -1621,18 +1621,18 @@ class TiltShift2Effect extends Effect {
|
|
|
1621
1621
|
extend({ TiltShift2Effect });
|
|
1622
1622
|
class NgtpTiltShift2 {
|
|
1623
1623
|
constructor() {
|
|
1624
|
-
this.options = input({});
|
|
1624
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1625
1625
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1626
1626
|
}
|
|
1627
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1628
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1627
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpTiltShift2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1628
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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: `
|
|
1629
1629
|
<ngt-tilt-shift2-effect *args="[options()]" [camera]="effect.camera()">
|
|
1630
1630
|
<ngtp-effect-blend-mode />
|
|
1631
1631
|
<ng-content />
|
|
1632
1632
|
</ngt-tilt-shift2-effect>
|
|
1633
1633
|
`, 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 }); }
|
|
1634
1634
|
}
|
|
1635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpTiltShift2, decorators: [{
|
|
1636
1636
|
type: Component,
|
|
1637
1637
|
args: [{
|
|
1638
1638
|
selector: 'ngtp-tilt-shift2',
|
|
@@ -1652,19 +1652,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1652
1652
|
|
|
1653
1653
|
class NgtpToneMapping {
|
|
1654
1654
|
constructor() {
|
|
1655
|
-
this.options = input({});
|
|
1655
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1656
1656
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1657
1657
|
extend({ ToneMappingEffect });
|
|
1658
1658
|
}
|
|
1659
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1660
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1659
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpToneMapping, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1660
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", type: NgtpToneMapping, isStandalone: true, selector: "ngtp-tone-mapping", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1661
1661
|
<ngt-tone-mapping-effect *args="[options()]" [camera]="effect.camera()">
|
|
1662
1662
|
<ngtp-effect-blend-mode />
|
|
1663
1663
|
<ng-content />
|
|
1664
1664
|
</ngt-tone-mapping-effect>
|
|
1665
1665
|
`, 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 }); }
|
|
1666
1666
|
}
|
|
1667
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpToneMapping, decorators: [{
|
|
1668
1668
|
type: Component,
|
|
1669
1669
|
args: [{
|
|
1670
1670
|
selector: 'ngtp-tone-mapping',
|
|
@@ -1683,19 +1683,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.3", ngImpor
|
|
|
1683
1683
|
|
|
1684
1684
|
class NgtpVignette {
|
|
1685
1685
|
constructor() {
|
|
1686
|
-
this.options = input({});
|
|
1686
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1687
1687
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1688
1688
|
extend({ VignetteEffect });
|
|
1689
1689
|
}
|
|
1690
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1691
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpVignette, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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: `
|
|
1692
1692
|
<ngt-vignette-effect *args="[options()]" [camera]="effect.camera()">
|
|
1693
1693
|
<ngtp-effect-blend-mode />
|
|
1694
1694
|
<ng-content />
|
|
1695
1695
|
</ngt-vignette-effect>
|
|
1696
1696
|
`, 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 }); }
|
|
1697
1697
|
}
|
|
1698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpVignette, decorators: [{
|
|
1699
1699
|
type: Component,
|
|
1700
1700
|
args: [{
|
|
1701
1701
|
selector: 'ngtp-vignette',
|
|
@@ -1738,19 +1738,19 @@ class WaterEffect extends Effect {
|
|
|
1738
1738
|
}
|
|
1739
1739
|
class NgtpWater {
|
|
1740
1740
|
constructor() {
|
|
1741
|
-
this.options = input({});
|
|
1741
|
+
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1742
1742
|
this.effect = inject(NgtpEffect, { host: true });
|
|
1743
1743
|
extend({ WaterEffect });
|
|
1744
1744
|
}
|
|
1745
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1746
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
1745
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpWater, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1746
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.7", 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: `
|
|
1747
1747
|
<ngt-water-effect *args="[options()]" [camera]="effect.camera()">
|
|
1748
1748
|
<ngtp-effect-blend-mode />
|
|
1749
1749
|
<ng-content />
|
|
1750
1750
|
</ngt-water-effect>
|
|
1751
1751
|
`, 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 }); }
|
|
1752
1752
|
}
|
|
1753
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1753
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: NgtpWater, decorators: [{
|
|
1754
1754
|
type: Component,
|
|
1755
1755
|
args: [{
|
|
1756
1756
|
selector: 'ngtp-water',
|