angular-three-soba 4.2.0 → 4.2.2

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

@@ -1,11 +1,12 @@
 import * as i0 from '@angular/core';
-import { input, booleanAttribute, effect, untracked, inject, DestroyRef, Directive, viewChild, signal, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component, computed } from '@angular/core';
+import { input, booleanAttribute, effect, untracked, inject, DestroyRef, Directive, viewChild, signal, ChangeDetectionStrategy, CUSTOM_ELEMENTS_SCHEMA, Component, computed, TemplateRef, ElementRef, contentChildren } from '@angular/core';
 import { injectStore, omit, pick, extend, is, getInstanceState, beforeRender, resolveRef, checkUpdate, vector3, NgtArgs } from 'angular-three';
 import { mergeInputs } from 'ngxtension/inject-inputs';
 import * as THREE from 'three';
-import { Group, LOD, InstancedBufferAttribute, InstancedMesh, BufferGeometry, BufferAttribute, Points } from 'three';
+import { Group, LOD, InstancedBufferAttribute, InstancedMesh, Vector3, BufferGeometry, BufferAttribute, Points } from 'three';
 import { SAH, acceleratedRaycast, computeBoundsTree, disposeBoundsTree } from 'three-mesh-bvh';
 import { setUpdateRange } from 'angular-three-soba/misc';
+import { NgTemplateOutlet } from '@angular/common';
 import { Line2, LineMaterial, LineSegmentsGeometry } from 'three-stdlib';
 
 /**
@@ -29,7 +30,7 @@ class NgtsAdaptiveDpr {
          * This can provide a retro aesthetic or indicate to users that performance mode is active.
          * @default false
          */
-        this.pixelated = input(false, { ...(ngDevMode ? { debugName: "pixelated" } : {}), transform: booleanAttribute });
+        this.pixelated = input(false, { ...(ngDevMode ? { debugName: "pixelated" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         const store = injectStore();
         effect(() => {
             const [current, pixelated, domElement, setDpr, initialDpr] = [
@@ -57,10 +58,10 @@ class NgtsAdaptiveDpr {
                 domElement.style.imageRendering = 'auto';
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAdaptiveDpr, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: NgtsAdaptiveDpr, isStandalone: true, selector: "ngts-adaptive-dpr", inputs: { pixelated: { classPropertyName: "pixelated", publicName: "pixelated", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAdaptiveDpr, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtsAdaptiveDpr, isStandalone: true, selector: "ngts-adaptive-dpr", inputs: { pixelated: { classPropertyName: "pixelated", publicName: "pixelated", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAdaptiveDpr, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAdaptiveDpr, decorators: [{
             type: Directive,
             args: [{ selector: 'ngts-adaptive-dpr' }]
         }], ctorParameters: () => [], propDecorators: { pixelated: [{ type: i0.Input, args: [{ isSignal: true, alias: "pixelated", required: false }] }] } });
@@ -92,10 +93,10 @@ class NgtsAdaptiveEvents {
             store.snapshot.setEvents({ enabled: currentEnabled });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAdaptiveEvents, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: NgtsAdaptiveEvents, isStandalone: true, selector: "ngts-adaptive-events", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAdaptiveEvents, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NgtsAdaptiveEvents, isStandalone: true, selector: "ngts-adaptive-events", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAdaptiveEvents, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAdaptiveEvents, decorators: [{
             type: Directive,
             args: [{ selector: 'ngts-adaptive-events' }]
         }], ctorParameters: () => [] });
@@ -133,7 +134,7 @@ class NgtsBVH {
         /**
          * Configuration options for BVH construction and raycasting behavior.
          */
-        this.options = input(defaultOptions$2, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultOptions$2) });
+        this.options = input(defaultOptions$2, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultOptions$2) });
         /** @internal */
         this.parameters = omit(this.options, [
             'enabled',
@@ -158,7 +159,7 @@ class NgtsBVH {
         this.maxDepth = pick(this.options, 'maxDepth');
         this.maxLeafTris = pick(this.options, 'maxLeafTris');
         this.indirect = pick(this.options, 'indirect');
-        this.reset = signal(Math.random(), ...(ngDevMode ? [{ debugName: "reset" }] : []));
+        this.reset = signal(Math.random(), ...(ngDevMode ? [{ debugName: "reset" }] : /* istanbul ignore next */ []));
         this.retryMap = new Map();
         this.MAX_RETRIES = 3;
         extend({ Group });
@@ -225,14 +226,14 @@ class NgtsBVH {
             this.retryMap.clear();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsBVH, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsBVH, isStandalone: true, selector: "ngts-bvh", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsBVH, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsBVH, isStandalone: true, selector: "ngts-bvh", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #group [parameters]="parameters()">
 			<ng-content />
 		</ngt-group>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsBVH, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsBVH, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-bvh',
@@ -272,11 +273,11 @@ class NgtsDetailed {
          * The first distance corresponds to the first child (highest detail),
          * and subsequent distances correspond to lower detail children.
          */
-        this.distances = input.required(...(ngDevMode ? [{ debugName: "distances" }] : []));
+        this.distances = input.required(...(ngDevMode ? [{ debugName: "distances" }] : /* istanbul ignore next */ []));
         /**
          * Configuration options for the LOD behavior.
          */
-        this.options = input(defaultOptions$1, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultOptions$1) });
+        this.options = input(defaultOptions$1, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultOptions$1) });
         /** @internal */
         this.parameters = omit(this.options, ['hysteresis']);
         /**
@@ -300,14 +301,14 @@ class NgtsDetailed {
             this.lodRef().nativeElement.update(camera);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsDetailed, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsDetailed, isStandalone: true, selector: "ngts-detailed", inputs: { distances: { classPropertyName: "distances", publicName: "distances", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "lodRef", first: true, predicate: ["lod"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsDetailed, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsDetailed, isStandalone: true, selector: "ngts-detailed", inputs: { distances: { classPropertyName: "distances", publicName: "distances", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "lodRef", first: true, predicate: ["lod"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-lOD #lod [parameters]="parameters()">
 			<ng-content />
 		</ngt-lOD>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsDetailed, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsDetailed, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-detailed',
@@ -418,7 +419,7 @@ class NgtsInstance {
         /**
          * Options passed to the underlying PositionMesh, including position, rotation, scale, and color.
          */
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
         /** @internal */
         this.instances = inject(NgtsInstances);
         /**
@@ -431,14 +432,14 @@ class NgtsInstance {
             onCleanup(() => cleanup());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsInstance, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsInstance, isStandalone: true, selector: "ngts-instance", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "positionMeshRef", first: true, predicate: ["positionMesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsInstance, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsInstance, isStandalone: true, selector: "ngts-instance", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "positionMeshRef", first: true, predicate: ["positionMesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-position-mesh #positionMesh [instance]="instances.instancedMeshRef()" [parameters]="options()">
 			<ng-content />
 		</ngt-position-mesh>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsInstance, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsInstance, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-instance',
@@ -483,7 +484,7 @@ class NgtsInstances {
         /**
          * Configuration options for the instanced rendering.
          */
-        this.options = input(defaultOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultOptions) });
+        this.options = input(defaultOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultOptions) });
         /** @internal */
         this.parameters = omit(this.options, ['limit', 'frames', 'range']);
         /**
@@ -500,7 +501,7 @@ class NgtsInstances {
             }
             const colors = new Float32Array([...Array.from({ length: limit * 3 }, () => 1)]);
             return { matrices, colors };
-        }, ...(ngDevMode ? [{ debugName: "buffers" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "buffers" }] : /* istanbul ignore next */ []));
         /**
          * Array of registered instance references. Used internally to track all instances.
          */
@@ -559,8 +560,8 @@ class NgtsInstances {
             this.instances = this.instances.filter((i) => i !== ref);
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsInstances, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsInstances, isStandalone: true, selector: "ngts-instances", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "instancedMeshRef", first: true, predicate: ["instancedMesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsInstances, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsInstances, isStandalone: true, selector: "ngts-instances", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "instancedMeshRef", first: true, predicate: ["instancedMesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-instanced-mesh
 			#instancedMesh
 			[userData]="{ instances }"
@@ -586,7 +587,7 @@ class NgtsInstances {
 		</ngt-instanced-mesh>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsInstances, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsInstances, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-instances',
@@ -620,6 +621,109 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], instancedMeshRef: [{ type: i0.ViewChild, args: ['instancedMesh', { isSignal: true }] }] } });
 
+const defaultLodLevelOptions = {
+    distance: 0,
+    hysteresis: 0,
+};
+const _v1 = new Vector3();
+const _v2 = new Vector3();
+/**
+ * Helper directive to capture a template to attach to
+ * an NgtsLOD component.
+ */
+class NgtsLODLevel {
+    constructor() {
+        this.lodLevel = input(defaultLodLevelOptions, { ...(ngDevMode ? { debugName: "lodLevel" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultLodLevelOptions) });
+        this.template = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsLODLevel, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtsLODLevel, isStandalone: true, selector: "ng-template[lodLevel]", inputs: { lodLevel: { classPropertyName: "lodLevel", publicName: "lodLevel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsLODLevel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[lodLevel]',
+                }]
+        }], propDecorators: { lodLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "lodLevel", required: false }] }] } });
+/**
+ * Angular-native port of THREE.LOD
+ *
+ * Allows to display an object with several levels of details.
+ *
+ * The main difference with THREE.LOD is that we use angular-three
+ * to add/remove the right object from the scene graph, rather than
+ * setting the visible flag on one of the object, but keeping them
+ * all in the graph.
+ *
+ * Usage:
+ *
+ * ```html
+ * <ngt-group lod [maxDistance]="10000">
+ *   <ngt-mesh *lodLevel />
+ *   <ngt-mesh *lodLevel="{distance: 100, hysteresis: 0.1}" />
+ *   <ngt-mesh *lodLevel="{distance: 1000}" />
+ * </ngt-group>
+ * ```
+ */
+class NgtsLODImpl {
+    constructor() {
+        this.maxDistance = input(...(ngDevMode ? [undefined, { debugName: "maxDistance" }] : /* istanbul ignore next */ []));
+        this.store = injectStore();
+        this.container = inject(ElementRef);
+        this.levels = contentChildren(NgtsLODLevel, ...(ngDevMode ? [{ debugName: "levels" }] : /* istanbul ignore next */ []));
+        this.level = signal(undefined, ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
+        beforeRender(() => {
+            const levels = this.levels();
+            const currentLevel = this.level();
+            const maxDistance = this.maxDistance();
+            let level = levels[0];
+            if (level && (levels.length > 1 || maxDistance)) {
+                const container = this.container.nativeElement;
+                const { matrixWorld, zoom } = this.store.snapshot.camera;
+                _v1.setFromMatrixPosition(matrixWorld);
+                _v2.setFromMatrixPosition(container.matrixWorld);
+                const distance = _v1.distanceTo(_v2) / zoom;
+                if (maxDistance && distance > maxDistance) {
+                    level = undefined;
+                }
+                else {
+                    for (let i = 1, l = levels.length; i < l; i++) {
+                        const _level = levels[i];
+                        let { distance: levelDistance, hysteresis } = _level.lodLevel();
+                        if (hysteresis && currentLevel === _level) {
+                            levelDistance -= levelDistance * hysteresis;
+                        }
+                        if (distance >= levelDistance) {
+                            level = _level;
+                        }
+                        else {
+                            break;
+                        }
+                    }
+                }
+            }
+            if (level !== currentLevel) {
+                this.level.set(level);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsLODImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsLODImpl, isStandalone: true, selector: "[lod]", inputs: { maxDistance: { classPropertyName: "maxDistance", publicName: "maxDistance", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "levels", predicate: NgtsLODLevel, isSignal: true }], ngImport: i0, template: `
+		<ng-container [ngTemplateOutlet]="level()?.template" />
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsLODImpl, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[lod]',
+                    template: `
+		<ng-container [ngTemplateOutlet]="level()?.template" />
+	`,
+                    imports: [NgTemplateOutlet],
+                }]
+        }], ctorParameters: () => [], propDecorators: { maxDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDistance", required: false }] }], levels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgtsLODLevel), { isSignal: true }] }] } });
+const NgtsLOD = [NgtsLODImpl, NgtsLODLevel];
+
 const _inverseMatrix = new THREE.Matrix4();
 const _ray = new THREE.Ray();
 const _sphere = new THREE.Sphere();
@@ -713,7 +817,7 @@ class NgtsPoint {
         /**
          * Options passed to the underlying PositionPoint, including position, color, and size.
          */
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
         /**
          * Reference to the underlying PositionPoint element.
          */
@@ -726,14 +830,14 @@ class NgtsPoint {
             onCleanup(() => cleanUp());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPoint, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsPoint, isStandalone: true, selector: "ngts-point", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "positionPointRef", first: true, predicate: ["positionPoint"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPoint, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsPoint, isStandalone: true, selector: "ngts-point", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "positionPointRef", first: true, predicate: ["positionPoint"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-position-point #positionPoint [parameters]="options()" [instance]="points.pointsRef()">
 			<ng-content />
 		</ngt-position-point>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPoint, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPoint, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-point',
@@ -767,26 +871,26 @@ class NgtsPointsBuffer {
          * Float32Array containing point positions. Length should be divisible by stride.
          * For 3D points (stride=3): [x1, y1, z1, x2, y2, z2, ...]
          */
-        this.positions = input.required(...(ngDevMode ? [{ debugName: "positions" }] : []));
+        this.positions = input.required(...(ngDevMode ? [{ debugName: "positions" }] : /* istanbul ignore next */ []));
         /**
          * Optional Float32Array containing RGB color values for each point.
          * Length should be (positions.length / stride) * 3.
          */
-        this.colors = input(...(ngDevMode ? [undefined, { debugName: "colors" }] : []));
+        this.colors = input(...(ngDevMode ? [undefined, { debugName: "colors" }] : /* istanbul ignore next */ []));
         /**
          * Optional Float32Array containing size values for each point.
          * Length should be positions.length / stride.
          */
-        this.sizes = input(...(ngDevMode ? [undefined, { debugName: "sizes" }] : []));
+        this.sizes = input(...(ngDevMode ? [undefined, { debugName: "sizes" }] : /* istanbul ignore next */ []));
         /**
          * The number of components per position (2 for 2D, 3 for 3D).
          * @default 3
          */
-        this.stride = input(3, ...(ngDevMode ? [{ debugName: "stride" }] : []));
+        this.stride = input(3, ...(ngDevMode ? [{ debugName: "stride" }] : /* istanbul ignore next */ []));
         /**
          * Additional options passed to the Points object.
          */
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
         /**
          * Reference to the underlying THREE.Points element.
          */
@@ -806,8 +910,8 @@ class NgtsPointsBuffer {
                 checkUpdate(attributes['size']);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPointsBuffer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsPointsBuffer, isStandalone: true, selector: "ngts-points-buffer", inputs: { positions: { classPropertyName: "positions", publicName: "positions", isSignal: true, isRequired: true, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null }, sizes: { classPropertyName: "sizes", publicName: "sizes", isSignal: true, isRequired: false, transformFunction: null }, stride: { classPropertyName: "stride", publicName: "stride", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pointsRef", first: true, predicate: ["points"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPointsBuffer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsPointsBuffer, isStandalone: true, selector: "ngts-points-buffer", inputs: { positions: { classPropertyName: "positions", publicName: "positions", isSignal: true, isRequired: true, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null }, sizes: { classPropertyName: "sizes", publicName: "sizes", isSignal: true, isRequired: false, transformFunction: null }, stride: { classPropertyName: "stride", publicName: "stride", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pointsRef", first: true, predicate: ["points"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-points #points [parameters]="options()">
 			<ngt-buffer-geometry>
 				<ngt-buffer-attribute
@@ -840,7 +944,7 @@ class NgtsPointsBuffer {
 		</ngt-points>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPointsBuffer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPointsBuffer, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-points-buffer',
@@ -905,7 +1009,7 @@ class NgtsPointsInstances {
         /**
          * Configuration options for the points rendering.
          */
-        this.options = input(defaultInstancesOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultInstancesOptions) });
+        this.options = input(defaultInstancesOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultInstancesOptions) });
         /**
          * Computed parameters passed to the underlying Points object.
          */
@@ -925,7 +1029,7 @@ class NgtsPointsInstances {
                 colors: Float32Array.from({ length: limit * 3 }, () => 1),
                 sizes: Float32Array.from({ length: limit }, () => 1),
             };
-        }, ...(ngDevMode ? [{ debugName: "buffers" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "buffers" }] : /* istanbul ignore next */ []));
         /**
          * Array of registered point references. Used internally to track all points.
          */
@@ -976,8 +1080,8 @@ class NgtsPointsInstances {
             this.positionPoints = this.positionPoints.filter((p) => p !== ref);
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPointsInstances, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsPointsInstances, isStandalone: true, selector: "ngts-points-instances", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pointsRef", first: true, predicate: ["points"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPointsInstances, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsPointsInstances, isStandalone: true, selector: "ngts-points-instances", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "pointsRef", first: true, predicate: ["points"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-points
 			#points
 			[userData]="{ instances: positionPoints }"
@@ -1012,7 +1116,7 @@ class NgtsPointsInstances {
 		</ngt-points>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPointsInstances, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPointsInstances, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-points-instances',
@@ -1090,17 +1194,17 @@ class NgtsSegment {
          * The starting point of the line segment.
          * Accepts a Vector3-like value: [x, y, z], {x, y, z}, or THREE.Vector3.
          */
-        this.start = input.required(...(ngDevMode ? [{ debugName: "start" }] : []));
+        this.start = input.required(...(ngDevMode ? [{ debugName: "start" }] : /* istanbul ignore next */ []));
         /**
          * The ending point of the line segment.
          * Accepts a Vector3-like value: [x, y, z], {x, y, z}, or THREE.Vector3.
          */
-        this.end = input.required(...(ngDevMode ? [{ debugName: "end" }] : []));
+        this.end = input.required(...(ngDevMode ? [{ debugName: "end" }] : /* istanbul ignore next */ []));
         /**
          * The color of the line segment.
          * If not specified, inherits from the parent or defaults to white.
          */
-        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
         /** @internal */
         this.normalizedStart = vector3(this.start);
         /** @internal */
@@ -1116,12 +1220,12 @@ class NgtsSegment {
             onCleanup(() => cleanUp());
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsSegment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsSegment, isStandalone: true, selector: "ngts-segment", inputs: { start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: true, transformFunction: null }, end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "segmentRef", first: true, predicate: ["segment"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsSegment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsSegment, isStandalone: true, selector: "ngts-segment", inputs: { start: { classPropertyName: "start", publicName: "start", isSignal: true, isRequired: true, transformFunction: null }, end: { classPropertyName: "end", publicName: "end", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "segmentRef", first: true, predicate: ["segment"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-segment-object #segment [color]="color()" [start]="normalizedStart()" [end]="normalizedEnd()" />
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsSegment, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsSegment, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-segment',
@@ -1158,14 +1262,14 @@ class NgtsSegments {
         /**
          * Configuration options for the segments rendering.
          */
-        this.options = input(defaultSegmentsOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultSegmentsOptions) });
+        this.options = input(defaultSegmentsOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultSegmentsOptions) });
         this.parameters = omit(this.options, ['limit', 'lineWidth']);
         this.lineWidth = pick(this.options, 'lineWidth');
         this.limit = pick(this.options, 'limit');
         /**
          * Reference to the underlying Line2 element.
          */
-        this.lineRef = viewChild('line', ...(ngDevMode ? [{ debugName: "lineRef" }] : []));
+        this.lineRef = viewChild('line', ...(ngDevMode ? [{ debugName: "lineRef" }] : /* istanbul ignore next */ []));
         /**
          * Array of registered segment references. Used internally to track all segments.
          */
@@ -1183,17 +1287,17 @@ class NgtsSegments {
             resolution: this.resolution,
             linewidth: this.lineWidth(),
             ...this.parameters(),
-        }), ...(ngDevMode ? [{ debugName: "materialParameters" }] : []));
+        }), ...(ngDevMode ? [{ debugName: "materialParameters" }] : /* istanbul ignore next */ []));
         /** @internal */
         this.positions = computed(() => {
             const limit = this.limit();
             return Array.from({ length: limit * 6 }, () => 0);
-        }, ...(ngDevMode ? [{ debugName: "positions" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "positions" }] : /* istanbul ignore next */ []));
         /** @internal */
         this.colors = computed(() => {
             const limit = this.limit();
             return Array.from({ length: limit * 6 }, () => 0);
-        }, ...(ngDevMode ? [{ debugName: "colors" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "colors" }] : /* istanbul ignore next */ []));
         beforeRender(() => {
             const [limit, positions, colors] = [this.limit(), this.positions(), this.colors()];
             for (let i = 0; i < limit; i++) {
@@ -1230,8 +1334,8 @@ class NgtsSegments {
             this.segments = this.segments.filter((i) => i !== ref);
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsSegments, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsSegments, isStandalone: true, selector: "ngts-segments", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "lineRef", first: true, predicate: ["line"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsSegments, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsSegments, isStandalone: true, selector: "ngts-segments", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "lineRef", first: true, predicate: ["line"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-primitive #line *args="[line]">
 			<ngt-primitive *args="[geometry]" attach="geometry" />
 			<ngt-primitive *args="[material]" attach="material" [parameters]="materialParameters()" />
@@ -1239,7 +1343,7 @@ class NgtsSegments {
 		</ngt-primitive>
 	`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsSegments, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsSegments, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-segments',
@@ -1260,5 +1364,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { NgtsAdaptiveDpr, NgtsAdaptiveEvents, NgtsBVH, NgtsDetailed, NgtsInstance, NgtsInstances, NgtsPoint, NgtsPointsBuffer, NgtsPointsInstances, NgtsSegment, NgtsSegments };
+export { NgtsAdaptiveDpr, NgtsAdaptiveEvents, NgtsBVH, NgtsDetailed, NgtsInstance, NgtsInstances, NgtsLOD, NgtsLODImpl, NgtsLODLevel, NgtsPoint, NgtsPointsBuffer, NgtsPointsInstances, NgtsSegment, NgtsSegments };
 //# sourceMappingURL=angular-three-soba-performances.mjs.map