angular-three-soba 1.9.3 → 1.11.0

package/fesm2020/angular-three-soba-materials.mjs

@@ -1,10 +1,12 @@
 import * as i0 from '@angular/core';
 import { inject, Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
 import { NgtRxStore, injectNgtRef, injectBeforeRender, NgtArgs, extend, NgtStore, startWithUndefined, getLocalState, NgtPush } from 'angular-three';
-import { NGTS_DISTORT_MATERIAL_SHADER, MeshReflectorMaterial, BlurPass, MeshWobbleMaterial } from 'angular-three-soba/shaders';
+import { NGTS_DISTORT_MATERIAL_SHADER, MeshReflectorMaterial, BlurPass, MeshRefractionMaterial, MeshTransmissionMaterial, DiscardMaterial, MeshWobbleMaterial } from 'angular-three-soba/shaders';
 import { NgIf } from '@angular/common';
 import { debounceTime, map, combineLatest } from 'rxjs';
 import * as THREE from 'three';
+import { MeshBVH, SAH } from 'three-mesh-bvh';
+import { injectNgtsFBO } from 'angular-three-soba/misc';
 
 class NgtsMeshDistortMaterial extends NgtRxStore {
     set time(time) {
@@ -33,8 +35,8 @@ class NgtsMeshDistortMaterial extends NgtRxStore {
         });
     }
 }
-NgtsMeshDistortMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: NgtsMeshDistortMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshDistortMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: NgtsMeshDistortMaterial, isStandalone: true, selector: "ngts-mesh-distort-material", inputs: { materialRef: "materialRef", time: "time", distort: "distort", radius: "radius", speed: "speed" }, usesInheritance: true, ngImport: i0, template: `
+NgtsMeshDistortMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshDistortMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtsMeshDistortMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NgtsMeshDistortMaterial, isStandalone: true, selector: "ngts-mesh-distort-material", inputs: { materialRef: "materialRef", time: "time", distort: "distort", radius: "radius", speed: "speed" }, usesInheritance: true, ngImport: i0, template: `
         <ngt-primitive
             *args="[material]"
             [ref]="materialRef"
@@ -45,7 +47,7 @@ NgtsMeshDistortMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             attach="material"
         />
     `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: NgtsMeshDistortMaterial, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshDistortMaterial, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-mesh-distort-material',
@@ -305,8 +307,8 @@ class NgtsMeshReflectorMaterial extends NgtRxStore {
         }
     }
 }
-NgtsMeshReflectorMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: NgtsMeshReflectorMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshReflectorMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: NgtsMeshReflectorMaterial, isStandalone: true, selector: "ngts-mesh-reflector-material", inputs: { materialRef: "materialRef", resolution: "resolution", mixBlur: "mixBlur", mixStrength: "mixStrength", blur: "blur", mirror: "mirror", minDepthThreshold: "minDepthThreshold", maxDepthThreshold: "maxDepthThreshold", depthScale: "depthScale", depthToBlurRatioBias: "depthToBlurRatioBias", distortionMap: "distortionMap", distortion: "distortion", mixContrast: "mixContrast", reflectorOffset: "reflectorOffset" }, usesInheritance: true, ngImport: i0, template: `
+NgtsMeshReflectorMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshReflectorMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtsMeshReflectorMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NgtsMeshReflectorMaterial, isStandalone: true, selector: "ngts-mesh-reflector-material", inputs: { materialRef: "materialRef", resolution: "resolution", mixBlur: "mixBlur", mixStrength: "mixStrength", blur: "blur", mirror: "mirror", minDepthThreshold: "minDepthThreshold", maxDepthThreshold: "maxDepthThreshold", depthScale: "depthScale", depthToBlurRatioBias: "depthToBlurRatioBias", distortionMap: "distortionMap", distortion: "distortion", mixContrast: "mixContrast", reflectorOffset: "reflectorOffset" }, usesInheritance: true, ngImport: i0, template: `
         <ngt-mesh-reflector-material
             ngtCompound
             attach="material"
@@ -332,7 +334,7 @@ NgtsMeshReflectorMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             <ng-content />
         </ngt-mesh-reflector-material>
     `, isInline: true, dependencies: [{ kind: "pipe", type: NgtPush, name: "ngtPush" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: NgtsMeshReflectorMaterial, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshReflectorMaterial, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-mesh-reflector-material',
@@ -396,6 +398,389 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 type: Input
             }] } });
 
+extend({ MeshRefractionMaterial });
+const isCubeTexture = (def) => def && def.isCubeTexture;
+class NgtsMeshRefractionMaterial extends NgtRxStore {
+    /** Environment map */
+    set envMap(envMap) {
+        this.set({ envMap });
+    }
+    /** Number of ray-cast bounces, it can be expensive to have too many, 2 */
+    set bounces(bounces) {
+        this.set({ bounces });
+    }
+    /** Refraction index, 2.4 */
+    set ior(ior) {
+        this.set({ ior });
+    }
+    /** Fresnel (strip light), 0 */
+    set fresnel(fresnel) {
+        this.set({ fresnel });
+    }
+    /** RGB shift intensity, can be expensive, 0 */
+    set aberrationStrength(aberrationStrength) {
+        this.set({ aberrationStrength });
+    }
+    /** Color, white */
+    set color(color) {
+        this.set({ color });
+    }
+    /** If this is on it uses fewer ray casts for the RGB shift sacrificing physical accuracy, true */
+    set fastChroma(fastChroma) {
+        this.set({ fastChroma });
+    }
+    initialize() {
+        super.initialize();
+        this.set({
+            aberrationStrength: 0,
+            fastChroma: true,
+        });
+    }
+    constructor() {
+        super();
+        this.materialRef = injectNgtRef();
+        this.defines$ = this.select('defines');
+        this.store = inject(NgtStore);
+        this.connect('defines', combineLatest([this.select('aberrationStrength'), this.select('fastChroma'), this.select('envMap')]).pipe(map(([aberrationStrength, fastChroma, envMap]) => {
+            const temp = {};
+            // Sampler2D and SamplerCube need different defines
+            const isCubeMap = isCubeTexture(envMap);
+            const w = (isCubeMap ? envMap.image[0]?.width : envMap.image.width) ?? 1024;
+            const cubeSize = w / 4;
+            const _lodMax = Math.floor(Math.log2(cubeSize));
+            const _cubeSize = Math.pow(2, _lodMax);
+            const width = 3 * Math.max(_cubeSize, 16 * 7);
+            const height = 4 * _cubeSize;
+            if (isCubeMap)
+                temp['ENVMAP_TYPE_CUBEM'] = '';
+            temp['CUBEUV_TEXEL_WIDTH'] = `${1.0 / width}`;
+            temp['CUBEUV_TEXEL_HEIGHT'] = `${1.0 / height}`;
+            temp['CUBEUV_MAX_MIP'] = `${_lodMax}.0`;
+            // Add defines from chromatic aberration
+            if (aberrationStrength > 0)
+                temp['CHROMATIC_ABERRATIONS'] = '';
+            if (fastChroma)
+                temp['FAST_CHROMA'] = '';
+            return temp;
+        })));
+        this.connect('resolution', this.store.select('size').pipe(map((size) => [size.width, size.height])));
+        injectBeforeRender(({ camera }) => {
+            if (this.materialRef.nativeElement) {
+                this.materialRef.nativeElement.viewMatrixInverse = camera.matrixWorld;
+                this.materialRef.nativeElement.projectionMatrixInverse = camera.projectionMatrixInverse;
+            }
+        });
+    }
+    ngOnInit() {
+        this.setupGeometry();
+    }
+    setupGeometry() {
+        this.hold(this.materialRef.$, (material) => {
+            const geometry = getLocalState(material).parent?.geometry;
+            if (geometry) {
+                material.bvh.updateFrom(new MeshBVH(geometry.toNonIndexed(), { lazyGeneration: false, strategy: SAH }));
+            }
+        });
+    }
+}
+NgtsMeshRefractionMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshRefractionMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtsMeshRefractionMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NgtsMeshRefractionMaterial, isStandalone: true, selector: "ngts-mesh-refraction-material", inputs: { materialRef: "materialRef", envMap: "envMap", bounces: "bounces", ior: "ior", fresnel: "fresnel", aberrationStrength: "aberrationStrength", color: "color", fastChroma: "fastChroma" }, usesInheritance: true, ngImport: i0, template: `
+        <ngt-mesh-refraction-material
+            *ngIf="defines$ | ngtPush as defines"
+            [ref]="materialRef"
+            [defines]="defines"
+            [resolution]="get('resolution')"
+            [aberrationStrength]="get('aberrationStrength')"
+            [envMap]="get('envMap')"
+            [bounces]="get('bounces')"
+            [ior]="get('ior')"
+            [fresnel]="get('fresnel')"
+            [color]="get('color')"
+            [fastChroma]="get('fastChroma')"
+            ngtCompound
+            attach="material"
+        >
+            <ng-content />
+        </ngt-mesh-refraction-material>
+    `, isInline: true, dependencies: [{ kind: "pipe", type: NgtPush, name: "ngtPush" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshRefractionMaterial, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-mesh-refraction-material',
+                    standalone: true,
+                    template: `
+        <ngt-mesh-refraction-material
+            *ngIf="defines$ | ngtPush as defines"
+            [ref]="materialRef"
+            [defines]="defines"
+            [resolution]="get('resolution')"
+            [aberrationStrength]="get('aberrationStrength')"
+            [envMap]="get('envMap')"
+            [bounces]="get('bounces')"
+            [ior]="get('ior')"
+            [fresnel]="get('fresnel')"
+            [color]="get('color')"
+            [fastChroma]="get('fastChroma')"
+            ngtCompound
+            attach="material"
+        >
+            <ng-content />
+        </ngt-mesh-refraction-material>
+    `,
+                    imports: [NgtPush, NgIf],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { materialRef: [{
+                type: Input
+            }], envMap: [{
+                type: Input
+            }], bounces: [{
+                type: Input
+            }], ior: [{
+                type: Input
+            }], fresnel: [{
+                type: Input
+            }], aberrationStrength: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], fastChroma: [{
+                type: Input
+            }] } });
+
+extend({ MeshTransmissionMaterial });
+class NgtsMeshTranmissionMaterial extends NgtRxStore {
+    /** transmissionSampler, you can use the threejs transmission sampler texture that is
+     *  generated once for all transmissive materials. The upside is that it can be faster if you
+     *  use multiple MeshPhysical and Transmission materials, the downside is that transmissive materials
+     *  using this can't see other transparent or transmissive objects, default: false */
+    set transmissionSampler(transmissionSampler) {
+        this.set({ transmissionSampler });
+    }
+    /** Render the backside of the material (more cost, better results), default: false */
+    set backside(backside) {
+        this.set({ backside });
+    }
+    /** Backside thickness (when backside is true), default: 0 */
+    set backsideThickness(backsideThickness) {
+        this.set({ backsideThickness });
+    }
+    /** Resolution of the local buffer, default: undefined (fullscreen) */
+    set resolution(resolution) {
+        this.set({ resolution });
+    }
+    /** Resolution of the local buffer for backfaces, default: undefined (fullscreen) */
+    set backsideResolution(backsideResolution) {
+        this.set({ backsideResolution });
+    }
+    /** Refraction samples, default: 10 */
+    set samples(samples) {
+        this.set({ samples });
+    }
+    /** Buffer scene background (can be a texture, a cubetexture or a color), default: null */
+    set background(background) {
+        this.set({ background });
+    }
+    /* Transmission, default: 1 */
+    set transmission(transmission) {
+        this.set({ transmission });
+    }
+    /* Thickness (refraction), default: 0 */
+    set thickness(thickness) {
+        this.set({ thickness });
+    }
+    /* Roughness (blur), default: 0 */
+    set roughness(roughness) {
+        this.set({ roughness });
+    }
+    /* Chromatic aberration, default: 0.03 */
+    set chromaticAberration(chromaticAberration) {
+        this.set({ chromaticAberration });
+    }
+    /* Anisotropy, default: 0.1 */
+    set anisotropy(anisotropy) {
+        this.set({ anisotropy });
+    }
+    /* Distortion, default: 0 */
+    set distortion(distortion) {
+        this.set({ distortion });
+    }
+    /* Distortion scale, default: 0.5 */
+    set distortionScale(distortionScale) {
+        this.set({ distortionScale });
+    }
+    /* Temporal distortion (speed of movement), default: 0.0 */
+    set temporalDistortion(temporalDistortion) {
+        this.set({ temporalDistortion });
+    }
+    /** The scene rendered into a texture (use it to share a texture between materials), default: null  */
+    set buffer(buffer) {
+        this.set({ buffer });
+    }
+    /** Internals */
+    set time(time) {
+        this.set({ time });
+    }
+    initialize() {
+        super.initialize();
+        this.set({
+            transmissionSampler: false,
+            backside: false,
+            side: THREE.FrontSide,
+            transmission: 1,
+            thickness: 0,
+            backsideThickness: 0,
+            samples: 10,
+            roughness: 0,
+            anisotropy: 0.1,
+            chromaticAberration: 0.03,
+            distortion: 0,
+            distortionScale: 0.5,
+            temporalDistortion: 0.0,
+            buffer: null,
+        });
+    }
+    constructor() {
+        super();
+        this.materialRef = injectNgtRef();
+        this.discardMaterial = new DiscardMaterial();
+        this.fboBackRef = injectNgtsFBO(() => combineLatest([this.select('backsideResolution'), this.select('resolution')]).pipe(map(([backsideResolution, resolution]) => backsideResolution || resolution)));
+        this.fboMainRef = injectNgtsFBO(() => this.select('resolution'));
+        let oldBg;
+        let oldTone;
+        let parent;
+        injectBeforeRender((state) => {
+            const { transmissionSampler, background, backside, backsideThickness, thickness, side } = this.get();
+            this.materialRef.nativeElement.time = state.clock.getElapsedTime();
+            // Render only if the buffer matches the built-in and no transmission sampler is set
+            if (this.materialRef.nativeElement.buffer === this.fboMainRef.nativeElement.texture &&
+                !transmissionSampler) {
+                parent = getLocalState(this.materialRef.nativeElement).parent;
+                if (parent) {
+                    // Save defaults
+                    oldTone = state.gl.toneMapping;
+                    oldBg = state.scene.background;
+                    // Switch off tonemapping lest it double tone maps
+                    // Save the current background and set the HDR as the new BG
+                    // Use discardmaterial, the parent will be invisible, but it's shadows will still be cast
+                    state.gl.toneMapping = THREE.NoToneMapping;
+                    if (background)
+                        state.scene.background = background;
+                    parent['material'] = this.discardMaterial;
+                    if (backside) {
+                        // Render into the backside buffer
+                        state.gl.setRenderTarget(this.fboBackRef.nativeElement);
+                        state.gl.render(state.scene, state.camera);
+                        // And now prepare the material for the main render using the backside buffer
+                        parent['material'] = this.materialRef.nativeElement;
+                        parent['material'].buffer = this.fboBackRef.nativeElement.texture;
+                        parent['material'].thickness = backsideThickness;
+                        parent['material'].side = THREE.BackSide;
+                    }
+                    // Render into the main buffer
+                    state.gl.setRenderTarget(this.fboMainRef.nativeElement);
+                    state.gl.render(state.scene, state.camera);
+                    parent['material'].thickness = thickness;
+                    parent['material'].side = side;
+                    parent['material'].buffer = this.fboMainRef.nativeElement.texture;
+                    // Set old state back
+                    state.scene.background = oldBg;
+                    state.gl.setRenderTarget(null);
+                    parent['material'] = this.materialRef.nativeElement;
+                    state.gl.toneMapping = oldTone;
+                }
+            }
+        });
+    }
+    ngOnInit() {
+        console.log(this.materialRef);
+    }
+}
+NgtsMeshTranmissionMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshTranmissionMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtsMeshTranmissionMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NgtsMeshTranmissionMaterial, isStandalone: true, selector: "ngts-mesh-transmission-material", inputs: { materialRef: "materialRef", transmissionSampler: "transmissionSampler", backside: "backside", backsideThickness: "backsideThickness", resolution: "resolution", backsideResolution: "backsideResolution", samples: "samples", background: "background", transmission: "transmission", thickness: "thickness", roughness: "roughness", chromaticAberration: "chromaticAberration", anisotropy: "anisotropy", distortion: "distortion", distortionScale: "distortionScale", temporalDistortion: "temporalDistortion", buffer: "buffer", time: "time" }, usesInheritance: true, ngImport: i0, template: `
+        <ngt-mesh-transmission-material
+            *args="[get('samples'), get('transmissionSampler')]"
+            ngtCompound
+            [ref]="materialRef"
+            [buffer]="get('buffer') || fboMainRef.nativeElement?.texture"
+            [_transmission]="get('transmission')"
+            [transmission]="get('transmissionSampler') ? get('transmission') : 0"
+            [thickness]="get('thickness')"
+            [side]="get('side')"
+            [anisotropy]="get('anisotropy')"
+            [roughness]="get('roughness')"
+            [chromaticAberration]="get('chromaticAberration')"
+            [distortion]="get('distortion')"
+            [distortionScale]="get('distortionScale')"
+            [temporalDistortion]="get('temporalDistortion')"
+            [time]="get('time')"
+        />
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshTranmissionMaterial, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-mesh-transmission-material',
+                    standalone: true,
+                    template: `
+        <ngt-mesh-transmission-material
+            *args="[get('samples'), get('transmissionSampler')]"
+            ngtCompound
+            [ref]="materialRef"
+            [buffer]="get('buffer') || fboMainRef.nativeElement?.texture"
+            [_transmission]="get('transmission')"
+            [transmission]="get('transmissionSampler') ? get('transmission') : 0"
+            [thickness]="get('thickness')"
+            [side]="get('side')"
+            [anisotropy]="get('anisotropy')"
+            [roughness]="get('roughness')"
+            [chromaticAberration]="get('chromaticAberration')"
+            [distortion]="get('distortion')"
+            [distortionScale]="get('distortionScale')"
+            [temporalDistortion]="get('temporalDistortion')"
+            [time]="get('time')"
+        />
+    `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { materialRef: [{
+                type: Input
+            }], transmissionSampler: [{
+                type: Input
+            }], backside: [{
+                type: Input
+            }], backsideThickness: [{
+                type: Input
+            }], resolution: [{
+                type: Input
+            }], backsideResolution: [{
+                type: Input
+            }], samples: [{
+                type: Input
+            }], background: [{
+                type: Input
+            }], transmission: [{
+                type: Input
+            }], thickness: [{
+                type: Input
+            }], roughness: [{
+                type: Input
+            }], chromaticAberration: [{
+                type: Input
+            }], anisotropy: [{
+                type: Input
+            }], distortion: [{
+                type: Input
+            }], distortionScale: [{
+                type: Input
+            }], temporalDistortion: [{
+                type: Input
+            }], buffer: [{
+                type: Input
+            }], time: [{
+                type: Input
+            }] } });
+
 extend({ MeshWobbleMaterial });
 class NgtsMeshWobbleMaterial extends NgtRxStore {
     set time(time) {
@@ -420,8 +805,8 @@ class NgtsMeshWobbleMaterial extends NgtRxStore {
         });
     }
 }
-NgtsMeshWobbleMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: NgtsMeshWobbleMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshWobbleMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: NgtsMeshWobbleMaterial, isStandalone: true, selector: "ngts-mesh-wobble-material", inputs: { materialRef: "materialRef", time: "time", factor: "factor", speed: "speed" }, usesInheritance: true, ngImport: i0, template: `
+NgtsMeshWobbleMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshWobbleMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtsMeshWobbleMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NgtsMeshWobbleMaterial, isStandalone: true, selector: "ngts-mesh-wobble-material", inputs: { materialRef: "materialRef", time: "time", factor: "factor", speed: "speed" }, usesInheritance: true, ngImport: i0, template: `
         <ngt-primitive
             *args="[material]"
             [ref]="materialRef"
@@ -431,7 +816,7 @@ NgtsMeshWobbleMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             ngtCompound
         />
     `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: NgtsMeshWobbleMaterial, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsMeshWobbleMaterial, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-mesh-wobble-material',
@@ -463,5 +848,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgtsMeshDistortMaterial, NgtsMeshReflectorMaterial, NgtsMeshWobbleMaterial };
+export { NgtsMeshDistortMaterial, NgtsMeshReflectorMaterial, NgtsMeshRefractionMaterial, NgtsMeshTranmissionMaterial, NgtsMeshWobbleMaterial };
 //# sourceMappingURL=angular-three-soba-materials.mjs.map