angular-three-soba 1.13.0 → 1.14.1

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

@@ -1,851 +0,0 @@
-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, 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) {
-        this.set({ time });
-    }
-    set distort(distort) {
-        this.set({ distort });
-    }
-    set radius(radius) {
-        this.set({ radius });
-    }
-    set speed(speed) {
-        this.set({ speed });
-    }
-    initialize() {
-        super.initialize();
-        this.set({ speed: 1, time: 0, distort: 0.4, radius: 1 });
-    }
-    constructor() {
-        super();
-        this.MeshDistortMaterial = inject(NGTS_DISTORT_MATERIAL_SHADER);
-        this.material = new this.MeshDistortMaterial();
-        this.materialRef = injectNgtRef();
-        injectBeforeRender(({ clock }) => {
-            this.material.time = clock.getElapsedTime() * this.get('speed');
-        });
-    }
-}
-NgtsMeshDistortMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsMeshDistortMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshDistortMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: `
-        <ngt-primitive
-            *args="[material]"
-            [ref]="materialRef"
-            [time]="get('time')"
-            [distort]="get('distort')"
-            [radius]="get('radius')"
-            ngtCompound
-            attach="material"
-        />
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsMeshDistortMaterial, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ngts-mesh-distort-material',
-                    standalone: true,
-                    template: `
-        <ngt-primitive
-            *args="[material]"
-            [ref]="materialRef"
-            [time]="get('time')"
-            [distort]="get('distort')"
-            [radius]="get('radius')"
-            ngtCompound
-            attach="material"
-        />
-    `,
-                    imports: [NgtArgs],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { materialRef: [{
-                type: Input
-            }], time: [{
-                type: Input
-            }], distort: [{
-                type: Input
-            }], radius: [{
-                type: Input
-            }], speed: [{
-                type: Input
-            }] } });
-
-extend({ MeshReflectorMaterial });
-class NgtsMeshReflectorMaterial extends NgtRxStore {
-    set resolution(resolution) {
-        this.set({ resolution });
-    }
-    set mixBlur(mixBlur) {
-        this.set({ mixBlur });
-    }
-    set mixStrength(mixStrength) {
-        this.set({ mixStrength });
-    }
-    set blur(blur) {
-        this.set({ blur });
-    }
-    set mirror(mirror) {
-        this.set({ mirror });
-    }
-    set minDepthThreshold(minDepthThreshold) {
-        this.set({ minDepthThreshold });
-    }
-    set maxDepthThreshold(maxDepthThreshold) {
-        this.set({ maxDepthThreshold });
-    }
-    set depthScale(depthScale) {
-        this.set({ depthScale });
-    }
-    set depthToBlurRatioBias(depthToBlurRatioBias) {
-        this.set({ depthToBlurRatioBias });
-    }
-    set distortionMap(distortionMap) {
-        this.set({ distortionMap });
-    }
-    set distortion(distortion) {
-        this.set({ distortion });
-    }
-    set mixContrast(mixContrast) {
-        this.set({ mixContrast });
-    }
-    set reflectorOffset(reflectorOffset) {
-        this.set({ reflectorOffset });
-    }
-    get reflectorProps() {
-        return this.get('reflectorEntities', 'reflectorProps');
-    }
-    initialize() {
-        super.initialize();
-        this.set({
-            mixBlur: 0,
-            mixStrength: 1,
-            resolution: 256,
-            blur: [0, 0],
-            minDepthThreshold: 0.9,
-            maxDepthThreshold: 1,
-            depthScale: 0,
-            depthToBlurRatioBias: 0.25,
-            mirror: 0,
-            distortion: 1,
-            mixContrast: 1,
-            reflectorOffset: 0,
-        });
-    }
-    constructor() {
-        super();
-        this.materialRef = injectNgtRef();
-        this.defines$ = this.select('reflectorEntities', 'reflectorProps', 'defines').pipe(debounceTime(0));
-        this.store = inject(NgtStore);
-        this.reflectorPlane = new THREE.Plane();
-        this.normal = new THREE.Vector3();
-        this.reflectorWorldPosition = new THREE.Vector3();
-        this.cameraWorldPosition = new THREE.Vector3();
-        this.rotationMatrix = new THREE.Matrix4();
-        this.lookAtPosition = new THREE.Vector3(0, 0, -1);
-        this.clipPlane = new THREE.Vector4();
-        this.view = new THREE.Vector3();
-        this.target = new THREE.Vector3();
-        this.q = new THREE.Vector4();
-        this.textureMatrix = new THREE.Matrix4();
-        this.virtualCamera = new THREE.PerspectiveCamera();
-        this.connect('normalizedBlur', this.select('blur').pipe(map((blur) => (Array.isArray(blur) ? blur : [blur, blur]))));
-        this.connect('hasBlur', this.select('normalizedBlur').pipe(map(([x, y]) => x + y > 0)));
-        this.connect('reflectorEntities', combineLatest([
-            this.store.select('gl'),
-            this.select('normalizedBlur'),
-            this.select('resolution'),
-            this.select('mirror'),
-            this.select('hasBlur'),
-            this.select('mixBlur'),
-            this.select('mixStrength'),
-            this.select('minDepthThreshold'),
-            this.select('maxDepthThreshold'),
-            this.select('depthScale'),
-            this.select('depthToBlurRatioBias'),
-            this.select('distortion'),
-            this.select('distortionMap').pipe(startWithUndefined()),
-            this.select('mixContrast'),
-        ]).pipe(map(([gl, blur, resolution, mirror, hasBlur, mixBlur, mixStrength, minDepthThreshold, maxDepthThreshold, depthScale, depthToBlurRatioBias, distortion, distortionMap, mixContrast,]) => {
-            const parameters = {
-                minFilter: THREE.LinearFilter,
-                magFilter: THREE.LinearFilter,
-                encoding: gl.outputEncoding,
-                type: THREE.HalfFloatType,
-            };
-            const fbo1 = new THREE.WebGLRenderTarget(resolution, resolution, parameters);
-            fbo1.depthBuffer = true;
-            fbo1.depthTexture = new THREE.DepthTexture(resolution, resolution);
-            fbo1.depthTexture.format = THREE.DepthFormat;
-            fbo1.depthTexture.type = THREE.UnsignedShortType;
-            const fbo2 = new THREE.WebGLRenderTarget(resolution, resolution, parameters);
-            const blurPass = new BlurPass({
-                gl,
-                resolution,
-                width: blur[0],
-                height: blur[1],
-                minDepthThreshold,
-                maxDepthThreshold,
-                depthScale,
-                depthToBlurRatioBias,
-            });
-            const reflectorProps = {
-                mirror,
-                textureMatrix: this.textureMatrix,
-                mixBlur,
-                tDiffuse: fbo1.texture,
-                tDepth: fbo1.depthTexture,
-                tDiffuseBlur: fbo2.texture,
-                hasBlur,
-                mixStrength,
-                minDepthThreshold,
-                maxDepthThreshold,
-                depthScale,
-                depthToBlurRatioBias,
-                distortion,
-                distortionMap,
-                mixContrast,
-                defines: {
-                    USE_BLUR: hasBlur ? '' : undefined,
-                    USE_DEPTH: depthScale > 0 ? '' : undefined,
-                    USE_DISTORTION: distortionMap ? '' : undefined,
-                },
-            };
-            return { fbo1, fbo2, blurPass, reflectorProps };
-        })));
-        injectBeforeRender(this.onBeforeRender.bind(this));
-    }
-    beforeRender(state) {
-        const parent = getLocalState(this.materialRef.nativeElement).parent;
-        if (!parent)
-            return;
-        const { camera } = state;
-        this.reflectorWorldPosition.setFromMatrixPosition(parent.matrixWorld);
-        this.cameraWorldPosition.setFromMatrixPosition(camera.matrixWorld);
-        this.rotationMatrix.extractRotation(parent.matrixWorld);
-        this.normal.set(0, 0, 1);
-        this.normal.applyMatrix4(this.rotationMatrix);
-        this.reflectorWorldPosition.addScaledVector(this.normal, this.get('reflectorOffset'));
-        this.view.subVectors(this.reflectorWorldPosition, this.cameraWorldPosition);
-        // Avoid rendering when reflector is facing away
-        if (this.view.dot(this.normal) > 0)
-            return;
-        this.view.reflect(this.normal).negate();
-        this.view.add(this.reflectorWorldPosition);
-        this.rotationMatrix.extractRotation(camera.matrixWorld);
-        this.lookAtPosition.set(0, 0, -1);
-        this.lookAtPosition.applyMatrix4(this.rotationMatrix);
-        this.lookAtPosition.add(this.cameraWorldPosition);
-        this.target.subVectors(this.reflectorWorldPosition, this.lookAtPosition);
-        this.target.reflect(this.normal).negate();
-        this.target.add(this.reflectorWorldPosition);
-        this.virtualCamera.position.copy(this.view);
-        this.virtualCamera.up.set(0, 1, 0);
-        this.virtualCamera.up.applyMatrix4(this.rotationMatrix);
-        this.virtualCamera.up.reflect(this.normal);
-        this.virtualCamera.lookAt(this.target);
-        this.virtualCamera.far = camera.far; // Used in WebGLBackground
-        this.virtualCamera.updateMatrixWorld();
-        this.virtualCamera.projectionMatrix.copy(camera.projectionMatrix);
-        // Update the texture matrix
-        this.textureMatrix.set(0.5, 0.0, 0.0, 0.5, 0.0, 0.5, 0.0, 0.5, 0.0, 0.0, 0.5, 0.5, 0.0, 0.0, 0.0, 1.0);
-        this.textureMatrix.multiply(this.virtualCamera.projectionMatrix);
-        this.textureMatrix.multiply(this.virtualCamera.matrixWorldInverse);
-        this.textureMatrix.multiply(parent.matrixWorld);
-        // Now update projection matrix with new clip plane, implementing code from: http://www.terathon.com/code/oblique.html
-        // Paper explaining this technique: http://www.terathon.com/lengyel/Lengyel-Oblique.pdf
-        this.reflectorPlane.setFromNormalAndCoplanarPoint(this.normal, this.reflectorWorldPosition);
-        this.reflectorPlane.applyMatrix4(this.virtualCamera.matrixWorldInverse);
-        this.clipPlane.set(this.reflectorPlane.normal.x, this.reflectorPlane.normal.y, this.reflectorPlane.normal.z, this.reflectorPlane.constant);
-        const projectionMatrix = this.virtualCamera.projectionMatrix;
-        this.q.x = (Math.sign(this.clipPlane.x) + projectionMatrix.elements[8]) / projectionMatrix.elements[0];
-        this.q.y = (Math.sign(this.clipPlane.y) + projectionMatrix.elements[9]) / projectionMatrix.elements[5];
-        this.q.z = -1.0;
-        this.q.w = (1.0 + projectionMatrix.elements[10]) / projectionMatrix.elements[14];
-        // Calculate the scaled plane vector
-        this.clipPlane.multiplyScalar(2.0 / this.clipPlane.dot(this.q));
-        // Replacing the third row of the projection matrix
-        projectionMatrix.elements[2] = this.clipPlane.x;
-        projectionMatrix.elements[6] = this.clipPlane.y;
-        projectionMatrix.elements[10] = this.clipPlane.z + 1.0;
-        projectionMatrix.elements[14] = this.clipPlane.w;
-    }
-    onBeforeRender(state) {
-        if (!this.materialRef.nativeElement)
-            return;
-        const parent = getLocalState(this.materialRef.nativeElement).parent;
-        if (!parent)
-            return;
-        const { gl, scene } = state;
-        const { hasBlur } = this.get();
-        const { fbo1, fbo2, blurPass } = this.get('reflectorEntities');
-        if (fbo1 && fbo2 && blurPass) {
-            parent.visible = false;
-            const currentXrEnabled = gl.xr.enabled;
-            const currentShadowAutoUpdate = gl.shadowMap.autoUpdate;
-            this.beforeRender(state);
-            gl.xr.enabled = false;
-            gl.shadowMap.autoUpdate = false;
-            gl.setRenderTarget(fbo1);
-            gl.state.buffers.depth.setMask(true);
-            if (!gl.autoClear)
-                gl.clear();
-            gl.render(scene, this.virtualCamera);
-            if (hasBlur)
-                blurPass.render(gl, fbo1, fbo2);
-            gl.xr.enabled = currentXrEnabled;
-            gl.shadowMap.autoUpdate = currentShadowAutoUpdate;
-            parent.visible = true;
-            gl.setRenderTarget(null);
-        }
-    }
-}
-NgtsMeshReflectorMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsMeshReflectorMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshReflectorMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.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: `
-        <ngt-mesh-reflector-material
-            ngtCompound
-            attach="material"
-            *ngIf="defines$ | ngtPush as defines"
-            [ref]="materialRef"
-            [defines]="defines"
-            [mirror]="reflectorProps.mirror"
-            [textureMatrix]="reflectorProps.textureMatrix"
-            [mixBlur]="reflectorProps.mixBlur"
-            [tDiffuse]="reflectorProps.tDiffuse"
-            [tDepth]="reflectorProps.tDepth"
-            [tDiffuseBlur]="reflectorProps.tDiffuseBlur"
-            [hasBlur]="reflectorProps.hasBlur"
-            [mixStrength]="reflectorProps.mixStrength"
-            [minDepthThreshold]="reflectorProps.minDepthThreshold"
-            [maxDepthThreshold]="reflectorProps.maxDepthThreshold"
-            [depthScale]="reflectorProps.depthScale"
-            [depthToBlurRatioBias]="reflectorProps.depthToBlurRatioBias"
-            [distortion]="reflectorProps.distortion"
-            [distortionMap]="reflectorProps.distortionMap"
-            [mixContrast]="reflectorProps.mixContrast"
-        >
-            <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.2.5", ngImport: i0, type: NgtsMeshReflectorMaterial, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ngts-mesh-reflector-material',
-                    standalone: true,
-                    template: `
-        <ngt-mesh-reflector-material
-            ngtCompound
-            attach="material"
-            *ngIf="defines$ | ngtPush as defines"
-            [ref]="materialRef"
-            [defines]="defines"
-            [mirror]="reflectorProps.mirror"
-            [textureMatrix]="reflectorProps.textureMatrix"
-            [mixBlur]="reflectorProps.mixBlur"
-            [tDiffuse]="reflectorProps.tDiffuse"
-            [tDepth]="reflectorProps.tDepth"
-            [tDiffuseBlur]="reflectorProps.tDiffuseBlur"
-            [hasBlur]="reflectorProps.hasBlur"
-            [mixStrength]="reflectorProps.mixStrength"
-            [minDepthThreshold]="reflectorProps.minDepthThreshold"
-            [maxDepthThreshold]="reflectorProps.maxDepthThreshold"
-            [depthScale]="reflectorProps.depthScale"
-            [depthToBlurRatioBias]="reflectorProps.depthToBlurRatioBias"
-            [distortion]="reflectorProps.distortion"
-            [distortionMap]="reflectorProps.distortionMap"
-            [mixContrast]="reflectorProps.mixContrast"
-        >
-            <ng-content />
-        </ngt-mesh-reflector-material>
-    `,
-                    imports: [NgtArgs, NgtPush, NgIf],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { materialRef: [{
-                type: Input
-            }], resolution: [{
-                type: Input
-            }], mixBlur: [{
-                type: Input
-            }], mixStrength: [{
-                type: Input
-            }], blur: [{
-                type: Input
-            }], mirror: [{
-                type: Input
-            }], minDepthThreshold: [{
-                type: Input
-            }], maxDepthThreshold: [{
-                type: Input
-            }], depthScale: [{
-                type: Input
-            }], depthToBlurRatioBias: [{
-                type: Input
-            }], distortionMap: [{
-                type: Input
-            }], distortion: [{
-                type: Input
-            }], mixContrast: [{
-                type: Input
-            }], reflectorOffset: [{
-                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]) => {
-            var _a, _b;
-            const temp = {};
-            // Sampler2D and SamplerCube need different defines
-            const isCubeMap = isCubeTexture(envMap);
-            const w = (_b = (isCubeMap ? (_a = envMap.image[0]) === null || _a === void 0 ? void 0 : _a.width : envMap.image.width)) !== null && _b !== void 0 ? _b : 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) => {
-            var _a;
-            const geometry = (_a = getLocalState(material).parent) === null || _a === void 0 ? void 0 : _a.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.5", ngImport: i0, type: NgtsMeshRefractionMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshRefractionMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", 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;
-                }
-            }
-        });
-    }
-}
-NgtsMeshTranmissionMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsMeshTranmissionMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshTranmissionMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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.5", 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) {
-        this.set({ time });
-    }
-    set factor(factor) {
-        this.set({ factor });
-    }
-    set speed(speed) {
-        this.set({ speed });
-    }
-    initialize() {
-        super.initialize();
-        this.set({ speed: 1, time: 0, factor: 1 });
-    }
-    constructor() {
-        super();
-        this.material = new MeshWobbleMaterial();
-        this.materialRef = injectNgtRef();
-        injectBeforeRender(({ clock }) => {
-            this.material.time = clock.getElapsedTime() * this.get('speed');
-        });
-    }
-}
-NgtsMeshWobbleMaterial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsMeshWobbleMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsMeshWobbleMaterial.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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"
-            [time]="get('time')"
-            [factor]="get('factor')"
-            attach="material"
-            ngtCompound
-        />
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsMeshWobbleMaterial, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ngts-mesh-wobble-material',
-                    standalone: true,
-                    template: `
-        <ngt-primitive
-            *args="[material]"
-            [ref]="materialRef"
-            [time]="get('time')"
-            [factor]="get('factor')"
-            attach="material"
-            ngtCompound
-        />
-    `,
-                    imports: [NgtArgs],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { materialRef: [{
-                type: Input
-            }], time: [{
-                type: Input
-            }], factor: [{
-                type: Input
-            }], speed: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NgtsMeshDistortMaterial, NgtsMeshReflectorMaterial, NgtsMeshRefractionMaterial, NgtsMeshTranmissionMaterial, NgtsMeshWobbleMaterial };
-//# sourceMappingURL=angular-three-soba-materials.mjs.map