angular-three-postprocessing 4.0.0-next.120 → 4.0.0-next.122
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.
|
@@ -533,12 +533,13 @@ class NgtpBloom {
|
|
|
533
533
|
*/
|
|
534
534
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
535
535
|
/** Reference to the host NgtpEffect directive */
|
|
536
|
-
this.
|
|
536
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
537
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
537
538
|
extend({ BloomEffect });
|
|
538
539
|
}
|
|
539
540
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpBloom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
540
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
541
|
-
<ngt-bloom-effect *args="[options()]" [camera]="
|
|
541
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.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 })], viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
542
|
+
<ngt-bloom-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
542
543
|
<ngtp-effect-blend-mode />
|
|
543
544
|
<ng-content />
|
|
544
545
|
</ngt-bloom-effect>
|
|
@@ -549,7 +550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
549
550
|
args: [{
|
|
550
551
|
selector: 'ngtp-bloom',
|
|
551
552
|
template: `
|
|
552
|
-
<ngt-bloom-effect *args="[options()]" [camera]="
|
|
553
|
+
<ngt-bloom-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
553
554
|
<ngtp-effect-blend-mode />
|
|
554
555
|
<ng-content />
|
|
555
556
|
</ngt-bloom-effect>
|
|
@@ -560,7 +561,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
560
561
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
561
562
|
providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.ADD })],
|
|
562
563
|
}]
|
|
563
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
564
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
564
565
|
|
|
565
566
|
/**
|
|
566
567
|
* Angular component that applies brightness and contrast adjustments to the scene.
|
|
@@ -583,12 +584,13 @@ class NgtpBrightnessContrast {
|
|
|
583
584
|
*/
|
|
584
585
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
585
586
|
/** Reference to the host NgtpEffect directive */
|
|
586
|
-
this.
|
|
587
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
588
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
587
589
|
extend({ BrightnessContrastEffect });
|
|
588
590
|
}
|
|
589
591
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpBrightnessContrast, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
590
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
591
|
-
<ngt-brightness-contrast-effect *args="[options()]" [camera]="
|
|
592
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpBrightnessContrast, isStandalone: true, selector: "ngtp-brightness-contrast", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
593
|
+
<ngt-brightness-contrast-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
592
594
|
<ngtp-effect-blend-mode />
|
|
593
595
|
<ng-content />
|
|
594
596
|
</ngt-brightness-contrast-effect>
|
|
@@ -599,7 +601,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
599
601
|
args: [{
|
|
600
602
|
selector: 'ngtp-brightness-contrast',
|
|
601
603
|
template: `
|
|
602
|
-
<ngt-brightness-contrast-effect *args="[options()]" [camera]="
|
|
604
|
+
<ngt-brightness-contrast-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
603
605
|
<ngtp-effect-blend-mode />
|
|
604
606
|
<ng-content />
|
|
605
607
|
</ngt-brightness-contrast-effect>
|
|
@@ -609,7 +611,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
609
611
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
610
612
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
611
613
|
}]
|
|
612
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
614
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
613
615
|
|
|
614
616
|
/**
|
|
615
617
|
* Angular component that applies a chromatic aberration effect to the scene.
|
|
@@ -632,12 +634,13 @@ class NgtpChromaticAberration {
|
|
|
632
634
|
*/
|
|
633
635
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
634
636
|
/** Reference to the host NgtpEffect directive */
|
|
635
|
-
this.
|
|
637
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
638
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
636
639
|
extend({ ChromaticAberrationEffect });
|
|
637
640
|
}
|
|
638
641
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpChromaticAberration, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
639
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
640
|
-
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="
|
|
642
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpChromaticAberration, isStandalone: true, selector: "ngtp-chromatic-aberration", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
643
|
+
<ngt-chromatic-aberration-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
641
644
|
<ngtp-effect-blend-mode />
|
|
642
645
|
<ng-content />
|
|
643
646
|
</ngt-chromatic-aberration-effect>
|
|
@@ -648,7 +651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
648
651
|
args: [{
|
|
649
652
|
selector: 'ngtp-chromatic-aberration',
|
|
650
653
|
template: `
|
|
651
|
-
<ngt-chromatic-aberration-effect *args="[options()]" [camera]="
|
|
654
|
+
<ngt-chromatic-aberration-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
652
655
|
<ngtp-effect-blend-mode />
|
|
653
656
|
<ng-content />
|
|
654
657
|
</ngt-chromatic-aberration-effect>
|
|
@@ -658,7 +661,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
658
661
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
659
662
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
660
663
|
}]
|
|
661
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
664
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
662
665
|
|
|
663
666
|
/**
|
|
664
667
|
* Angular component that applies a color averaging effect to the scene.
|
|
@@ -688,11 +691,12 @@ class NgtpColorAverage {
|
|
|
688
691
|
* @default { blendFunction: BlendFunction.NORMAL }
|
|
689
692
|
*/
|
|
690
693
|
this.options = input({ blendFunction: BlendFunction.NORMAL }, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs({ blendFunction: BlendFunction.NORMAL }) });
|
|
694
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
691
695
|
extend({ ColorAverageEffect });
|
|
692
696
|
}
|
|
693
697
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpColorAverage, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
694
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
695
|
-
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
698
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpColorAverage, isStandalone: true, selector: "ngtp-color-average", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
699
|
+
<ngt-color-average-effect #effect *args="[options().blendFunction]">
|
|
696
700
|
<ng-content />
|
|
697
701
|
</ngt-color-average-effect>
|
|
698
702
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -702,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
702
706
|
args: [{
|
|
703
707
|
selector: 'ngtp-color-average',
|
|
704
708
|
template: `
|
|
705
|
-
<ngt-color-average-effect *args="[options().blendFunction]">
|
|
709
|
+
<ngt-color-average-effect #effect *args="[options().blendFunction]">
|
|
706
710
|
<ng-content />
|
|
707
711
|
</ngt-color-average-effect>
|
|
708
712
|
`,
|
|
@@ -710,7 +714,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
710
714
|
schemas: [CUSTOM_ELEMENTS_SCHEMA],
|
|
711
715
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
712
716
|
}]
|
|
713
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
717
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
714
718
|
|
|
715
719
|
/**
|
|
716
720
|
* Angular component that applies a color depth reduction effect to the scene.
|
|
@@ -733,12 +737,13 @@ class NgtpColorDepth {
|
|
|
733
737
|
*/
|
|
734
738
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
735
739
|
/** Reference to the host NgtpEffect directive */
|
|
736
|
-
this.
|
|
740
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
741
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
737
742
|
extend({ ColorDepthEffect });
|
|
738
743
|
}
|
|
739
744
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpColorDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
740
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
741
|
-
<ngt-color-depth-effect *args="[options()]" [camera]="
|
|
745
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpColorDepth, isStandalone: true, selector: "ngtp-color-depth", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
746
|
+
<ngt-color-depth-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
742
747
|
<ngtp-effect-blend-mode />
|
|
743
748
|
<ng-content />
|
|
744
749
|
</ngt-color-depth-effect>
|
|
@@ -749,7 +754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
749
754
|
args: [{
|
|
750
755
|
selector: 'ngtp-color-depth',
|
|
751
756
|
template: `
|
|
752
|
-
<ngt-color-depth-effect *args="[options()]" [camera]="
|
|
757
|
+
<ngt-color-depth-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
753
758
|
<ngtp-effect-blend-mode />
|
|
754
759
|
<ng-content />
|
|
755
760
|
</ngt-color-depth-effect>
|
|
@@ -759,7 +764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
759
764
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
760
765
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
761
766
|
}]
|
|
762
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
767
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
763
768
|
|
|
764
769
|
/**
|
|
765
770
|
* Angular component that visualizes the scene's depth buffer.
|
|
@@ -782,12 +787,13 @@ class NgtpDepth {
|
|
|
782
787
|
*/
|
|
783
788
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
784
789
|
/** Reference to the host NgtpEffect directive */
|
|
785
|
-
this.
|
|
790
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
791
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
786
792
|
extend({ DepthEffect });
|
|
787
793
|
}
|
|
788
794
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpDepth, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
789
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
790
|
-
<ngt-depth-effect *args="[options()]" [camera]="
|
|
795
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpDepth, isStandalone: true, selector: "ngtp-depth", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
796
|
+
<ngt-depth-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
791
797
|
<ngtp-effect-blend-mode />
|
|
792
798
|
<ng-content />
|
|
793
799
|
</ngt-depth-effect>
|
|
@@ -798,7 +804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
798
804
|
args: [{
|
|
799
805
|
selector: 'ngtp-depth',
|
|
800
806
|
template: `
|
|
801
|
-
<ngt-depth-effect *args="[options()]" [camera]="
|
|
807
|
+
<ngt-depth-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
802
808
|
<ngtp-effect-blend-mode />
|
|
803
809
|
<ng-content />
|
|
804
810
|
</ngt-depth-effect>
|
|
@@ -808,7 +814,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
808
814
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
809
815
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
810
816
|
}]
|
|
811
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
817
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
812
818
|
|
|
813
819
|
/**
|
|
814
820
|
* Angular component that applies a depth of field effect to the scene.
|
|
@@ -904,12 +910,13 @@ class NgtpDotScreen {
|
|
|
904
910
|
*/
|
|
905
911
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
906
912
|
/** Reference to the host NgtpEffect directive */
|
|
907
|
-
this.
|
|
913
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
914
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
908
915
|
extend({ DotScreenEffect });
|
|
909
916
|
}
|
|
910
917
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpDotScreen, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
912
|
-
<ngt-dot-screen-effect *args="[options()]" [camera]="
|
|
918
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpDotScreen, isStandalone: true, selector: "ngtp-dot-screen", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
919
|
+
<ngt-dot-screen-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
913
920
|
<ngtp-effect-blend-mode />
|
|
914
921
|
<ng-content />
|
|
915
922
|
</ngt-dot-screen-effect>
|
|
@@ -920,7 +927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
920
927
|
args: [{
|
|
921
928
|
selector: 'ngtp-dot-screen',
|
|
922
929
|
template: `
|
|
923
|
-
<ngt-dot-screen-effect *args="[options()]" [camera]="
|
|
930
|
+
<ngt-dot-screen-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
924
931
|
<ngtp-effect-blend-mode />
|
|
925
932
|
<ng-content />
|
|
926
933
|
</ngt-dot-screen-effect>
|
|
@@ -930,7 +937,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
930
937
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
931
938
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
932
939
|
}]
|
|
933
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
940
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
934
941
|
|
|
935
942
|
/**
|
|
936
943
|
* Angular component that applies Fast Approximate Anti-Aliasing (FXAA) to the scene.
|
|
@@ -954,12 +961,13 @@ class NgtpFXAA {
|
|
|
954
961
|
*/
|
|
955
962
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
956
963
|
/** Reference to the host NgtpEffect directive */
|
|
957
|
-
this.
|
|
964
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
965
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
958
966
|
extend({ FXAAEffect });
|
|
959
967
|
}
|
|
960
968
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpFXAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
961
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
962
|
-
<ngt-fXAA-effect *args="[options()]" [camera]="
|
|
969
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpFXAA, isStandalone: true, selector: "ngtp-fxaa", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
970
|
+
<ngt-fXAA-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
963
971
|
<ngtp-effect-blend-mode />
|
|
964
972
|
<ng-content />
|
|
965
973
|
</ngt-fXAA-effect>
|
|
@@ -970,7 +978,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
970
978
|
args: [{
|
|
971
979
|
selector: 'ngtp-fxaa',
|
|
972
980
|
template: `
|
|
973
|
-
<ngt-fXAA-effect *args="[options()]" [camera]="
|
|
981
|
+
<ngt-fXAA-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
974
982
|
<ngtp-effect-blend-mode />
|
|
975
983
|
<ng-content />
|
|
976
984
|
</ngt-fXAA-effect>
|
|
@@ -980,7 +988,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
980
988
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
981
989
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
982
990
|
}]
|
|
983
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
991
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
984
992
|
|
|
985
993
|
/**
|
|
986
994
|
* Angular component that applies a glitch effect to the scene.
|
|
@@ -1224,12 +1232,13 @@ class NgtpHueSaturation {
|
|
|
1224
1232
|
*/
|
|
1225
1233
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1226
1234
|
/** Reference to the host NgtpEffect directive */
|
|
1227
|
-
this.
|
|
1235
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
1236
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
1228
1237
|
extend({ HueSaturationEffect });
|
|
1229
1238
|
}
|
|
1230
1239
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpHueSaturation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1231
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
1232
|
-
<ngt-hue-saturation-effect *args="[options()]" [camera]="
|
|
1240
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpHueSaturation, isStandalone: true, selector: "ngtp-hue-saturation", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1241
|
+
<ngt-hue-saturation-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
1233
1242
|
<ngtp-effect-blend-mode />
|
|
1234
1243
|
<ng-content />
|
|
1235
1244
|
</ngt-hue-saturation-effect>
|
|
@@ -1240,7 +1249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1240
1249
|
args: [{
|
|
1241
1250
|
selector: 'ngtp-hue-saturation',
|
|
1242
1251
|
template: `
|
|
1243
|
-
<ngt-hue-saturation-effect *args="[options()]" [camera]="
|
|
1252
|
+
<ngt-hue-saturation-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
1244
1253
|
<ngtp-effect-blend-mode />
|
|
1245
1254
|
<ng-content />
|
|
1246
1255
|
</ngt-hue-saturation-effect>
|
|
@@ -1250,7 +1259,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1250
1259
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
1251
1260
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
1252
1261
|
}]
|
|
1253
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
1262
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
1254
1263
|
|
|
1255
1264
|
/**
|
|
1256
1265
|
* Lens Flare Effect
|
|
@@ -1614,12 +1623,13 @@ class NgtpNoise {
|
|
|
1614
1623
|
*/
|
|
1615
1624
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
1616
1625
|
/** Reference to the host NgtpEffect directive */
|
|
1617
|
-
this.
|
|
1626
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
1627
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
1618
1628
|
extend({ NoiseEffect });
|
|
1619
1629
|
}
|
|
1620
1630
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpNoise, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1621
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
1622
|
-
<ngt-noise-effect *args="[options()]" [camera]="
|
|
1631
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.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 })], viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1632
|
+
<ngt-noise-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
1623
1633
|
<ngtp-effect-blend-mode />
|
|
1624
1634
|
<ng-content />
|
|
1625
1635
|
</ngt-noise-effect>
|
|
@@ -1630,7 +1640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1630
1640
|
args: [{
|
|
1631
1641
|
selector: 'ngtp-noise',
|
|
1632
1642
|
template: `
|
|
1633
|
-
<ngt-noise-effect *args="[options()]" [camera]="
|
|
1643
|
+
<ngt-noise-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
1634
1644
|
<ngtp-effect-blend-mode />
|
|
1635
1645
|
<ng-content />
|
|
1636
1646
|
</ngt-noise-effect>
|
|
@@ -1641,7 +1651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1641
1651
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
1642
1652
|
providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.COLOR_DODGE })],
|
|
1643
1653
|
}]
|
|
1644
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
1654
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
1645
1655
|
|
|
1646
1656
|
const defaultOptions$2 = {
|
|
1647
1657
|
selectionLayer: 10,
|
|
@@ -1900,12 +1910,13 @@ class NgtpScanline {
|
|
|
1900
1910
|
*/
|
|
1901
1911
|
this.options = input(defaultOptions$1, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultOptions$1) });
|
|
1902
1912
|
/** Reference to the host NgtpEffect directive */
|
|
1903
|
-
this.
|
|
1913
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
1914
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
1904
1915
|
extend({ ScanlineEffect });
|
|
1905
1916
|
}
|
|
1906
1917
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpScanline, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1907
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
1908
|
-
<ngt-scanline-effect *args="[options()]" [camera]="
|
|
1918
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.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 })], viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
1919
|
+
<ngt-scanline-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
1909
1920
|
<ngtp-effect-blend-mode />
|
|
1910
1921
|
<ng-content />
|
|
1911
1922
|
</ngt-scanline-effect>
|
|
@@ -1916,7 +1927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1916
1927
|
args: [{
|
|
1917
1928
|
selector: 'ngtp-scanline',
|
|
1918
1929
|
template: `
|
|
1919
|
-
<ngt-scanline-effect *args="[options()]" [camera]="
|
|
1930
|
+
<ngt-scanline-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
1920
1931
|
<ngtp-effect-blend-mode />
|
|
1921
1932
|
<ng-content />
|
|
1922
1933
|
</ngt-scanline-effect>
|
|
@@ -1927,7 +1938,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
1927
1938
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
1928
1939
|
providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.OVERLAY })],
|
|
1929
1940
|
}]
|
|
1930
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
1941
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
1931
1942
|
|
|
1932
1943
|
const defaultOptions = {
|
|
1933
1944
|
selectionLayer: 10,
|
|
@@ -2136,12 +2147,13 @@ class NgtpSepia {
|
|
|
2136
2147
|
*/
|
|
2137
2148
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2138
2149
|
/** Reference to the host NgtpEffect directive */
|
|
2139
|
-
this.
|
|
2150
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2151
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2140
2152
|
extend({ SepiaEffect });
|
|
2141
2153
|
}
|
|
2142
2154
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpSepia, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2143
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2144
|
-
<ngt-sepia-effect *args="[options()]" [camera]="
|
|
2155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpSepia, isStandalone: true, selector: "ngtp-sepia", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2156
|
+
<ngt-sepia-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2145
2157
|
<ngtp-effect-blend-mode />
|
|
2146
2158
|
<ng-content />
|
|
2147
2159
|
</ngt-sepia-effect>
|
|
@@ -2152,7 +2164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2152
2164
|
args: [{
|
|
2153
2165
|
selector: 'ngtp-sepia',
|
|
2154
2166
|
template: `
|
|
2155
|
-
<ngt-sepia-effect *args="[options()]" [camera]="
|
|
2167
|
+
<ngt-sepia-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2156
2168
|
<ngtp-effect-blend-mode />
|
|
2157
2169
|
<ng-content />
|
|
2158
2170
|
</ngt-sepia-effect>
|
|
@@ -2162,7 +2174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2162
2174
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
2163
2175
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2164
2176
|
}]
|
|
2165
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2177
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2166
2178
|
|
|
2167
2179
|
/**
|
|
2168
2180
|
* Angular component that applies a shock wave distortion effect.
|
|
@@ -2187,12 +2199,13 @@ class NgtpShockWave {
|
|
|
2187
2199
|
*/
|
|
2188
2200
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2189
2201
|
/** Reference to the host NgtpEffect directive */
|
|
2190
|
-
this.
|
|
2202
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2203
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2191
2204
|
extend({ ShockWaveEffect });
|
|
2192
2205
|
}
|
|
2193
2206
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpShockWave, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2194
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2195
|
-
<ngt-shock-wave-effect *args="[options()]" [camera]="
|
|
2207
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpShockWave, isStandalone: true, selector: "ngtp-shock-wave", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2208
|
+
<ngt-shock-wave-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2196
2209
|
<ngtp-effect-blend-mode />
|
|
2197
2210
|
<ng-content />
|
|
2198
2211
|
</ngt-shock-wave-effect>
|
|
@@ -2203,7 +2216,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2203
2216
|
args: [{
|
|
2204
2217
|
selector: 'ngtp-shock-wave',
|
|
2205
2218
|
template: `
|
|
2206
|
-
<ngt-shock-wave-effect *args="[options()]" [camera]="
|
|
2219
|
+
<ngt-shock-wave-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2207
2220
|
<ngtp-effect-blend-mode />
|
|
2208
2221
|
<ng-content />
|
|
2209
2222
|
</ngt-shock-wave-effect>
|
|
@@ -2213,7 +2226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2213
2226
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
2214
2227
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2215
2228
|
}]
|
|
2216
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2229
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2217
2230
|
|
|
2218
2231
|
/**
|
|
2219
2232
|
* Angular component that applies Subpixel Morphological Anti-Aliasing (SMAA).
|
|
@@ -2245,12 +2258,13 @@ class NgtpSMAA {
|
|
|
2245
2258
|
*/
|
|
2246
2259
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2247
2260
|
/** Reference to the host NgtpEffect directive */
|
|
2248
|
-
this.
|
|
2261
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2262
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2249
2263
|
extend({ SMAAEffect });
|
|
2250
2264
|
}
|
|
2251
2265
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpSMAA, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2252
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2253
|
-
<ngt-sMAA-effect *args="[options()]" [camera]="
|
|
2266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpSMAA, isStandalone: true, selector: "ngtp-smaa", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2267
|
+
<ngt-sMAA-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2254
2268
|
<ngtp-effect-blend-mode />
|
|
2255
2269
|
<ng-content />
|
|
2256
2270
|
</ngt-sMAA-effect>
|
|
@@ -2261,7 +2275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2261
2275
|
args: [{
|
|
2262
2276
|
selector: 'ngtp-smaa',
|
|
2263
2277
|
template: `
|
|
2264
|
-
<ngt-sMAA-effect *args="[options()]" [camera]="
|
|
2278
|
+
<ngt-sMAA-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2265
2279
|
<ngtp-effect-blend-mode />
|
|
2266
2280
|
<ng-content />
|
|
2267
2281
|
</ngt-sMAA-effect>
|
|
@@ -2271,7 +2285,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2271
2285
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
2272
2286
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2273
2287
|
}]
|
|
2274
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2288
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2275
2289
|
|
|
2276
2290
|
/**
|
|
2277
2291
|
* Angular component that applies a tilt-shift blur effect.
|
|
@@ -2299,12 +2313,13 @@ class NgtpTiltShift {
|
|
|
2299
2313
|
*/
|
|
2300
2314
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2301
2315
|
/** Reference to the host NgtpEffect directive */
|
|
2302
|
-
this.
|
|
2316
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2317
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2303
2318
|
extend({ TiltShiftEffect });
|
|
2304
2319
|
}
|
|
2305
2320
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpTiltShift, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2306
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2307
|
-
<ngt-tilt-shift-effect *args="[options()]" [camera]="
|
|
2321
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.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 })], viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2322
|
+
<ngt-tilt-shift-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2308
2323
|
<ngtp-effect-blend-mode />
|
|
2309
2324
|
<ng-content />
|
|
2310
2325
|
</ngt-tilt-shift-effect>
|
|
@@ -2315,7 +2330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2315
2330
|
args: [{
|
|
2316
2331
|
selector: 'ngtp-tilt-shift',
|
|
2317
2332
|
template: `
|
|
2318
|
-
<ngt-tilt-shift-effect *args="[options()]" [camera]="
|
|
2333
|
+
<ngt-tilt-shift-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2319
2334
|
<ngtp-effect-blend-mode />
|
|
2320
2335
|
<ng-content />
|
|
2321
2336
|
</ngt-tilt-shift-effect>
|
|
@@ -2326,7 +2341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2326
2341
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2327
2342
|
providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.ADD })],
|
|
2328
2343
|
}]
|
|
2329
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2344
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2330
2345
|
|
|
2331
2346
|
/**
|
|
2332
2347
|
* Custom tilt-shift shader based on Evan Wallace's implementation.
|
|
@@ -2466,11 +2481,12 @@ class NgtpTiltShift2 {
|
|
|
2466
2481
|
*/
|
|
2467
2482
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2468
2483
|
/** Reference to the host NgtpEffect directive */
|
|
2469
|
-
this.
|
|
2484
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2485
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2470
2486
|
}
|
|
2471
2487
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpTiltShift2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2472
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2473
|
-
<ngt-tilt-shift2-effect *args="[options()]" [camera]="
|
|
2488
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.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 })], viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2489
|
+
<ngt-tilt-shift2-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2474
2490
|
<ngtp-effect-blend-mode />
|
|
2475
2491
|
<ng-content />
|
|
2476
2492
|
</ngt-tilt-shift2-effect>
|
|
@@ -2481,7 +2497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2481
2497
|
args: [{
|
|
2482
2498
|
selector: 'ngtp-tilt-shift2',
|
|
2483
2499
|
template: `
|
|
2484
|
-
<ngt-tilt-shift2-effect *args="[options()]" [camera]="
|
|
2500
|
+
<ngt-tilt-shift2-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2485
2501
|
<ngtp-effect-blend-mode />
|
|
2486
2502
|
<ng-content />
|
|
2487
2503
|
</ngt-tilt-shift2-effect>
|
|
@@ -2492,7 +2508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2492
2508
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2493
2509
|
providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.NORMAL })],
|
|
2494
2510
|
}]
|
|
2495
|
-
}], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2511
|
+
}], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2496
2512
|
|
|
2497
2513
|
/**
|
|
2498
2514
|
* Angular component that applies tone mapping to the scene.
|
|
@@ -2519,12 +2535,13 @@ class NgtpToneMapping {
|
|
|
2519
2535
|
*/
|
|
2520
2536
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2521
2537
|
/** Reference to the host NgtpEffect directive */
|
|
2522
|
-
this.
|
|
2538
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2539
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2523
2540
|
extend({ ToneMappingEffect });
|
|
2524
2541
|
}
|
|
2525
2542
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpToneMapping, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2527
|
-
<ngt-tone-mapping-effect *args="[options()]" [camera]="
|
|
2543
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpToneMapping, isStandalone: true, selector: "ngtp-tone-mapping", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2544
|
+
<ngt-tone-mapping-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2528
2545
|
<ngtp-effect-blend-mode />
|
|
2529
2546
|
<ng-content />
|
|
2530
2547
|
</ngt-tone-mapping-effect>
|
|
@@ -2535,7 +2552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2535
2552
|
args: [{
|
|
2536
2553
|
selector: 'ngtp-tone-mapping',
|
|
2537
2554
|
template: `
|
|
2538
|
-
<ngt-tone-mapping-effect *args="[options()]" [camera]="
|
|
2555
|
+
<ngt-tone-mapping-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2539
2556
|
<ngtp-effect-blend-mode />
|
|
2540
2557
|
<ng-content />
|
|
2541
2558
|
</ngt-tone-mapping-effect>
|
|
@@ -2545,7 +2562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2545
2562
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2546
2563
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2547
2564
|
}]
|
|
2548
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2565
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2549
2566
|
|
|
2550
2567
|
/**
|
|
2551
2568
|
* Angular component that applies a vignette effect to the scene.
|
|
@@ -2569,12 +2586,13 @@ class NgtpVignette {
|
|
|
2569
2586
|
*/
|
|
2570
2587
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2571
2588
|
/** Reference to the host NgtpEffect directive */
|
|
2572
|
-
this.
|
|
2589
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2590
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2573
2591
|
extend({ VignetteEffect });
|
|
2574
2592
|
}
|
|
2575
2593
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpVignette, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2576
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2577
|
-
<ngt-vignette-effect *args="[options()]" [camera]="
|
|
2594
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: NgtpVignette, isStandalone: true, selector: "ngtp-vignette", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2595
|
+
<ngt-vignette-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2578
2596
|
<ngtp-effect-blend-mode />
|
|
2579
2597
|
<ng-content />
|
|
2580
2598
|
</ngt-vignette-effect>
|
|
@@ -2585,7 +2603,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2585
2603
|
args: [{
|
|
2586
2604
|
selector: 'ngtp-vignette',
|
|
2587
2605
|
template: `
|
|
2588
|
-
<ngt-vignette-effect *args="[options()]" [camera]="
|
|
2606
|
+
<ngt-vignette-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2589
2607
|
<ngtp-effect-blend-mode />
|
|
2590
2608
|
<ng-content />
|
|
2591
2609
|
</ngt-vignette-effect>
|
|
@@ -2595,7 +2613,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2595
2613
|
imports: [NgtArgs, NgtpEffectBlendMode],
|
|
2596
2614
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2597
2615
|
}]
|
|
2598
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2616
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2599
2617
|
|
|
2600
2618
|
/**
|
|
2601
2619
|
* Shader configuration for the water distortion effect.
|
|
@@ -2664,12 +2682,13 @@ class NgtpWater {
|
|
|
2664
2682
|
*/
|
|
2665
2683
|
this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
|
|
2666
2684
|
/** Reference to the host NgtpEffect directive */
|
|
2667
|
-
this.
|
|
2685
|
+
this.hostEffect = inject(NgtpEffect, { host: true });
|
|
2686
|
+
this.effectRef = viewChild('effect', ...(ngDevMode ? [{ debugName: "effectRef" }] : []));
|
|
2668
2687
|
extend({ WaterEffect });
|
|
2669
2688
|
}
|
|
2670
2689
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgtpWater, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2671
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
2672
|
-
<ngt-water-effect *args="[options()]" [camera]="
|
|
2690
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.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 })], viewQueries: [{ propertyName: "effectRef", first: true, predicate: ["effect"], descendants: true, isSignal: true }], hostDirectives: [{ directive: NgtpEffect, inputs: ["blendFunction", "blendFunction", "opacity", "opacity"] }], ngImport: i0, template: `
|
|
2691
|
+
<ngt-water-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2673
2692
|
<ngtp-effect-blend-mode />
|
|
2674
2693
|
<ng-content />
|
|
2675
2694
|
</ngt-water-effect>
|
|
@@ -2680,7 +2699,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2680
2699
|
args: [{
|
|
2681
2700
|
selector: 'ngtp-water',
|
|
2682
2701
|
template: `
|
|
2683
|
-
<ngt-water-effect *args="[options()]" [camera]="
|
|
2702
|
+
<ngt-water-effect #effect *args="[options()]" [camera]="hostEffect.camera()">
|
|
2684
2703
|
<ngtp-effect-blend-mode />
|
|
2685
2704
|
<ng-content />
|
|
2686
2705
|
</ngt-water-effect>
|
|
@@ -2691,7 +2710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
|
|
|
2691
2710
|
hostDirectives: [{ directive: NgtpEffect, inputs: ['blendFunction', 'opacity'] }],
|
|
2692
2711
|
providers: [provideDefaultEffectOptions({ blendFunction: BlendFunction.NORMAL })],
|
|
2693
2712
|
}]
|
|
2694
|
-
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });
|
|
2713
|
+
}], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], effectRef: [{ type: i0.ViewChild, args: ['effect', { isSignal: true }] }] } });
|
|
2695
2714
|
|
|
2696
2715
|
/**
|
|
2697
2716
|
* Generated bundle index. Do not edit.
|