angular-three-soba 1.9.0 → 1.9.1

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

@@ -1,6 +1,6 @@
 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, NgtRxStore, injectNgtRef, NgtArgs, NgtRepeat, is, injectBeforeRender, NgtPush, injectNgtDestroy, injectNgtLoader, startWithUndefined, prepare, NgtPortal, NgtPortalContent, createRunInContext } from 'angular-three';
+import { extend, NgtStore, getLocalState, NgtRxStore, injectNgtRef, NgtArgs, NgtRepeat, is, injectBeforeRender, NgtPush, injectNgtDestroy, injectNgtLoader, startWithUndefined, prepare, NgtPortal, NgtPortalContent, createRunInContext, checkUpdate } from 'angular-three';
 import { shaderMaterial, SpotLightMaterial } from 'angular-three-soba/shaders';
 import { Subject, combineLatest, switchMap, isObservable, of, debounceTime, map, takeUntil, startWith, withLatestFrom } from 'rxjs';
 import * as THREE from 'three';
@@ -2640,10 +2640,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             }] } });
 
 class NgtsSpotLightShadowMeshInput extends NgtRxStore {
-    constructor() {
-        super(...arguments);
-        this.cdr = inject(ChangeDetectorRef);
-    }
     set distance(distance) {
         this.set({ distance });
     }
@@ -2658,7 +2654,6 @@ class NgtsSpotLightShadowMeshInput extends NgtRxStore {
     }
     set shader(shader) {
         this.set({ shader });
-        this.cdr.detectChanges();
     }
     set width(width) {
         this.set({ width });
@@ -2731,12 +2726,17 @@ class NgtsSpotLightShadowNoShader extends NgtsSpotLightShadowMeshInput {
         this.mesh = injectNgtRef();
         this.spotLightApi = inject(NGTS_SPOT_LIGHT_API);
         this.DoubleSide = THREE.DoubleSide;
-        this.RepeatWrapping = THREE.RepeatWrapping;
         this.runInContext = createRunInContext();
     }
     initialize() {
         super.initialize();
         this.set({ distance: 0.4, alphaTest: 0.5, width: 512, height: 512 });
+        this.hold(this.select('map'), (map) => {
+            if (map) {
+                map.wrapS = map.wrapT = THREE.RepeatWrapping;
+                checkUpdate(map);
+            }
+        });
     }
     ngOnInit() {
         const commonEffect = this.runInContext(() => {
@@ -2750,19 +2750,16 @@ NgtsSpotLightShadowNoShader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
         <ngt-mesh [ref]="mesh" [scale]="get('scale')" [castShadow]="true">
             <ngt-plane-geometry />
             <ngt-mesh-basic-material
-                *ngIf="!!get('map')"
                 [transparent]="true"
                 [side]="DoubleSide"
                 [alphaTest]="get('alphaTest')"
-                [alphaMap]="get('map')"
+                [alphaMap]="key$('map') | ngtPush"
                 [opacity]="spotLightApi.debug ? 1 : 0"
             >
-                <ngt-value [rawValue]="RepeatWrapping" attach="alphaMap.wrapS" />
-                <ngt-value [rawValue]="RepeatWrapping" attach="alphaMap.wrapT" />
                 <ng-content />
             </ngt-mesh-basic-material>
         </ngt-mesh>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    `, isInline: true, dependencies: [{ kind: "pipe", type: NgtPush, name: "ngtPush" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NgtsSpotLightShadowNoShader, decorators: [{
             type: Component,
             args: [{
@@ -2772,20 +2769,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
         <ngt-mesh [ref]="mesh" [scale]="get('scale')" [castShadow]="true">
             <ngt-plane-geometry />
             <ngt-mesh-basic-material
-                *ngIf="!!get('map')"
                 [transparent]="true"
                 [side]="DoubleSide"
                 [alphaTest]="get('alphaTest')"
-                [alphaMap]="get('map')"
+                [alphaMap]="key$('map') | ngtPush"
                 [opacity]="spotLightApi.debug ? 1 : 0"
             >
-                <ngt-value [rawValue]="RepeatWrapping" attach="alphaMap.wrapS" />
-                <ngt-value [rawValue]="RepeatWrapping" attach="alphaMap.wrapT" />
                 <ng-content />
             </ngt-mesh-basic-material>
         </ngt-mesh>
     `,
-                    imports: [NgIf],
+                    imports: [NgtPush],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }] });
@@ -2909,7 +2903,7 @@ class NgtsSpotLightShadow extends NgtsSpotLightShadowMeshInput {
 NgtsSpotLightShadow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NgtsSpotLightShadow, deps: null, target: i0.ɵɵFactoryTarget.Component });
 NgtsSpotLightShadow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: NgtsSpotLightShadow, isStandalone: true, selector: "ngts-spot-light-shadow", usesInheritance: true, ngImport: i0, template: `
         <ngts-spot-light-shadow-shader
-            *ngIf="!!get('shader')"
+            *ngIf="!!get('shader'); else noShader"
             [distance]="get('distance')"
             [shader]="get('shader')"
             [alphaTest]="get('alphaTest')"
@@ -2918,15 +2912,16 @@ NgtsSpotLightShadow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
             [width]="get('width')"
             [height]="get('height')"
         />
-        <ngts-spot-light-shadow-no-shader
-            *ngIf="!get('shader')"
-            [distance]="get('distance')"
-            [alphaTest]="get('alphaTest')"
-            [scale]="get('scale')"
-            [map]="get('map')"
-            [width]="get('width')"
-            [height]="get('height')"
-        />
+        <ng-template #noShader>
+            <ngts-spot-light-shadow-no-shader
+                [distance]="get('distance')"
+                [alphaTest]="get('alphaTest')"
+                [scale]="get('scale')"
+                [map]="get('map')"
+                [width]="get('width')"
+                [height]="get('height')"
+            />
+        </ng-template>
     `, isInline: true, dependencies: [{ kind: "component", type: NgtsSpotLightShadowShader, selector: "ngts-spot-light-shadow-shader" }, { kind: "component", type: NgtsSpotLightShadowNoShader, selector: "ngts-spot-light-shadow-no-shader" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: NgtsSpotLightShadow, decorators: [{
             type: Component,
@@ -2935,7 +2930,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
                     standalone: true,
                     template: `
         <ngts-spot-light-shadow-shader
-            *ngIf="!!get('shader')"
+            *ngIf="!!get('shader'); else noShader"
             [distance]="get('distance')"
             [shader]="get('shader')"
             [alphaTest]="get('alphaTest')"
@@ -2944,15 +2939,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
             [width]="get('width')"
             [height]="get('height')"
         />
-        <ngts-spot-light-shadow-no-shader
-            *ngIf="!get('shader')"
-            [distance]="get('distance')"
-            [alphaTest]="get('alphaTest')"
-            [scale]="get('scale')"
-            [map]="get('map')"
-            [width]="get('width')"
-            [height]="get('height')"
-        />
+        <ng-template #noShader>
+            <ngts-spot-light-shadow-no-shader
+                [distance]="get('distance')"
+                [alphaTest]="get('alphaTest')"
+                [scale]="get('scale')"
+                [map]="get('map')"
+                [width]="get('width')"
+                [height]="get('height')"
+            />
+        </ng-template>
     `,
                     imports: [NgtsSpotLightShadowShader, NgtsSpotLightShadowNoShader, NgIf, NgtPush],
                 }]