angular-three-soba 4.2.0 → 4.2.2

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

@@ -48,7 +48,7 @@ function animations(animationsFactory, object, { injector } = {}) {
         const actions = {};
         const clips = [];
         const names = [];
-        const actualObject = computed(() => isSignal(object) || typeof object === 'function' ? resolveRef(object()) : resolveRef(object), ...(ngDevMode ? [{ debugName: "actualObject" }] : []));
+        const actualObject = computed(() => isSignal(object) || typeof object === 'function' ? resolveRef(object()) : resolveRef(object), ...(ngDevMode ? [{ debugName: "actualObject" }] : /* istanbul ignore next */ []));
         const isReady = computed(() => {
             const obj = actualObject();
             if (!obj)
@@ -77,7 +77,7 @@ function animations(animationsFactory, object, { injector } = {}) {
                 }
             }
             return true;
-        }, ...(ngDevMode ? [{ debugName: "isReady" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
         inject(DestroyRef).onDestroy(() => {
             const obj = actualObject();
             // clear cached
@@ -136,10 +136,10 @@ class NgtsBakeShadows {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsBakeShadows, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: NgtsBakeShadows, isStandalone: true, selector: "ngts-bake-shadows", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsBakeShadows, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NgtsBakeShadows, isStandalone: true, selector: "ngts-bake-shadows", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsBakeShadows, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsBakeShadows, decorators: [{
             type: Directive,
             args: [{ selector: 'ngts-bake-shadows' }]
         }], ctorParameters: () => [] });
@@ -179,17 +179,17 @@ class NgtsComputedAttribute {
          * Function that computes the BufferAttribute from the parent geometry.
          * Called whenever the geometry or compute function changes.
          */
-        this.compute = input.required(...(ngDevMode ? [{ debugName: "compute" }] : []));
+        this.compute = input.required(...(ngDevMode ? [{ debugName: "compute" }] : /* istanbul ignore next */ []));
         /**
          * The attribute name to attach to the geometry (e.g., 'uv2', 'customData').
          */
-        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
         /**
          * Additional options to pass to the underlying buffer attribute.
          */
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
         this.bufferAttribute = new THREE.BufferAttribute(new Float32Array(0), 1);
-        this.attributeRef = viewChild('attribute', ...(ngDevMode ? [{ debugName: "attributeRef" }] : []));
+        this.attributeRef = viewChild('attribute', ...(ngDevMode ? [{ debugName: "attributeRef" }] : /* istanbul ignore next */ []));
         effect(() => {
             const bufferAttribute = this.attributeRef()?.nativeElement;
             if (!bufferAttribute)
@@ -202,14 +202,14 @@ class NgtsComputedAttribute {
             bufferAttribute.copy(attribute);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsComputedAttribute, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsComputedAttribute, isStandalone: true, selector: "ngts-computed-attribute", inputs: { compute: { classPropertyName: "compute", publicName: "compute", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "attributeRef", first: true, predicate: ["attribute"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsComputedAttribute, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsComputedAttribute, isStandalone: true, selector: "ngts-computed-attribute", inputs: { compute: { classPropertyName: "compute", publicName: "compute", isSignal: true, isRequired: true, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "attributeRef", first: true, predicate: ["attribute"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-primitive #attribute *args="[bufferAttribute]" [attach]="['attributes', name()]" [parameters]="options()">
 			<ng-content />
 		</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: NgtsComputedAttribute, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsComputedAttribute, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-computed-attribute',
@@ -281,11 +281,11 @@ class NgtsDecal {
          * Optional external mesh to project the decal onto.
          * If not provided, uses the parent mesh in the scene graph.
          */
-        this.mesh = input(...(ngDevMode ? [undefined, { debugName: "mesh" }] : []));
+        this.mesh = input(...(ngDevMode ? [undefined, { debugName: "mesh" }] : /* istanbul ignore next */ []));
         /**
          * Decal configuration options including position, scale, rotation, and material properties.
          */
-        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) });
         this.parameters = omit(this.options, [
             'debug',
             'map',
@@ -296,7 +296,7 @@ class NgtsDecal {
             'rotation',
         ]);
         this.meshRef = viewChild.required('mesh');
-        this.helperRef = viewChild('helper', ...(ngDevMode ? [{ debugName: "helperRef" }] : []));
+        this.helperRef = viewChild('helper', ...(ngDevMode ? [{ debugName: "helperRef" }] : /* istanbul ignore next */ []));
         this.map = pick(this.options, 'map');
         this.depthTest = pick(this.options, 'depthTest');
         this.polygonOffsetFactor = pick(this.options, 'polygonOffsetFactor');
@@ -393,8 +393,8 @@ class NgtsDecal {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsDecal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsDecal, isStandalone: true, selector: "ngts-decal", inputs: { mesh: { classPropertyName: "mesh", publicName: "mesh", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }, { propertyName: "helperRef", first: true, predicate: ["helper"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsDecal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsDecal, isStandalone: true, selector: "ngts-decal", inputs: { mesh: { classPropertyName: "mesh", publicName: "mesh", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }, { propertyName: "helperRef", first: true, predicate: ["helper"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-mesh #mesh [parameters]="parameters()">
 			<ngt-value [rawValue]="true" attach="material.transparent" />
 			<ngt-value [rawValue]="true" attach="material.polygonOffset" />
@@ -416,7 +416,7 @@ class NgtsDecal {
 		</ngt-mesh>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsDecal, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsDecal, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-decal',
@@ -515,11 +515,11 @@ function fbo(params = () => ({}), { injector } = {}) {
         const width = computed(() => {
             const { width } = params();
             return typeof width === 'number' ? width : store.size.width() * store.viewport.dpr();
-        }, ...(ngDevMode ? [{ debugName: "width" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
         const height = computed(() => {
             const { height } = params();
             return typeof height === 'number' ? height : store.size.height() * store.viewport.dpr();
-        }, ...(ngDevMode ? [{ debugName: "height" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
         const settings = computed(() => {
             const { width, settings } = params();
             const _settings = (typeof width === 'number' ? settings : width) || {};
@@ -527,7 +527,7 @@ function fbo(params = () => ({}), { injector } = {}) {
                 _settings.samples = 0;
             }
             return _settings;
-        }, ...(ngDevMode ? [{ debugName: "settings" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
         const target = (() => {
             const [{ samples = 0, depth, ...targetSettings }, _width, _height] = [
                 untracked(settings),
@@ -583,7 +583,7 @@ class NgtsFBO {
         /**
          * FBO configuration including width, height, and RenderTargetOptions.
          */
-        this.fbo = input({}, ...(ngDevMode ? [{ debugName: "fbo" }] : []));
+        this.fbo = input({}, ...(ngDevMode ? [{ debugName: "fbo" }] : /* istanbul ignore next */ []));
         this.template = inject(TemplateRef);
         this.viewContainerRef = inject(ViewContainerRef);
         const fboTarget = fbo(() => {
@@ -603,10 +603,10 @@ class NgtsFBO {
     static ngTemplateContextGuard(_, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsFBO, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: NgtsFBO, isStandalone: true, selector: "ng-template[fbo]", inputs: { fbo: { classPropertyName: "fbo", publicName: "fbo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsFBO, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtsFBO, isStandalone: true, selector: "ng-template[fbo]", inputs: { fbo: { classPropertyName: "fbo", publicName: "fbo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsFBO, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsFBO, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[fbo]' }]
         }], ctorParameters: () => [], propDecorators: { fbo: [{ type: i0.Input, args: [{ isSignal: true, alias: "fbo", required: false }] }] } });
@@ -637,17 +637,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 function depthBuffer(params = () => ({}), { injector } = {}) {
     return assertInjector(depthBuffer, injector, () => {
-        const size = computed(() => params().size || 256, ...(ngDevMode ? [{ debugName: "size" }] : []));
-        const frames = computed(() => params().frames || Infinity, ...(ngDevMode ? [{ debugName: "frames" }] : []));
+        const size = computed(() => params().size || 256, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+        const frames = computed(() => params().frames || Infinity, ...(ngDevMode ? [{ debugName: "frames" }] : /* istanbul ignore next */ []));
         const store = injectStore();
-        const w = computed(() => size() || store.size.width() * store.viewport.dpr(), ...(ngDevMode ? [{ debugName: "w" }] : []));
-        const h = computed(() => size() || store.size.height() * store.viewport.dpr(), ...(ngDevMode ? [{ debugName: "h" }] : []));
+        const w = computed(() => size() || store.size.width() * store.viewport.dpr(), ...(ngDevMode ? [{ debugName: "w" }] : /* istanbul ignore next */ []));
+        const h = computed(() => size() || store.size.height() * store.viewport.dpr(), ...(ngDevMode ? [{ debugName: "h" }] : /* istanbul ignore next */ []));
         const depthConfig = computed(() => {
             const depthTexture = new THREE.DepthTexture(w(), h());
             depthTexture.format = THREE.DepthFormat;
             depthTexture.type = THREE.UnsignedShortType;
             return { depthTexture };
-        }, ...(ngDevMode ? [{ debugName: "depthConfig" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "depthConfig" }] : /* istanbul ignore next */ []));
         const depthFBO = fbo(() => ({ width: w(), height: h(), settings: depthConfig() }));
         let count = 0;
         beforeRender(({ gl, scene, camera }) => {
@@ -767,17 +767,26 @@ function objectScale(el, camera) {
  * @param el - The object to calculate z-index for
  * @param camera - The camera reference (must be Perspective or Orthographic)
  * @param zIndexRange - `[max, min]` range to map distance to
+ * @param logarithmicDepth - Computes the z-index logarithmicly to enable a wider camera range
  * @returns Calculated z-index, or `undefined` for unsupported camera types
  */
-function objectZIndex(el, camera, zIndexRange) {
+function objectZIndex(el, camera, zIndexRange, logarithmicDepth = false) {
     if (is.three(camera, 'isPerspectiveCamera') ||
         is.three(camera, 'isOrthographicCamera')) {
         const objectPos = v1.setFromMatrixPosition(el.matrixWorld);
         const cameraPos = v2.setFromMatrixPosition(camera.matrixWorld);
         const dist = objectPos.distanceTo(cameraPos);
-        const A = (zIndexRange[1] - zIndexRange[0]) / (camera.far - camera.near);
-        const B = zIndexRange[1] - A * camera.far;
-        return Math.round(A * dist + B);
+        if (logarithmicDepth) {
+            const safeNear = Math.max(camera.near, 1e-6);
+            const safeDist = Math.max(dist, 1e-6);
+            const depth = Math.log(safeDist / safeNear) / Math.log(camera.far / safeNear);
+            return Math.round(zIndexRange[0] + depth * (zIndexRange[1] - zIndexRange[0]));
+        }
+        else {
+            const A = (zIndexRange[1] - zIndexRange[0]) / (camera.far - camera.near);
+            const B = zIndexRange[1] - A * camera.far;
+            return Math.round(A * dist + B);
+        }
     }
     return undefined;
 }
@@ -886,7 +895,7 @@ class NgtsHTMLContent extends NgtHTML {
          * Content positioning and behavior options.
          * Aliased as `htmlContent` for use with the `[htmlContent]` attribute selector.
          */
-        this.options = input(defaultHtmlContentOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultHtmlContentOptions),
+        this.options = input(defaultHtmlContentOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultHtmlContentOptions),
             alias: 'htmlContent' });
         /**
          * Emits when occlusion state changes.
@@ -898,11 +907,11 @@ class NgtsHTMLContent extends NgtHTML {
          */
         this.occluded = output();
         /** Reference to outer transform container (transform mode only) */
-        this.transformOuterRef = viewChild('transformOuter', ...(ngDevMode ? [{ debugName: "transformOuterRef" }] : []));
+        this.transformOuterRef = viewChild('transformOuter', ...(ngDevMode ? [{ debugName: "transformOuterRef" }] : /* istanbul ignore next */ []));
         /** Reference to inner transform container (transform mode only) */
-        this.transformInnerRef = viewChild('transformInner', ...(ngDevMode ? [{ debugName: "transformInnerRef" }] : []));
+        this.transformInnerRef = viewChild('transformInner', ...(ngDevMode ? [{ debugName: "transformInnerRef" }] : /* istanbul ignore next */ []));
         /** Reference to the content container div */
-        this.containerRef = viewChild('container', ...(ngDevMode ? [{ debugName: "containerRef" }] : []));
+        this.containerRef = viewChild('container', ...(ngDevMode ? [{ debugName: "containerRef" }] : /* istanbul ignore next */ []));
         this.html = inject(NgtsHTMLImpl);
         this.host = inject(ElementRef);
         this.store = injectStore();
@@ -921,7 +930,7 @@ class NgtsHTMLContent extends NgtHTML {
             if (parent)
                 return parent;
             return (this.store.events.connected?.() || this.store.gl.domElement.parentNode());
-        }, ...(ngDevMode ? [{ debugName: "target" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
         const renderer = inject(Renderer2);
         let isMeshSizeSet = false;
         effect(() => {
@@ -987,7 +996,7 @@ class NgtsHTMLContent extends NgtHTML {
         let oldZoom = 0;
         let oldPosition = [0, 0];
         beforeRender(({ camera: rootCamera }) => {
-            const [hostEl, transformOuterEl, transformInnerEl, group, occlusionMesh, occlusionGeometry, isRaycastOcclusion, { camera, size, viewport, raycaster, scene }, { calculatePosition, eps, zIndexRange, sprite, distanceFactor }, { transform, occlude, scale },] = [
+            const [hostEl, transformOuterEl, transformInnerEl, group, occlusionMesh, occlusionGeometry, isRaycastOcclusion, { camera, size, viewport, raycaster, scene }, { calculatePosition, eps, zIndexRange, logarithmicDepth, sprite, distanceFactor }, { transform, occlude, scale },] = [
                 this.host.nativeElement,
                 this.transformOuterRef()?.nativeElement,
                 this.transformInnerRef()?.nativeElement,
@@ -1058,7 +1067,7 @@ class NgtsHTMLContent extends NgtHTML {
                             ? [zIndexRange[0], halfRange]
                             : [halfRange - 1, 0]
                         : zIndexRange;
-                    renderer.setStyle(hostEl, 'z-index', `${objectZIndex(group, camera, zRange)}`);
+                    renderer.setStyle(hostEl, 'z-index', `${objectZIndex(group, camera, zRange, logarithmicDepth)}`);
                     if (transform) {
                         const [widthHalf, heightHalf] = [size.width / 2, size.height / 2];
                         const fov = camera.projectionMatrix.elements[5] * heightHalf;
@@ -1136,8 +1145,8 @@ class NgtsHTMLContent extends NgtHTML {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsHTMLContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsHTMLContent, isStandalone: true, selector: "div[htmlContent]", inputs: { options: { classPropertyName: "options", publicName: "htmlContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { occluded: "occluded" }, host: { attributes: { "data-ngts-html-content": "" } }, viewQueries: [{ propertyName: "transformOuterRef", first: true, predicate: ["transformOuter"], descendants: true, isSignal: true }, { propertyName: "transformInnerRef", first: true, predicate: ["transformInner"], descendants: true, isSignal: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsHTMLContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsHTMLContent, isStandalone: true, selector: "div[htmlContent]", inputs: { options: { classPropertyName: "options", publicName: "htmlContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { occluded: "occluded" }, host: { attributes: { "data-ngts-html-content": "" } }, viewQueries: [{ propertyName: "transformOuterRef", first: true, predicate: ["transformOuter"], descendants: true, isSignal: true }, { propertyName: "transformInnerRef", first: true, predicate: ["transformInner"], descendants: true, isSignal: true }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
 		@if (html.transform()) {
 			<div
 				#transformOuter
@@ -1172,7 +1181,7 @@ class NgtsHTMLContent extends NgtHTML {
 		</ng-template>
 	`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsHTMLContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsHTMLContent, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[htmlContent]',
@@ -1252,14 +1261,14 @@ class NgtsHTMLImpl {
         /**
          * HTML anchor configuration including position, occlusion, and transform settings.
          */
-        this.options = input(defaultHtmlOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultHtmlOptions) });
+        this.options = input(defaultHtmlOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultHtmlOptions) });
         this.parameters = omit(this.options, ['occlude', 'castShadow', 'receiveShadow', 'transform']);
         /** Reference to the THREE.Group that serves as the 3D anchor point */
         this.groupRef = viewChild.required('group');
         /** Reference to the occlusion mesh (when using blending occlusion mode) */
-        this.occlusionMeshRef = viewChild('occlusionMesh', ...(ngDevMode ? [{ debugName: "occlusionMeshRef" }] : []));
+        this.occlusionMeshRef = viewChild('occlusionMesh', ...(ngDevMode ? [{ debugName: "occlusionMeshRef" }] : /* istanbul ignore next */ []));
         /** Reference to the occlusion geometry */
-        this.occlusionGeometryRef = viewChild('occlusionGeometry', ...(ngDevMode ? [{ debugName: "occlusionGeometryRef" }] : []));
+        this.occlusionGeometryRef = viewChild('occlusionGeometry', ...(ngDevMode ? [{ debugName: "occlusionGeometryRef" }] : /* istanbul ignore next */ []));
         this.castShadow = pick(this.options, 'castShadow');
         this.receiveShadow = pick(this.options, 'receiveShadow');
         /** Current occlusion mode setting */
@@ -1269,7 +1278,7 @@ class NgtsHTMLImpl {
         this.isRaycastOcclusion = computed(() => {
             const occlude = this.occlude();
             return (occlude && occlude !== 'blending') || (Array.isArray(occlude) && occlude.length && is.ref(occlude[0]));
-        }, ...(ngDevMode ? [{ debugName: "isRaycastOcclusion" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "isRaycastOcclusion" }] : /* istanbul ignore next */ []));
         this.shaders = computed(() => {
             const transform = this.transform();
             const vertexShader = !transform
@@ -1314,14 +1323,14 @@ class NgtsHTMLImpl {
       }
     `;
             return { vertexShader, fragmentShader };
-        }, ...(ngDevMode ? [{ debugName: "shaders" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "shaders" }] : /* istanbul ignore next */ []));
         this.vertexShader = pick(this.shaders, 'vertexShader');
         this.fragmentShader = pick(this.shaders, 'fragmentShader');
         this.DoubleSide = THREE.DoubleSide;
         extend({ Group, Mesh, PlaneGeometry, ShaderMaterial });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsHTMLImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsHTMLImpl, isStandalone: true, selector: "ngts-html", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "occlusionMeshRef", first: true, predicate: ["occlusionMesh"], descendants: true, isSignal: true }, { propertyName: "occlusionGeometryRef", first: true, predicate: ["occlusionGeometry"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsHTMLImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsHTMLImpl, isStandalone: true, selector: "ngts-html", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "occlusionMeshRef", first: true, predicate: ["occlusionMesh"], descendants: true, isSignal: true }, { propertyName: "occlusionGeometryRef", first: true, predicate: ["occlusionGeometry"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #group [parameters]="parameters()">
 			@if (occlude() && !isRaycastOcclusion()) {
 				<ngt-mesh #occlusionMesh [castShadow]="castShadow()" [receiveShadow]="receiveShadow()">
@@ -1342,7 +1351,7 @@ class NgtsHTMLImpl {
 		<ng-content />
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsHTMLImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsHTMLImpl, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-html',
@@ -1475,14 +1484,14 @@ class NgtsIntersect {
          * Two-way bound signal indicating frustum intersection state.
          * `true` when object is visible, `false` when outside frustum.
          */
-        this.intersect = model(false, ...(ngDevMode ? [{ debugName: "intersect" }] : []));
+        this.intersect = model(false, ...(ngDevMode ? [{ debugName: "intersect" }] : /* istanbul ignore next */ []));
         const host = inject(ElementRef);
         intersect(() => host, { source: this.intersect });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsIntersect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: NgtsIntersect, isStandalone: true, selector: "[intersect]", inputs: { intersect: { classPropertyName: "intersect", publicName: "intersect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { intersect: "intersectChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsIntersect, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtsIntersect, isStandalone: true, selector: "[intersect]", inputs: { intersect: { classPropertyName: "intersect", publicName: "intersect", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { intersect: "intersectChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsIntersect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsIntersect, decorators: [{
             type: Directive,
             args: [{ selector: '[intersect]' }]
         }], ctorParameters: () => [], propDecorators: { intersect: [{ type: i0.Input, args: [{ isSignal: true, alias: "intersect", required: false }] }, { type: i0.Output, args: ["intersectChange"] }] } });
@@ -1509,28 +1518,28 @@ class NgtsPreload {
          * When `true`, temporarily makes all invisible objects visible
          * during compilation to ensure everything is preloaded.
          */
-        this.all = model(...(ngDevMode ? [undefined, { debugName: "all" }] : []));
+        this.all = model(...(ngDevMode ? [undefined, { debugName: "all" }] : /* istanbul ignore next */ []));
         /**
          * Custom scene to preload. Defaults to the store's scene.
          */
-        this.scene = model(...(ngDevMode ? [undefined, { debugName: "scene" }] : []));
+        this.scene = model(...(ngDevMode ? [undefined, { debugName: "scene" }] : /* istanbul ignore next */ []));
         /**
          * Custom camera to use for compilation. Defaults to the store's camera.
          */
-        this.camera = model(...(ngDevMode ? [undefined, { debugName: "camera" }] : []));
+        this.camera = model(...(ngDevMode ? [undefined, { debugName: "camera" }] : /* istanbul ignore next */ []));
         this.store = injectStore();
         this.trueScene = computed(() => {
             const scene = this.scene();
             if (scene)
                 return resolveRef(scene);
             return this.store.scene();
-        }, ...(ngDevMode ? [{ debugName: "trueScene" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "trueScene" }] : /* istanbul ignore next */ []));
         this.trueCamera = computed(() => {
             const camera = this.camera();
             if (camera)
                 return resolveRef(camera);
             return this.store.camera();
-        }, ...(ngDevMode ? [{ debugName: "trueCamera" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "trueCamera" }] : /* istanbul ignore next */ []));
         effect(() => {
             const invisible = [];
             const [all, scene, camera, gl] = [this.all(), this.trueScene(), this.trueCamera(), this.store.gl()];
@@ -1556,10 +1565,10 @@ class NgtsPreload {
             invisible.forEach((object) => (object.visible = false));
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPreload, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: NgtsPreload, isStandalone: true, selector: "ngts-preload", inputs: { all: { classPropertyName: "all", publicName: "all", isSignal: true, isRequired: false, transformFunction: null }, scene: { classPropertyName: "scene", publicName: "scene", isSignal: true, isRequired: false, transformFunction: null }, camera: { classPropertyName: "camera", publicName: "camera", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { all: "allChange", scene: "sceneChange", camera: "cameraChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPreload, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtsPreload, isStandalone: true, selector: "ngts-preload", inputs: { all: { classPropertyName: "all", publicName: "all", isSignal: true, isRequired: false, transformFunction: null }, scene: { classPropertyName: "scene", publicName: "scene", isSignal: true, isRequired: false, transformFunction: null }, camera: { classPropertyName: "camera", publicName: "camera", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { all: "allChange", scene: "sceneChange", camera: "cameraChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPreload, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPreload, decorators: [{
             type: Directive,
             args: [{ selector: 'ngts-preload' }]
         }], ctorParameters: () => [], propDecorators: { all: [{ type: i0.Input, args: [{ isSignal: true, alias: "all", required: false }] }, { type: i0.Output, args: ["allChange"] }], scene: [{ type: i0.Input, args: [{ isSignal: true, alias: "scene", required: false }] }, { type: i0.Output, args: ["sceneChange"] }], camera: [{ type: i0.Input, args: [{ isSignal: true, alias: "camera", required: false }] }, { type: i0.Output, args: ["cameraChange"] }] } });
@@ -1689,16 +1698,16 @@ class NgtsSampler {
          * The mesh to sample points from.
          * If not provided, uses the first Mesh child of this component.
          */
-        this.mesh = input(null, ...(ngDevMode ? [{ debugName: "mesh" }] : []));
+        this.mesh = input(null, ...(ngDevMode ? [{ debugName: "mesh" }] : /* istanbul ignore next */ []));
         /**
          * The InstancedMesh to update with sampled transforms.
          * If not provided, uses the first InstancedMesh child of this component.
          */
-        this.instances = input(null, ...(ngDevMode ? [{ debugName: "instances" }] : []));
+        this.instances = input(null, ...(ngDevMode ? [{ debugName: "instances" }] : /* istanbul ignore next */ []));
         /**
          * Sampler configuration including count, weight attribute, and transform function.
          */
-        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) });
         this.parameters = omit(this.options, ['weight', 'transform', 'count']);
         this.groupRef = viewChild.required('group');
         this.count = pick(this.options, 'count');
@@ -1715,7 +1724,7 @@ class NgtsSampler {
                 return mesh;
             const objects = instanceState.objects();
             return objects.find((c) => is.three(c, 'isMesh'));
-        }, ...(ngDevMode ? [{ debugName: "meshToSample" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "meshToSample" }] : /* istanbul ignore next */ []));
         const instancedMeshToSample = computed(() => {
             const group = this.groupRef().nativeElement;
             const instanceState = getInstanceState(group);
@@ -1726,7 +1735,7 @@ class NgtsSampler {
                 return instances;
             const objects = instanceState.objects();
             return objects.find((c) => !!Object.getOwnPropertyDescriptor(c, 'instanceMatrix'));
-        }, ...(ngDevMode ? [{ debugName: "instancedMeshToSample" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "instancedMeshToSample" }] : /* istanbul ignore next */ []));
         // NOTE: because surfaceSampler returns a computed, we need to consume
         //  this computed in a Reactive Context (an effect) to ensure the inner logic of
         //  surfaceSampler is run properly.
@@ -1738,14 +1747,14 @@ class NgtsSampler {
         });
         effect(sampler);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsSampler, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsSampler, isStandalone: true, selector: "ngts-sampler", inputs: { mesh: { classPropertyName: "mesh", publicName: "mesh", isSignal: true, isRequired: false, transformFunction: null }, instances: { classPropertyName: "instances", publicName: "instances", isSignal: true, isRequired: false, transformFunction: null }, 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: NgtsSampler, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsSampler, isStandalone: true, selector: "ngts-sampler", inputs: { mesh: { classPropertyName: "mesh", publicName: "mesh", isSignal: true, isRequired: false, transformFunction: null }, instances: { classPropertyName: "instances", publicName: "instances", isSignal: true, isRequired: false, transformFunction: null }, 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: NgtsSampler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsSampler, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-sampler',
@@ -2071,7 +2080,7 @@ function reset(gl, scene, camera) {
  */
 class NgtsSoftShadows {
     constructor() {
-        this.options = input(defaultOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultOptions) });
+        this.options = input(defaultOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultOptions) });
         const store = injectStore();
         effect((onCleanup) => {
             const { gl, scene, camera } = store.snapshot;
@@ -2122,10 +2131,10 @@ class NgtsSoftShadows {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsSoftShadows, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.6", type: NgtsSoftShadows, isStandalone: true, selector: "ngts-soft-shadows", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsSoftShadows, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: NgtsSoftShadows, isStandalone: true, selector: "ngts-soft-shadows", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsSoftShadows, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsSoftShadows, decorators: [{
             type: Directive,
             args: [{ selector: 'ngts-soft-shadows' }]
         }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }] } });