angular-three-soba 1.13.0 → 2.0.0-beta.2

package/{fesm2015 → fesm2022}/angular-three-soba-cameras.mjs

@@ -1,11 +1,76 @@
 import * as i0 from '@angular/core';
-import { inject, TemplateRef, Directive, Input, Component, CUSTOM_ELEMENTS_SCHEMA, ViewChild, ContentChild } from '@angular/core';
+import { inject, effect, Directive, Input, TemplateRef, computed, Component, CUSTOM_ELEMENTS_SCHEMA, ViewChild, ContentChild } from '@angular/core';
+import { NgtSignalStore, injectNgtRef, NgtStore, requestAnimationInInjectionContext, extend, injectBeforeRender, NgtArgs } from 'angular-three';
+import { injectNgtsFBO } from 'angular-three-soba/misc';
 import { NgIf, NgTemplateOutlet } from '@angular/common';
-import { extend, NgtRxStore, injectNgtRef, NgtStore, injectBeforeRender, NgtArgs, NgtPush } from 'angular-three';
-import { map, combineLatest } from 'rxjs';
 import * as THREE from 'three';
 import { Group, CubeCamera, OrthographicCamera, PerspectiveCamera } from 'three';
-import { injectNgtsFBO } from 'angular-three-soba/misc';
+
+class NgtsCamera extends NgtSignalStore {
+    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 });
+    }
+    #resolution;
+    constructor() {
+        super({ resolution: 256, frames: Infinity, makeDefault: false, manual: false });
+        this.cameraRef = injectNgtRef();
+        this.store = inject(NgtStore);
+        this.#resolution = this.select('resolution');
+        this.fboRef = injectNgtsFBO(() => ({ width: this.#resolution() }));
+        requestAnimationInInjectionContext(() => {
+            this.#setDefaultCamera();
+            this.#updateProjectionMatrix();
+        });
+    }
+    #setDefaultCamera() {
+        const makeDefault = this.select('makeDefault');
+        effect((onCleanup) => {
+            const camera = this.cameraRef.nativeElement;
+            if (camera && makeDefault()) {
+                const { camera: oldCamera } = this.store.get();
+                this.store.set({ camera });
+                onCleanup(() => this.store.set({ camera: oldCamera }));
+            }
+        }, { allowSignalWrites: true });
+    }
+    #updateProjectionMatrix() {
+        const manual = this.select('manual');
+        effect(() => {
+            const camera = this.cameraRef.nativeElement;
+            if (!manual() && camera)
+                camera.updateProjectionMatrix();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsCamera, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", 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: "16.0.0", ngImport: i0, type: NgtsCamera, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return []; }, propDecorators: { makeDefault: [{
+                type: Input
+            }], manual: [{
+                type: Input
+            }], frames: [{
+                type: Input
+            }], resolution: [{
+                type: Input
+            }], envMap: [{
+                type: Input
+            }], cameraRef: [{
+                type: Input
+            }] } });
 
 class NgtsCameraContent {
     constructor() {
@@ -15,10 +80,10 @@ class NgtsCameraContent {
     static ngTemplateContextGuard(_, ctx) {
         return true;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsCameraContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: NgtsCameraContent, isStandalone: true, selector: "ng-template[ngtsCameraContent]", inputs: { ngtsCameraContent: "ngtsCameraContent" }, ngImport: i0 }); }
 }
-NgtsCameraContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsCameraContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NgtsCameraContent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NgtsCameraContent, isStandalone: true, selector: "ng-template[ngtsCameraContent]", inputs: { ngtsCameraContent: "ngtsCameraContent" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsCameraContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsCameraContent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[ngtsCameraContent]', standalone: true }]
         }], propDecorators: { ngtsCameraContent: [{
@@ -26,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
             }] } });
 
 extend({ Group, CubeCamera });
-class NgtsCubeCamera extends NgtRxStore {
+class NgtsCubeCamera extends NgtSignalStore {
     /** Number of frames to render, Infinity */
     set frames(frames) {
         this.set({ frames });
@@ -51,26 +116,25 @@ class NgtsCubeCamera extends NgtRxStore {
     set fog(fog) {
         this.set({ fog });
     }
-    initialize() {
-        super.initialize();
-        this.set({
-            frames: Infinity,
-            resolution: 256,
-            near: 0.1,
-            far: 1000,
-        });
-    }
+    #store;
+    #resolution;
+    #near;
+    #far;
     constructor() {
-        super();
+        super({ frames: Infinity, resolution: 256, near: 0.1, far: 1000 });
         this.cameraRef = injectNgtRef();
-        this.store = inject(NgtStore);
-        this.connect('fbo', this.select('resolution').pipe(map((resolution) => {
+        this.#store = inject(NgtStore);
+        this.#resolution = this.select('resolution');
+        this.#near = this.select('near');
+        this.#far = this.select('far');
+        this.fbo = computed(() => {
+            const resolution = this.#resolution();
             const fbo = new THREE.WebGLCubeRenderTarget(resolution);
-            fbo.texture.encoding = this.store.get('gl').outputEncoding;
+            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')]));
+        });
+        this.cameraArgs = computed(() => [this.#near(), this.#far(), this.fbo()]);
         let count = 0;
         let originalFog;
         let originalBackground;
@@ -93,33 +157,33 @@ class NgtsCubeCamera extends NgtRxStore {
             }
         });
     }
-}
-NgtsCubeCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsCubeCamera, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgtsCubeCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsCubeCamera, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtsCubeCamera, isStandalone: true, selector: "ngts-cube-camera", inputs: { cameraRef: "cameraRef", 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-cube-camera [ref]="cameraRef" *args="cameraArgs()" />
             <ngt-group #group>
                 <ng-container
-                    *ngIf="cameraContent && cameraContent.ngtsCameraContent && get('fbo')"
+                    *ngIf="cameraContent && cameraContent.ngtsCameraContent && fbo()"
                     [ngTemplateOutlet]="cameraContent.template"
-                    [ngTemplateOutletContext]="{ fbo: get('fbo').texture, group }"
+                    [ngTemplateOutletContext]="{ fbo: fbo(), 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.5", ngImport: i0, type: NgtsCubeCamera, decorators: [{
+    `, 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: "16.0.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-cube-camera [ref]="cameraRef" *args="cameraArgs()" />
             <ngt-group #group>
                 <ng-container
-                    *ngIf="cameraContent && cameraContent.ngtsCameraContent && get('fbo')"
+                    *ngIf="cameraContent && cameraContent.ngtsCameraContent && fbo()"
                     [ngTemplateOutlet]="cameraContent.template"
-                    [ngTemplateOutletContext]="{ fbo: get('fbo').texture, group }"
+                    [ngTemplateOutletContext]="{ fbo: fbo(), group }"
                 />
             </ngt-group>
         </ngt-group>
@@ -133,6 +197,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
             }], cameraContent: [{
                 type: ContentChild,
                 args: [NgtsCameraContent]
+            }], cameraRef: [{
+                type: Input
             }], frames: [{
                 type: Input
             }], resolution: [{
@@ -147,84 +213,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
                 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.2.5", ngImport: i0, type: NgtsCamera, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-NgtsCamera.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", 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.2.5", 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 });
     }
@@ -237,20 +227,33 @@ class NgtsOrthographicCamera extends NgtsCamera {
     set bottom(bottom) {
         this.set({ bottom });
     }
-    initialize() {
-        super.initialize();
+    #left;
+    #right;
+    #top;
+    #bottom;
+    #size;
+    constructor() {
+        super();
+        this.#left = this.select('left');
+        this.#right = this.select('right');
+        this.#top = this.select('top');
+        this.#bottom = this.select('bottom');
+        this.#size = this.store.select('size');
+        this.cameraLeft = computed(() => this.#left() || this.#size().width / -2);
+        this.cameraRight = computed(() => this.#right() || this.#size().width / 2);
+        this.cameraTop = computed(() => this.#top() || this.#size().height / 2);
+        this.cameraBottom = computed(() => this.#bottom() || this.#size().height / -2);
         this.set({ left: 0, right: 0, top: 0, bottom: 0 });
     }
-}
-NgtsOrthographicCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsOrthographicCamera, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NgtsOrthographicCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", 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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsOrthographicCamera, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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"
+            [left]="cameraLeft()"
+            [right]="cameraRight()"
+            [top]="cameraTop()"
+            [bottom]="cameraBottom()"
         >
             <ng-container
                 *ngIf="cameraContent && !cameraContent.ngtsCameraContent"
@@ -258,10 +261,11 @@ NgtsOrthographicCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             />
         </ngt-orthographic-camera>
         <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
-            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, group }" />
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef(), 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.2.5", ngImport: i0, type: NgtsOrthographicCamera, decorators: [{
+    `, 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: "16.0.0", ngImport: i0, type: NgtsOrthographicCamera, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-orthographic-camera',
@@ -270,10 +274,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
         <ngt-orthographic-camera
             ngtCompound
             [ref]="cameraRef"
-            [left]="left$ | ngtPush"
-            [right]="right$ | ngtPush"
-            [top]="top$ | ngtPush"
-            [bottom]="bottom$ | ngtPush"
+            [left]="cameraLeft()"
+            [right]="cameraRight()"
+            [top]="cameraTop()"
+            [bottom]="cameraBottom()"
         >
             <ng-container
                 *ngIf="cameraContent && !cameraContent.ngtsCameraContent"
@@ -281,13 +285,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
             />
         </ngt-orthographic-camera>
         <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
-            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, group }" />
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef(), group }" />
         </ngt-group>
     `,
-                    imports: [NgIf, NgTemplateOutlet, NgtPush],
+                    imports: [NgIf, NgTemplateOutlet],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }], propDecorators: { cameraContent: [{
+        }], ctorParameters: function () { return []; }, propDecorators: { cameraContent: [{
                 type: ContentChild,
                 args: [NgtsCameraContent]
             }], left: [{
@@ -302,9 +306,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
 
 extend({ PerspectiveCamera, Group });
 class NgtsPerspectiveCamera extends NgtsCamera {
-}
-NgtsPerspectiveCamera.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NgtsPerspectiveCamera, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NgtsPerspectiveCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: NgtsPerspectiveCamera, isStandalone: true, selector: "ngts-perspective-camera", queries: [{ propertyName: "cameraContent", first: true, predicate: NgtsCameraContent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsPerspectiveCamera, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", 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"
@@ -312,10 +315,11 @@ NgtsPerspectiveCamera.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             />
         </ngt-perspective-camera>
         <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
-            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, group }" />
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef(), 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.2.5", ngImport: i0, type: NgtsPerspectiveCamera, decorators: [{
+    `, 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: "16.0.0", ngImport: i0, type: NgtsPerspectiveCamera, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-perspective-camera',
@@ -328,7 +332,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
             />
         </ngt-perspective-camera>
         <ngt-group #group *ngIf="cameraContent && cameraContent.ngtsCameraContent">
-            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef.nativeElement, group }" />
+            <ng-container *ngTemplateOutlet="cameraContent.template; context: { fbo: fboRef(), group }" />
         </ngt-group>
     `,
                     imports: [NgIf, NgTemplateOutlet],
@@ -343,5 +347,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgtsCameraContent, NgtsCubeCamera, NgtsOrthographicCamera, NgtsPerspectiveCamera };
+export { NgtsCamera, NgtsCameraContent, NgtsCubeCamera, NgtsOrthographicCamera, NgtsPerspectiveCamera };
 //# sourceMappingURL=angular-three-soba-cameras.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"angular-three-soba-cameras.mjs","sources":["../../../../libs/soba/cameras/src/camera/camera.ts","../../../../libs/soba/cameras/src/camera/camera-content.ts","../../../../libs/soba/cameras/src/cube-camera/cube-camera.ts","../../../../libs/soba/cameras/src/orthographic-camera/orthographic-camera.ts","../../../../libs/soba/cameras/src/perspective-camera/perspective-camera.ts","../../../../libs/soba/cameras/src/angular-three-soba-cameras.ts"],"sourcesContent":["import { Directive, effect, inject, Input } from '@angular/core';\nimport {\n    injectNgtRef,\n    NgtSignalStore,\n    NgtStore,\n    requestAnimationInInjectionContext,\n    type NgtCamera,\n} from 'angular-three';\nimport { injectNgtsFBO } from 'angular-three-soba/misc';\n\nexport interface NgtsCameraState {\n    makeDefault: boolean;\n    manual: boolean;\n    frames: number;\n    resolution: number;\n    envMap?: THREE.Texture;\n}\n\n@Directive()\nexport abstract class NgtsCamera<TCamera extends NgtCamera> extends NgtSignalStore<NgtsCameraState> {\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 #resolution = this.select('resolution');\n    readonly fboRef = injectNgtsFBO(() => ({ width: this.#resolution() }));\n\n    constructor() {\n        super({ resolution: 256, frames: Infinity, makeDefault: false, manual: false });\n        requestAnimationInInjectionContext(() => {\n            this.#setDefaultCamera();\n            this.#updateProjectionMatrix();\n        });\n    }\n\n    #setDefaultCamera() {\n        const makeDefault = this.select('makeDefault');\n        effect(\n            (onCleanup) => {\n                const camera = this.cameraRef.nativeElement;\n                if (camera && makeDefault()) {\n                    const { camera: oldCamera } = this.store.get();\n                    this.store.set({ camera });\n                    onCleanup(() => this.store.set({ camera: oldCamera }));\n                }\n            },\n            { allowSignalWrites: true }\n        );\n    }\n\n    #updateProjectionMatrix() {\n        const manual = this.select('manual');\n        effect(() => {\n            const camera = this.cameraRef.nativeElement;\n            if (!manual() && camera) camera.updateProjectionMatrix();\n        });\n    }\n}\n","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: true | '' = '';\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 {\n    CUSTOM_ELEMENTS_SCHEMA,\n    Component,\n    ContentChild,\n    ElementRef,\n    Input,\n    ViewChild,\n    computed,\n    inject,\n} from '@angular/core';\nimport { NgtArgs, NgtSignalStore, NgtStore, extend, injectBeforeRender, injectNgtRef } from 'angular-three';\nimport * as THREE from 'three';\nimport { CubeCamera, Group } from 'three';\nimport { NgtsCameraContent } from '../camera/camera-content';\n\nextend({ Group, CubeCamera });\n\nexport interface NgtsCubeCameraState {\n    /** Number of frames to render, Infinity */\n    frames: number;\n    /** Resolution of the FBO, 256 */\n    resolution: number;\n    /** Camera near, 0.1 */\n    near: number;\n    /** Camera far, 1000 */\n    far: number;\n    /** Custom environment map that is temporarily set as the scenes background */\n    envMap: THREE.Texture;\n    /** Custom fog that is temporarily set as the scenes fog */\n    fog: THREE.Fog | THREE.FogExp2;\n}\n\n@Component({\n    selector: 'ngts-cube-camera',\n    standalone: true,\n    template: `\n        <ngt-group ngtCompound>\n            <ngt-cube-camera [ref]=\"cameraRef\" *args=\"cameraArgs()\" />\n            <ngt-group #group>\n                <ng-container\n                    *ngIf=\"cameraContent && cameraContent.ngtsCameraContent && fbo()\"\n                    [ngTemplateOutlet]=\"cameraContent.template\"\n                    [ngTemplateOutletContext]=\"{ fbo: fbo(), group }\"\n                />\n            </ngt-group>\n        </ngt-group>\n    `,\n    imports: [NgIf, NgTemplateOutlet, NgtArgs],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsCubeCamera extends NgtSignalStore<NgtsCubeCameraState> {\n    @ViewChild('group', { static: true }) groupRef!: ElementRef<THREE.Group>;\n    @ContentChild(NgtsCameraContent) cameraContent?: NgtsCameraContent;\n\n    @Input() 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    readonly #store = inject(NgtStore);\n\n    readonly #resolution = this.select('resolution');\n    readonly #near = this.select('near');\n    readonly #far = this.select('far');\n\n    readonly fbo = computed(() => {\n        const resolution = this.#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    readonly cameraArgs = computed(() => [this.#near(), this.#far(), this.fbo()]);\n\n    constructor() {\n        super({ frames: Infinity, resolution: 256, near: 0.1, far: 1000 });\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 { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { CUSTOM_ELEMENTS_SCHEMA, Component, ContentChild, Input, computed } from '@angular/core';\nimport { extend } from 'angular-three';\nimport { Group, OrthographicCamera } from 'three';\nimport { NgtsCamera } from '../camera/camera';\nimport { NgtsCameraContent } from '../camera/camera-content';\n\nextend({ OrthographicCamera, Group });\n\ndeclare module '../camera/camera' {\n    interface NgtsCameraState {\n        left: number;\n        top: number;\n        right: number;\n        bottom: number;\n    }\n}\n\n@Component({\n    selector: 'ngts-orthographic-camera',\n    standalone: true,\n    template: `\n        <ngt-orthographic-camera\n            ngtCompound\n            [ref]=\"cameraRef\"\n            [left]=\"cameraLeft()\"\n            [right]=\"cameraRight()\"\n            [top]=\"cameraTop()\"\n            [bottom]=\"cameraBottom()\"\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(), group }\" />\n        </ngt-group>\n    `,\n    imports: [NgIf, NgTemplateOutlet],\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    readonly #left = this.select('left');\n    readonly #right = this.select('right');\n    readonly #top = this.select('top');\n    readonly #bottom = this.select('bottom');\n    readonly #size = this.store.select('size');\n\n    readonly cameraLeft = computed(() => this.#left() || this.#size().width / -2);\n    readonly cameraRight = computed(() => this.#right() || this.#size().width / 2);\n    readonly cameraTop = computed(() => this.#top() || this.#size().height / 2);\n    readonly cameraBottom = computed(() => this.#bottom() || this.#size().height / -2);\n\n    constructor() {\n        super();\n        this.set({ left: 0, right: 0, top: 0, bottom: 0 });\n    }\n}\n","import { NgIf, NgTemplateOutlet } from '@angular/common';\nimport { CUSTOM_ELEMENTS_SCHEMA, Component, ContentChild } 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(), 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/fesm2022/angular-three-soba-controls.mjs

@@ -0,0 +1,171 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, computed, effect, Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output } from '@angular/core';
+import { NgtSignalStore, injectNgtRef, NgtStore, injectBeforeRender, NgtArgs } from 'angular-three';
+import { OrbitControls } from 'three-stdlib';
+
+class NgtsOrbitControls extends NgtSignalStore {
+    set camera(camera) {
+        this.set({ camera });
+    }
+    set domElement(domElement) {
+        this.set({ domElement });
+    }
+    set makeDefault(makeDefault) {
+        this.set({ makeDefault });
+    }
+    set regress(regress) {
+        this.set({ regress });
+    }
+    set target(target) {
+        this.set({ target });
+    }
+    set enableDamping(enableDamping) {
+        this.set({ enableDamping });
+    }
+    #store;
+    constructor() {
+        super({ enableDamping: true, regress: false, makeDefault: false });
+        this.controlsRef = injectNgtRef();
+        this.change = new EventEmitter();
+        this.start = new EventEmitter();
+        this.end = new EventEmitter();
+        this.#store = inject(NgtStore);
+        this.args = computed(() => [this.controlsRef.nativeElement]);
+        this.damping = this.select('enableDamping');
+        injectBeforeRender(() => {
+            const controls = this.controlsRef.untracked;
+            if (controls && controls.enabled) {
+                controls.update();
+            }
+        }, { priority: -1 });
+        this.#setControls();
+        this.#connectElement();
+        this.#makeControlsDefault();
+        this.#setEvents();
+    }
+    #setControls() {
+        const camera = this.select('camera');
+        const defaultCamera = this.#store.select('camera');
+        const trigger = computed(() => ({ camera: camera(), defaultCamera: defaultCamera() }));
+        effect(() => {
+            const { camera, defaultCamera } = trigger();
+            const controlsCamera = camera || defaultCamera;
+            const controls = this.controlsRef.nativeElement;
+            if (!controls || controls.object !== controlsCamera) {
+                this.controlsRef.nativeElement = new OrbitControls(controlsCamera);
+            }
+        }, { allowSignalWrites: true });
+    }
+    #connectElement() {
+        const glDomElement = this.#store.select('gl', 'domElement');
+        const domElement = this.select('domElement');
+        const regress = this.select('regress');
+        const invalidate = this.#store.select('invalidate');
+        const trigger = computed(() => {
+            const eventsSource = this.#store.get('events', 'connected');
+            return {
+                controls: this.controlsRef.nativeElement,
+                domElement: domElement() || eventsSource || glDomElement(),
+                regress: regress(),
+                invalidate: invalidate(),
+            };
+        });
+        effect((onCleanup) => {
+            const { domElement, controls } = trigger();
+            if (!controls)
+                return;
+            controls.connect(domElement);
+            onCleanup(() => void controls.dispose());
+        });
+    }
+    #makeControlsDefault() {
+        const makeDefault = this.select('makeDefault');
+        const trigger = computed(() => ({ controls: this.controlsRef.nativeElement, makeDefault: makeDefault() }));
+        effect((onCleanup) => {
+            const { controls, makeDefault } = trigger();
+            if (!controls)
+                return;
+            if (makeDefault) {
+                const oldControls = this.#store.get('controls');
+                this.#store.set({ controls });
+                onCleanup(() => void this.#store.set({ controls: oldControls }));
+            }
+        }, { allowSignalWrites: true });
+    }
+    #setEvents() {
+        const invalidate = this.#store.select('invalidate');
+        const performance = this.#store.select('performance');
+        const regress = this.select('regress');
+        const trigger = computed(() => ({
+            invalidate: invalidate(),
+            performance: performance(),
+            regress: regress(),
+            controls: this.controlsRef.nativeElement,
+        }));
+        effect((onCleanup) => {
+            const { controls, invalidate, performance, regress } = trigger();
+            if (!controls)
+                return;
+            const changeCallback = (e) => {
+                invalidate();
+                if (regress)
+                    performance.regress();
+                if (this.change.observed)
+                    this.change.emit(e);
+            };
+            const startCallback = this.start.observed ? this.start.emit.bind(this.start) : null;
+            const endCallback = this.end.observed ? this.end.emit.bind(this.end) : null;
+            controls.addEventListener('change', changeCallback);
+            if (startCallback)
+                controls.addEventListener('start', startCallback);
+            if (endCallback)
+                controls.addEventListener('end', endCallback);
+            onCleanup(() => {
+                controls.removeEventListener('change', changeCallback);
+                if (startCallback)
+                    controls.removeEventListener('start', startCallback);
+                if (endCallback)
+                    controls.removeEventListener('end', endCallback);
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsOrbitControls, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtsOrbitControls, isStandalone: true, selector: "ngts-orbit-controls", inputs: { controlsRef: "controlsRef", camera: "camera", domElement: "domElement", makeDefault: "makeDefault", regress: "regress", target: "target", enableDamping: "enableDamping" }, outputs: { change: "change", start: "start", end: "end" }, usesInheritance: true, ngImport: i0, template: ` <ngt-primitive *args="args()" ngtCompound [enableDamping]="damping()" /> `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsOrbitControls, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ngts-orbit-controls',
+                    standalone: true,
+                    template: ` <ngt-primitive *args="args()" ngtCompound [enableDamping]="damping()" /> `,
+                    imports: [NgtArgs],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { controlsRef: [{
+                type: Input
+            }], camera: [{
+                type: Input
+            }], domElement: [{
+                type: Input
+            }], makeDefault: [{
+                type: Input
+            }], regress: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], enableDamping: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }], start: [{
+                type: Output
+            }], end: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgtsOrbitControls };
+//# sourceMappingURL=angular-three-soba-controls.mjs.map