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

package/fesm2022/angular-three-soba-controls.mjs

@@ -1,10 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output } from '@angular/core';
-import { NgtRxStore, injectNgtRef, NgtStore, injectBeforeRender, startWithUndefined, NgtArgs, NgtPush } from 'angular-three';
-import { map, combineLatest } from 'rxjs';
+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 NgtRxStore {
+class NgtsOrbitControls extends NgtSignalStore {
     set camera(camera) {
         this.set({ camera });
     }
@@ -23,67 +22,90 @@ class NgtsOrbitControls extends NgtRxStore {
     set enableDamping(enableDamping) {
         this.set({ enableDamping });
     }
+    #store;
     constructor() {
-        super();
+        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.enableDamping$ = this.select('enableDamping');
+        this.#store = inject(NgtStore);
+        this.args = computed(() => [this.controlsRef.nativeElement]);
+        this.damping = this.select('enableDamping');
         injectBeforeRender(() => {
-            const controls = this.controlsRef.nativeElement;
+            const controls = this.controlsRef.untracked;
             if (controls && controls.enabled) {
                 controls.update();
             }
-        });
-    }
-    initialize() {
-        super.initialize();
-        this.set({ enableDamping: true, regress: false });
+        }, { priority: -1 });
+        this.#setControls();
+        this.#connectElement();
+        this.#makeControlsDefault();
+        this.#setEvents();
     }
-    ngOnInit() {
-        this.setControls();
-        this.connectElement();
-        this.makeControlsDefault();
-        this.setEvents();
-        this.connect('args', this.controlsRef.$.pipe(map((controls) => [controls])));
-    }
-    setControls() {
-        this.hold(combineLatest([this.store.select('camera'), this.select('camera').pipe(startWithUndefined())]), ([defaultCamera, camera]) => {
+    #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;
-            if (!this.controlsRef.nativeElement || this.controlsRef.nativeElement.object !== controlsCamera) {
+            const controls = this.controlsRef.nativeElement;
+            if (!controls || controls.object !== controlsCamera) {
                 this.controlsRef.nativeElement = new OrbitControls(controlsCamera);
             }
-        });
+        }, { allowSignalWrites: true });
     }
-    connectElement() {
-        this.hold(combineLatest([
-            this.store.select('gl', 'domElement'),
-            this.store.select('invalidate'),
-            this.select('regress'),
-            this.controlsRef.$,
-        ]), ([glDom, , , controls]) => {
-            const { events } = this.store.get();
-            const domElement = this.get('domElement') || events.connected || glDom;
+    #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() {
-        this.effect(combineLatest([this.controlsRef.$, this.select('makeDefault')]), ([controls, makeDefault]) => {
+    #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 });
-                return () => {
-                    this.store.set({ controls: oldControls });
-                };
+                const oldControls = this.#store.get('controls');
+                this.#store.set({ controls });
+                onCleanup(() => void this.#store.set({ controls: oldControls }));
             }
-        });
+        }, { allowSignalWrites: true });
     }
-    setEvents() {
-        this.effect(this.controlsRef.$, (controls) => {
-            const { invalidate, performance } = this.store.get();
-            const regress = this.get('regress');
+    #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)
@@ -98,29 +120,25 @@ class NgtsOrbitControls extends NgtRxStore {
                 controls.addEventListener('start', startCallback);
             if (endCallback)
                 controls.addEventListener('end', endCallback);
-            return () => {
+            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="get('args')" ngtCompound [enableDamping]="enableDamping$ | ngtPush" />
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "[args]", inputs: ["args"] }, { kind: "pipe", type: NgtPush, name: "ngtPush" }] }); }
+    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="get('args')" ngtCompound [enableDamping]="enableDamping$ | ngtPush" />
-    `,
-                    imports: [NgtArgs, NgtPush],
+                    template: ` <ngt-primitive *args="args()" ngtCompound [enableDamping]="damping()" /> `,
+                    imports: [NgtArgs],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
         }], ctorParameters: function () { return []; }, propDecorators: { controlsRef: [{

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

@@ -1 +1 @@
-{"version":3,"file":"angular-three-soba-controls.mjs","sources":["../../../../libs/angular-three-soba/controls/src/lib/orbit-controls/orbit-controls.ts","../../../../libs/angular-three-soba/controls/src/angular-three-soba-controls.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, inject, Input, OnInit, Output } from '@angular/core';\nimport {\n    injectBeforeRender,\n    injectNgtRef,\n    NgtArgs,\n    NgtPush,\n    NgtRxStore,\n    NgtStore,\n    startWithUndefined,\n} from 'angular-three';\nimport { combineLatest, map } from 'rxjs';\nimport { OrbitControls } from 'three-stdlib';\n\n@Component({\n    selector: 'ngts-orbit-controls',\n    standalone: true,\n    template: `\n        <ngt-primitive *args=\"get('args')\" ngtCompound [enableDamping]=\"enableDamping$ | ngtPush\" />\n    `,\n    imports: [NgtArgs, NgtPush],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsOrbitControls extends NgtRxStore implements OnInit {\n    @Input() controlsRef = injectNgtRef<OrbitControls>();\n\n    @Input() set camera(camera: THREE.Camera) {\n        this.set({ camera });\n    }\n\n    @Input() set domElement(domElement: HTMLElement) {\n        this.set({ domElement });\n    }\n\n    @Input() set makeDefault(makeDefault: boolean) {\n        this.set({ makeDefault });\n    }\n\n    @Input() set regress(regress: boolean) {\n        this.set({ regress });\n    }\n\n    @Input() set target(target: THREE.Vector3 | Parameters<THREE.Vector3['set']>) {\n        this.set({ target });\n    }\n\n    @Input() set enableDamping(enableDamping: boolean) {\n        this.set({ enableDamping });\n    }\n\n    @Output() change = new EventEmitter<THREE.Event>();\n    @Output() start = new EventEmitter<THREE.Event>();\n    @Output() end = new EventEmitter<THREE.Event>();\n\n    private readonly store = inject(NgtStore);\n\n    readonly enableDamping$ = this.select('enableDamping');\n\n    constructor() {\n        super();\n        injectBeforeRender(() => {\n            const controls = this.controlsRef.nativeElement;\n            if (controls && controls.enabled) {\n                controls.update();\n            }\n        });\n    }\n\n    override initialize(): void {\n        super.initialize();\n        this.set({ enableDamping: true, regress: false });\n    }\n\n    ngOnInit() {\n        this.setControls();\n        this.connectElement();\n        this.makeControlsDefault();\n        this.setEvents();\n        this.connect('args', this.controlsRef.$.pipe(map((controls) => [controls])));\n    }\n\n    private setControls() {\n        this.hold(\n            combineLatest([this.store.select('camera'), this.select('camera').pipe(startWithUndefined())]),\n            ([defaultCamera, camera]) => {\n                const controlsCamera = camera || defaultCamera;\n                if (!this.controlsRef.nativeElement || this.controlsRef.nativeElement.object !== controlsCamera) {\n                    this.controlsRef.nativeElement = new OrbitControls(controlsCamera);\n                }\n            }\n        );\n    }\n\n    private connectElement() {\n        this.hold(\n            combineLatest([\n                this.store.select('gl', 'domElement'),\n                this.store.select('invalidate'),\n                this.select('regress'),\n                this.controlsRef.$,\n            ]),\n            ([glDom, , , controls]) => {\n                const { events } = this.store.get();\n                const domElement = this.get('domElement') || events.connected || glDom;\n                controls.connect(domElement);\n            }\n        );\n    }\n\n    private makeControlsDefault() {\n        this.effect(combineLatest([this.controlsRef.$, this.select('makeDefault')]), ([controls, makeDefault]) => {\n            if (makeDefault) {\n                const oldControls = this.store.get('controls');\n                this.store.set({ controls });\n                return () => {\n                    this.store.set({ controls: oldControls });\n                };\n            }\n        });\n    }\n\n    private setEvents() {\n        this.effect(this.controlsRef.$, (controls) => {\n            const { invalidate, performance } = this.store.get();\n            const regress = this.get('regress');\n\n            const changeCallback: (e: THREE.Event) => void = (e) => {\n                invalidate();\n                if (regress) performance.regress();\n                if (this.change.observed) this.change.emit(e);\n            };\n\n            const startCallback = this.start.observed ? this.start.emit.bind(this.start) : null;\n            const endCallback = this.end.observed ? this.end.emit.bind(this.end) : null;\n\n            controls.addEventListener('change', changeCallback);\n            if (startCallback) controls.addEventListener('start', startCallback);\n            if (endCallback) controls.addEventListener('end', endCallback);\n\n            return () => {\n                controls.removeEventListener('change', changeCallback);\n                if (startCallback) controls.removeEventListener('start', startCallback);\n                if (endCallback) controls.removeEventListener('end', endCallback);\n            };\n        });\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"angular-three-soba-controls.mjs","sources":["../../../../libs/soba/controls/src/orbit-controls/orbit-controls.ts","../../../../libs/soba/controls/src/angular-three-soba-controls.ts"],"sourcesContent":["import {\n    Component,\n    computed,\n    CUSTOM_ELEMENTS_SCHEMA,\n    effect,\n    EventEmitter,\n    inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport { injectBeforeRender, injectNgtRef, NgtArgs, NgtSignalStore, NgtStore, NgtVector3 } from 'angular-three';\nimport { OrbitControls } from 'three-stdlib';\n\nexport type NgtsOrbitControlsState = {\n    camera?: THREE.Camera;\n    domElement?: HTMLElement;\n    target?: NgtVector3;\n    makeDefault: boolean;\n    regress: boolean;\n    enableDamping: boolean;\n};\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'ngts-orbit-controls': OrbitControls & NgtsOrbitControlsState;\n    }\n}\n\n@Component({\n    selector: 'ngts-orbit-controls',\n    standalone: true,\n    template: ` <ngt-primitive *args=\"args()\" ngtCompound [enableDamping]=\"damping()\" /> `,\n    imports: [NgtArgs],\n    schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class NgtsOrbitControls extends NgtSignalStore<NgtsOrbitControlsState> {\n    @Input() controlsRef = injectNgtRef<OrbitControls>();\n\n    @Input() set camera(camera: THREE.Camera) {\n        this.set({ camera });\n    }\n\n    @Input() set domElement(domElement: HTMLElement) {\n        this.set({ domElement });\n    }\n\n    @Input() set makeDefault(makeDefault: boolean) {\n        this.set({ makeDefault });\n    }\n\n    @Input() set regress(regress: boolean) {\n        this.set({ regress });\n    }\n\n    @Input() set target(target: THREE.Vector3 | Parameters<THREE.Vector3['set']>) {\n        this.set({ target });\n    }\n\n    @Input() set enableDamping(enableDamping: boolean) {\n        this.set({ enableDamping });\n    }\n\n    @Output() change = new EventEmitter<THREE.Event>();\n    @Output() start = new EventEmitter<THREE.Event>();\n    @Output() end = new EventEmitter<THREE.Event>();\n\n    readonly #store = inject(NgtStore);\n\n    readonly args = computed(() => [this.controlsRef.nativeElement]);\n    readonly damping = this.select('enableDamping');\n\n    constructor() {\n        super({ enableDamping: true, regress: false, makeDefault: false });\n        injectBeforeRender(\n            () => {\n                const controls = this.controlsRef.untracked;\n                if (controls && controls.enabled) {\n                    controls.update();\n                }\n            },\n            { priority: -1 }\n        );\n\n        this.#setControls();\n        this.#connectElement();\n        this.#makeControlsDefault();\n        this.#setEvents();\n    }\n\n    #setControls() {\n        const camera = this.select('camera');\n        const defaultCamera = this.#store.select('camera');\n        const trigger = computed(() => ({ camera: camera(), defaultCamera: defaultCamera() }));\n\n        effect(\n            () => {\n                const { camera, defaultCamera } = trigger();\n                const controlsCamera = camera || defaultCamera;\n                const controls = this.controlsRef.nativeElement;\n                if (!controls || controls.object !== controlsCamera) {\n                    this.controlsRef.nativeElement = new OrbitControls(controlsCamera);\n                }\n            },\n            { allowSignalWrites: true }\n        );\n    }\n\n    #connectElement() {\n        const glDomElement = this.#store.select('gl', 'domElement');\n        const domElement = this.select('domElement');\n        const regress = this.select('regress');\n        const invalidate = this.#store.select('invalidate');\n\n        const trigger = computed(() => {\n            const eventsSource = this.#store.get('events', 'connected');\n            return {\n                controls: this.controlsRef.nativeElement,\n                domElement: domElement() || eventsSource || glDomElement(),\n                regress: regress(),\n                invalidate: invalidate(),\n            };\n        });\n\n        effect((onCleanup) => {\n            const { domElement, controls } = trigger();\n            if (!controls) return;\n            controls.connect(domElement);\n            onCleanup(() => void controls.dispose());\n        });\n    }\n\n    #makeControlsDefault() {\n        const makeDefault = this.select('makeDefault');\n        const trigger = computed(() => ({ controls: this.controlsRef.nativeElement, makeDefault: makeDefault() }));\n\n        effect(\n            (onCleanup) => {\n                const { controls, makeDefault } = trigger();\n                if (!controls) return;\n                if (makeDefault) {\n                    const oldControls = this.#store.get('controls');\n                    this.#store.set({ controls });\n                    onCleanup(() => void this.#store.set({ controls: oldControls }));\n                }\n            },\n            { allowSignalWrites: true }\n        );\n    }\n\n    #setEvents() {\n        const invalidate = this.#store.select('invalidate');\n        const performance = this.#store.select('performance');\n        const regress = this.select('regress');\n\n        const trigger = computed(() => ({\n            invalidate: invalidate(),\n            performance: performance(),\n            regress: regress(),\n            controls: this.controlsRef.nativeElement,\n        }));\n        effect((onCleanup) => {\n            const { controls, invalidate, performance, regress } = trigger();\n            if (!controls) return;\n            const changeCallback: (e: THREE.Event) => void = (e) => {\n                invalidate();\n                if (regress) performance.regress();\n                if (this.change.observed) this.change.emit(e);\n            };\n\n            const startCallback = this.start.observed ? this.start.emit.bind(this.start) : null;\n            const endCallback = this.end.observed ? this.end.emit.bind(this.end) : null;\n\n            controls.addEventListener('change', changeCallback);\n            if (startCallback) controls.addEventListener('start', startCallback);\n            if (endCallback) controls.addEventListener('end', endCallback);\n\n            onCleanup(() => {\n                controls.removeEventListener('change', changeCallback);\n                if (startCallback) controls.removeEventListener('start', startCallback);\n                if (endCallback) controls.removeEventListener('end', endCallback);\n            });\n        });\n    }\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-loaders.mjs

@@ -1,19 +1,11 @@
-import { injectNgtLoader, NgtRxStore, injectNgtDestroy, startWithUndefined, NgtPush, NgtStore } from 'angular-three';
-import { isObservable, map, of, take, combineLatest, withLatestFrom, switchMap, timer, tap } from 'rxjs';
-import * as THREE from 'three';
+import { injectNgtLoader, assertInjectionContext, createSignal, safeDetectChanges, NgtSignalStore, NgtStore } from 'angular-three';
 import { MeshoptDecoder } from 'three-stdlib';
 import { DRACOLoader } from 'three-stdlib/loaders/DRACOLoader';
 import { GLTFLoader } from 'three-stdlib/loaders/GLTFLoader';
-import { NgIf, AsyncPipe } from '@angular/common';
+import { NgIf } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ViewChild, inject } from '@angular/core';
-
-function injectCubeTextureLoader(files, path) {
-    const inputs$ = isObservable(files) ? files.pipe(map((f) => [f])) : of([files]);
-    return injectNgtLoader(
-    // @ts-expect-error CubeTexture accepts a string[] and pass into loader as [[...]]
-    () => THREE.CubeTextureLoader, inputs$, (loader) => loader.setPath(path)).pipe(map((textures) => textures[0]));
-}
+import { runInInjectionContext, inject, ChangeDetectorRef, computed, signal, effect, untracked, Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
+import * as THREE from 'three';
 
 let dracoLoader = null;
 function _extensions(useDraco, useMeshOpt, extensions) {
@@ -33,68 +25,68 @@ function _extensions(useDraco, useMeshOpt, extensions) {
         }
     };
 }
-function injectGLTFLoader(path, useDraco = true, useMeshOpt = true, extensions) {
-    return injectNgtLoader(() => GLTFLoader, path, _extensions(useDraco, useMeshOpt, extensions));
+function injectNgtsGLTFLoader(path, { useDraco = true, useMeshOpt = true, injector, extensions, } = {}) {
+    return injectNgtLoader(() => GLTFLoader, path, {
+        extensions: _extensions(useDraco, useMeshOpt, extensions),
+        injector,
+    });
 }
-injectGLTFLoader.preload = (path, useDraco = true, useMeshOpt = true, extensions) => {
-    injectGLTFLoader(path, useDraco, useMeshOpt, extensions).pipe(take(1)).subscribe();
+injectNgtsGLTFLoader['preload'] = (path, { useDraco = true, useMeshOpt = true, extensions, } = {}) => {
+    injectNgtLoader['preload'](() => GLTFLoader, path, _extensions(useDraco, useMeshOpt, extensions));
 };
-const injectNgtsGLTFLoader = injectGLTFLoader;
 
-function injectNgtsProgress() {
-    const progress = new NgtRxStore();
-    progress.set({ errors: [], active: false, progress: 0, item: '', loaded: 0, total: 0 });
-    const { cdr } = injectNgtDestroy(() => progress.ngOnDestroy());
-    let saveLastTotalLoaded = 0;
-    THREE.DefaultLoadingManager.onStart = (item, loaded, total) => {
-        progress.set({
-            active: true,
-            item,
-            loaded,
-            total,
-            progress: ((loaded - saveLastTotalLoaded) / (total - saveLastTotalLoaded)) * 100,
-        });
-        cdr.detectChanges();
-    };
-    THREE.DefaultLoadingManager.onLoad = () => {
-        progress.set({ active: false });
-        cdr.detectChanges();
-    };
-    THREE.DefaultLoadingManager.onError = (url) => {
-        progress.set({ errors: [...progress.get('errors'), url] });
-        cdr.detectChanges();
-    };
-    THREE.DefaultLoadingManager.onProgress = (item, loaded, total) => {
-        if (loaded === total)
-            saveLastTotalLoaded = total;
-        progress.set({
-            item,
-            loaded,
-            total,
-            progress: ((loaded - saveLastTotalLoaded) / (total - saveLastTotalLoaded)) * 100 || 100,
+function injectNgtsProgress(injector) {
+    injector = assertInjectionContext(injectNgtsProgress, injector);
+    return runInInjectionContext(injector, () => {
+        const cdr = inject(ChangeDetectorRef);
+        const progress = createSignal({
+            errors: [],
+            active: false,
+            progress: 0,
+            item: '',
+            loaded: 0,
+            total: 0,
         });
-        cdr.detectChanges();
-    };
-    return progress;
+        let saveLastTotalLoaded = 0;
+        THREE.DefaultLoadingManager.onStart = (item, loaded, total) => {
+            progress.update((prev) => ({
+                ...prev,
+                active: true,
+                item,
+                loaded,
+                total,
+                progress: ((loaded - saveLastTotalLoaded) / (total - saveLastTotalLoaded)) * 100,
+            }));
+            safeDetectChanges(cdr);
+        };
+        THREE.DefaultLoadingManager.onLoad = () => {
+            progress.update((prev) => ({ ...prev, active: false }));
+            safeDetectChanges(cdr);
+            cdr.detectChanges();
+        };
+        THREE.DefaultLoadingManager.onError = (url) => {
+            progress.update((prev) => ({ ...prev, errors: [...prev.errors, url] }));
+            safeDetectChanges(cdr);
+        };
+        THREE.DefaultLoadingManager.onProgress = (item, loaded, total) => {
+            if (loaded === total)
+                saveLastTotalLoaded = total;
+            progress.update((prev) => ({
+                ...prev,
+                item,
+                loaded,
+                total,
+                progress: ((loaded - saveLastTotalLoaded) / (total - saveLastTotalLoaded)) * 100 || 100,
+            }));
+            safeDetectChanges(cdr);
+        };
+        return progress.asReadonly();
+    });
 }
 
 const defaultDataInterpolation = (p) => `Loading ${p.toFixed(2)}%`;
-class NgtsLoader extends NgtRxStore {
-    constructor() {
-        super(...arguments);
-        this.progress = injectNgtsProgress();
-        this.vm$ = combineLatest([
-            this.select('shown'),
-            this.select('containerClass').pipe(startWithUndefined()),
-            this.select('innerClass').pipe(startWithUndefined()),
-            this.select('barClass').pipe(startWithUndefined()),
-            this.select('dataClass').pipe(startWithUndefined()),
-            this.progress.select('progress'),
-            this.progress.select('active'),
-        ]).pipe(map(([shown, containerClass, innerClass, barClass, dataClass, progress, active]) => {
-            return { shown, containerClass, innerClass, barClass, dataClass, progress, active };
-        }));
-    }
+class NgtsLoader extends NgtSignalStore {
+    #progress;
     set containerClass(containerClass) {
         this.set({ containerClass });
     }
@@ -113,20 +105,38 @@ class NgtsLoader extends NgtRxStore {
     set initialState(initialState) {
         this.set({ initialState });
     }
-    initialize() {
-        super.initialize();
-        this.set({ dataInterpolation: defaultDataInterpolation, initialState: (active) => active });
+    constructor() {
+        super({ dataInterpolation: defaultDataInterpolation, initialState: (active) => active });
+        this.#progress = injectNgtsProgress();
+        this.active = computed(() => this.#progress().active);
+        this.progress = computed(() => this.#progress().progress);
+        this.container = this.select('containerClass');
+        this.inner = this.select('innerClass');
+        this.bar = this.select('barClass');
+        this.data = this.select('dataClass');
+        this.shown = signal(this.get('initialState')(this.active()));
+        this.#setShown();
+        this.#updateProgress();
+    }
+    #setShown() {
+        effect((onCleanup) => {
+            const active = this.active();
+            const lastShown = untracked(this.shown);
+            if (lastShown !== active) {
+                const timeoutId = setTimeout(() => {
+                    this.shown.set(active);
+                }, 300);
+                onCleanup(() => clearTimeout(timeoutId));
+            }
+        }, { allowSignalWrites: true });
     }
-    ngOnInit() {
-        this.set({ shown: this.get('initialState')(this.progress.get('active')) });
-        this.connect('shown', this.progress.select('active').pipe(withLatestFrom(this.select('shown')), switchMap(([active, shown]) => {
-            if (shown !== active)
-                return timer(300).pipe(map(() => active));
-            return of(shown);
-        })));
+    #updateProgress() {
         let progressRef = 0;
         let rafId;
-        this.effect(combineLatest([this.select('dataInterpolation'), this.progress.select('progress')]), ([dataInterpolation, progress]) => {
+        const dataInterpolation = this.select('dataInterpolation');
+        const trigger = computed(() => ({ dataInterpolation: dataInterpolation(), progress: this.progress() }));
+        effect((onCleanup) => {
+            const { dataInterpolation, progress } = trigger();
             const updateProgress = () => {
                 if (!this.progressSpanRef?.nativeElement)
                     return;
@@ -139,56 +149,52 @@ class NgtsLoader extends NgtRxStore {
                 }
             };
             updateProgress();
-            return () => cancelAnimationFrame(rafId);
+            onCleanup(() => cancelAnimationFrame(rafId));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsLoader, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsLoader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: NgtsLoader, isStandalone: true, selector: "ngts-loader", inputs: { containerClass: "containerClass", innerClass: "innerClass", barClass: "barClass", dataClass: "dataClass", dataInterpolation: "dataInterpolation", initialState: "initialState" }, viewQueries: [{ propertyName: "progressSpanRef", first: true, predicate: ["progressSpanRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
-        <ng-container *ngIf="vm$ | ngtPush as vm">
-            <div
-                *ngIf="vm.shown"
-                class="ngts-loader-container"
-                [class]="vm.containerClass"
-                [style.--ngts-loader-container-opacity]="vm.active ? 1 : 0"
-            >
-                <div>
-                    <div class="ngts-loader-inner" [class]="vm.innerClass">
-                        <div
-                            class="ngts-loader-bar"
-                            [class]="vm.barClass"
-                            [style.--ngts-loader-bar-scale]="vm.progress / 100"
-                        ></div>
-                        <span #progressSpanRef class="ngts-loader-data" [class]="vm.dataClass"></span>
-                    </div>
+        <div
+            *ngIf="shown()"
+            class="ngts-loader-container"
+            [class]="container() || ''"
+            [style.--ngts-loader-container-opacity]="active() ? 1 : 0"
+        >
+            <div>
+                <div class="ngts-loader-inner" [class]="inner() || ''">
+                    <div
+                        class="ngts-loader-bar"
+                        [class]="bar() || ''"
+                        [style.--ngts-loader-bar-scale]="progress() / 100"
+                    ></div>
+                    <span #progressSpanRef class="ngts-loader-data" [class]="data() || ''"></span>
                 </div>
             </div>
-        </ng-container>
-    `, isInline: true, styles: [".ngts-loader-container{--ngts-loader-container-opacity: 0;position:absolute;top:0;left:0;width:100%;height:100%;background:#171717;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:1000;opacity:var(--ngts-loader-container-opacity)}.ngts-loader-inner{width:100px;height:3px;background:#272727;text-align:center}.ngts-loader-bar{--ngts-loader-bar-scale: 0;height:3px;width:100px;background:white;transition:transform .2s;transform-origin:left center;transform:scaleX(var(--ngts-loader-bar-scale))}.ngts-loader-data{display:inline-block;position:relative;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;margin-top:.8em;color:#f0f0f0;font-size:.6em;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,Roboto,Ubuntu,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: NgtPush, name: "ngtPush" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        </div>
+    `, isInline: true, styles: [".ngts-loader-container{--ngts-loader-container-opacity: 0;position:absolute;top:0;left:0;width:100%;height:100%;background:#171717;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:1000;opacity:var(--ngts-loader-container-opacity)}.ngts-loader-inner{width:100px;height:3px;background:#272727;text-align:center}.ngts-loader-bar{--ngts-loader-bar-scale: 0;height:3px;width:100px;background:white;transition:transform .2s;transform-origin:left center;transform:scaleX(var(--ngts-loader-bar-scale))}.ngts-loader-data{display:inline-block;position:relative;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;margin-top:.8em;color:#f0f0f0;font-size:.6em;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,Roboto,Ubuntu,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: NgtsLoader, decorators: [{
             type: Component,
             args: [{ selector: 'ngts-loader', standalone: true, template: `
-        <ng-container *ngIf="vm$ | ngtPush as vm">
-            <div
-                *ngIf="vm.shown"
-                class="ngts-loader-container"
-                [class]="vm.containerClass"
-                [style.--ngts-loader-container-opacity]="vm.active ? 1 : 0"
-            >
-                <div>
-                    <div class="ngts-loader-inner" [class]="vm.innerClass">
-                        <div
-                            class="ngts-loader-bar"
-                            [class]="vm.barClass"
-                            [style.--ngts-loader-bar-scale]="vm.progress / 100"
-                        ></div>
-                        <span #progressSpanRef class="ngts-loader-data" [class]="vm.dataClass"></span>
-                    </div>
+        <div
+            *ngIf="shown()"
+            class="ngts-loader-container"
+            [class]="container() || ''"
+            [style.--ngts-loader-container-opacity]="active() ? 1 : 0"
+        >
+            <div>
+                <div class="ngts-loader-inner" [class]="inner() || ''">
+                    <div
+                        class="ngts-loader-bar"
+                        [class]="bar() || ''"
+                        [style.--ngts-loader-bar-scale]="progress() / 100"
+                    ></div>
+                    <span #progressSpanRef class="ngts-loader-data" [class]="data() || ''"></span>
                 </div>
             </div>
-        </ng-container>
-    `, imports: [NgIf, AsyncPipe, NgtPush], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ngts-loader-container{--ngts-loader-container-opacity: 0;position:absolute;top:0;left:0;width:100%;height:100%;background:#171717;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:1000;opacity:var(--ngts-loader-container-opacity)}.ngts-loader-inner{width:100px;height:3px;background:#272727;text-align:center}.ngts-loader-bar{--ngts-loader-bar-scale: 0;height:3px;width:100px;background:white;transition:transform .2s;transform-origin:left center;transform:scaleX(var(--ngts-loader-bar-scale))}.ngts-loader-data{display:inline-block;position:relative;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;margin-top:.8em;color:#f0f0f0;font-size:.6em;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,Roboto,Ubuntu,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol;white-space:nowrap}\n"] }]
-        }], propDecorators: { containerClass: [{
+        </div>
+    `, imports: [NgIf], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".ngts-loader-container{--ngts-loader-container-opacity: 0;position:absolute;top:0;left:0;width:100%;height:100%;background:#171717;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:1000;opacity:var(--ngts-loader-container-opacity)}.ngts-loader-inner{width:100px;height:3px;background:#272727;text-align:center}.ngts-loader-bar{--ngts-loader-bar-scale: 0;height:3px;width:100px;background:white;transition:transform .2s;transform-origin:left center;transform:scaleX(var(--ngts-loader-bar-scale))}.ngts-loader-data{display:inline-block;position:relative;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;margin-top:.8em;color:#f0f0f0;font-size:.6em;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Helvetica,Arial,Roboto,Ubuntu,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol;white-space:nowrap}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { containerClass: [{
                 type: Input
             }], innerClass: [{
                 type: Input
@@ -205,24 +211,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
                 args: ['progressSpanRef']
             }] } });
 
-const IsObject = (url) => url === Object(url) && !Array.isArray(url) && typeof url !== 'function';
-function injectNgtsTextureLoader(input, onLoad) {
-    const store = inject(NgtStore);
-    return injectNgtLoader(() => THREE.TextureLoader, input).pipe(tap((textures) => {
-        const array = Array.isArray(textures)
-            ? textures
-            : textures instanceof THREE.Texture
-                ? [textures]
-                : Object.values(textures);
-        if (onLoad)
-            onLoad(array);
-        array.forEach(store.get('gl').initTexture);
-    }));
+function injectNgtsTextureLoader(input, { onLoad, injector, } = {}) {
+    injector = assertInjectionContext(injectNgtsTextureLoader, injector);
+    return runInInjectionContext(injector, () => {
+        const store = inject(NgtStore);
+        const result = injectNgtLoader(() => THREE.TextureLoader, input, { injector });
+        effect(() => {
+            const textures = result();
+            if (!textures)
+                return;
+            const array = Array.isArray(textures)
+                ? textures
+                : textures instanceof THREE.Texture
+                    ? [textures]
+                    : Object.values(textures);
+            if (onLoad)
+                onLoad(array);
+            array.forEach(store.get('gl').initTexture);
+        });
+        return result;
+    });
 }
+injectNgtsTextureLoader['preload'] = (input) => {
+    injectNgtLoader.preload(() => THREE.TextureLoader, input);
+};
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IsObject, NgtsLoader, injectCubeTextureLoader, injectNgtsGLTFLoader, injectNgtsProgress, injectNgtsTextureLoader };
+export { NgtsLoader, injectNgtsGLTFLoader, injectNgtsProgress, injectNgtsTextureLoader };
 //# sourceMappingURL=angular-three-soba-loaders.mjs.map