angular-three 1.6.0 → 1.6.2

package/fesm2020/angular-three.mjs

@@ -1723,8 +1723,10 @@ class NgtRendererStore {
         return this.root.compoundPrefixes.some((prefix) => name.startsWith(prefix));
     }
     isDOM(node) {
-        return (node['__ngt_renderer__']?.[0 /* NgtRendererClassId.type */] !== 'compound' &&
-            (node instanceof Element || node instanceof Document));
+        const rendererNode = node['__ngt_renderer__'];
+        if (rendererNode && rendererNode[0 /* NgtRendererClassId.type */] !== 'compound')
+            return true;
+        return node instanceof Element || node instanceof Document || node instanceof Window;
     }
     get rootScene() {
         return this.root.store.get('scene');
@@ -2190,18 +2192,30 @@ class NgtRenderer {
         }
     }
     listen(target, eventName, callback) {
-        const targetCdr = target.__ngt_renderer__?.[13 /* NgtRendererClassId.injectorFactory */]?.().get(ChangeDetectorRef, undefined);
+        const targetCdr = target.__ngt_renderer__?.[13 /* NgtRendererClassId.injectorFactory */]?.().get(ChangeDetectorRef, null);
         // if target is DOM node, then we pass that to delegate Renderer
+        const callbackWithCdr = (event) => {
+            const value = callback(event);
+            if (targetCdr)
+                targetCdr.detectChanges();
+            this.store.rootCdr.detectChanges();
+            return value;
+        };
         if (this.store.isDOM(target)) {
-            const callbackWithCdr = (event) => {
-                const value = callback(event);
-                if (targetCdr)
-                    targetCdr.detectChanges();
-                this.store.rootCdr.detectChanges();
-                return value;
-            };
             return this.delegate.listen(target, eventName, callbackWithCdr);
         }
+        // @ts-expect-error - we know that target is not DOM node
+        if (target === this.store.rootScene) {
+            let [domTarget, event] = eventName.split(':');
+            if (event == null) {
+                event = domTarget;
+                domTarget = '';
+            }
+            const eventTarget = domTarget === 'window'
+                ? target['ownerDocument']['defaultView']
+                : target['ownerDocument'];
+            return this.delegate.listen(eventTarget, event, callbackWithCdr);
+        }
         if (target.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'three' ||
             (target.__ngt_renderer__[0 /* NgtRendererClassId.type */] === 'compound' &&
                 target.__ngt_renderer__[6 /* NgtRendererClassId.compounded */])) {