angular-three-soba 1.10.0 → 1.11.0

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

@@ -1,9 +1,10 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, Input, Component, CUSTOM_ELEMENTS_SCHEMA, ContentChild } from '@angular/core';
+import { inject, TemplateRef, Directive, Input, Component, CUSTOM_ELEMENTS_SCHEMA, ViewChild, ContentChild } from '@angular/core';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
-import { NgtRxStore, injectNgtRef, NgtStore, extend, NgtPush } from 'angular-three';
+import { extend, NgtRxStore, injectNgtRef, NgtStore, injectBeforeRender, NgtArgs, NgtPush } from 'angular-three';
 import { map, combineLatest } from 'rxjs';
-import { OrthographicCamera, Group, PerspectiveCamera } from 'three';
+import * as THREE from 'three';
+import { Group, CubeCamera, OrthographicCamera, PerspectiveCamera } from 'three';
 import { injectNgtsFBO } from 'angular-three-soba/misc';
 
 class NgtsCameraContent {
@@ -24,6 +25,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: Input
             }] } });
 
+extend({ Group, CubeCamera });
+class NgtsCubeCamera extends NgtRxStore {
+    /** Number of frames to render, Infinity */
+    set frames(frames) {
+        this.set({ frames });
+    }
+    /** Resolution of the FBO, 256 */
+    set resolution(resolution) {
+        this.set({ resolution });
+    }
+    /** Camera near, 0.1 */
+    set near(near) {
+        this.set({ near });
+    }
+    /** Camera far, 1000 */
+    set far(far) {
+        this.set({ far });
+    }
+    /** Custom environment map that is temporarily set as the scenes background */
+    set envMap(envMap) {
+        this.set({ envMap });
+    }
+    /** Custom fog that is temporarily set as the scenes fog */
+    set fog(fog) {
+        this.set({ fog });
+    }
+    initialize() {
+        super.initialize();
+        this.set({
+            frames: Infinity,
+            resolution: 256,
+            near: 0.1,
+            far: 1000,
+        });
+    }
+    constructor() {
+        super();
+        this.cameraRef = injectNgtRef();
+        this.store = inject(NgtStore);
+        this.connect('fbo', this.select('resolution').pipe(map((resolution) => {
+            const fbo = new THREE.WebGLCubeRenderTarget(resolution);
+            fbo.texture.encoding = this.store.get('gl').outputEncoding;
+            fbo.texture.type = THREE.HalfFloatType;
+            return fbo;
+        })));
+        this.connect('cameraArgs', combineLatest([this.select('near'), this.select('far'), this.select('fbo')]));
+        let count = 0;
+        let originalFog;
+        let originalBackground;
+        injectBeforeRender(({ scene, gl }) => {
+            const { frames, envMap, fog } = this.get();
+            if (envMap &&
+                this.cameraRef.nativeElement &&
+                this.groupRef.nativeElement &&
+                (frames === Infinity || count < frames)) {
+                this.groupRef.nativeElement.visible = false;
+                originalFog = scene.fog;
+                originalBackground = scene.background;
+                scene.background = envMap || originalBackground;
+                scene.fog = fog || originalFog;
+                this.cameraRef.nativeElement.update(gl, scene);
+                scene.fog = originalFog;
+                scene.background = originalBackground;
+                this.groupRef.nativeElement.visible = true;
+                count++;
+            }
+        });
+    }
+}
+NgtsCubeCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsCubeCamera, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NgtsCubeCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: NgtsCubeCamera, isStandalone: true, selector: "ngts-cube-camera", inputs: { frames: "frames", resolution: "resolution", near: "near", far: "far", envMap: "envMap", fog: "fog" }, queries: [{ propertyName: "cameraContent", first: true, predicate: NgtsCameraContent, descendants: true }], viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+        <ngt-group ngtCompound>
+            <ngt-cube-camera [ref]="cameraRef" *args="get('cameraArgs')" />
+            <ngt-group #group>
+                <ng-container
+                    *ngIf="cameraContent && cameraContent.ngtsCameraContent && get('fbo')"
+                    [ngTemplateOutlet]="cameraContent.template"
+                    [ngTemplateOutletContext]="{ fbo: get('fbo').texture, group }"
+                />
+            </ngt-group>
+        </ngt-group>
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: NgtsCubeCamera, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-cube-camera',
+                    standalone: true,
+                    template: `
+        <ngt-group ngtCompound>
+            <ngt-cube-camera [ref]="cameraRef" *args="get('cameraArgs')" />
+            <ngt-group #group>
+                <ng-container
+                    *ngIf="cameraContent && cameraContent.ngtsCameraContent && get('fbo')"
+                    [ngTemplateOutlet]="cameraContent.template"
+                    [ngTemplateOutletContext]="{ fbo: get('fbo').texture, group }"
+                />
+            </ngt-group>
+        </ngt-group>
+    `,
+                    imports: [NgIf, NgTemplateOutlet, NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { groupRef: [{
+                type: ViewChild,
+                args: ['group', { static: true }]
+            }], cameraContent: [{
+                type: ContentChild,
+                args: [NgtsCameraContent]
+            }], frames: [{
+                type: Input
+            }], resolution: [{
+                type: Input
+            }], near: [{
+                type: Input
+            }], far: [{
+                type: Input
+            }], envMap: [{
+                type: Input
+            }], fog: [{
+                type: Input
+            }] } });
+
 class NgtsCamera extends NgtRxStore {
     constructor() {
         super(...arguments);
@@ -220,5 +343,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgtsCameraContent, NgtsOrthographicCamera, NgtsPerspectiveCamera };
+export { NgtsCameraContent, NgtsCubeCamera, NgtsOrthographicCamera, NgtsPerspectiveCamera };
 //# sourceMappingURL=angular-three-soba-cameras.mjs.map

package/fesm2015/angular-three-soba-cameras.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"angular-three-soba-cameras.mjs","sources":["../../../../libs/angular-three-soba/cameras/src/lib/camera/camera-content.ts","../../../../libs/angular-three-soba/cameras/src/lib/camera/camera.ts","../../../../libs/angular-three-soba/cameras/src/lib/orthographic-camera/orthographic-camera.ts","../../../../libs/angular-three-soba/cameras/src/lib/perspective-camera/perspective-camera.ts","../../../../libs/angular-three-soba/cameras/src/angular-three-soba-cameras.ts"],"sourcesContent":["import { Directive, inject, Input, TemplateRef } from '@angular/core';\nimport * as THREE from 'three';\n\n@Directive({ selector: 'ng-template[ngtsCameraContent]', standalone: true })\nexport class NgtsCameraContent {\n    readonly template = inject(TemplateRef);\n    @Input() ngtsCameraContent: boolean | '' = '';\n\n    static ngTemplateContextGuard(\n        _: NgtsCameraContent,\n        ctx: unknown\n    ): ctx is { target: THREE.WebGLRenderTarget; group?: THREE.Group } {\n        return true;\n    }\n}\n","import { Directive, inject, Input, OnInit } from '@angular/core';\nimport { injectNgtRef, NgtCamera, NgtRxStore, NgtStore } from 'angular-three';\nimport { injectNgtsFBO } from 'angular-three-soba/misc';\nimport { combineLatest, map } from 'rxjs';\n\n@Directive()\nexport abstract class NgtsCamera<TCamera extends NgtCamera> extends NgtRxStore implements OnInit {\n    @Input() set makeDefault(makeDefault: boolean) {\n        this.set({ makeDefault });\n    }\n\n    @Input() set manual(manual: boolean) {\n        this.set({ manual });\n    }\n\n    @Input() set frames(frames: number) {\n        this.set({ frames });\n    }\n\n    @Input() set resolution(resolution: number) {\n        this.set({ resolution });\n    }\n\n    @Input() set envMap(envMap: THREE.Texture) {\n        this.set({ envMap });\n    }\n\n    @Input() cameraRef = injectNgtRef<TCamera>();\n\n    protected readonly store = inject(NgtStore);\n    readonly fboRef = injectNgtsFBO(() => this.select('resolution').pipe(map((resolution) => ({ width: resolution }))));\n\n    override initialize() {\n        super.initialize();\n        this.set({ resolution: 256, frames: Infinity, makeDefault: false, manual: false });\n    }\n\n    ngOnInit() {\n        this.hold(this.cameraRef.$, (camera) => {\n            camera.updateProjectionMatrix();\n            this.setDefaultCamera();\n            this.updateProjectionMatrix();\n        });\n    }\n\n    private setDefaultCamera() {\n        this.effect(combineLatest([this.cameraRef.$, this.select('makeDefault')]), ([camera, makeDefault]) => {\n            if (makeDefault) {\n                const { camera: oldCamera } = this.store.get();\n                this.store.set({ camera });\n                return () => {\n                    this.store.set({ camera: oldCamera });\n                };\n            }\n        });\n    }\n\n    private updateProjectionMatrix() {\n        this.effect(combineLatest([this.cameraRef.$, this.select('manual')]), ([camera, manual]) => {\n            if (!manual && camera) camera.updateProjectionMatrix();\n        });\n    }\n}\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Component, ContentChild, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';\nimport { extend, NgtPush } from 'angular-three';\nimport { combineLatest, map } from 'rxjs';\nimport { Group, OrthographicCamera } from 'three';\nimport { NgtsCamera } from '../camera/camera';\nimport { NgtsCameraContent } from '../camera/camera-content';\n\nextend({ OrthographicCamera, Group });\n\n@Component({\n    selector: 'ngts-orthographic-camera',\n    standalone: true,\n    template: `\n        <ngt-orthographic-camera\n            ngtCompound\n            [ref]=\"cameraRef\"\n            [left]=\"left$ | ngtPush\"\n            [right]=\"right$ | ngtPush\"\n            [top]=\"top$ | ngtPush\"\n            [bottom]=\"bottom$ | ngtPush\"\n        >\n            <ng-container\n                *ngIf=\"cameraContent && !cameraContent.ngtsCameraContent\"\n                [ngTemplateOutlet]=\"cameraContent.template\"\n            />\n        </ngt-orthographic-camera>\n        <ngt-group #group *ngIf=\"cameraContent && cameraContent.ngtsCameraContent\">\n            <ng-container *ngTemplateOutlet=\"cameraContent.template; context: { fbo: fboRef.nativeElement, group }\" />\n        </ngt-group>\n    `,\n    imports: [NgIf, NgTemplateOutlet, NgtPush],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsOrthographicCamera extends NgtsCamera<THREE.OrthographicCamera> {\n    @ContentChild(NgtsCameraContent) cameraContent?: NgtsCameraContent;\n\n    @Input() set left(left: number) {\n        this.set({ left });\n    }\n\n    @Input() set right(right: number) {\n        this.set({ right });\n    }\n\n    @Input() set top(top: number) {\n        this.set({ top });\n    }\n\n    @Input() set bottom(bottom: number) {\n        this.set({ bottom });\n    }\n\n    override initialize(): void {\n        super.initialize();\n        this.set({ left: 0, right: 0, top: 0, bottom: 0 });\n    }\n\n    readonly left$ = combineLatest([this.select('left'), this.store.select('size')]).pipe(\n        map(([left, size]) => left || size.width / -2)\n    );\n\n    readonly right$ = combineLatest([this.select('right'), this.store.select('size')]).pipe(\n        map(([right, size]) => right || size.width / 2)\n    );\n\n    readonly top$ = combineLatest([this.select('top'), this.store.select('size')]).pipe(\n        map(([top, size]) => top || size.height / 2)\n    );\n\n    readonly bottom$ = combineLatest([this.select('bottom'), this.store.select('size')]).pipe(\n        map(([bottom, size]) => bottom || size.height / -2)\n    );\n}\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Component, ContentChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { extend } from 'angular-three';\nimport { Group, PerspectiveCamera } from 'three';\nimport { NgtsCamera } from '../camera/camera';\nimport { NgtsCameraContent } from '../camera/camera-content';\n\nextend({ PerspectiveCamera, Group });\n\n@Component({\n    selector: 'ngts-perspective-camera',\n    standalone: true,\n    template: `\n        <ngt-perspective-camera [ref]=\"cameraRef\" ngtCompound>\n            <ng-container\n                *ngIf=\"cameraContent && !cameraContent.ngtsCameraContent\"\n                [ngTemplateOutlet]=\"cameraContent.template\"\n            />\n        </ngt-perspective-camera>\n        <ngt-group #group *ngIf=\"cameraContent && cameraContent.ngtsCameraContent\">\n            <ng-container *ngTemplateOutlet=\"cameraContent.template; context: { fbo: fboRef.nativeElement, group }\" />\n        </ngt-group>\n    `,\n    imports: [NgIf, NgTemplateOutlet],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsPerspectiveCamera extends NgtsCamera<PerspectiveCamera> {\n    @ContentChild(NgtsCameraContent) cameraContent?: NgtsCameraContent;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"angular-three-soba-cameras.mjs","sources":["../../../../libs/angular-three-soba/cameras/src/lib/camera/camera-content.ts","../../../../libs/angular-three-soba/cameras/src/lib/cube-camera/cube-camera.ts","../../../../libs/angular-three-soba/cameras/src/lib/camera/camera.ts","../../../../libs/angular-three-soba/cameras/src/lib/orthographic-camera/orthographic-camera.ts","../../../../libs/angular-three-soba/cameras/src/lib/perspective-camera/perspective-camera.ts","../../../../libs/angular-three-soba/cameras/src/angular-three-soba-cameras.ts"],"sourcesContent":["import { Directive, inject, Input, TemplateRef } from '@angular/core';\nimport * as THREE from 'three';\n\n@Directive({ selector: 'ng-template[ngtsCameraContent]', standalone: true })\nexport class NgtsCameraContent {\n    readonly template = inject(TemplateRef);\n    @Input() ngtsCameraContent: boolean | '' = '';\n\n    static ngTemplateContextGuard(\n        _: NgtsCameraContent,\n        ctx: unknown\n    ): ctx is { fbo: THREE.WebGLRenderTarget; group?: THREE.Group } {\n        return true;\n    }\n}\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Component, ContentChild, CUSTOM_ELEMENTS_SCHEMA, ElementRef, inject, Input, ViewChild } from '@angular/core';\nimport { extend, injectBeforeRender, injectNgtRef, NgtArgs, NgtRxStore, NgtStore } from 'angular-three';\nimport { combineLatest, map } from 'rxjs';\nimport * as THREE from 'three';\nimport { CubeCamera, Group } from 'three';\nimport { NgtsCameraContent } from '../camera/camera-content';\n\nextend({ Group, CubeCamera });\n\n@Component({\n    selector: 'ngts-cube-camera',\n    standalone: true,\n    template: `\n        <ngt-group ngtCompound>\n            <ngt-cube-camera [ref]=\"cameraRef\" *args=\"get('cameraArgs')\" />\n            <ngt-group #group>\n                <ng-container\n                    *ngIf=\"cameraContent && cameraContent.ngtsCameraContent && get('fbo')\"\n                    [ngTemplateOutlet]=\"cameraContent.template\"\n                    [ngTemplateOutletContext]=\"{ fbo: get('fbo').texture, group }\"\n                />\n            </ngt-group>\n        </ngt-group>\n    `,\n    imports: [NgIf, NgTemplateOutlet, NgtArgs],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsCubeCamera extends NgtRxStore {\n    @ViewChild('group', { static: true }) groupRef!: ElementRef<THREE.Group>;\n    @ContentChild(NgtsCameraContent) cameraContent?: NgtsCameraContent;\n\n    readonly cameraRef = injectNgtRef<THREE.CubeCamera>();\n\n    /** Number of frames to render, Infinity */\n    @Input() set frames(frames: number) {\n        this.set({ frames });\n    }\n    /** Resolution of the FBO, 256 */\n    @Input() set resolution(resolution: number) {\n        this.set({ resolution });\n    }\n    /** Camera near, 0.1 */\n    @Input() set near(near: number) {\n        this.set({ near });\n    }\n    /** Camera far, 1000 */\n    @Input() set far(far: number) {\n        this.set({ far });\n    }\n    /** Custom environment map that is temporarily set as the scenes background */\n    @Input() set envMap(envMap: THREE.Texture) {\n        this.set({ envMap });\n    }\n    /** Custom fog that is temporarily set as the scenes fog */\n    @Input() set fog(fog: THREE.Fog | THREE.FogExp2) {\n        this.set({ fog });\n    }\n\n    private readonly store = inject(NgtStore);\n\n    override initialize(): void {\n        super.initialize();\n        this.set({\n            frames: Infinity,\n            resolution: 256,\n            near: 0.1,\n            far: 1000,\n        });\n    }\n\n    constructor() {\n        super();\n        this.connect(\n            'fbo',\n            this.select('resolution').pipe(\n                map((resolution) => {\n                    const fbo = new THREE.WebGLCubeRenderTarget(resolution);\n                    fbo.texture.encoding = this.store.get('gl').outputEncoding;\n                    fbo.texture.type = THREE.HalfFloatType;\n                    return fbo;\n                })\n            )\n        );\n        this.connect('cameraArgs', combineLatest([this.select('near'), this.select('far'), this.select('fbo')]));\n\n        let count = 0;\n        let originalFog: THREE.Scene['fog'];\n        let originalBackground: THREE.Scene['background'];\n        injectBeforeRender(({ scene, gl }) => {\n            const { frames, envMap, fog } = this.get();\n            if (\n                envMap &&\n                this.cameraRef.nativeElement &&\n                this.groupRef.nativeElement &&\n                (frames === Infinity || count < frames)\n            ) {\n                this.groupRef.nativeElement.visible = false;\n                originalFog = scene.fog;\n                originalBackground = scene.background;\n                scene.background = envMap || originalBackground;\n                scene.fog = fog || originalFog;\n                this.cameraRef.nativeElement.update(gl, scene);\n                scene.fog = originalFog;\n                scene.background = originalBackground;\n                this.groupRef.nativeElement.visible = true;\n                count++;\n            }\n        });\n    }\n}\n","import { Directive, inject, Input, OnInit } from '@angular/core';\nimport { injectNgtRef, NgtCamera, NgtRxStore, NgtStore } from 'angular-three';\nimport { injectNgtsFBO } from 'angular-three-soba/misc';\nimport { combineLatest, map } from 'rxjs';\n\n@Directive()\nexport abstract class NgtsCamera<TCamera extends NgtCamera> extends NgtRxStore implements OnInit {\n    @Input() set makeDefault(makeDefault: boolean) {\n        this.set({ makeDefault });\n    }\n\n    @Input() set manual(manual: boolean) {\n        this.set({ manual });\n    }\n\n    @Input() set frames(frames: number) {\n        this.set({ frames });\n    }\n\n    @Input() set resolution(resolution: number) {\n        this.set({ resolution });\n    }\n\n    @Input() set envMap(envMap: THREE.Texture) {\n        this.set({ envMap });\n    }\n\n    @Input() cameraRef = injectNgtRef<TCamera>();\n\n    protected readonly store = inject(NgtStore);\n    readonly fboRef = injectNgtsFBO(() => this.select('resolution').pipe(map((resolution) => ({ width: resolution }))));\n\n    override initialize() {\n        super.initialize();\n        this.set({ resolution: 256, frames: Infinity, makeDefault: false, manual: false });\n    }\n\n    ngOnInit() {\n        this.hold(this.cameraRef.$, (camera) => {\n            camera.updateProjectionMatrix();\n            this.setDefaultCamera();\n            this.updateProjectionMatrix();\n        });\n    }\n\n    private setDefaultCamera() {\n        this.effect(combineLatest([this.cameraRef.$, this.select('makeDefault')]), ([camera, makeDefault]) => {\n            if (makeDefault) {\n                const { camera: oldCamera } = this.store.get();\n                this.store.set({ camera });\n                return () => {\n                    this.store.set({ camera: oldCamera });\n                };\n            }\n        });\n    }\n\n    private updateProjectionMatrix() {\n        this.effect(combineLatest([this.cameraRef.$, this.select('manual')]), ([camera, manual]) => {\n            if (!manual && camera) camera.updateProjectionMatrix();\n        });\n    }\n}\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Component, ContentChild, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';\nimport { extend, NgtPush } from 'angular-three';\nimport { combineLatest, map } from 'rxjs';\nimport { Group, OrthographicCamera } from 'three';\nimport { NgtsCamera } from '../camera/camera';\nimport { NgtsCameraContent } from '../camera/camera-content';\n\nextend({ OrthographicCamera, Group });\n\n@Component({\n    selector: 'ngts-orthographic-camera',\n    standalone: true,\n    template: `\n        <ngt-orthographic-camera\n            ngtCompound\n            [ref]=\"cameraRef\"\n            [left]=\"left$ | ngtPush\"\n            [right]=\"right$ | ngtPush\"\n            [top]=\"top$ | ngtPush\"\n            [bottom]=\"bottom$ | ngtPush\"\n        >\n            <ng-container\n                *ngIf=\"cameraContent && !cameraContent.ngtsCameraContent\"\n                [ngTemplateOutlet]=\"cameraContent.template\"\n            />\n        </ngt-orthographic-camera>\n        <ngt-group #group *ngIf=\"cameraContent && cameraContent.ngtsCameraContent\">\n            <ng-container *ngTemplateOutlet=\"cameraContent.template; context: { fbo: fboRef.nativeElement, group }\" />\n        </ngt-group>\n    `,\n    imports: [NgIf, NgTemplateOutlet, NgtPush],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsOrthographicCamera extends NgtsCamera<THREE.OrthographicCamera> {\n    @ContentChild(NgtsCameraContent) cameraContent?: NgtsCameraContent;\n\n    @Input() set left(left: number) {\n        this.set({ left });\n    }\n\n    @Input() set right(right: number) {\n        this.set({ right });\n    }\n\n    @Input() set top(top: number) {\n        this.set({ top });\n    }\n\n    @Input() set bottom(bottom: number) {\n        this.set({ bottom });\n    }\n\n    override initialize(): void {\n        super.initialize();\n        this.set({ left: 0, right: 0, top: 0, bottom: 0 });\n    }\n\n    readonly left$ = combineLatest([this.select('left'), this.store.select('size')]).pipe(\n        map(([left, size]) => left || size.width / -2)\n    );\n\n    readonly right$ = combineLatest([this.select('right'), this.store.select('size')]).pipe(\n        map(([right, size]) => right || size.width / 2)\n    );\n\n    readonly top$ = combineLatest([this.select('top'), this.store.select('size')]).pipe(\n        map(([top, size]) => top || size.height / 2)\n    );\n\n    readonly bottom$ = combineLatest([this.select('bottom'), this.store.select('size')]).pipe(\n        map(([bottom, size]) => bottom || size.height / -2)\n    );\n}\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { Component, ContentChild, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { extend } from 'angular-three';\nimport { Group, PerspectiveCamera } from 'three';\nimport { NgtsCamera } from '../camera/camera';\nimport { NgtsCameraContent } from '../camera/camera-content';\n\nextend({ PerspectiveCamera, Group });\n\n@Component({\n    selector: 'ngts-perspective-camera',\n    standalone: true,\n    template: `\n        <ngt-perspective-camera [ref]=\"cameraRef\" ngtCompound>\n            <ng-container\n                *ngIf=\"cameraContent && !cameraContent.ngtsCameraContent\"\n                [ngTemplateOutlet]=\"cameraContent.template\"\n            />\n        </ngt-perspective-camera>\n        <ngt-group #group *ngIf=\"cameraContent && cameraContent.ngtsCameraContent\">\n            <ng-container *ngTemplateOutlet=\"cameraContent.template; context: { fbo: fboRef.nativeElement, group }\" />\n        </ngt-group>\n    `,\n    imports: [NgIf, NgTemplateOutlet],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsPerspectiveCamera extends NgtsCamera<PerspectiveCamera> {\n    @ContentChild(NgtsCameraContent) cameraContent?: NgtsCameraContent;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/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) {
@@ -396,6 +398,391 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", 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]) => {
+            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.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) {
@@ -463,5 +850,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgtsMeshDistortMaterial, NgtsMeshReflectorMaterial, NgtsMeshWobbleMaterial };
+export { NgtsMeshDistortMaterial, NgtsMeshReflectorMaterial, NgtsMeshRefractionMaterial, NgtsMeshTranmissionMaterial, NgtsMeshWobbleMaterial };
 //# sourceMappingURL=angular-three-soba-materials.mjs.map