angular-three-soba 4.2.0 → 4.2.2

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

@@ -45,10 +45,10 @@ class NgtsGizmoHelperContent {
     static ngTemplateContextGuard(_, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsGizmoHelperContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.6", type: NgtsGizmoHelperContent, isStandalone: true, selector: "ng-template[gizmoHelperContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoHelperContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: NgtsGizmoHelperContent, isStandalone: true, selector: "ng-template[gizmoHelperContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsGizmoHelperContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoHelperContent, decorators: [{
             type: Directive,
             args: [{ selector: 'ng-template[gizmoHelperContent]' }]
         }] });
@@ -84,15 +84,15 @@ const defaultOptions$2 = {
  */
 class NgtsGizmoHelperImpl {
     constructor() {
-        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.update = output();
         this.renderPriority = pick(this.options, 'renderPriority');
         this.margin = pick(this.options, 'margin');
         this.alignment = pick(this.options, 'alignment');
         this.scene = new THREE.Scene();
         this.content = contentChild.required(NgtsGizmoHelperContent, { read: TemplateRef });
-        this.gizmoRef = viewChild('gizmo', ...(ngDevMode ? [{ debugName: "gizmoRef" }] : []));
-        this.virtualCameraRef = viewChild(NgtsOrthographicCamera, ...(ngDevMode ? [{ debugName: "virtualCameraRef" }] : []));
+        this.gizmoRef = viewChild('gizmo', ...(ngDevMode ? [{ debugName: "gizmoRef" }] : /* istanbul ignore next */ []));
+        this.virtualCameraRef = viewChild(NgtsOrthographicCamera, ...(ngDevMode ? [{ debugName: "virtualCameraRef" }] : /* istanbul ignore next */ []));
         this.store = injectStore();
         this.x = computed(() => {
             const alignment = this.alignment();
@@ -100,14 +100,14 @@ class NgtsGizmoHelperImpl {
                 return 0;
             const [width, [marginX]] = [this.store.size.width(), this.margin()];
             return alignment.endsWith('-left') ? -width / 2 + marginX : width / 2 - marginX;
-        }, ...(ngDevMode ? [{ debugName: "x" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []));
         this.y = computed(() => {
             const alignment = this.alignment();
             if (alignment.startsWith('center-'))
                 return 0;
             const [height, [marginY]] = [this.store.size.height(), this.margin()];
             return alignment.startsWith('top-') ? height / 2 - marginY : -height / 2 + marginY;
-        }, ...(ngDevMode ? [{ debugName: "y" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []));
         this.animating = false;
         this.radius = 0;
         this.focusPoint = new THREE.Vector3(0, 0, 0);
@@ -203,8 +203,8 @@ class NgtsGizmoHelperImpl {
     isCameraControls(controls) {
         return 'getTarget' in controls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsGizmoHelperImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsGizmoHelperImpl, isStandalone: true, selector: "ngts-gizmo-helper", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update" }, queries: [{ propertyName: "content", first: true, predicate: NgtsGizmoHelperContent, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "gizmoRef", first: true, predicate: ["gizmo"], descendants: true, isSignal: true }, { propertyName: "virtualCameraRef", first: true, predicate: NgtsOrthographicCamera, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoHelperImpl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsGizmoHelperImpl, isStandalone: true, selector: "ngts-gizmo-helper", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update" }, queries: [{ propertyName: "content", first: true, predicate: NgtsGizmoHelperContent, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "gizmoRef", first: true, predicate: ["gizmo"], descendants: true, isSignal: true }, { propertyName: "virtualCameraRef", first: true, predicate: NgtsOrthographicCamera, descendants: true, isSignal: true }], ngImport: i0, template: `
 		@let _renderPriority = renderPriority();
 
 		<ngt-portal
@@ -225,7 +225,7 @@ class NgtsGizmoHelperImpl {
 		</ngt-portal>
 	`, isInline: true, dependencies: [{ kind: "component", type: i1.NgtPortalImpl, selector: "ngt-portal", inputs: ["container", "state"] }, { kind: "directive", type: i1.NgtPortalContent, selector: "ng-template[portalContent]" }, { kind: "directive", type: NgtPortalAutoRender, selector: "ngt-portal[autoRender]", inputs: ["autoRender"] }, { kind: "component", type: NgtsOrthographicCamera, selector: "ngts-orthographic-camera", inputs: ["options"] }, { 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: NgtsGizmoHelperImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoHelperImpl, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-gizmo-helper',
@@ -280,9 +280,9 @@ const defaultFaceMaterialOptions = {
  */
 class FaceMaterial {
     constructor() {
-        this.hover = input.required(...(ngDevMode ? [{ debugName: "hover" }] : []));
-        this.index = input.required(...(ngDevMode ? [{ debugName: "index" }] : []));
-        this.options = input(defaultFaceMaterialOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultFaceMaterialOptions) });
+        this.hover = input.required(...(ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []));
+        this.index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+        this.options = input(defaultFaceMaterialOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultFaceMaterialOptions) });
         this.faces = pick(this.options, 'faces');
         this.font = pick(this.options, 'font');
         this.color = pick(this.options, 'color');
@@ -292,7 +292,7 @@ class FaceMaterial {
         this.document = inject(DOCUMENT);
         this.store = injectStore();
         this.opacity = pick(this.options, 'opacity');
-        this.materialColor = computed(() => (this.hover() ? this.hoverColor() : 'white'), ...(ngDevMode ? [{ debugName: "materialColor" }] : []));
+        this.materialColor = computed(() => (this.hover() ? this.hoverColor() : 'white'), ...(ngDevMode ? [{ debugName: "materialColor" }] : /* istanbul ignore next */ []));
         this.texture = computed(() => {
             const [index, faces, font, color, textColor, strokeColor, gl] = [
                 this.index(),
@@ -318,11 +318,11 @@ class FaceMaterial {
             const texture = new THREE.CanvasTexture(canvas);
             texture.anisotropy = gl.capabilities.getMaxAnisotropy() || 1;
             return texture;
-        }, ...(ngDevMode ? [{ debugName: "texture" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "texture" }] : /* istanbul ignore next */ []));
         extend({ MeshBasicMaterial });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FaceMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: FaceMaterial, isStandalone: true, selector: "viewcube-face-material", inputs: { hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FaceMaterial, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: FaceMaterial, isStandalone: true, selector: "viewcube-face-material", inputs: { hover: { classPropertyName: "hover", publicName: "hover", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
 		<ngt-mesh-basic-material
 			[attach]="['material', index()]"
 			[map]="texture()"
@@ -332,7 +332,7 @@ class FaceMaterial {
 		/>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FaceMaterial, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FaceMaterial, decorators: [{
             type: Component,
             args: [{
                     selector: 'viewcube-face-material',
@@ -357,11 +357,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 class FaceCube {
     constructor() {
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
-        this.onClick = input(...(ngDevMode ? [undefined, { debugName: "onClick" }] : []));
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+        this.onClick = input(...(ngDevMode ? [undefined, { debugName: "onClick" }] : /* istanbul ignore next */ []));
         this.meshRef = viewChild.required('mesh');
         this.gizmoHelper = inject(NgtsGizmoHelperImpl);
-        this.hover = signal(-1, ...(ngDevMode ? [{ debugName: "hover" }] : []));
+        this.hover = signal(-1, ...(ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []));
         this.count = Array.from({ length: 6 });
         this.Math = Math;
         extend({ Mesh, BoxGeometry });
@@ -386,8 +386,8 @@ class FaceCube {
             this.gizmoHelper.tweenCamera(event.face.normal);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FaceCube, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: FaceCube, isStandalone: true, selector: "viewcube-face-cube", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, onClick: { classPropertyName: "onClick", publicName: "onClick", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FaceCube, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FaceCube, isStandalone: true, selector: "viewcube-face-cube", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, onClick: { classPropertyName: "onClick", publicName: "onClick", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-mesh #mesh (click)="internalOnClick($any($event))">
 			<ngt-box-geometry />
 			@for (face of count; track $index) {
@@ -396,7 +396,7 @@ class FaceCube {
 		</ngt-mesh>
 	`, isInline: true, dependencies: [{ kind: "component", type: FaceMaterial, selector: "viewcube-face-material", inputs: ["hover", "index", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: FaceCube, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FaceCube, decorators: [{
             type: Component,
             args: [{
                     selector: 'viewcube-face-cube',
@@ -421,18 +421,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 class EdgeCube {
     constructor() {
-        this.dimensions = input.required(...(ngDevMode ? [{ debugName: "dimensions" }] : []));
-        this.position = input.required(...(ngDevMode ? [{ debugName: "position" }] : []));
-        this.hoverColor = input(colors.hover, { ...(ngDevMode ? { debugName: "hoverColor" } : {}), transform: (value) => {
+        this.dimensions = input.required(...(ngDevMode ? [{ debugName: "dimensions" }] : /* istanbul ignore next */ []));
+        this.position = input.required(...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.hoverColor = input(colors.hover, { ...(ngDevMode ? { debugName: "hoverColor" } : /* istanbul ignore next */ {}), transform: (value) => {
                 if (value === undefined)
                     return colors.hover;
                 return value;
             } });
-        this.onClick = input(...(ngDevMode ? [undefined, { debugName: "onClick" }] : []));
+        this.onClick = input(...(ngDevMode ? [undefined, { debugName: "onClick" }] : /* istanbul ignore next */ []));
         this.meshRef = viewChild.required('mesh');
         this.gizmoHelper = inject(NgtsGizmoHelperImpl);
-        this.hover = signal(false, ...(ngDevMode ? [{ debugName: "hover" }] : []));
-        this.color = computed(() => (this.hover() ? this.hoverColor() : 'white'), ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.hover = signal(false, ...(ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []));
+        this.color = computed(() => (this.hover() ? this.hoverColor() : 'white'), ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         extend({ Mesh, BoxGeometry, MeshBasicMaterial });
         // TODO: (chau) remove this when event binding syntax no longer trigger cdr
         objectEvents(this.meshRef, {
@@ -455,15 +455,15 @@ class EdgeCube {
             this.gizmoHelper.tweenCamera(this.position());
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: EdgeCube, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: EdgeCube, isStandalone: true, selector: "viewcube-edge-cube", inputs: { dimensions: { classPropertyName: "dimensions", publicName: "dimensions", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, hoverColor: { classPropertyName: "hoverColor", publicName: "hoverColor", isSignal: true, isRequired: false, transformFunction: null }, onClick: { classPropertyName: "onClick", publicName: "onClick", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EdgeCube, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: EdgeCube, isStandalone: true, selector: "viewcube-edge-cube", inputs: { dimensions: { classPropertyName: "dimensions", publicName: "dimensions", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, hoverColor: { classPropertyName: "hoverColor", publicName: "hoverColor", isSignal: true, isRequired: false, transformFunction: null }, onClick: { classPropertyName: "onClick", publicName: "onClick", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-mesh #mesh [scale]="1.01" [position]="position()" (click)="internalOnClick($any($event))">
 			<ngt-mesh-basic-material transparent [opacity]="0.6" [color]="color()" [visible]="hover()" />
 			<ngt-box-geometry *args="dimensions()" />
 		</ngt-mesh>
 	`, 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: EdgeCube, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: EdgeCube, decorators: [{
             type: Component,
             args: [{
                     selector: 'viewcube-edge-cube',
@@ -496,7 +496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 class NgtsGizmoViewcube {
     constructor() {
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
         this.click = output();
         this.hoverColor = pick(this.options, 'hoverColor');
         this.corners = [
@@ -535,8 +535,8 @@ class NgtsGizmoViewcube {
     makePositionVector(xyz) {
         return new THREE.Vector3(...xyz).multiplyScalar(0.38);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsGizmoViewcube, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsGizmoViewcube, isStandalone: true, selector: "ngts-gizmo-viewcube", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoViewcube, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsGizmoViewcube, isStandalone: true, selector: "ngts-gizmo-viewcube", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: `
 		<ngt-group [scale]="60">
 			<viewcube-face-cube [options]="options()" [onClick]="onClick" />
 			@for (edge of edges; track $index) {
@@ -558,7 +558,7 @@ class NgtsGizmoViewcube {
 		</ngt-group>
 	`, isInline: true, dependencies: [{ kind: "component", type: FaceCube, selector: "viewcube-face-cube", inputs: ["options", "onClick"] }, { kind: "component", type: EdgeCube, selector: "viewcube-edge-cube", inputs: ["dimensions", "position", "hoverColor", "onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsGizmoViewcube, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoViewcube, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-gizmo-viewcube',
@@ -597,17 +597,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 class Axis {
     constructor() {
-        this.scale = input([0.8, 0.05, 0.05], { ...(ngDevMode ? { debugName: "scale" } : {}), transform: (value) => {
+        this.scale = input([0.8, 0.05, 0.05], { ...(ngDevMode ? { debugName: "scale" } : /* istanbul ignore next */ {}), transform: (value) => {
                 if (value === undefined)
                     return [0.8, 0.05, 0.05];
                 return value;
             } });
-        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
-        this.rotation = input([0, 0, 0], ...(ngDevMode ? [{ debugName: "rotation" }] : []));
+        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : /* istanbul ignore next */ []));
+        this.rotation = input([0, 0, 0], ...(ngDevMode ? [{ debugName: "rotation" }] : /* istanbul ignore next */ []));
         extend({ Group, Mesh, BoxGeometry, MeshBasicMaterial });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: Axis, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.6", type: Axis, isStandalone: true, selector: "viewport-axis", inputs: { scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, rotation: { classPropertyName: "rotation", publicName: "rotation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Axis, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: Axis, isStandalone: true, selector: "viewport-axis", inputs: { scale: { classPropertyName: "scale", publicName: "scale", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, rotation: { classPropertyName: "rotation", publicName: "rotation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
 		<ngt-group [rotation]="rotation()">
 			<ngt-mesh [position]="[0.4, 0, 0]">
 				<ngt-box-geometry *args="scale()" />
@@ -616,7 +616,7 @@ class Axis {
 		</ngt-group>
 	`, 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: Axis, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Axis, decorators: [{
             type: Component,
             args: [{
                     selector: 'viewport-axis',
@@ -641,14 +641,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 class AxisHead {
     constructor() {
-        this.arcStyle = input.required(...(ngDevMode ? [{ debugName: "arcStyle" }] : []));
-        this.position = input.required(...(ngDevMode ? [{ debugName: "position" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.labelColor = input('#000', ...(ngDevMode ? [{ debugName: "labelColor" }] : []));
-        this.axisHeadScale = input(1, ...(ngDevMode ? [{ debugName: "axisHeadScale" }] : []));
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        this.font = input('18px Inter var, Arial, sans-serif', ...(ngDevMode ? [{ debugName: "font" }] : []));
-        this.onClick = input(...(ngDevMode ? [undefined, { debugName: "onClick" }] : []));
+        this.arcStyle = input.required(...(ngDevMode ? [{ debugName: "arcStyle" }] : /* istanbul ignore next */ []));
+        this.position = input.required(...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.labelColor = input('#000', ...(ngDevMode ? [{ debugName: "labelColor" }] : /* istanbul ignore next */ []));
+        this.axisHeadScale = input(1, ...(ngDevMode ? [{ debugName: "axisHeadScale" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.font = input('18px Inter var, Arial, sans-serif', ...(ngDevMode ? [{ debugName: "font" }] : /* istanbul ignore next */ []));
+        this.onClick = input(...(ngDevMode ? [undefined, { debugName: "onClick" }] : /* istanbul ignore next */ []));
         this.spriteRef = viewChild.required('sprite');
         this.document = inject(DOCUMENT);
         this.gizmoHelper = inject(NgtsGizmoHelperImpl);
@@ -679,9 +679,9 @@ class AxisHead {
             const texture = new THREE.CanvasTexture(canvas);
             texture.anisotropy = gl.capabilities.getMaxAnisotropy() || 1;
             return texture;
-        }, ...(ngDevMode ? [{ debugName: "texture" }] : []));
-        this.active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : []));
-        this.scale = computed(() => (this.label() ? 1 : 0.75) * (this.active() ? 1.2 : 1) * this.axisHeadScale(), ...(ngDevMode ? [{ debugName: "scale" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "texture" }] : /* istanbul ignore next */ []));
+        this.active = signal(false, ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+        this.scale = computed(() => (this.label() ? 1 : 0.75) * (this.active() ? 1.2 : 1) * this.axisHeadScale(), ...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
         extend({ Sprite, SpriteMaterial });
         // TODO: (chau) remove this when event binding syntax no longer trigger cdr
         objectEvents(this.spriteRef, {
@@ -713,8 +713,8 @@ class AxisHead {
         event.stopPropagation();
         this.gizmoHelper.tweenCamera(event.object.position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AxisHead, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: AxisHead, isStandalone: true, selector: "viewport-axis-head", inputs: { arcStyle: { classPropertyName: "arcStyle", publicName: "arcStyle", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelColor: { classPropertyName: "labelColor", publicName: "labelColor", isSignal: true, isRequired: false, transformFunction: null }, axisHeadScale: { classPropertyName: "axisHeadScale", publicName: "axisHeadScale", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, font: { classPropertyName: "font", publicName: "font", isSignal: true, isRequired: false, transformFunction: null }, onClick: { classPropertyName: "onClick", publicName: "onClick", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "spriteRef", first: true, predicate: ["sprite"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AxisHead, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: AxisHead, isStandalone: true, selector: "viewport-axis-head", inputs: { arcStyle: { classPropertyName: "arcStyle", publicName: "arcStyle", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelColor: { classPropertyName: "labelColor", publicName: "labelColor", isSignal: true, isRequired: false, transformFunction: null }, axisHeadScale: { classPropertyName: "axisHeadScale", publicName: "axisHeadScale", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, font: { classPropertyName: "font", publicName: "font", isSignal: true, isRequired: false, transformFunction: null }, onClick: { classPropertyName: "onClick", publicName: "onClick", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "spriteRef", first: true, predicate: ["sprite"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-sprite #sprite [scale]="scale()" [position]="position()">
 			<ngt-sprite-material
 				[map]="texture()"
@@ -725,7 +725,7 @@ class AxisHead {
 		</ngt-sprite>
 	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: AxisHead, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AxisHead, decorators: [{
             type: Component,
             args: [{
                     selector: 'viewport-axis-head',
@@ -772,7 +772,7 @@ const defaultOptions$1 = {
 class NgtsGizmoViewport {
     constructor() {
         this.Math = Math;
-        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, [
             'axisColors',
             'axisScale',
@@ -801,8 +801,8 @@ class NgtsGizmoViewport {
             return getEmitter(this.click);
         return undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsGizmoViewport, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsGizmoViewport, isStandalone: true, selector: "ngts-gizmo-viewport", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoViewport, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsGizmoViewport, isStandalone: true, selector: "ngts-gizmo-viewport", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: `
 		@let _axisScale = axisScale();
 		@let _axisHeadScale = axisHeadScale();
 		@let _labels = labels();
@@ -875,7 +875,7 @@ class NgtsGizmoViewport {
 		</ngt-group>
 	`, isInline: true, dependencies: [{ kind: "component", type: Axis, selector: "viewport-axis", inputs: ["scale", "color", "rotation"] }, { kind: "component", type: AxisHead, selector: "viewport-axis-head", inputs: ["arcStyle", "position", "label", "labelColor", "axisHeadScale", "disabled", "font", "onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsGizmoViewport, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsGizmoViewport, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-gizmo-viewport',
@@ -998,26 +998,26 @@ const offsetMatrix$1 = new THREE.Matrix4();
 class NgtsAxisArrow {
     constructor() {
         this.DoubleSide = THREE.DoubleSide;
-        this.direction = input.required(...(ngDevMode ? [{ debugName: "direction" }] : []));
-        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : []));
+        this.direction = input.required(...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : /* istanbul ignore next */ []));
         this.groupRef = viewChild.required('group');
         this.innerGroupRef = viewChild.required('innerGroup');
-        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : {}), read: ElementRef });
+        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : /* istanbul ignore next */ {}), read: ElementRef });
         this.pivotControls = inject(NgtsPivotControls);
         this.store = injectStore();
-        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : []));
+        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
         this.clickInfo = null;
         this.offset0 = 0;
-        this.color = computed(() => this.hovered() ? this.pivotControls.hoveredColor() : this.pivotControls.axisColors()[this.axis()], ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.color = computed(() => this.hovered() ? this.pivotControls.hoveredColor() : this.pivotControls.axisColors()[this.axis()], ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         this.coneWidth = computed(() => this.pivotControls.fixed()
             ? (this.pivotControls.lineWidth() / this.pivotControls.scale()) * 1.6
-            : this.pivotControls.scale() / 20, ...(ngDevMode ? [{ debugName: "coneWidth" }] : []));
-        this.coneLength = computed(() => (this.pivotControls.fixed() ? 0.2 : this.pivotControls.scale() / 5), ...(ngDevMode ? [{ debugName: "coneLength" }] : []));
-        this.cylinderLength = computed(() => this.pivotControls.fixed() ? 1 - this.coneLength() : this.pivotControls.scale() - this.coneLength(), ...(ngDevMode ? [{ debugName: "cylinderLength" }] : []));
+            : this.pivotControls.scale() / 20, ...(ngDevMode ? [{ debugName: "coneWidth" }] : /* istanbul ignore next */ []));
+        this.coneLength = computed(() => (this.pivotControls.fixed() ? 0.2 : this.pivotControls.scale() / 5), ...(ngDevMode ? [{ debugName: "coneLength" }] : /* istanbul ignore next */ []));
+        this.cylinderLength = computed(() => this.pivotControls.fixed() ? 1 - this.coneLength() : this.pivotControls.scale() - this.coneLength(), ...(ngDevMode ? [{ debugName: "cylinderLength" }] : /* istanbul ignore next */ []));
         this.matrixL = computed(() => {
             const quaternion = new THREE.Quaternion().setFromUnitVectors(upV$1, this.direction().clone().normalize());
             return new THREE.Matrix4().makeRotationFromQuaternion(quaternion);
-        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : /* istanbul ignore next */ []));
         extend({ Group, Mesh, ConeGeometry, CylinderGeometry, MeshBasicMaterial });
         // TODO: (chau) remove this when event binding syntax no longer trigger cdr
         objectEvents(this.innerGroupRef, {
@@ -1100,8 +1100,8 @@ class NgtsAxisArrow {
         event.stopPropagation();
         this.hovered.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAxisArrow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsAxisArrow, isStandalone: true, selector: "ngts-axis-arrow", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "innerGroupRef", first: true, predicate: ["innerGroup"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAxisArrow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsAxisArrow, isStandalone: true, selector: "ngts-axis-arrow", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "innerGroupRef", first: true, predicate: ["innerGroup"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #group>
 			<ngt-group #innerGroup [matrix]="matrixL()" [matrixAutoUpdate]="false">
 				@if (pivotControls.annotations()) {
@@ -1162,7 +1162,7 @@ class NgtsAxisArrow {
 		</ngt-group>
 	`, isInline: true, dependencies: [{ kind: "directive", type: NgtArgs, selector: "ng-template[args]", inputs: ["args"] }, { kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }, { kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAxisArrow, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAxisArrow, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-axis-arrow',
@@ -1319,14 +1319,14 @@ const intersection$1 = new THREE.Vector3();
 class NgtsAxisRotator {
     constructor() {
         this.DoubleSide = THREE.DoubleSide;
-        this.dir1 = input.required(...(ngDevMode ? [{ debugName: "dir1" }] : []));
-        this.dir2 = input.required(...(ngDevMode ? [{ debugName: "dir2" }] : []));
-        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : []));
+        this.dir1 = input.required(...(ngDevMode ? [{ debugName: "dir1" }] : /* istanbul ignore next */ []));
+        this.dir2 = input.required(...(ngDevMode ? [{ debugName: "dir2" }] : /* istanbul ignore next */ []));
+        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : /* istanbul ignore next */ []));
         this.groupRef = viewChild.required('group');
-        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : {}), read: ElementRef });
+        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : /* istanbul ignore next */ {}), read: ElementRef });
         this.pivotControls = inject(NgtsPivotControls);
         this.store = injectStore();
-        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : []));
+        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
         this.angle = 0;
         this.angle0 = 0;
         this.clickInfo = null;
@@ -1334,8 +1334,8 @@ class NgtsAxisRotator {
             const dir1N = this.dir1().clone().normalize();
             const dir2N = this.dir2().clone().normalize();
             return new THREE.Matrix4().makeBasis(dir1N, dir2N, dir1N.clone().cross(dir2N));
-        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : []));
-        this.r = computed(() => (this.pivotControls.fixed() ? 0.65 : this.pivotControls.scale() * 0.65), ...(ngDevMode ? [{ debugName: "r" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : /* istanbul ignore next */ []));
+        this.r = computed(() => (this.pivotControls.fixed() ? 0.65 : this.pivotControls.scale() * 0.65), ...(ngDevMode ? [{ debugName: "r" }] : /* istanbul ignore next */ []));
         this.arc = computed(() => {
             const segments = 32;
             const points = [];
@@ -1344,7 +1344,7 @@ class NgtsAxisRotator {
                 points.push(new THREE.Vector3(Math.cos(angle) * this.r(), Math.sin(angle) * this.r(), 0));
             }
             return points;
-        }, ...(ngDevMode ? [{ debugName: "arc" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "arc" }] : /* istanbul ignore next */ []));
         extend({ Group });
         // TODO: (chau) remove this when event binding syntax no longer trigger cdr
         objectEvents(this.groupRef, {
@@ -1441,8 +1441,8 @@ class NgtsAxisRotator {
         event.stopPropagation();
         this.hovered.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAxisRotator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsAxisRotator, isStandalone: true, selector: "ngts-axis-rotator", inputs: { dir1: { classPropertyName: "dir1", publicName: "dir1", isSignal: true, isRequired: true, transformFunction: null }, dir2: { classPropertyName: "dir2", publicName: "dir2", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAxisRotator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsAxisRotator, isStandalone: true, selector: "ngts-axis-rotator", inputs: { dir1: { classPropertyName: "dir1", publicName: "dir1", isSignal: true, isRequired: true, transformFunction: null }, dir2: { classPropertyName: "dir2", publicName: "dir2", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #group [matrix]="matrixL()" [matrixAutoUpdate]="false">
 			@if (pivotControls.annotations()) {
 				<ngts-html [options]="{ position: [r(), r(), 0] }">
@@ -1483,7 +1483,7 @@ class NgtsAxisRotator {
 		</ngt-group>
 	`, isInline: true, dependencies: [{ kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }, { kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsAxisRotator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsAxisRotator, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-axis-rotator',
@@ -1575,15 +1575,15 @@ const offsetMatrix = new THREE.Matrix4();
 class NgtsPlaneSlider {
     constructor() {
         this.DoubleSide = THREE.DoubleSide;
-        this.dir1 = input.required(...(ngDevMode ? [{ debugName: "dir1" }] : []));
-        this.dir2 = input.required(...(ngDevMode ? [{ debugName: "dir2" }] : []));
-        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : []));
+        this.dir1 = input.required(...(ngDevMode ? [{ debugName: "dir1" }] : /* istanbul ignore next */ []));
+        this.dir2 = input.required(...(ngDevMode ? [{ debugName: "dir2" }] : /* istanbul ignore next */ []));
+        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : /* istanbul ignore next */ []));
         this.groupRef = viewChild.required('group');
         this.meshRef = viewChild.required('mesh');
-        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : {}), read: ElementRef });
+        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : /* istanbul ignore next */ {}), read: ElementRef });
         this.pivotControls = inject(NgtsPivotControls);
         this.store = injectStore();
-        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : []));
+        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
         this.clickInfo = null;
         this.offsetX0 = 0;
         this.offsetY0 = 0;
@@ -1591,10 +1591,10 @@ class NgtsPlaneSlider {
             const dir1N = this.dir1().clone().normalize();
             const dir2N = this.dir2().clone().normalize();
             return new THREE.Matrix4().makeBasis(dir1N, dir2N, dir1N.clone().cross(dir2N));
-        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : []));
-        this.pos1 = computed(() => (this.pivotControls.fixed() ? 1 / 7 : this.pivotControls.scale() / 7), ...(ngDevMode ? [{ debugName: "pos1" }] : []));
-        this.length = computed(() => (this.pivotControls.fixed() ? 0.225 : this.pivotControls.scale() * 0.225), ...(ngDevMode ? [{ debugName: "length" }] : []));
-        this.color = computed(() => this.hovered() ? this.pivotControls.hoveredColor() : this.pivotControls.axisColors()[this.axis()], ...(ngDevMode ? [{ debugName: "color" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : /* istanbul ignore next */ []));
+        this.pos1 = computed(() => (this.pivotControls.fixed() ? 1 / 7 : this.pivotControls.scale() / 7), ...(ngDevMode ? [{ debugName: "pos1" }] : /* istanbul ignore next */ []));
+        this.length = computed(() => (this.pivotControls.fixed() ? 0.225 : this.pivotControls.scale() * 0.225), ...(ngDevMode ? [{ debugName: "length" }] : /* istanbul ignore next */ []));
+        this.color = computed(() => this.hovered() ? this.pivotControls.hoveredColor() : this.pivotControls.axisColors()[this.axis()], ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         this.points = computed(() => {
             const length = this.length();
             return [
@@ -1604,7 +1604,7 @@ class NgtsPlaneSlider {
                 new THREE.Vector3(length, 0, 0),
                 new THREE.Vector3(0, 0, 0),
             ];
-        }, ...(ngDevMode ? [{ debugName: "points" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "points" }] : /* istanbul ignore next */ []));
         extend({ Group, Mesh, PlaneGeometry, MeshBasicMaterial });
         // TODO: (chau) remove this when event binding syntax no longer trigger cdr
         objectEvents(this.meshRef, {
@@ -1703,8 +1703,8 @@ class NgtsPlaneSlider {
         event.stopPropagation();
         this.hovered.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPlaneSlider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsPlaneSlider, isStandalone: true, selector: "ngts-plane-slider", inputs: { dir1: { classPropertyName: "dir1", publicName: "dir1", isSignal: true, isRequired: true, transformFunction: null }, dir2: { classPropertyName: "dir2", publicName: "dir2", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPlaneSlider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsPlaneSlider, isStandalone: true, selector: "ngts-plane-slider", inputs: { dir1: { classPropertyName: "dir1", publicName: "dir1", isSignal: true, isRequired: true, transformFunction: null }, dir2: { classPropertyName: "dir2", publicName: "dir2", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #group [matrix]="matrixL()" [matrixAutoUpdate]="false">
 			@if (pivotControls.annotations()) {
 				<ngts-html [options]="{ position: [0, 0, 0] }">
@@ -1755,7 +1755,7 @@ class NgtsPlaneSlider {
 		</ngt-group>
 	`, isInline: true, dependencies: [{ kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }, { kind: "component", type: NgtsLine, selector: "ngts-line", inputs: ["points", "options"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPlaneSlider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPlaneSlider, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-plane-slider',
@@ -1858,27 +1858,27 @@ const scaleMatrix = new THREE.Matrix4();
  */
 class NgtsScalingSphere {
     constructor() {
-        this.direction = input.required(...(ngDevMode ? [{ debugName: "direction" }] : []));
-        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : []));
+        this.direction = input.required(...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+        this.axis = input.required(...(ngDevMode ? [{ debugName: "axis" }] : /* istanbul ignore next */ []));
         this.groupRef = viewChild.required('group');
         this.innerGroupRef = viewChild.required('innerGroup');
-        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : {}), read: ElementRef });
+        this.annotationRef = viewChild('annotation', { ...(ngDevMode ? { debugName: "annotationRef" } : /* istanbul ignore next */ {}), read: ElementRef });
         this.meshRef = viewChild.required('mesh');
         this.pivotControls = inject(NgtsPivotControls);
         this.store = injectStore();
-        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : []));
+        this.hovered = signal(false, ...(ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []));
         this.scale0 = 1;
         this.scaleCurrent = 1;
         this.clickInfo = null;
-        this.position = computed(() => (this.pivotControls.fixed() ? 1.2 : 1.2 * this.pivotControls.scale()), ...(ngDevMode ? [{ debugName: "position" }] : []));
+        this.position = computed(() => (this.pivotControls.fixed() ? 1.2 : 1.2 * this.pivotControls.scale()), ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
         this.radius = computed(() => this.pivotControls.fixed()
             ? (this.pivotControls.lineWidth() / this.pivotControls.scale()) * 1.8
-            : this.pivotControls.scale() / 22.5, ...(ngDevMode ? [{ debugName: "radius" }] : []));
+            : this.pivotControls.scale() / 22.5, ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
         this.matrixL = computed(() => {
             const quaternion = new THREE.Quaternion().setFromUnitVectors(upV, this.direction().clone().normalize());
             return new THREE.Matrix4().makeRotationFromQuaternion(quaternion);
-        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : []));
-        this.color = computed(() => this.hovered() ? this.pivotControls.hoveredColor() : this.pivotControls.axisColors()[this.axis()], ...(ngDevMode ? [{ debugName: "color" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "matrixL" }] : /* istanbul ignore next */ []));
+        this.color = computed(() => this.hovered() ? this.pivotControls.hoveredColor() : this.pivotControls.axisColors()[this.axis()], ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
         extend({ Group, Mesh, SphereGeometry, MeshBasicMaterial });
         // TODO: (chau) remove this when event binding syntax no longer trigger cdr
         objectEvents(this.innerGroupRef, {
@@ -1982,8 +1982,8 @@ class NgtsScalingSphere {
         event.stopPropagation();
         this.hovered.set(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsScalingSphere, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsScalingSphere, isStandalone: true, selector: "ngts-scaling-sphere", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "innerGroupRef", first: true, predicate: ["innerGroup"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsScalingSphere, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsScalingSphere, isStandalone: true, selector: "ngts-scaling-sphere", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: true, transformFunction: null }, axis: { classPropertyName: "axis", publicName: "axis", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "innerGroupRef", first: true, predicate: ["innerGroup"], descendants: true, isSignal: true }, { propertyName: "annotationRef", first: true, predicate: ["annotation"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "meshRef", first: true, predicate: ["mesh"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #group>
 			<ngt-group #innerGroup [matrix]="matrixL()" [matrixAutoUpdate]="false">
 				@if (pivotControls.annotations()) {
@@ -2016,7 +2016,7 @@ class NgtsScalingSphere {
 		</ngt-group>
 	`, isInline: true, dependencies: [{ kind: "component", type: i1$1.NgtsHTMLImpl, selector: "ngts-html", inputs: ["options"] }, { kind: "component", type: i1$1.NgtsHTMLContent, selector: "div[htmlContent]", inputs: ["htmlContent"], outputs: ["occluded"] }, { 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: NgtsScalingSphere, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsScalingSphere, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-scaling-sphere',
@@ -2133,7 +2133,7 @@ const defaultOptions = {
  */
 class NgtsPivotControls {
     constructor() {
-        this.options = input(defaultOptions, { ...(ngDevMode ? { debugName: "options" } : {}), transform: mergeInputs(defaultOptions) });
+        this.options = input(defaultOptions, { ...(ngDevMode ? { debugName: "options" } : /* istanbul ignore next */ {}), transform: mergeInputs(defaultOptions) });
         this.parameters = omit(this.options, [
             'enabled',
             'matrix',
@@ -2315,8 +2315,8 @@ class NgtsPivotControls {
         this.dragEnded.emit();
         this.store.snapshot.invalidate();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPivotControls, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.6", type: NgtsPivotControls, isStandalone: true, selector: "ngts-pivot-controls", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStarted: "dragStarted", dragEnded: "dragEnded", dragged: "dragged" }, viewQueries: [{ propertyName: "parentRef", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "gizmoRef", first: true, predicate: ["gizmo"], descendants: true, isSignal: true }, { propertyName: "childrenRef", first: true, predicate: ["children"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPivotControls, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: NgtsPivotControls, isStandalone: true, selector: "ngts-pivot-controls", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dragStarted: "dragStarted", dragEnded: "dragEnded", dragged: "dragged" }, viewQueries: [{ propertyName: "parentRef", first: true, predicate: ["parent"], descendants: true, isSignal: true }, { propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "gizmoRef", first: true, predicate: ["gizmo"], descendants: true, isSignal: true }, { propertyName: "childrenRef", first: true, predicate: ["children"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-group #parent>
 			<ngt-group #group [matrix]="matrix()" [matrixAutoUpdate]="false" [parameters]="parameters()">
 				<ngt-group #gizmo [visible]="visible()" [position]="offset()" [rotation]="rotation()">
@@ -2375,7 +2375,7 @@ class NgtsPivotControls {
 		</ngt-group>
 	`, isInline: true, dependencies: [{ kind: "component", type: NgtsAxisArrow, selector: "ngts-axis-arrow", inputs: ["direction", "axis"] }, { kind: "component", type: NgtsPlaneSlider, selector: "ngts-plane-slider", inputs: ["dir1", "dir2", "axis"] }, { kind: "component", type: NgtsAxisRotator, selector: "ngts-axis-rotator", inputs: ["dir1", "dir2", "axis"] }, { kind: "component", type: NgtsScalingSphere, selector: "ngts-scaling-sphere", inputs: ["direction", "axis"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsPivotControls, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsPivotControls, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-pivot-controls',
@@ -2472,8 +2472,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.6", ngImpor
  */
 class NgtsTransformControls {
     constructor() {
-        this.object = input(null, ...(ngDevMode ? [{ debugName: "object" }] : []));
-        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.object = input(null, ...(ngDevMode ? [{ debugName: "object" }] : /* istanbul ignore next */ []));
+        this.options = input({}, ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
         this.parameters = omit(this.options, [
             'enabled',
             'axis',
@@ -2522,7 +2522,7 @@ class NgtsTransformControls {
                 domElement = this.store.events().connected || this.store.gl.domElement();
             }
             return new TransformControls(camera, domElement);
-        }, ...(ngDevMode ? [{ debugName: "controls" }] : []));
+        }, ...(ngDevMode ? [{ debugName: "controls" }] : /* istanbul ignore next */ []));
         extend({ Group });
         effect((onCleanup) => {
             const cleanup = this.updateDefaultControlsEffect();
@@ -2610,8 +2610,8 @@ class NgtsTransformControls {
         this.store.update({ controls });
         return () => this.store.update(() => ({ controls: oldControls }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.6", ngImport: i0, type: NgtsTransformControls, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.6", type: NgtsTransformControls, isStandalone: true, selector: "ngts-transform-controls", inputs: { object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", mouseDown: "mouseDown", mouseUp: "mouseUp", objectChange: "objectChange" }, 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: NgtsTransformControls, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.9", type: NgtsTransformControls, isStandalone: true, selector: "ngts-transform-controls", inputs: { object: { classPropertyName: "object", publicName: "object", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change", mouseDown: "mouseDown", mouseUp: "mouseUp", objectChange: "objectChange" }, viewQueries: [{ propertyName: "groupRef", first: true, predicate: ["group"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<ngt-primitive *args="[controls()]" [parameters]="controlsOptions()" />
 
 		<ngt-group #group [parameters]="parameters()">
@@ -2619,7 +2619,7 @@ class NgtsTransformControls {
 		</ngt-group>
 	`, 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: NgtsTransformControls, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: NgtsTransformControls, decorators: [{
             type: Component,
             args: [{
                     selector: 'ngts-transform-controls',