angular-three-soba 2.0.0 → 2.2.0

package/fesm2022/angular-three-soba-staging.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { input, viewChild, computed, afterNextRender, inject, DestroyRef, untracked, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, signal, Directive, output, effect, Injector, contentChild, TemplateRef, ViewContainerRef } from '@angular/core';
+import { input, viewChild, computed, afterNextRender, inject, DestroyRef, untracked, Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, signal, Directive, output, effect, Injector, contentChild, TemplateRef, numberAttribute, ViewContainerRef } from '@angular/core';
 import { omit, injectStore, pick, extend, getLocalState, injectBeforeRender, checkUpdate, NgtArgs, vector3, is, resolveRef, applyProps, injectLoader, prepare, NgtPortal, NgtPortalContent } from 'angular-three';
 import { ProgressiveLightMap, SoftShadowMaterial, CausticsProjectionMaterial, createCausticsUpdate, SpotLightMaterial } from 'angular-three-soba/vanilla-exports';
 import { injectAutoEffect } from 'ngxtension/auto-effect';
 import { mergeInputs } from 'ngxtension/inject-inputs';
-import { Group, Mesh, PlaneGeometry, Box3, Vector3, Quaternion, Matrix4, LinearFilter, UnsignedByteType, LinearMipmapLinearFilter, FloatType, CustomBlending, OneFactor, SrcAlphaFactor, CameraHelper, Scene, LineBasicMaterial, OrthographicCamera, Sphere, Color, MeshDepthMaterial, ShaderMaterial, MeshBasicMaterial, WebGLRenderTarget, CubeTextureLoader, CubeTexture, CubeReflectionMapping, EquirectangularReflectionMapping, WebGLCubeRenderTarget, HalfFloatType, CubeCamera, MathUtils, DoubleSide, RingGeometry, RepeatWrapping, Vector2, DirectionalLight, Object3D, CylinderGeometry, RGBAFormat, SpotLightHelper, SpotLight, AmbientLight, PointLight } from 'three';
+import { Group, Mesh, PlaneGeometry, Box3, Vector3, Quaternion, Matrix4, LinearFilter, UnsignedByteType, LinearMipmapLinearFilter, FloatType, CustomBlending, OneFactor, SrcAlphaFactor, CameraHelper, Scene, LineBasicMaterial, OrthographicCamera, Sphere, Color, MeshDepthMaterial, ShaderMaterial, MeshBasicMaterial, WebGLRenderTarget, CubeTextureLoader, CubeTexture, CubeReflectionMapping, EquirectangularReflectionMapping, WebGLCubeRenderTarget, HalfFloatType, CubeCamera, MathUtils, DoubleSide, RingGeometry, AlwaysStencilFunc, ReplaceStencilOp, NotEqualStencilFunc, EqualStencilFunc, KeepStencilOp, RepeatWrapping, Vector2, DirectionalLight, Object3D, CylinderGeometry, RGBAFormat, SpotLightHelper, SpotLight, AmbientLight, PointLight } from 'three';
 import { SimplexNoise, HorizontalBlurShader, VerticalBlurShader, RGBELoader, EXRLoader, GroundProjectedEnv, Sky, FullScreenQuad } from 'three-stdlib';
 import { injectHelper, NgtsEdges, NgtsHelper } from 'angular-three-soba/abstractions';
 import { injectFBO, sRGBEncoding, LinearEncoding, getVersion } from 'angular-three-soba/misc';
@@ -13,7 +13,7 @@ import { HDRJPGLoader, GainMapLoader } from '@monogrid/gainmap-js';
 import { assertInjector } from 'ngxtension/assert-injector';
 import { injectTexture } from 'angular-three-soba/loaders';
 
-const defaultOptions$d = {
+const defaultOptions$e = {
     temporal: false,
     frames: 40,
     limit: Infinity,
@@ -30,7 +30,7 @@ class NgtsAccumulativeShadows {
     constructor() {
         this.nullTraversal = () => null;
         this.Math = Math;
-        this.options = input(defaultOptions$d, { transform: mergeInputs(defaultOptions$d) });
+        this.options = input(defaultOptions$e, { transform: mergeInputs(defaultOptions$e) });
         this.parameters = omit(this.options, [
             'temporal',
             'frames',
@@ -191,14 +191,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
 function easeInExpo(x) {
     return x === 0 ? 0 : Math.pow(2, 10 * x - 10);
 }
-const defaultOptions$c = {
+const defaultOptions$d = {
     floor: 0.25,
     segments: 20,
 };
 class NgtsBackdrop {
     constructor() {
         this.Math = Math;
-        this.options = input(defaultOptions$c, { transform: mergeInputs(defaultOptions$c) });
+        this.options = input(defaultOptions$d, { transform: mergeInputs(defaultOptions$d) });
         this.parameters = omit(this.options, ['floor', 'segments', 'receiveShadow']);
         this.groupRef = viewChild.required('group');
         this.planeRef = viewChild('plane');
@@ -322,7 +322,7 @@ function interpolateFuncDefault(t) {
     // Imitates the previously used THREE.MathUtils.damp
     return 1 - Math.exp(-5 * t) + 0.007 * t;
 }
-const defaultOptions$b = {
+const defaultOptions$c = {
     maxDuration: 1.0,
     margin: 1.2,
     interpolateFunc: interpolateFuncDefault,
@@ -332,7 +332,7 @@ const defaultOptions$b = {
 };
 class NgtsBounds {
     constructor() {
-        this.options = input(defaultOptions$b, { transform: mergeInputs(defaultOptions$b) });
+        this.options = input(defaultOptions$c, { transform: mergeInputs(defaultOptions$c) });
         this.groupRef = viewChild.required('group');
         this.store = injectStore();
         this.camera = this.store.select('camera');
@@ -589,7 +589,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-const defaultOptions$a = {
+const defaultOptions$b = {
     intensity: 1,
     decayRate: 0.65,
     maxYaw: 0.1,
@@ -607,7 +607,7 @@ class NgtsCameraShake {
         this.intensityOption = Math.min(1, Math.max(0, val));
     }
     constructor() {
-        this.options = input(defaultOptions$a, { transform: mergeInputs(defaultOptions$a) });
+        this.options = input(defaultOptions$b, { transform: mergeInputs(defaultOptions$b) });
         this.autoEffect = injectAutoEffect();
         this.store = injectStore();
         this.camera = this.store.select('camera');
@@ -664,7 +664,7 @@ const CAUSTIC_OPTIONS = {
     type: FloatType,
     generateMipmaps: true,
 };
-const defaultOptions$9 = {
+const defaultOptions$a = {
     frames: 1,
     debug: false,
     causticsOnly: false,
@@ -683,7 +683,7 @@ class NgtsCaustics {
         this.CustomBlending = CustomBlending;
         this.OneFactor = OneFactor;
         this.SrcAlphaFactor = SrcAlphaFactor;
-        this.options = input(defaultOptions$9, { transform: mergeInputs(defaultOptions$9) });
+        this.options = input(defaultOptions$a, { transform: mergeInputs(defaultOptions$a) });
         this.parameters = omit(this.options, [
             'frames',
             'debug',
@@ -831,13 +831,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-const defaultOptions$8 = {
+const defaultOptions$9 = {
     precise: true,
     cacheKey: 0,
 };
 class NgtsCenter {
     constructor() {
-        this.options = input(defaultOptions$8, { transform: mergeInputs(defaultOptions$8) });
+        this.options = input(defaultOptions$9, { transform: mergeInputs(defaultOptions$9) });
         this.parameters = omit(this.options, [
             'top',
             'right',
@@ -943,7 +943,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-const defaultOptions$7 = {
+const defaultOptions$8 = {
     scale: 10,
     frames: Infinity,
     opacity: 1,
@@ -960,7 +960,7 @@ const defaultOptions$7 = {
 class NgtsContactShadows {
     constructor() {
         this.Math = Math;
-        this.options = input(defaultOptions$7, { transform: mergeInputs(defaultOptions$7) });
+        this.options = input(defaultOptions$8, { transform: mergeInputs(defaultOptions$8) });
         this.parameters = omit(this.options, [
             'scale',
             'frames',
@@ -1621,7 +1621,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }] });
 
-const defaultOptions$6 = {
+const defaultOptions$7 = {
     enabled: true,
     speed: 1,
     rotationIntensity: 1,
@@ -1631,7 +1631,7 @@ const defaultOptions$6 = {
 };
 class NgtsFloat {
     constructor() {
-        this.options = input(defaultOptions$6, { transform: mergeInputs(defaultOptions$6) });
+        this.options = input(defaultOptions$7, { transform: mergeInputs(defaultOptions$7) });
         this.parameters = omit(this.options, [
             'enabled',
             'speed',
@@ -1686,7 +1686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-const defaultOptions$5 = {
+const defaultOptions$6 = {
     toneMapped: false,
     color: 'white',
     form: 'rect',
@@ -1696,7 +1696,7 @@ const defaultOptions$5 = {
 class NgtsLightformer {
     constructor() {
         this.side = DoubleSide;
-        this.options = input(defaultOptions$5, { transform: mergeInputs(defaultOptions$5) });
+        this.options = input(defaultOptions$6, { transform: mergeInputs(defaultOptions$6) });
         this.parameters = omit(this.options, ['map', 'toneMapped', 'color', 'form', 'scale', 'intensity', 'target']);
         this.intensity = pick(this.options, 'intensity');
         this.color = pick(this.options, 'color');
@@ -1787,6 +1787,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+const defaultOptions$5 = {
+    colorWrite: false,
+    depthWrite: false,
+};
+class NgtsMask {
+    constructor() {
+        this.id = input(1, { transform: numberAttribute });
+        this.options = input(defaultOptions$5, { transform: mergeInputs(defaultOptions$5) });
+        this.parameters = omit(this.options, ['colorWrite', 'depthWrite']);
+        this.meshRef = viewChild.required('mesh');
+        this.colorWrite = pick(this.options, 'colorWrite');
+        this.depthWrite = pick(this.options, 'depthWrite');
+        this.spread = computed(() => {
+            const [id, colorWrite, depthWrite] = [this.id(), this.colorWrite(), this.depthWrite()];
+            return {
+                colorWrite,
+                depthWrite,
+                stencilWrite: true,
+                stencilRef: id,
+                stencilFunc: AlwaysStencilFunc,
+                stencilFail: ReplaceStencilOp,
+                stencilZFail: ReplaceStencilOp,
+                stencilZPass: ReplaceStencilOp,
+            };
+        });
+        extend({ Mesh });
+        const autoEffect = injectAutoEffect();
+        afterNextRender(() => {
+            autoEffect(() => {
+                const [mesh, spread] = [this.meshRef().nativeElement, this.spread()];
+                Object.assign(mesh.material, spread);
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgtsMask, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: NgtsMask, isStandalone: true, selector: "ngts-mask", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
+		<ngt-mesh #mesh [renderOrder]="-id()" [parameters]="parameters()">
+			<ng-content />
+		</ngt-mesh>
+	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NgtsMask, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-mask',
+                    standalone: true,
+                    template: `
+		<ngt-mesh #mesh [renderOrder]="-id()" [parameters]="parameters()">
+			<ng-content />
+		</ngt-mesh>
+	`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [] });
+function injectMask(id, inverse = () => false, { injector } = {}) {
+    return assertInjector(injectMask, injector, () => {
+        return computed(() => {
+            const [_id, _inverse] = [id(), inverse()];
+            return {
+                stencilWrite: true,
+                stencilRef: _id,
+                stencilFunc: _inverse ? NotEqualStencilFunc : EqualStencilFunc,
+                stencilFail: KeepStencilOp,
+                stencilZFail: KeepStencilOp,
+                stencilZPass: KeepStencilOp,
+            };
+        });
+    });
+}
+
 function getFormatString(format) {
     switch (format) {
         case 64:
@@ -2982,5 +3053,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ENVIRONMENT_PRESETS, NgtsAccumulativeShadows, NgtsBBAnchor, NgtsBackdrop, NgtsBounds, NgtsCameraShake, NgtsCaustics, NgtsCenter, NgtsContactShadows, NgtsEnvironment, NgtsEnvironmentCube, NgtsEnvironmentGround, NgtsEnvironmentMap, NgtsEnvironmentPortal, NgtsFloat, NgtsLightformer, NgtsMatcapTexture, NgtsNormalTexture, NgtsRandomizedLights, NgtsRenderTexture, NgtsRenderTextureContainer, NgtsRenderTextureContent, NgtsSky, NgtsSpotLight, NgtsSpotLightShadow, NgtsStage, NgtsStageRefit, calcPosFromAngles, injectEnvironment, injectMatcapTexture, injectNormalTexture };
+export { ENVIRONMENT_PRESETS, NgtsAccumulativeShadows, NgtsBBAnchor, NgtsBackdrop, NgtsBounds, NgtsCameraShake, NgtsCaustics, NgtsCenter, NgtsContactShadows, NgtsEnvironment, NgtsEnvironmentCube, NgtsEnvironmentGround, NgtsEnvironmentMap, NgtsEnvironmentPortal, NgtsFloat, NgtsLightformer, NgtsMask, NgtsMatcapTexture, NgtsNormalTexture, NgtsRandomizedLights, NgtsRenderTexture, NgtsRenderTextureContainer, NgtsRenderTextureContent, NgtsSky, NgtsSpotLight, NgtsSpotLightShadow, NgtsStage, NgtsStageRefit, calcPosFromAngles, injectEnvironment, injectMask, injectMatcapTexture, injectNormalTexture };
 //# sourceMappingURL=angular-three-soba-staging.mjs.map