fix: adjust ColorManagement automatic configuration to accomodate 150

Author: nartc

libs/angular-three/package.json

@@ -23,7 +23,7 @@
     "peerDependencies": {
         "@angular/common": "^15.1.0",
         "@angular/core": "^15.1.0",
-        "three": "^0.148.0 || ^0.149.0"
+        "three": "^0.148.0 || ^0.149.0 || ^0.150.0"
     },
     "dependencies": {
         "ngx-resize": "^1.0.0",

libs/angular-three/src/lib/routed-scene.ts

@@ -19,8 +19,6 @@ export class NgtRoutedScene {
                 filter((event) => event instanceof ActivationEnd),
                 takeUntil(destroy$)
             )
-            .subscribe(() => {
-                cdr.detectChanges();
-            });
+            .subscribe(cdr.detectChanges.bind(cdr));
     }
 }

libs/angular-three/src/lib/stores/store.ts

@@ -4,6 +4,7 @@ import { selectSlice } from '@rx-angular/state';
 import * as THREE from 'three';
 import { createLoop } from '../loop';
 import type {
+    NgtAnyRecord,
     NgtBeforeRenderRecord,
     NgtCanvasInputs,
     NgtDpr,
@@ -334,7 +335,11 @@ export class NgtStore extends NgtRxStore<NgtState> {
 
         // Safely set color management if available.
         // Avoid accessing THREE.ColorManagement to play nice with older versions
-        if (THREE.ColorManagement) THREE.ColorManagement.legacyMode = legacy ?? true;
+        if (THREE.ColorManagement) {
+            const ColorManagement = THREE.ColorManagement as NgtAnyRecord;
+            if ('enabled' in ColorManagement) ColorManagement['enabled'] = !legacy ?? false;
+            else if ('legacyMode' in ColorManagement) ColorManagement['legacyMode'] = legacy ?? true;
+        }
         const outputEncoding = linear ? THREE.LinearEncoding : THREE.sRGBEncoding;
         const toneMapping = flat ? THREE.NoToneMapping : THREE.ACESFilmicToneMapping;
 

package.json

@@ -72,7 +72,7 @@
         "ngx-resize": "^1.0.6",
         "nice-color-palettes": "^3.0.0",
         "rxjs": "~7.8.0",
-        "three": "^0.149.0",
+        "three": "^0.150.1",
         "three-stdlib": "^2.21.8",
         "tslib": "^2.5.0",
         "zone.js": "0.12.0"