angular-three-soba 1.2.0 → 1.3.0

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

@@ -0,0 +1,224 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, Input, Component, CUSTOM_ELEMENTS_SCHEMA, ContentChild } from '@angular/core';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+import { NgtRxStore, injectNgtRef, NgtStore, extend, NgtPush } from 'angular-three';
+import { map, combineLatest } from 'rxjs';
+import { OrthographicCamera, Group, PerspectiveCamera } from 'three';
+import { injectNgtsFBO } from 'angular-three-soba/misc';
+
+class NgtsCameraContent {
+    constructor() {
+        this.template = inject(TemplateRef);
+        this.ngtsCameraContent = '';
+    }
+    static ngTemplateContextGuard(_, ctx) {
+        return true;
+    }
+}
+NgtsCameraContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsCameraContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+NgtsCameraContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: NgtsCameraContent, isStandalone: true, selector: "ng-template[ngtsCameraContent]", inputs: { ngtsCameraContent: "ngtsCameraContent" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsCameraContent, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[ngtsCameraContent]', standalone: true }]
+        }], propDecorators: { ngtsCameraContent: [{
+                type: Input
+            }] } });
+
+class NgtsCamera extends NgtRxStore {
+    constructor() {
+        super(...arguments);
+        this.cameraRef = injectNgtRef();
+        this.store = inject(NgtStore);
+        this.fboRef = injectNgtsFBO(() => this.select('resolution').pipe(map((resolution) => ({ width: resolution }))));
+    }
+    set makeDefault(makeDefault) {
+        this.set({ makeDefault });
+    }
+    set manual(manual) {
+        this.set({ manual });
+    }
+    set frames(frames) {
+        this.set({ frames });
+    }
+    set resolution(resolution) {
+        this.set({ resolution });
+    }
+    set envMap(envMap) {
+        this.set({ envMap });
+    }
+    initialize() {
+        super.initialize();
+        this.set({ resolution: 256, frames: Infinity, makeDefault: false, manual: false });
+    }
+    ngOnInit() {
+        this.hold(this.cameraRef.$, (camera) => {
+            camera.updateProjectionMatrix();
+            this.setDefaultCamera();
+            this.updateProjectionMatrix();
+        });
+    }
+    setDefaultCamera() {
+        this.effect(combineLatest([this.cameraRef.$, this.select('makeDefault')]), ([camera, makeDefault]) => {
+            if (makeDefault) {
+                const { camera: oldCamera } = this.store.get();
+                this.store.set({ camera });
+                return () => {
+                    this.store.set({ camera: oldCamera });
+                };
+            }
+        });
+    }
+    updateProjectionMatrix() {
+        this.effect(combineLatest([this.cameraRef.$, this.select('manual')]), ([camera, manual]) => {
+            if (!manual && camera)
+                camera.updateProjectionMatrix();
+        });
+    }
+}
+NgtsCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsCamera, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NgtsCamera.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: NgtsCamera, inputs: { makeDefault: "makeDefault", manual: "manual", frames: "frames", resolution: "resolution", envMap: "envMap", cameraRef: "cameraRef" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsCamera, decorators: [{
+            type: Directive
+        }], propDecorators: { makeDefault: [{
+                type: Input
+            }], manual: [{
+                type: Input
+            }], frames: [{
+                type: Input
+            }], resolution: [{
+                type: Input
+            }], envMap: [{
+                type: Input
+            }], cameraRef: [{
+                type: Input
+            }] } });
+
+extend({ OrthographicCamera, Group });
+class NgtsOrthographicCamera extends NgtsCamera {
+    constructor() {
+        super(...arguments);
+        this.left$ = combineLatest([this.select('left'), this.store.select('size')]).pipe(map(([left, size]) => left ?? size.width / -2));
+        this.right$ = combineLatest([this.select('right'), this.store.select('size')]).pipe(map(([right, size]) => right ?? size.width / 2));
+        this.top$ = combineLatest([this.select('top'), this.store.select('size')]).pipe(map(([top, size]) => top ?? size.height / 2));
+        this.bottom$ = combineLatest([this.select('bottom'), this.store.select('size')]).pipe(map(([bottom, size]) => bottom ?? size.height / -2));
+    }
+    set left(left) {
+        this.set({ left });
+    }
+    set right(right) {
+        this.set({ right });
+    }
+    set top(top) {
+        this.set({ top });
+    }
+    set bottom(bottom) {
+        this.set({ bottom });
+    }
+    initialize() {
+        super.initialize();
+        this.set({ left: 0, right: 0, top: 0, bottom: 0 });
+    }
+}
+NgtsOrthographicCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsOrthographicCamera, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtsOrthographicCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NgtsOrthographicCamera, isStandalone: true, selector: "ngts-orthographic-camera", inputs: { left: "left", right: "right", top: "top", bottom: "bottom" }, queries: [{ propertyName: "cameraContent", first: true, predicate: NgtsCameraContent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <ngt-orthographic-camera
+            ngtCompound
+            [ref]="cameraRef"
+            [left]="left$ | ngtPush"
+            [right]="right$ | ngtPush"
+            [top]="top$ | ngtPush"
+            [bottom]="bottom$ | ngtPush"
+        >
+            <ng-container
+                *ngIf="cameraContent && !cameraContent.ngtsCameraContent"
+                [ngTemplateOutlet]="cameraContent.template"
+            />
+        </ngt-orthographic-camera>
+        <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, 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: "pipe", type: NgtPush, name: "ngtPush" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsOrthographicCamera, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-orthographic-camera',
+                    standalone: true,
+                    template: `
+        <ngt-orthographic-camera
+            ngtCompound
+            [ref]="cameraRef"
+            [left]="left$ | ngtPush"
+            [right]="right$ | ngtPush"
+            [top]="top$ | ngtPush"
+            [bottom]="bottom$ | ngtPush"
+        >
+            <ng-container
+                *ngIf="cameraContent && !cameraContent.ngtsCameraContent"
+                [ngTemplateOutlet]="cameraContent.template"
+            />
+        </ngt-orthographic-camera>
+        <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, group }" />
+        </ngt-group>
+    `,
+                    imports: [NgIf, NgTemplateOutlet, NgtPush],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { cameraContent: [{
+                type: ContentChild,
+                args: [NgtsCameraContent]
+            }], left: [{
+                type: Input
+            }], right: [{
+                type: Input
+            }], top: [{
+                type: Input
+            }], bottom: [{
+                type: Input
+            }] } });
+
+extend({ PerspectiveCamera, Group });
+class NgtsPerspectiveCamera extends NgtsCamera {
+}
+NgtsPerspectiveCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsPerspectiveCamera, deps: null, target: i0.ɵɵFactoryTarget.Component });
+NgtsPerspectiveCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: NgtsPerspectiveCamera, isStandalone: true, selector: "ngts-perspective-camera", queries: [{ propertyName: "cameraContent", first: true, predicate: NgtsCameraContent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+        <ngt-perspective-camera [ref]="cameraRef" ngtCompound>
+            <ng-container
+                *ngIf="cameraContent && !cameraContent.ngtsCameraContent"
+                [ngTemplateOutlet]="cameraContent.template"
+            />
+        </ngt-perspective-camera>
+        <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsPerspectiveCamera, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-perspective-camera',
+                    standalone: true,
+                    template: `
+        <ngt-perspective-camera [ref]="cameraRef" ngtCompound>
+            <ng-container
+                *ngIf="cameraContent && !cameraContent.ngtsCameraContent"
+                [ngTemplateOutlet]="cameraContent.template"
+            />
+        </ngt-perspective-camera>
+        <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, group }" />
+        </ngt-group>
+    `,
+                    imports: [NgIf, NgTemplateOutlet],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], propDecorators: { cameraContent: [{
+                type: ContentChild,
+                args: [NgtsCameraContent]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgtsCameraContent, NgtsOrthographicCamera, NgtsPerspectiveCamera };
+//# sourceMappingURL=angular-three-soba-cameras.mjs.map

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

@@ -0,0 +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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"}

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

@@ -1,6 +1,8 @@
 import * as i0 from '@angular/core';
 import { inject, Directive } from '@angular/core';
-import { NgtRxStore, NgtStore } from 'angular-three';
+import { NgtRxStore, NgtStore, injectNgtRef, injectNgtDestroy, safeDetectChanges } from 'angular-three';
+import { isObservable, of, takeUntil } from 'rxjs';
+import * as THREE from 'three';
 
 class NgtsBakeShadows extends NgtRxStore {
     constructor() {
@@ -24,9 +26,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
             args: [{ selector: 'ngts-bake-shadows', standalone: true }]
         }] });
 
+function injectNgtsFBO(paramsFactory) {
+    const store = inject(NgtStore);
+    const targetRef = injectNgtRef();
+    const { destroy$, cdr } = injectNgtDestroy(() => {
+        targetRef.nativeElement?.dispose();
+    });
+    const params = paramsFactory({});
+    const params$ = isObservable(params) ? params : of(params);
+    params$.pipe(takeUntil(destroy$)).subscribe(({ width, height, settings }) => {
+        const { gl, size, viewport } = store.get();
+        const _width = typeof width === 'number' ? width : size.width * viewport.dpr;
+        const _height = typeof height === 'number' ? height : size.height * viewport.dpr;
+        const _settings = (typeof width === 'number' ? settings : width) || {};
+        const { samples, ...targetSettings } = _settings;
+        if (!targetRef.nativeElement) {
+            const target = new THREE.WebGLRenderTarget(_width, _height, {
+                minFilter: THREE.LinearFilter,
+                magFilter: THREE.LinearFilter,
+                encoding: gl.outputEncoding,
+                type: THREE.HalfFloatType,
+                ...targetSettings,
+            });
+            if (samples)
+                target.samples = samples;
+            targetRef.nativeElement = target;
+        }
+        targetRef.nativeElement.setSize(_width, _height);
+        if (samples)
+            targetRef.nativeElement.samples = samples;
+        safeDetectChanges(cdr);
+    });
+    return targetRef;
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgtsBakeShadows };
+export { NgtsBakeShadows, injectNgtsFBO };
 //# sourceMappingURL=angular-three-soba-misc.mjs.map

package/fesm2020/angular-three-soba-misc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"angular-three-soba-misc.mjs","sources":["../../../../libs/angular-three-soba/misc/src/lib/bake-shadows/bake-shadows.ts","../../../../libs/angular-three-soba/misc/src/angular-three-soba-misc.ts"],"sourcesContent":["import { Directive, inject, OnInit } from '@angular/core';\nimport { NgtRxStore, NgtStore } from 'angular-three';\n\n@Directive({ selector: 'ngts-bake-shadows', standalone: true })\nexport class NgtsBakeShadows extends NgtRxStore implements OnInit {\n    private readonly store = inject(NgtStore);\n\n    ngOnInit() {\n        this.effect(this.store.select('gl'), (gl) => {\n            gl.shadowMap.autoUpdate = false;\n            gl.shadowMap.needsUpdate = true;\n\n            return () => {\n                gl.shadowMap.autoUpdate = gl.shadowMap.needsUpdate = true;\n            };\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIM,MAAO,eAAgB,SAAQ,UAAU,CAAA;AAD/C,IAAA,WAAA,GAAA;;AAEqB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAY7C,KAAA;IAVG,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAI;AACxC,YAAA,EAAE,CAAC,SAAS,CAAC,UAAU,GAAG,KAAK,CAAC;AAChC,YAAA,EAAE,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;AAEhC,YAAA,OAAO,MAAK;AACR,gBAAA,EAAE,CAAC,SAAS,CAAC,UAAU,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC;AAC9D,aAAC,CAAC;AACN,SAAC,CAAC,CAAC;KACN;;4GAZQ,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;gGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,QAAQ,EAAE,mBAAmB,EAAE,UAAU,EAAE,IAAI,EAAE,CAAA;;;ACH9D;;AAEG;;;;"}
+{"version":3,"file":"angular-three-soba-misc.mjs","sources":["../../../../libs/angular-three-soba/misc/src/lib/bake-shadows/bake-shadows.ts","../../../../libs/angular-three-soba/misc/src/lib/fbo/fbo.ts","../../../../libs/angular-three-soba/misc/src/angular-three-soba-misc.ts"],"sourcesContent":["import { Directive, inject, OnInit } from '@angular/core';\nimport { NgtRxStore, NgtStore } from 'angular-three';\n\n@Directive({ selector: 'ngts-bake-shadows', standalone: true })\nexport class NgtsBakeShadows extends NgtRxStore implements OnInit {\n    private readonly store = inject(NgtStore);\n\n    ngOnInit() {\n        this.effect(this.store.select('gl'), (gl) => {\n            gl.shadowMap.autoUpdate = false;\n            gl.shadowMap.needsUpdate = true;\n\n            return () => {\n                gl.shadowMap.autoUpdate = gl.shadowMap.needsUpdate = true;\n            };\n        });\n    }\n}\n","import { inject } from '@angular/core';\nimport { injectNgtDestroy, injectNgtRef, NgtStore, safeDetectChanges } from 'angular-three';\nimport { isObservable, Observable, of, takeUntil } from 'rxjs';\nimport * as THREE from 'three';\n\ninterface FBOSettings<T extends boolean = false> extends THREE.WebGLRenderTargetOptions {\n    multisample?: T;\n    samples?: number;\n}\n\nexport interface NgtsFBOParams<T extends boolean = false> {\n    width?: number | FBOSettings<T>;\n    height?: number;\n    settings?: FBOSettings<T>;\n}\n\nexport function injectNgtsFBO<T extends boolean = false>(\n    paramsFactory: (defaultParams: Partial<NgtsFBOParams<T>>) => NgtsFBOParams<T> | Observable<NgtsFBOParams<T>>\n) {\n    const store = inject(NgtStore);\n    const targetRef = injectNgtRef<THREE.WebGLRenderTarget>();\n    const { destroy$, cdr } = injectNgtDestroy(() => {\n        targetRef.nativeElement?.dispose();\n    });\n    const params = paramsFactory({});\n    const params$ = isObservable(params) ? params : of(params);\n\n    params$.pipe(takeUntil(destroy$)).subscribe(({ width, height, settings }) => {\n        const { gl, size, viewport } = store.get();\n        const _width = typeof width === 'number' ? width : size.width * viewport.dpr;\n        const _height = typeof height === 'number' ? height : size.height * viewport.dpr;\n        const _settings = (typeof width === 'number' ? settings : (width as FBOSettings)) || {};\n\n        const { samples, ...targetSettings } = _settings;\n\n        if (!targetRef.nativeElement) {\n            const target = new THREE.WebGLRenderTarget(_width, _height, {\n                minFilter: THREE.LinearFilter,\n                magFilter: THREE.LinearFilter,\n                encoding: gl.outputEncoding,\n                type: THREE.HalfFloatType,\n                ...targetSettings,\n            });\n            if (samples) target.samples = samples;\n            targetRef.nativeElement = target;\n        }\n\n        targetRef.nativeElement.setSize(_width, _height);\n        if (samples) targetRef.nativeElement.samples = samples;\n        safeDetectChanges(cdr);\n    });\n\n    return targetRef;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, Directive, Component, CUSTOM_ELEMENTS_SCHEMA, Input, EventEmitter, Output, TemplateRef, ContentChild, ChangeDetectorRef } from '@angular/core';
-import { extend, NgtStore, getLocalState, injectBeforeRender, NgtRxStore, injectNgtRef, is, NgtPush, NgtArgs, injectNgtDestroy, injectNgtLoader, startWithUndefined, prepare, NgtPortal, NgtPortalContent } from 'angular-three';
+import { extend, NgtStore, getLocalState, NgtRxStore, injectNgtRef, NgtArgs, NgtRepeat, is, injectBeforeRender, NgtPush, injectNgtDestroy, injectNgtLoader, startWithUndefined, prepare, NgtPortal, NgtPortalContent } from 'angular-three';
 import { shaderMaterial } from 'angular-three-soba/shaders';
-import { combineLatest, switchMap, isObservable, of, debounceTime, map, takeUntil, startWith, withLatestFrom } from 'rxjs';
+import { Subject, combineLatest, switchMap, isObservable, of, debounceTime, map, takeUntil, startWith, withLatestFrom } from 'rxjs';
 import * as THREE from 'three';
 import { Group, Mesh, PlaneGeometry, DirectionalLight, OrthographicCamera, Vector2, Box3, Vector3, Sphere, MeshBasicMaterial, CubeTextureLoader, CubeReflectionMapping, EquirectangularReflectionMapping, sRGBEncoding, LinearEncoding, CubeCamera, HalfFloatType, Points, BufferGeometry, BufferAttribute, Vector4, Color, MathUtils, AmbientLight, SpotLight, PointLight, Spherical, AdditiveBlending } from 'three';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
@@ -126,7 +126,7 @@ const SoftShadowMaterial = shaderMaterial({
 `
 varying vec2 vUv;
 void main() {
-  gl_Position = projectionMatrix * viewMatrix * modeLMatrix * vec4(position, 1.);
+  gl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position, 1.);
   vUv = uv;
 }
   `, 
@@ -139,7 +139,7 @@ uniform float blend;
 uniform float opacity;
 uniform float alphaTest;
 void main() {
-  vec4 sampleDiffuseColor = texture2D(map, vUv):
+  vec4 sampledDiffuseColor = texture2D(map, vUv);
   gl_FragColor = vec4(color * sampledDiffuseColor.r * blend, max(0.0, (1.0 - (sampledDiffuseColor.r + sampledDiffuseColor.g + sampledDiffuseColor.b) / alphaTest)) * opacity);
   #include <tonemapping_fragment>
   #include <encodings_fragment>
@@ -199,6 +199,7 @@ function accumulativeShadowsApiFactory(accumulativeShadows) {
                 : accumulativeShadows.get('frames')),
         },
     });
+    const subject = new Subject();
     accumulativeShadows.hold(accumulativeShadows.meshRef.$, (mesh) => {
         accumulativeShadows.pLM.configure(mesh);
         accumulativeShadows.hold(combineLatest([accumulativeShadows.select(), getLocalState(store.get('scene')).objects]), () => {
@@ -208,13 +209,14 @@ function accumulativeShadowsApiFactory(accumulativeShadows) {
             if (!api.temporal && api.frames !== Infinity)
                 api.update(api.blend);
         });
-    });
-    injectBeforeRender(() => {
-        const limit = accumulativeShadows.get('limit');
-        if (api.getMesh() && (api.temporal || api.frames === Infinity) && api.count < api.frames && api.count < limit) {
-            api.update();
-            api.count++;
-        }
+        accumulativeShadows.effect(subject, () => store.get('internal').subscribe(() => {
+            const limit = accumulativeShadows.get('limit');
+            if ((api.temporal || api.frames === Infinity) && api.count < api.frames && api.count < limit) {
+                api.update();
+                api.count++;
+            }
+        }));
+        subject.next();
     });
     return api;
 }
@@ -519,8 +521,9 @@ NgtsRandomizedLights.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                 <ngt-vector2 *args="[get('mapSize'), get('mapSize')]" attach="shadow.mapSize" />
                 <ngt-orthographic-camera *args="get('cameraArgs')" attach="shadow.camera" />
             </ngt-directional-light>
+            <ngts-randomized-lights-consumer />
         </ngt-group>
-    `, isInline: true });
+    `, isInline: true, dependencies: [{ kind: "directive", type: RandomizedLightsConsumer, selector: "ngts-randomized-lights-consumer" }, { kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }, { kind: "directive", type: NgtRepeat, selector: "[ngFor][ngForRepeat]", inputs: ["ngForRepeat"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: NgtsRandomizedLights, decorators: [{
             type: Component,
             args: [{
@@ -537,8 +540,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
                 <ngt-vector2 *args="[get('mapSize'), get('mapSize')]" attach="shadow.mapSize" />
                 <ngt-orthographic-camera *args="get('cameraArgs')" attach="shadow.camera" />
             </ngt-directional-light>
+            <ngts-randomized-lights-consumer />
         </ngt-group>
     `,
+                    imports: [RandomizedLightsConsumer, NgtArgs, NgtRepeat],
                     providers: [
                         { provide: NGTS_RANDOMIZED_LIGHTS_API, useFactory: randomizedLightsApiFactory, deps: [NgtsRandomizedLights] },
                     ],