@2112-lab/central-plant 0.1.4 → 0.1.5

package/dist/esm/src/managers/controls/transformControlsManager.js

@@ -1 +1,1782 @@
-import{createClass as t,createForOfIteratorHelper as i,objectSpread2 as s,classCallCheck as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import*as n from"three";import{TransformControls as h}from"./TransformControls.js";var o=function(){return t(function t(i,s,n){var h=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;e(this,t),this.scene=i,this.camera=s,this.renderer=n,this.orbitControls=h,this.transformControls=null,this.boundingBoxHelper=null,this.boundingBoxCache=new WeakMap,this.selectedObject=null,this.currentMode="translate",this.currentSpace="world",this.forceInvisible=!1,this.eventHandlers={keydown:null,click:null,transformStart:null,transformEnd:null,transforming:null},this.clickTiming={lastClickTime:0,lastClickedObject:null,doubleClickDelay:300},this.transformState={isTransforming:!1,initialTransform:null,currentTransform:null},this.config={size:1,enabled:!0,showX:!0,showY:!0,showZ:!0,snap:null,translationSnap:null,rotationSnap:null,scaleSnap:null,showBoundingBox:!0,boundingBoxColor:65280,useBoundingBoxSelection:!0},this.callbacks={onObjectSelect:null,onTransformStart:null,onTransform:null,onTransformEnd:null,onModeChange:null,onObjectRemoved:null},this.init()},[{key:"init",value:function(){this.createTransformControls(),this.setupEventListeners(),this.setupKeyboardControls()}},{key:"on",value:function(t){t.onObjectSelect&&(this.callbacks.onObjectSelect=t.onObjectSelect),t.onTransformStart&&(this.callbacks.onTransformStart=t.onTransformStart),t.onTransform&&(this.callbacks.onTransform=t.onTransform),t.onTransformEnd&&(this.callbacks.onTransformEnd=t.onTransformEnd),t.onModeChange&&(this.callbacks.onModeChange=t.onModeChange),t.onObjectRemoved&&(this.callbacks.onObjectRemoved=t.onObjectRemoved)}},{key:"createTransformControls",value:function(){this.transformControls=new h(this.camera,this.renderer.domElement),this.transformControls.setMode(this.currentMode),this.transformControls.setSpace(this.currentSpace),this.transformControls.setSize(this.config.size),this.transformControls.setDelay(this.clickTiming),this.transformControls.showX=this.config.showX,this.transformControls.showY=this.config.showY,this.transformControls.showZ=this.config.showZ,this.transformControls.showXY=!1,this.transformControls.showYZ=!1,this.transformControls.showXZ=!1,this.transformControls.isTransformControls=!0,this.transformControls.userData={isTransformControls:!0},this.scene.add(this.transformControls),this.transformControls.enabled=!1,this.t()}},{key:"setupEventListeners",value:function(){var t=this;this.eventHandlers.transformStart=function(){t.transformState.isTransforming=!0,t.selectedObject&&(t.transformState.initialTransform={position:t.selectedObject.position.clone(),rotation:t.selectedObject.rotation.clone(),scale:t.selectedObject.scale.clone()}),t.orbitControls&&(t.orbitControls.enabled=!1),t.callbacks.onTransformStart&&t.callbacks.onTransformStart(t.selectedObject,t.currentMode)},this.eventHandlers.transformEnd=function(){if(t.transformState.isTransforming=!1,t.orbitControls&&(t.orbitControls.enabled=!0),t.selectedObject&&(t.transformState.currentTransform={position:t.selectedObject.position.clone(),rotation:t.selectedObject.rotation.clone(),scale:t.selectedObject.scale.clone()},t.boundingBoxCache.has(t.selectedObject)&&t.boundingBoxCache.delete(t.selectedObject)),t.callbacks.onTransformEnd&&t.callbacks.onTransformEnd(t.selectedObject,t.transformState.initialTransform,t.transformState.currentTransform,t.currentMode),"undefined"!=typeof window){var i,s=new CustomEvent("sceneUpdateComplete",{detail:{timestamp:Date.now(),transformType:t.currentMode,objectName:(null===(i=t.selectedObject)||void 0===i?void 0:i.name)||"unknown"}});window.dispatchEvent(s)}},this.eventHandlers.transforming=function(){if(t.selectedObject&&t.boundingBoxCache.has(t.selectedObject)&&t.boundingBoxCache.delete(t.selectedObject),t.updateBoundingBox(),t.callbacks.onTransform&&t.callbacks.onTransform(t.selectedObject,t.currentMode),"undefined"!=typeof window){var i,s=new CustomEvent("sceneUpdateComplete",{detail:{timestamp:Date.now(),transformType:t.currentMode,objectName:(null===(i=t.selectedObject)||void 0===i?void 0:i.name)||"unknown",isTransforming:!0}});window.dispatchEvent(s)}},this.transformControls&&(this.eventHandlers.transformStart&&this.transformControls.removeEventListener("mouseDown",this.eventHandlers.transformStart),this.eventHandlers.transformEnd&&this.transformControls.removeEventListener("mouseUp",this.eventHandlers.transformEnd),this.eventHandlers.transforming&&this.transformControls.removeEventListener("objectChange",this.eventHandlers.transforming),this.transformControls.addEventListener("mouseDown",this.eventHandlers.transformStart),this.transformControls.addEventListener("mouseUp",this.eventHandlers.transformEnd),this.transformControls.addEventListener("objectChange",this.eventHandlers.transforming))}},{key:"setupKeyboardControls",value:function(){var t=this;this.eventHandlers.keydown=function(i){if(t.transformControls.enabled&&!t.transformState.isTransforming&&(!i.ctrlKey||"KeyZ"!==i.code))switch(i.code){case"KeyG":t.setMode("translate");break;case"KeyR":t.setMode("rotate");break;case"KeyS":t.setMode("scale");break;case"KeyW":t.setSpace("world");break;case"KeyL":t.setSpace("local");break;case"Escape":t.deselectObject();break;case"KeyX":t.setAxisConstraint("X");break;case"KeyY":t.setAxisConstraint("Y");break;case"KeyZ":i.ctrlKey||t.setAxisConstraint("Z");break;case"ShiftLeft":case"ShiftRight":t.clearAxisConstraint();break;case"Backspace":t.handleObjectRemoval()}},window.addEventListener("keydown",this.eventHandlers.keydown)}},{key:"setupObjectSelection",value:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,s=new n.Raycaster,e=new n.Vector2;this.eventHandlers.click=function(n){if(!t.transformState.isTransforming){var h=Date.now(),o=h-t.clickTiming.lastClickTime;t.i(n,e),s.setFromCamera(e,t.camera);var a=t.h(s,i),l=a===t.clickTiming.lastClickedObject,r=o<t.clickTiming.doubleClickDelay;l&&r&&null!==a?(t.selectObject(a),t.clickTiming.lastClickTime=0,t.clickTiming.lastClickedObject=null):(t.deselectObject(),a&&t.selectObjectForTransformOnly(a),t.clickTiming.lastClickTime=h,t.clickTiming.lastClickedObject=a)}},this.renderer.domElement.addEventListener("click",this.eventHandlers.click)}},{key:"_calculateMousePosition",value:function(t,i){var s=this.renderer.domElement.getBoundingClientRect();i.x=(t.clientX-s.left)/s.width*2-1,i.y=-(t.clientY-s.top)/s.height*2+1}},{key:"_findTargetObject",value:function(t,i){if(this.config.useBoundingBoxSelection){var s=this.o(t,i);if(s)return s}return this.l(t,i)}},{key:"_findTargetViaBoundingBox",value:function(t,i){var s=this.intersectObjectsBoundingBoxes(t,i);if(s.length>0){var e=s[0].object;if(this.u(e))return e}return null}},{key:"_findTargetViaMesh",value:function(t,i){var s=t.intersectObjects(this.scene.children,!0);if(s.length>0){var e=s[0].object;if(e=this.v(e),(i?i(e):this.isSelectableObject(e))&&this.u(e)){this.config.useBoundingBoxSelection;return e}}return null}},{key:"_resolveHierarchyTarget",value:function(t){var i,s,e;return this.isConnectorOrb(t)?t:null!==(i=t.parent)&&void 0!==i&&null!==(i=i.name)&&void 0!==i&&i.includes(" Component")?t.parent:null!==(s=t.parent)&&void 0!==s&&null!==(s=s.parent)&&void 0!==s&&null!==(s=s.name)&&void 0!==s&&s.includes(" Component")?t.parent.parent:(null!==(e=t.userData)&&void 0!==e&&e.isPipeSegment,t)}},{key:"_isValidSelectableObject",value:function(t){return!(!t||!t.parent)&&!!(t.position&&t.rotation&&t.scale&&t.updateMatrixWorld)}},{key:"isConnectorOrb",value:function(t){if(!t||!t.isObject3D)return!1;if(!t.isMesh||!t.geometry)return!1;var i="CONNECTOR-GEO"===t.geometry.uuid,s="SphereGeometry"===t.geometry.type&&t.geometry.parameters&&.2===t.geometry.parameters.radius,e=t.name&&t.name.toLowerCase().includes("connector");return(i||s)&&e}},{key:"isSelectableObject",value:function(t){var i,s,e,n,h,o,a,l;if(!t||!t.isObject3D)return!1;if(t.userData&&t.userData.isPipeSegment,t.isTransformControls||t.isTransformControlsPlane||t.isTransformControlsGizmo)return!1;var r=t.isHelper||(null===(i=t.userData)||void 0===i?void 0:i.isHelper)||(null===(s=t.userData)||void 0===s?void 0:s.isBoundingBox),u=null===(e=t.userData)||void 0===e?void 0:e.isBaseGround,c=null===(n=t.userData)||void 0===n?void 0:n.isBrickWall;if(r||u||c||!t.visible)return!1;if(t.name&&t.name.toLowerCase().includes("polyline")&&(null===(h=t.userData)||void 0===h||!h.isPipeSegment)&&(null===(o=t.userData)||void 0===o||!o.isPipeJunction))return!1;var v=!0===(null===(a=t.userData)||void 0===a?void 0:a.isPipeSegment),f=!0===(null===(l=t.userData)||void 0===l?void 0:l.isPipeJunction),d=t.name&&t.name.includes(" Component"),y=this.isConnectorOrb(t);return d||y||v||f}},{key:"selectObject",value:function(t){if(!t||!t.isObject3D)return!1;this.selectedObject=t,t.updateMatrixWorld(!0);var i=(new n.Box3).setFromObject(t);return this.boundingBoxCache.set(t,i),this.transformControls.attach(t),this.transformControls.updateInteractionTime&&this.transformControls.updateInteractionTime(),this.createBoundingBox(t),this.forceInvisible?(this.transformControls.enabled=!1,this.t()):(this.transformControls.enabled=this.config.enabled,this.k()),this.callbacks.onObjectSelect&&this.callbacks.onObjectSelect(t),!0}},{key:"selectObjectForTransformOnly",value:function(t){if(!t||!t.isObject3D)return!1;this.selectedObject=t,t.updateMatrixWorld(!0);var i=(new n.Box3).setFromObject(t);return this.boundingBoxCache.set(t,i),this.transformControls.attach(t),this.transformControls.updateInteractionTime&&this.transformControls.updateInteractionTime(),this.createBoundingBox(t),this.forceInvisible?(this.transformControls.enabled=!1,this.t()):(this.transformControls.enabled=!0,this.k()),!0}},{key:"deselectObject",value:function(){this.selectedObject,this.removeBoundingBox(),this.selectedObject=null,this.transformControls&&(this.transformControls.detach(),this.transformControls.enabled=!1,this.t()),this.callbacks.onObjectSelect&&this.callbacks.onObjectSelect(null)}},{key:"createBoundingBox",value:function(t){if(this.config.showBoundingBox&&(this.removeBoundingBox(),t))try{this.boundingBoxHelper=new n.BoxHelper(t,this.config.boundingBoxColor),this.boundingBoxHelper.isHelper=!0,this.boundingBoxHelper.userData={isBoundingBox:!0},this.scene.add(this.boundingBoxHelper)}catch(t){}}},{key:"removeBoundingBox",value:function(){if(this.boundingBoxHelper)try{this.boundingBoxHelper.parent&&this.boundingBoxHelper.parent.remove(this.boundingBoxHelper),this.boundingBoxHelper.geometry&&this.boundingBoxHelper.geometry.dispose(),this.boundingBoxHelper.material&&this.boundingBoxHelper.material.dispose()}catch(t){}finally{this.boundingBoxHelper=null}}},{key:"updateBoundingBox",value:function(){if(this.boundingBoxHelper&&this.selectedObject)try{if(this.selectedObject.updateMatrixWorld(!0),this.boundingBoxHelper.update(),this.boundingBoxCache.has(this.selectedObject)){var t=(new n.Box3).setFromObject(this.selectedObject);this.boundingBoxCache.set(this.selectedObject,t)}}catch(t){this.createBoundingBox(this.selectedObject)}}},{key:"setBoundingBoxVisibility",value:function(t){this.config.showBoundingBox=t,t&&this.selectedObject&&!this.boundingBoxHelper?this.createBoundingBox(this.selectedObject):!t&&this.boundingBoxHelper&&this.removeBoundingBox()}},{key:"setBoundingBoxColor",value:function(t){this.config.boundingBoxColor=t,this.boundingBoxHelper&&this.boundingBoxHelper.material&&this.boundingBoxHelper.material.color.setHex(t)}},{key:"setMode",value:function(t){if(["translate","rotate","scale"].includes(t)){var i=this.currentMode;this.currentMode=t,this.transformControls.setMode(t),this.callbacks.onModeChange&&this.callbacks.onModeChange(t,i)}}},{key:"setSpace",value:function(t){if(["world","local"].includes(t)){this.currentSpace;this.currentSpace=t,this.transformControls.setSpace(t)}}},{key:"setAxisConstraint",value:function(t){["X","Y","Z"].includes(t)&&(this.transformControls.showX=!1,this.transformControls.showY=!1,this.transformControls.showZ=!1,this.transformControls["show".concat(t)]=!0)}},{key:"clearAxisConstraint",value:function(){this.transformControls.showX=this.config.showX,this.transformControls.showY=this.config.showY,this.transformControls.showZ=this.config.showZ}},{key:"setSnap",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};void 0!==t.translation&&(this.config.translationSnap=t.translation,this.transformControls.setTranslationSnap(t.translation)),void 0!==t.rotation&&(this.config.rotationSnap=t.rotation,this.transformControls.setRotationSnap(t.rotation)),void 0!==t.scale&&(this.config.scaleSnap=t.scale,this.transformControls.setScaleSnap(t.scale))}},{key:"snapValues",get:function(){return{translation:this.config.translationSnap||.5,rotation:this.config.rotationSnap||Math.PI/2,scale:this.config.scaleSnap||.1}}},{key:"setSize",value:function(t){this.config.size=t,this.transformControls.setSize(t)}},{key:"setEnabled",value:function(t){this.config.enabled=t,this.selectedObject&&(this.transformControls.enabled=t)}},{key:"setShowPlanes",value:function(t){return!!this.transformControls&&(this.transformControls.showXY=t,this.transformControls.showYZ=t,this.transformControls.showXZ=t,!0)}},{key:"ensureSceneAttachment",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return!this.transformControls&&this.scene&&this.camera&&this.renderer?(this.createTransformControls(),this.setupEventListeners(),t||(this.transformControls.visible=!1),!0):!(!this.transformControls||!this.scene)&&(this.scene.children.includes(this.transformControls)?!this.transformControls.visible&&t?(this.transformControls.visible=!0,!0):this.transformControls.visible&&!t?(this.transformControls.visible=!1,!0):!(!this.transformControls.parent||this.transformControls.parent===this.scene)&&(this.transformControls.parent.remove(this.transformControls),this.scene.add(this.transformControls),!0):(this.scene.add(this.transformControls),this.transformControls.enabled=!1,this.selectedObject&&(this.transformControls.attach(this.selectedObject),this.transformControls.enabled=this.config.enabled),t||(this.transformControls.visible=!1),!0))}},{key:"getTransformData",value:function(){if(!this.selectedObject)return null;var t={position:this.selectedObject.position.clone(),rotation:this.selectedObject.rotation.clone(),scale:this.selectedObject.scale.clone()},i=this.getWorldTransformData();return{object:this.selectedObject,position:t.position,rotation:t.rotation,scale:t.scale,worldPosition:i.position,worldRotation:i.rotation,worldScale:i.scale,mode:this.currentMode,space:this.currentSpace,isTransforming:this.transformState.isTransforming}}},{key:"getWorldTransformData",value:function(){if(!this.selectedObject)return null;this.selectedObject.updateMatrixWorld(!0);var t=new n.Vector3;this.selectedObject.getWorldPosition(t);var i=new n.Quaternion;this.selectedObject.getWorldQuaternion(i);var s=new n.Euler;s.setFromQuaternion(i);var e=new n.Vector3;return this.selectedObject.getWorldScale(e),{position:t,rotation:s,scale:e}}},{key:"updateObjectTransform",value:function(t,i,s){var e=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(this.selectedObject){var n=this.selectedObject,h=parseFloat(s);if(!isNaN(h)){if(e)this.updateWorldTransform(n,t,i,h);else switch(t){case"position":n.position[i]=h;break;case"rotation":n.rotation[i]=h*(Math.PI/180);break;case"scale":n.scale[i]=h;break;default:return}this.transformControls&&this.transformControls.updateMatrixWorld(),this.updateBoundingBox()}}}},{key:"updateWorldTransform",value:function(t,i,s,e){switch(t.updateMatrixWorld(!0),i){case"position":this.setWorldPosition(t,s,e);break;case"rotation":this.setWorldRotation(t,s,e);break;case"scale":this.setWorldScale(t,s,e)}}},{key:"setWorldPosition",value:function(t,i,s){var e=new n.Vector3;if(t.getWorldPosition(e),e[i]=s,t.parent){var h=new n.Matrix4;h.copy(t.parent.matrixWorld).invert(),e.applyMatrix4(h)}t.position.copy(e)}},{key:"setWorldRotation",value:function(t,i,s){var e=new n.Quaternion;t.getWorldQuaternion(e);var h=new n.Euler;h.setFromQuaternion(e),h[i]=s*(Math.PI/180);var o=new n.Quaternion;if(o.setFromEuler(h),t.parent){var a=new n.Quaternion;t.parent.getWorldQuaternion(a),a.invert(),o.premultiply(a)}t.quaternion.copy(o)}},{key:"setWorldScale",value:function(t,i,s){var e=new n.Vector3;t.getWorldScale(e);var h=s/e[i];t.scale[i]*=h}},{key:"getSelectableObjectsWithBounds",value:function(){var t=this,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,s=[];return this.scene.traverse(function(e){var h,o;if(e&&e.isObject3D&&!(e.isTransformControls||e.isTransformControlsPlane||e.isTransformControlsGizmo||e.isHelper||null!==(h=e.userData)&&void 0!==h&&h.isHelper||null!==(o=e.userData)&&void 0!==o&&o.isBoundingBox))try{if(i?i(e):t.isSelectableObject(e)){e.updateMatrixWorld(!0);var a=t.boundingBoxCache.get(e);a&&e!==t.selectedObject||(a=(new n.Box3).setFromObject(e),t.boundingBoxCache.set(e,a)),s.push({object:e,boundingBox:a})}}catch(t){}}),s}},{key:"intersectObjectsBoundingBoxes",value:function(t){var s,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,h=this.getSelectableObjectsWithBounds(e),o=[],a=i(h);try{for(a.s();!(s=a.n()).done;){var l=s.value,r=l.object,u=l.boundingBox,c=t.ray.intersectBox(u,new n.Vector3);if(c){var v=t.ray.origin.distanceTo(c);o.push({object:r,point:c,distance:v,boundingBox:u})}}}catch(t){a.e(t)}finally{a.f()}return o.sort(function(t,i){return t.distance-i.distance}),o}},{key:"setBoundingBoxSelection",value:function(t){this.config.useBoundingBoxSelection=t}},{key:"handleObjectRemoval",value:function(){var t;this.selectedObject&&"gateway"===(null===(t=this.selectedObject.userData)||void 0===t?void 0:t.componentType)&&this.handleGatewayRemoval()}},{key:"handleGatewayRemoval",value:function(){var t,i=this.selectedObject,e={uuid:i.uuid,userData:s({},i.userData),position:i.position.clone(),connections:(null===(t=i.userData)||void 0===t?void 0:t.connections)||null};i.userData.origin="computed",this.deselectObject(),this.callbacks.onObjectRemoved&&this.callbacks.onObjectRemoved(e)}},{key:"dispose",value:function(){this.eventHandlers.keydown&&window.removeEventListener("keydown",this.eventHandlers.keydown),this.eventHandlers.click&&this.renderer.domElement.removeEventListener("click",this.eventHandlers.click),this.removeBoundingBox(),this.selectedObject&&this.deselectObject(),this.transformControls&&(this.eventHandlers.transformStart&&this.transformControls.removeEventListener("mouseDown",this.eventHandlers.transformStart),this.eventHandlers.transformEnd&&this.transformControls.removeEventListener("mouseUp",this.eventHandlers.transformEnd),this.eventHandlers.transforming&&this.transformControls.removeEventListener("objectChange",this.eventHandlers.transforming),this.transformControls.detach(),this.scene&&this.transformControls.parent===this.scene&&this.scene.remove(this.transformControls),this.transformControls.dispose(),this.transformControls=null),this.selectedObject=null,this.orbitControls=null}},{key:"forceHide",value:function(){this.transformControls&&(this.t(),this.transformControls.enabled=!1)}},{key:"_hideTransformControls",value:function(){this.transformControls&&(this.transformControls.visible=!1,this.transformControls.m&&(this.transformControls.m.visible=!1),this.transformControls.p&&(this.transformControls.p.visible=!1))}},{key:"_showTransformControls",value:function(){this.transformControls&&(this.transformControls.visible=!0,this.transformControls.m&&(this.transformControls.m.visible=!0),this.transformControls.p&&(this.transformControls.p.visible=!0))}},{key:"getVisibilityState",value:function(){var t;return this.transformControls?{exists:!0,visible:this.transformControls.visible,enabled:this.transformControls.enabled,gizmoVisible:this.transformControls.m?this.transformControls.m.visible:"N/A",planeVisible:this.transformControls.p?this.transformControls.p.visible:"N/A",hasSelectedObject:!!this.selectedObject,selectedObjectName:(null===(t=this.selectedObject)||void 0===t?void 0:t.name)||"none"}:{exists:!1}}},{key:"_forceHideAllGizmoComponents",value:function(){if(this.transformControls&&this.transformControls.m){var t=this.transformControls.m;t.visible=!1,t.gizmo&&Object.keys(t.gizmo).forEach(function(i){t.gizmo[i]&&(t.gizmo[i].visible=!1)}),t.helper&&Object.keys(t.helper).forEach(function(i){t.helper[i]&&(t.helper[i].visible=!1)}),this.transformControls.p&&(this.transformControls.p.visible=!1)}}},{key:"_hidePlaneHelpers",value:function(){if(this.transformControls&&this.transformControls.m){var t=this.transformControls.m;if(t.gizmo&&t.gizmo.translate)t.gizmo.translate.traverse(function(t){"XY"!==t.name&&"YZ"!==t.name&&"XZ"!==t.name||(t.visible=!1)});if(t.picker&&t.picker.translate)t.picker.translate.traverse(function(t){"XY"!==t.name&&"YZ"!==t.name&&"XZ"!==t.name||(t.visible=!1)})}}},{key:"_showPlaneHelpers",value:function(){if(this.transformControls&&this.transformControls.m){var t=this.transformControls.m;if(t.gizmo&&t.gizmo.translate)t.gizmo.translate.traverse(function(t){"XY"!==t.name&&"YZ"!==t.name&&"XZ"!==t.name||(t.visible=!0)});if(t.picker&&t.picker.translate)t.picker.translate.traverse(function(t){"XY"!==t.name&&"YZ"!==t.name&&"XZ"!==t.name||(t.visible=!0)})}}}])}();function a(t,i,s){return new o(t,i,s,arguments.length>3&&void 0!==arguments[3]?arguments[3]:null)}export{o as TransformControlsManager,a as createTransformControls};
+import { createClass as _createClass, createForOfIteratorHelper as _createForOfIteratorHelper, objectSpread2 as _objectSpread2, classCallCheck as _classCallCheck } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as THREE from 'three';
+import { TransformControls } from './TransformControls.js';
+
+var TransformControlsManager = /*#__PURE__*/function () {
+  function TransformControlsManager(scene, camera, renderer) {
+    var orbitControls = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    _classCallCheck(this, TransformControlsManager);
+    this.scene = scene;
+    this.camera = camera;
+    this.renderer = renderer;
+    this.orbitControls = orbitControls;
+    // Transform control instance
+    this.transformControls = null;
+    // Bounding box helper for visual feedback
+    this.boundingBoxHelper = null;
+
+    // Cache for object bounding boxes to improve performance
+    this.boundingBoxCache = new WeakMap();
+
+    // Currently selected object
+    this.selectedObject = null;
+
+    // Transform mode: 'translate', 'rotate', 'scale'
+    this.currentMode = 'translate';
+
+    // Transform space: 'world' or 'local'
+    this.currentSpace = 'world';
+
+    // Flag to force controls to stay invisible (used during scene loading)
+    this.forceInvisible = false;
+
+    // Event handlers storage
+    this.eventHandlers = {
+      keydown: null,
+      click: null,
+      transformStart: null,
+      transformEnd: null,
+      transforming: null
+    };
+
+    // Click timing for double-click detection
+    this.clickTiming = {
+      lastClickTime: 0,
+      lastClickedObject: null,
+      doubleClickDelay: 300 // milliseconds
+    };
+
+    // Transform state tracking
+    this.transformState = {
+      isTransforming: false,
+      initialTransform: null,
+      currentTransform: null
+    };
+
+    // Configuration options
+    this.config = {
+      size: 1,
+      enabled: true,
+      showX: true,
+      showY: true,
+      showZ: true,
+      snap: null,
+      // Snap value for transformations
+      translationSnap: null,
+      rotationSnap: null,
+      scaleSnap: null,
+      showBoundingBox: true,
+      // Show bounding box on selection
+      boundingBoxColor: 0x00ff00,
+      // Green bounding box by default
+      useBoundingBoxSelection: true // Use bounding box-based selection instead of mesh selection
+    };
+
+    // Callbacks for external event handling
+    this.callbacks = {
+      onObjectSelect: null,
+      onTransformStart: null,
+      onTransform: null,
+      onTransformEnd: null,
+      onModeChange: null,
+      onObjectRemoved: null
+    };
+    this.init();
+  }
+
+  /**
+   * Initialize the transform controls
+   */
+  return _createClass(TransformControlsManager, [{
+    key: "init",
+    value: function init() {
+      this.createTransformControls();
+      this.setupEventListeners();
+      this.setupKeyboardControls();
+    }
+
+    /**
+     * Register event callbacks
+     * @param {Object} callbacks - Object containing callback functions
+     * @param {Function} callbacks.onObjectSelect - Called when an object is selected/deselected
+     * @param {Function} callbacks.onTransformStart - Called when transform starts
+     * @param {Function} callbacks.onTransform - Called during transform
+     * @param {Function} callbacks.onTransformEnd - Called when transform ends
+     * @param {Function} callbacks.onModeChange - Called when transform mode changes
+     * @param {Function} callbacks.onObjectRemoved - Called when an object is removed
+     */
+  }, {
+    key: "on",
+    value: function on(callbacks) {
+      if (callbacks.onObjectSelect) {
+        this.callbacks.onObjectSelect = callbacks.onObjectSelect;
+      }
+      if (callbacks.onTransformStart) {
+        this.callbacks.onTransformStart = callbacks.onTransformStart;
+      }
+      if (callbacks.onTransform) {
+        this.callbacks.onTransform = callbacks.onTransform;
+      }
+      if (callbacks.onTransformEnd) {
+        this.callbacks.onTransformEnd = callbacks.onTransformEnd;
+      }
+      if (callbacks.onModeChange) {
+        this.callbacks.onModeChange = callbacks.onModeChange;
+      }
+      if (callbacks.onObjectRemoved) {
+        this.callbacks.onObjectRemoved = callbacks.onObjectRemoved;
+      }
+      console.log('🔗 Transform controls callbacks registered');
+    }
+    /**
+     * Create and configure transform controls
+     */
+  }, {
+    key: "createTransformControls",
+    value: function createTransformControls() {
+      this.transformControls = new TransformControls(this.camera, this.renderer.domElement);
+      this.transformControls.setMode(this.currentMode);
+      this.transformControls.setSpace(this.currentSpace);
+      this.transformControls.setSize(this.config.size);
+      this.transformControls.setDelay(this.clickTiming);
+
+      // Configure axes visibility
+      this.transformControls.showX = this.config.showX;
+      this.transformControls.showY = this.config.showY;
+      this.transformControls.showZ = this.config.showZ;
+
+      // Hide multi-axis plane helpers by default (only allow single-axis translation)
+      this.transformControls.showXY = false;
+      this.transformControls.showYZ = false;
+      this.transformControls.showXZ = false;
+
+      // Mark as transform controls for scene filtering
+      this.transformControls.isTransformControls = true;
+      this.transformControls.userData = {
+        isTransformControls: true
+      };
+      // Add to scene
+      this.scene.add(this.transformControls);
+
+      // Initially disabled and invisible
+      this.transformControls.enabled = false;
+      this._hideTransformControls();
+    }
+
+    /**
+     * Setup event listeners for transform controls
+     */
+  }, {
+    key: "setupEventListeners",
+    value: function setupEventListeners() {
+      var _this = this;
+      // Transform start event
+      this.eventHandlers.transformStart = function () {
+        console.log("transformControls transformStart");
+        _this.transformState.isTransforming = true;
+        if (_this.selectedObject) {
+          // Store initial transform state
+          _this.transformState.initialTransform = {
+            position: _this.selectedObject.position.clone(),
+            rotation: _this.selectedObject.rotation.clone(),
+            scale: _this.selectedObject.scale.clone()
+          };
+        }
+
+        // Disable orbit controls during transformation
+        if (_this.orbitControls) {
+          _this.orbitControls.enabled = false;
+        }
+
+        // Execute callback
+        if (_this.callbacks.onTransformStart) {
+          _this.callbacks.onTransformStart(_this.selectedObject, _this.currentMode);
+        }
+        console.log("\uD83D\uDD27 Transform started: ".concat(_this.currentMode, " mode"));
+      };
+
+      // Transform end event
+      this.eventHandlers.transformEnd = function () {
+        _this.transformState.isTransforming = false;
+
+        // Re-enable orbit controls
+        if (_this.orbitControls) {
+          _this.orbitControls.enabled = true;
+        }
+
+        // Store final transform state
+        if (_this.selectedObject) {
+          _this.transformState.currentTransform = {
+            position: _this.selectedObject.position.clone(),
+            rotation: _this.selectedObject.rotation.clone(),
+            scale: _this.selectedObject.scale.clone()
+          };
+
+          // Clear bounding box cache for the transformed object to ensure selection uses updated position
+          if (_this.boundingBoxCache.has(_this.selectedObject)) {
+            _this.boundingBoxCache.delete(_this.selectedObject);
+          }
+        }
+
+        // Execute callback
+        if (_this.callbacks.onTransformEnd) {
+          _this.callbacks.onTransformEnd(_this.selectedObject, _this.transformState.initialTransform, _this.transformState.currentTransform, _this.currentMode);
+        }
+
+        // Dispatch custom scene update event after transform completes
+        if (typeof window !== 'undefined') {
+          var _this$selectedObject;
+          console.log('📡 Dispatching sceneUpdateComplete event after transform');
+          var sceneCompleteEvent = new CustomEvent('sceneUpdateComplete', {
+            detail: {
+              timestamp: Date.now(),
+              transformType: _this.currentMode,
+              objectName: ((_this$selectedObject = _this.selectedObject) === null || _this$selectedObject === void 0 ? void 0 : _this$selectedObject.name) || 'unknown'
+            }
+          });
+          window.dispatchEvent(sceneCompleteEvent);
+        }
+        console.log("\u2705 Transform completed: ".concat(_this.currentMode, " mode"));
+      };
+      // Transform changing event
+      this.eventHandlers.transforming = function () {
+        // Clear the bounding box cache for the selected object during transformation
+        if (_this.selectedObject && _this.boundingBoxCache.has(_this.selectedObject)) {
+          _this.boundingBoxCache.delete(_this.selectedObject);
+        }
+
+        // Update bounding box during transformation
+        _this.updateBoundingBox();
+        if (_this.callbacks.onTransform) {
+          _this.callbacks.onTransform(_this.selectedObject, _this.currentMode);
+        }
+
+        // Dispatch custom scene update event during transform (optional - fires continuously)
+        if (typeof window !== 'undefined') {
+          var _this$selectedObject2;
+          var sceneCompleteEvent = new CustomEvent('sceneUpdateComplete', {
+            detail: {
+              timestamp: Date.now(),
+              transformType: _this.currentMode,
+              objectName: ((_this$selectedObject2 = _this.selectedObject) === null || _this$selectedObject2 === void 0 ? void 0 : _this$selectedObject2.name) || 'unknown',
+              isTransforming: true
+            }
+          });
+          window.dispatchEvent(sceneCompleteEvent);
+        }
+      };
+      // First remove any existing listeners to prevent duplicates
+      if (this.transformControls) {
+        // Remove existing listeners if they exist
+        if (this.eventHandlers.transformStart) {
+          this.transformControls.removeEventListener('mouseDown', this.eventHandlers.transformStart);
+        }
+        if (this.eventHandlers.transformEnd) {
+          this.transformControls.removeEventListener('mouseUp', this.eventHandlers.transformEnd);
+        }
+        if (this.eventHandlers.transforming) {
+          this.transformControls.removeEventListener('objectChange', this.eventHandlers.transforming);
+        }
+
+        // Add event listeners
+        this.transformControls.addEventListener('mouseDown', this.eventHandlers.transformStart);
+        this.transformControls.addEventListener('mouseUp', this.eventHandlers.transformEnd);
+        this.transformControls.addEventListener('objectChange', this.eventHandlers.transforming);
+      }
+    }
+    /**
+    * Setup keyboard controls for transform modes
+    */
+  }, {
+    key: "setupKeyboardControls",
+    value: function setupKeyboardControls() {
+      var _this2 = this;
+      this.eventHandlers.keydown = function (event) {
+        // Only handle keys when transform controls are active
+        if (!_this2.transformControls.enabled || _this2.transformState.isTransforming) {
+          return;
+        }
+
+        // Check for Ctrl+Z (undo) - don't handle it here, let it pass through
+        if (event.ctrlKey && event.code === 'KeyZ') {
+          return; // Let the KeyboardControlsManager handle Ctrl+Z
+        }
+        switch (event.code) {
+          case 'KeyG':
+            // Translate mode
+            _this2.setMode('translate');
+            break;
+          case 'KeyR':
+            // Rotate mode
+            _this2.setMode('rotate');
+            break;
+          case 'KeyS':
+            // Scale mode
+            _this2.setMode('scale');
+            break;
+          case 'KeyW':
+            // World space
+            _this2.setSpace('world');
+            break;
+          case 'KeyL':
+            // Local space
+            _this2.setSpace('local');
+            break;
+          case 'Escape':
+            // Deselect object
+            _this2.deselectObject();
+            break;
+          case 'KeyX':
+            // X-axis constraint
+            _this2.setAxisConstraint('X');
+            break;
+          case 'KeyY':
+            // Y-axis constraint
+            _this2.setAxisConstraint('Y');
+            break;
+          case 'KeyZ':
+            // Z-axis constraint (only if not Ctrl+Z)
+            if (!event.ctrlKey) {
+              _this2.setAxisConstraint('Z');
+            }
+            break;
+          case 'ShiftLeft':
+          case 'ShiftRight':
+            // Multi-axis constraint
+            _this2.clearAxisConstraint();
+            break;
+          case 'Backspace':
+            // Remove selected object
+            _this2.handleObjectRemoval();
+            break;
+        }
+      };
+      window.addEventListener('keydown', this.eventHandlers.keydown);
+    }
+    /**
+     * Setup mouse-based object selection
+     * @param {Function} objectFilter - Optional function to filter selectable objects
+     */
+  }, {
+    key: "setupObjectSelection",
+    value: function setupObjectSelection() {
+      var _this3 = this;
+      var objectFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var raycaster = new THREE.Raycaster();
+      var mouse = new THREE.Vector2();
+
+      // Single click handler with double-click detection
+      this.eventHandlers.click = function (event) {
+        // Skip if currently transforming
+        if (_this3.transformState.isTransforming) {
+          return;
+        }
+        var currentTime = Date.now();
+        var timeSinceLastClick = currentTime - _this3.clickTiming.lastClickTime;
+
+        // Calculate mouse position and set up raycaster
+        _this3._calculateMousePosition(event, mouse);
+        raycaster.setFromCamera(mouse, _this3.camera);
+
+        // Find target object using appropriate selection method
+        var targetObject = _this3._findTargetObject(raycaster, objectFilter);
+
+        // Check if this is a double-click: same object clicked within delay time
+        var isSameObject = targetObject === _this3.clickTiming.lastClickedObject;
+        var isWithinDelay = timeSinceLastClick < _this3.clickTiming.doubleClickDelay;
+        var isDoubleClick = isSameObject && isWithinDelay && targetObject !== null;
+        if (isDoubleClick) {
+          // Double-click on same object: Full selection including tooltips
+          _this3.selectObject(targetObject);
+
+          // Reset click timing to prevent triple-click issues
+          _this3.clickTiming.lastClickTime = 0;
+          _this3.clickTiming.lastClickedObject = null;
+        } else {
+          // Single click: Transform controls and bounding box only
+          // Always deselect first (this clears tooltips via the callback)
+          _this3.deselectObject();
+
+          // Then select the new object if there is one (this shows transform controls and bounding box)
+          if (targetObject) {
+            _this3.selectObjectForTransformOnly(targetObject);
+          }
+
+          // Update click timing
+          _this3.clickTiming.lastClickTime = currentTime;
+          _this3.clickTiming.lastClickedObject = targetObject;
+        }
+      };
+      this.renderer.domElement.addEventListener('click', this.eventHandlers.click);
+    }
+
+    /**
+     * Calculate normalized mouse position from click event
+     * @param {Event} event - The click event (single or double)
+     * @param {THREE.Vector2} mouse - Vector2 to store mouse position
+     * @private
+     */
+  }, {
+    key: "_calculateMousePosition",
+    value: function _calculateMousePosition(event, mouse) {
+      var rect = this.renderer.domElement.getBoundingClientRect();
+      mouse.x = (event.clientX - rect.left) / rect.width * 2 - 1;
+      mouse.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
+    }
+
+    /**
+     * Find the target object for selection using configured selection method
+     * @param {THREE.Raycaster} raycaster - The raycaster for intersection testing
+     * @param {Function} objectFilter - Optional function to filter selectable objects
+     * @returns {THREE.Object3D|null} The target object or null if nothing selectable
+     * @private
+     */
+  }, {
+    key: "_findTargetObject",
+    value: function _findTargetObject(raycaster, objectFilter) {
+      // Try bounding box selection first if enabled
+      if (this.config.useBoundingBoxSelection) {
+        var targetObject = this._findTargetViaBoundingBox(raycaster, objectFilter);
+        if (targetObject) {
+          return targetObject;
+        }
+      }
+
+      // Fall back to mesh-based selection
+      return this._findTargetViaMesh(raycaster, objectFilter);
+    }
+
+    /**
+     * Find target object using bounding box intersection
+     * @param {THREE.Raycaster} raycaster - The raycaster for intersection testing
+     * @param {Function} objectFilter - Optional function to filter selectable objects
+     * @returns {THREE.Object3D|null} The target object or null if nothing found
+     * @private
+     */
+  }, {
+    key: "_findTargetViaBoundingBox",
+    value: function _findTargetViaBoundingBox(raycaster, objectFilter) {
+      var intersections = this.intersectObjectsBoundingBoxes(raycaster, objectFilter);
+      if (intersections.length > 0) {
+        var targetObject = intersections[0].object;
+        if (this._isValidSelectableObject(targetObject)) {
+          console.log("\uD83D\uDCE6 Object selected via bounding box: ".concat(targetObject.name || targetObject.uuid));
+          return targetObject;
+        }
+      }
+      return null;
+    }
+
+    /**
+     * Find target object using mesh intersection
+     * @param {THREE.Raycaster} raycaster - The raycaster for intersection testing
+     * @param {Function} objectFilter - Optional function to filter selectable objects
+     * @returns {THREE.Object3D|null} The target object or null if nothing found
+     * @private
+     */
+  }, {
+    key: "_findTargetViaMesh",
+    value: function _findTargetViaMesh(raycaster, objectFilter) {
+      var intersections = raycaster.intersectObjects(this.scene.children, true);
+      if (intersections.length > 0) {
+        var targetObject = intersections[0].object;
+
+        // Resolve the correct object in the hierarchy
+        targetObject = this._resolveHierarchyTarget(targetObject);
+
+        // Check if selectable
+        var isSelectable = objectFilter ? objectFilter(targetObject) : this.isSelectableObject(targetObject);
+        if (isSelectable && this._isValidSelectableObject(targetObject)) {
+          var method = this.config.useBoundingBoxSelection ? ' (fallback)' : '';
+          console.log("\uD83C\uDFAF Object selected via mesh".concat(method, ": ").concat(targetObject.name || targetObject.uuid));
+          return targetObject;
+        }
+      }
+      return null;
+    }
+
+    /**
+     * Resolve the correct target object in the hierarchy
+     * @param {THREE.Object3D} object - The initially intersected object
+     * @returns {THREE.Object3D} The resolved target object
+     * @private
+     */
+  }, {
+    key: "_resolveHierarchyTarget",
+    value: function _resolveHierarchyTarget(object) {
+      var _object$parent, _object$parent2, _object$userData;
+      // Keep connector orbs as direct targets
+      if (this.isConnectorOrb(object)) {
+        console.log('🔴 Connector orb clicked directly - using connector for transform controls');
+        return object;
+      }
+
+      // Look for component parent in hierarchy
+      if ((_object$parent = object.parent) !== null && _object$parent !== void 0 && (_object$parent = _object$parent.name) !== null && _object$parent !== void 0 && _object$parent.includes(' Component')) {
+        console.log('🎯 Using parent GLB model for transform controls');
+        return object.parent;
+      }
+      if ((_object$parent2 = object.parent) !== null && _object$parent2 !== void 0 && (_object$parent2 = _object$parent2.parent) !== null && _object$parent2 !== void 0 && (_object$parent2 = _object$parent2.name) !== null && _object$parent2 !== void 0 && _object$parent2.includes(' Component')) {
+        console.log('🎯 Using grandparent GLB model for transform controls');
+        return object.parent.parent;
+      }
+
+      // Debug logging for pipe segments
+      if ((_object$userData = object.userData) !== null && _object$userData !== void 0 && _object$userData.isPipeSegment) {
+        console.log('🔍 Found pipe segment in selection:', object.name, object.userData);
+      }
+      return object;
+    }
+
+    /**
+     * Check if an object is valid for selection (has required properties and is in scene)
+     * @param {THREE.Object3D} object - The object to validate
+     * @returns {boolean} Whether the object is valid for selection
+     * @private
+     */
+  }, {
+    key: "_isValidSelectableObject",
+    value: function _isValidSelectableObject(object) {
+      // Safety check: ensure object is still valid and in the scene
+      if (!object || !object.parent) {
+        console.warn('⚠️ Selected object is no longer valid or in scene');
+        return false;
+      }
+
+      // Verify object has all required Three.js properties
+      if (!object.position || !object.rotation || !object.scale || !object.updateMatrixWorld) {
+        console.warn('❌ Object missing required Three.js properties for transform controls');
+        return false;
+      }
+      return true;
+    }
+
+    /**
+     * Check if an object is a connector orb
+     * @param {THREE.Object3D} object - The object to check
+     * @returns {boolean} Whether the object is a connector orb
+     */
+  }, {
+    key: "isConnectorOrb",
+    value: function isConnectorOrb(object) {
+      // Basic safety checks
+      if (!object || !object.isObject3D) {
+        return false;
+      }
+
+      // Check if it's a mesh with connector geometry
+      if (!object.isMesh || !object.geometry) {
+        return false;
+      }
+
+      // Check for CONNECTOR-GEO geometry uuid
+      var hasConnectorGeometry = object.geometry.uuid === 'CONNECTOR-GEO';
+
+      // Check for SphereGeometry with radius 0.2
+      var isSphereConnector = object.geometry.type === 'SphereGeometry' && object.geometry.parameters && object.geometry.parameters.radius === 0.2;
+
+      // Check if name includes connector
+      var hasConnectorName = object.name && object.name.toLowerCase().includes('connector');
+      return (hasConnectorGeometry || isSphereConnector) && hasConnectorName;
+    }
+    /**
+     * Default object selection filter
+     * @param {THREE.Object3D} object - The object to check
+     * @returns {boolean} Whether the object can be selected
+     */
+  }, {
+    key: "isSelectableObject",
+    value: function isSelectableObject(object) {
+      var _object$userData2, _object$userData3, _object$userData4, _object$userData5, _object$userData6, _object$userData7, _object$userData8, _object$userData9;
+      // Basic safety checks
+      if (!object || !object.isObject3D) {
+        return false;
+      }
+
+      // Debug logging for pipe segments
+      if (object.userData && object.userData.isPipeSegment) {
+        console.log('🔍 Found pipe segment in selection check:', object.name, object.userData);
+      }
+
+      // Skip transform controls and their children
+      if (object.isTransformControls || object.isTransformControlsPlane || object.isTransformControlsGizmo) {
+        return false;
+      }
+
+      // Skip helpers and special objects
+      var isHelper = object.isHelper || ((_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.isHelper) || ((_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.isBoundingBox);
+      var isBaseGround = (_object$userData4 = object.userData) === null || _object$userData4 === void 0 ? void 0 : _object$userData4.isBaseGround;
+      var isBrickWall = (_object$userData5 = object.userData) === null || _object$userData5 === void 0 ? void 0 : _object$userData5.isBrickWall;
+      if (isHelper || isBaseGround || isBrickWall || !object.visible) {
+        return false;
+      }
+
+      // Allow pipe segments and junctions to be selected, but exclude parent polyline objects
+      if (object.name && object.name.toLowerCase().includes('polyline') && !((_object$userData6 = object.userData) !== null && _object$userData6 !== void 0 && _object$userData6.isPipeSegment) && !((_object$userData7 = object.userData) !== null && _object$userData7 !== void 0 && _object$userData7.isPipeJunction)) {
+        console.log('❌ Polyline parent object excluded from selection:', object.name);
+        return false;
+      }
+
+      // Check for pipe segments and junctions
+      var isPipeSegment = ((_object$userData8 = object.userData) === null || _object$userData8 === void 0 ? void 0 : _object$userData8.isPipeSegment) === true;
+      var isPipeJunction = ((_object$userData9 = object.userData) === null || _object$userData9 === void 0 ? void 0 : _object$userData9.isPipeJunction) === true;
+
+      // Check for GLB models
+      var isGLBModel = object.name && object.name.includes(' Component');
+
+      // Check for connector orbs
+      var isConnector = this.isConnectorOrb(object);
+      return isGLBModel || isConnector || isPipeSegment || isPipeJunction;
+    }
+    /**
+    * Select an object for transformation
+    * @param {THREE.Object3D} object - The object to select
+    */
+  }, {
+    key: "selectObject",
+    value: function selectObject(object) {
+      if (!object || !object.isObject3D) {
+        console.warn('⚠️ Invalid object provided for selection');
+        return false;
+      }
+      this.selectedObject = object;
+
+      // Force object matrix update to ensure correct transforms
+      object.updateMatrixWorld(true);
+
+      // Refresh bounding box cache for this object
+      var updatedBoundingBox = new THREE.Box3().setFromObject(object);
+      this.boundingBoxCache.set(object, updatedBoundingBox);
+
+      // Attach transform controls
+      this.transformControls.attach(object);
+
+      // Update interaction time to reset delay
+      if (this.transformControls.updateInteractionTime) {
+        this.transformControls.updateInteractionTime();
+      }
+
+      // Create and show bounding box if enabled
+      this.createBoundingBox(object);
+
+      // Only enable if not forcing invisibility
+      if (!this.forceInvisible) {
+        this.transformControls.enabled = this.config.enabled;
+        this._showTransformControls();
+      } else {
+        console.log('🔒 Transform controls kept invisible despite object selection');
+        this.transformControls.enabled = false;
+        this._hideTransformControls();
+      }
+
+      // Execute callback
+      if (this.callbacks.onObjectSelect) {
+        this.callbacks.onObjectSelect(object);
+      }
+      console.log("\uD83C\uDFAF Object selected: ".concat(object.name || object.uuid));
+      return true;
+    } /**
+      * Select object for transform controls and bounding box only (no tooltip callback)
+      * @param {THREE.Object3D} object - The object to select
+      * @returns {boolean} True if selection successful
+      */
+  }, {
+    key: "selectObjectForTransformOnly",
+    value: function selectObjectForTransformOnly(object) {
+      if (!object || !object.isObject3D) {
+        console.warn('⚠️ Invalid object provided for selection');
+        return false;
+      }
+      this.selectedObject = object;
+
+      // Force object matrix update to ensure correct transforms
+      object.updateMatrixWorld(true);
+
+      // Refresh bounding box cache for this object
+      var updatedBoundingBox = new THREE.Box3().setFromObject(object);
+      this.boundingBoxCache.set(object, updatedBoundingBox);
+
+      // Attach transform controls
+      this.transformControls.attach(object);
+
+      // Update interaction time to reset delay
+      if (this.transformControls.updateInteractionTime) {
+        this.transformControls.updateInteractionTime();
+      }
+
+      // Create and show bounding box if enabled
+      this.createBoundingBox(object);
+
+      // Only enable if not forcing invisibility
+      if (!this.forceInvisible) {
+        this.transformControls.enabled = true;
+        this._showTransformControls();
+      } else {
+        console.log('🔒 Transform controls kept invisible despite object selection');
+        this.transformControls.enabled = false;
+        this._hideTransformControls();
+      }
+
+      // NOTE: We deliberately do NOT call any callback here
+      // This allows transform controls and bounding box to show without triggering tooltips
+
+      console.log("\uD83C\uDFAF Object selected for transform only: ".concat(object.name || object.uuid));
+      return true;
+    }
+
+    /**
+     * Deselect the currently selected object
+     */
+  }, {
+    key: "deselectObject",
+    value: function deselectObject() {
+      if (this.selectedObject) {
+        console.log("\uD83D\uDD04 Object deselected: ".concat(this.selectedObject.name || this.selectedObject.uuid));
+      }
+
+      // Remove bounding box
+      this.removeBoundingBox();
+      this.selectedObject = null;
+      // Detach and hide transform controls
+      if (this.transformControls) {
+        // First detach from object
+        this.transformControls.detach();
+        this.transformControls.enabled = false;
+
+        // Properly hide all transform control components
+        this._hideTransformControls();
+        console.log("\uD83D\uDD12 Transform controls hidden after deselection");
+      }
+
+      // Execute callback
+      if (this.callbacks.onObjectSelect) {
+        this.callbacks.onObjectSelect(null);
+      }
+    }
+
+    /**
+     * Create and display a bounding box for the selected object
+     * @param {THREE.Object3D} object - The object to create a bounding box for
+     */
+  }, {
+    key: "createBoundingBox",
+    value: function createBoundingBox(object) {
+      // Skip if bounding box is disabled
+      if (!this.config.showBoundingBox) {
+        return;
+      }
+
+      // Remove any existing bounding box first
+      this.removeBoundingBox();
+      if (!object) {
+        return;
+      }
+      try {
+        // Create a BoxHelper to show the bounding box
+        this.boundingBoxHelper = new THREE.BoxHelper(object, this.config.boundingBoxColor);
+
+        // Mark it as a helper to avoid selection
+        this.boundingBoxHelper.isHelper = true;
+        this.boundingBoxHelper.userData = {
+          isBoundingBox: true
+        };
+        console.log("this.boundingBoxHelper object:", object);
+
+        // Add to scene
+        this.scene.add(this.boundingBoxHelper);
+        console.log("\uD83D\uDCE6 Bounding box created for: ".concat(object.name || object.uuid));
+      } catch (error) {
+        console.warn('⚠️ Failed to create bounding box:', error);
+      }
+    }
+
+    /**
+     * Remove the current bounding box helper
+     */
+  }, {
+    key: "removeBoundingBox",
+    value: function removeBoundingBox() {
+      if (this.boundingBoxHelper) {
+        try {
+          // Remove from scene
+          if (this.boundingBoxHelper.parent) {
+            this.boundingBoxHelper.parent.remove(this.boundingBoxHelper);
+          }
+
+          // Dispose geometry and material if they exist
+          if (this.boundingBoxHelper.geometry) {
+            this.boundingBoxHelper.geometry.dispose();
+          }
+          if (this.boundingBoxHelper.material) {
+            this.boundingBoxHelper.material.dispose();
+          }
+          console.log('📦 Bounding box removed');
+        } catch (error) {
+          console.warn('⚠️ Error removing bounding box:', error);
+        } finally {
+          this.boundingBoxHelper = null;
+        }
+      }
+    }
+
+    /**
+     * Update the bounding box to match the current object state
+     * Call this after any transformation to keep the bounding box in sync
+     */
+  }, {
+    key: "updateBoundingBox",
+    value: function updateBoundingBox() {
+      if (this.boundingBoxHelper && this.selectedObject) {
+        try {
+          // Force object matrix update to ensure correct bounding box
+          this.selectedObject.updateMatrixWorld(true);
+
+          // Update bounding box
+          this.boundingBoxHelper.update();
+
+          // Also update the cached bounding box if it exists
+          if (this.boundingBoxCache.has(this.selectedObject)) {
+            var updatedBoundingBox = new THREE.Box3().setFromObject(this.selectedObject);
+            this.boundingBoxCache.set(this.selectedObject, updatedBoundingBox);
+          }
+        } catch (error) {
+          console.warn('⚠️ Error updating bounding box:', error);
+          // If update fails, recreate the bounding box
+          this.createBoundingBox(this.selectedObject);
+        }
+      }
+    }
+
+    /**
+     * Set bounding box visibility
+     * @param {boolean} show - Whether to show the bounding box
+     */
+  }, {
+    key: "setBoundingBoxVisibility",
+    value: function setBoundingBoxVisibility(show) {
+      this.config.showBoundingBox = show;
+      if (show && this.selectedObject && !this.boundingBoxHelper) {
+        // Create bounding box if it doesn't exist and we have a selected object
+        this.createBoundingBox(this.selectedObject);
+      } else if (!show && this.boundingBoxHelper) {
+        // Remove bounding box if it exists and we're hiding it
+        this.removeBoundingBox();
+      }
+      console.log("\uD83D\uDCE6 Bounding box visibility: ".concat(show ? 'enabled' : 'disabled'));
+    }
+
+    /**
+     * Set bounding box color
+     * @param {number} color - The color value (hex)
+     */
+  }, {
+    key: "setBoundingBoxColor",
+    value: function setBoundingBoxColor(color) {
+      this.config.boundingBoxColor = color;
+
+      // Update existing bounding box color if it exists
+      if (this.boundingBoxHelper && this.boundingBoxHelper.material) {
+        this.boundingBoxHelper.material.color.setHex(color);
+      }
+      console.log("\uD83D\uDCE6 Bounding box color set to: 0x".concat(color.toString(16).padStart(6, '0')));
+    }
+
+    /**
+     * Set the transformation mode
+     * @param {'translate' | 'rotate' | 'scale'} mode - The transformation mode
+     */
+  }, {
+    key: "setMode",
+    value: function setMode(mode) {
+      if (!['translate', 'rotate', 'scale'].includes(mode)) {
+        console.warn("\u26A0\uFE0F Invalid transform mode: ".concat(mode));
+        return;
+      }
+      var previousMode = this.currentMode;
+      this.currentMode = mode;
+      this.transformControls.setMode(mode);
+
+      // Execute callback
+      if (this.callbacks.onModeChange) {
+        this.callbacks.onModeChange(mode, previousMode);
+      }
+      console.log("\uD83D\uDD27 Transform mode changed: ".concat(previousMode, " \u2192 ").concat(mode));
+    }
+
+    /**
+     * Set the transformation space
+     * @param {'world' | 'local'} space - The transformation space
+     */
+  }, {
+    key: "setSpace",
+    value: function setSpace(space) {
+      if (!['world', 'local'].includes(space)) {
+        console.warn("\u26A0\uFE0F Invalid transform space: ".concat(space));
+        return;
+      }
+      var previousSpace = this.currentSpace;
+      this.currentSpace = space;
+      this.transformControls.setSpace(space);
+      console.log("\uD83C\uDF10 Transform space changed: ".concat(previousSpace, " \u2192 ").concat(space));
+    }
+
+    /**
+     * Set axis constraint for transformations
+     * @param {'X' | 'Y' | 'Z'} axis - The axis to constrain to
+     */
+  }, {
+    key: "setAxisConstraint",
+    value: function setAxisConstraint(axis) {
+      if (!['X', 'Y', 'Z'].includes(axis)) {
+        console.warn("\u26A0\uFE0F Invalid axis constraint: ".concat(axis));
+        return;
+      }
+
+      // Reset all axes first
+      this.transformControls.showX = false;
+      this.transformControls.showY = false;
+      this.transformControls.showZ = false;
+
+      // Enable only the specified axis
+      this.transformControls["show".concat(axis)] = true;
+      console.log("\uD83D\uDD12 Axis constraint set: ".concat(axis, "-axis only"));
+    }
+
+    /**
+     * Clear axis constraints (show all axes)
+     */
+  }, {
+    key: "clearAxisConstraint",
+    value: function clearAxisConstraint() {
+      this.transformControls.showX = this.config.showX;
+      this.transformControls.showY = this.config.showY;
+      this.transformControls.showZ = this.config.showZ;
+      console.log('🔓 Axis constraints cleared');
+    }
+
+    /**
+     * Set snapping values for transformations
+     * @param {Object} snapConfig - Snap configuration
+     * @param {number} snapConfig.translation - Translation snap value
+     * @param {number} snapConfig.rotation - Rotation snap value (in radians)
+     * @param {number} snapConfig.scale - Scale snap value
+     */
+  }, {
+    key: "setSnap",
+    value: function setSnap() {
+      var snapConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      if (snapConfig.translation !== undefined) {
+        this.config.translationSnap = snapConfig.translation;
+        this.transformControls.setTranslationSnap(snapConfig.translation);
+      }
+      if (snapConfig.rotation !== undefined) {
+        this.config.rotationSnap = snapConfig.rotation;
+        this.transformControls.setRotationSnap(snapConfig.rotation);
+      }
+      if (snapConfig.scale !== undefined) {
+        this.config.scaleSnap = snapConfig.scale;
+        this.transformControls.setScaleSnap(snapConfig.scale);
+      }
+      console.log('📏 Snap values updated:', snapConfig);
+    }
+
+    /**
+     * Get the current snap values
+     * @return {Object} The current snap values for translation, rotation, and scale
+     */
+  }, {
+    key: "snapValues",
+    get: function get() {
+      return {
+        translation: this.config.translationSnap || 0.5,
+        // Default to 0.5 if not set
+        rotation: this.config.rotationSnap || Math.PI / 2,
+        // Default to 90 degrees if not set
+        scale: this.config.scaleSnap || 0.1 // Default to 0.1 if not set
+      };
+    }
+
+    /**
+     * Set the size of the transform controls
+     * @param {number} size - The size of the transform controls
+     */
+  }, {
+    key: "setSize",
+    value: function setSize(size) {
+      this.config.size = size;
+      this.transformControls.setSize(size);
+      console.log("\uD83D\uDCCF Transform controls size set to: ".concat(size));
+    }
+    /**
+    * Enable or disable the transform controls
+    * @param {boolean} enabled - Whether to enable the controls
+    */
+  }, {
+    key: "setEnabled",
+    value: function setEnabled(enabled) {
+      this.config.enabled = enabled;
+      if (this.selectedObject) {
+        this.transformControls.enabled = enabled;
+      }
+      console.log("\uD83D\uDD04 Transform controls ".concat(enabled ? 'enabled' : 'disabled'));
+    }
+
+    /**
+     * Configure whether multi-axis plane helpers are shown
+     * @param {boolean} showPlanes - Whether to show multi-axis translation planes (XY, YZ, XZ)
+     */
+  }, {
+    key: "setShowPlanes",
+    value: function setShowPlanes(showPlanes) {
+      if (!this.transformControls) {
+        console.warn('⚠️ Cannot configure plane helpers: transform controls not available');
+        return false;
+      }
+
+      // Set the plane visibility properties directly
+      this.transformControls.showXY = showPlanes;
+      this.transformControls.showYZ = showPlanes;
+      this.transformControls.showXZ = showPlanes;
+      console.log("\uD83D\uDD27 Multi-axis planes ".concat(showPlanes ? 'enabled' : 'disabled'));
+      return true;
+    }
+    /**
+     * Ensure transform controls are properly attached to the scene
+     * This method helps recover from scene operations that might detach the controls
+     */
+  }, {
+    key: "ensureSceneAttachment",
+    value: function ensureSceneAttachment() {
+      var allowVisible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      // If transform controls don't exist, recreate them
+      if (!this.transformControls && this.scene && this.camera && this.renderer) {
+        console.log('🔧 Transform controls missing, recreating...');
+        this.createTransformControls();
+        this.setupEventListeners();
+        console.log('✅ Transform controls recreated and attached to scene');
+        if (!allowVisible) {
+          this.transformControls.visible = false;
+          console.log('🔧 Setting newly created transform controls to invisible');
+        }
+        return true;
+      }
+      if (!this.transformControls || !this.scene) {
+        console.warn('⚠️ Cannot ensure attachment: missing transform controls or scene');
+        return false;
+      }
+
+      // Check if transform controls are still in the scene
+      var isAttached = this.scene.children.includes(this.transformControls);
+      if (!isAttached) {
+        console.log('🔧 Re-attaching transform controls to scene...');
+        this.scene.add(this.transformControls);
+
+        // Reset state after reattachment
+        this.transformControls.enabled = false;
+        if (this.selectedObject) {
+          // If there was a selected object, reattach it
+          this.transformControls.attach(this.selectedObject);
+          this.transformControls.enabled = this.config.enabled;
+        }
+
+        // Control visibility based on allowVisible parameter
+        if (!allowVisible) {
+          this.transformControls.visible = false;
+          console.log('🔧 Keeping reattached transform controls invisible');
+        }
+        console.log('✅ Transform controls reattached to scene');
+        return true;
+      }
+      // Only make visible if allowVisible is true
+      if (!this.transformControls.visible && allowVisible) {
+        console.log('🔧 Transform controls were invisible, making visible');
+        this.transformControls.visible = true;
+        return true;
+      } else if (this.transformControls.visible && !allowVisible) {
+        console.log('🔧 Transform controls were visible, making invisible');
+        this.transformControls.visible = false;
+        return true;
+      }
+
+      // Check if the transform controls have a parent but it's not the scene
+      if (this.transformControls.parent && this.transformControls.parent !== this.scene) {
+        console.log('🔧 Transform controls have wrong parent, re-attaching to scene...');
+        this.transformControls.parent.remove(this.transformControls);
+        this.scene.add(this.transformControls);
+        return true;
+      }
+      return false;
+    }
+
+    /**
+     * Get the current transformation data
+     * @returns {Object} Current transformation state
+     */
+  }, {
+    key: "getTransformData",
+    value: function getTransformData() {
+      if (!this.selectedObject) {
+        return null;
+      }
+
+      // Get local transforms (existing)
+      var localTransforms = {
+        position: this.selectedObject.position.clone(),
+        rotation: this.selectedObject.rotation.clone(),
+        scale: this.selectedObject.scale.clone()
+      };
+
+      // Get world transforms (new)
+      var worldTransforms = this.getWorldTransformData();
+      return {
+        object: this.selectedObject,
+        position: localTransforms.position,
+        rotation: localTransforms.rotation,
+        scale: localTransforms.scale,
+        worldPosition: worldTransforms.position,
+        worldRotation: worldTransforms.rotation,
+        worldScale: worldTransforms.scale,
+        mode: this.currentMode,
+        space: this.currentSpace,
+        isTransforming: this.transformState.isTransforming
+      };
+    }
+
+    /**
+     * Get world transformation data for the selected object
+     * @returns {Object} World transformation data
+     */
+  }, {
+    key: "getWorldTransformData",
+    value: function getWorldTransformData() {
+      if (!this.selectedObject) {
+        return null;
+      }
+
+      // Ensure the object's world matrix is up to date
+      this.selectedObject.updateMatrixWorld(true);
+
+      // Get world position
+      var worldPosition = new THREE.Vector3();
+      this.selectedObject.getWorldPosition(worldPosition);
+
+      // Get world quaternion
+      var worldQuaternion = new THREE.Quaternion();
+      this.selectedObject.getWorldQuaternion(worldQuaternion);
+
+      // Convert quaternion to Euler rotation
+      var worldRotation = new THREE.Euler();
+      worldRotation.setFromQuaternion(worldQuaternion);
+
+      // Get world scale
+      var worldScale = new THREE.Vector3();
+      this.selectedObject.getWorldScale(worldScale);
+      return {
+        position: worldPosition,
+        rotation: worldRotation,
+        scale: worldScale
+      };
+    }
+
+    /**
+     * Update object transform using world coordinates
+     * @param {string} type - Transform type: 'position', 'rotation', 'scale'
+     * @param {string} axis - Axis: 'x', 'y', 'z'
+     * @param {number|string} value - The world coordinate value to set
+     * @param {boolean} useWorldCoords - Whether to interpret the value as world coordinates
+     */
+  }, {
+    key: "updateObjectTransform",
+    value: function updateObjectTransform(type, axis, value) {
+      var useWorldCoords = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+      if (!this.selectedObject) {
+        console.warn('⚠️ No object selected for transformation');
+        return;
+      }
+      var object = this.selectedObject;
+      var numericValue = parseFloat(value);
+      if (isNaN(numericValue)) {
+        console.warn('⚠️ Invalid numeric value for transform:', value);
+        return;
+      }
+      if (useWorldCoords) {
+        // Update using world coordinates
+        this.updateWorldTransform(object, type, axis, numericValue);
+      } else {
+        // Update using local coordinates (existing behavior)
+        switch (type) {
+          case 'position':
+            object.position[axis] = numericValue;
+            break;
+          case 'rotation':
+            // Convert from degrees to radians
+            object.rotation[axis] = numericValue * (Math.PI / 180);
+            break;
+          case 'scale':
+            object.scale[axis] = numericValue;
+            break;
+          default:
+            console.warn("\u26A0\uFE0F Unknown transform type: ".concat(type));
+            return;
+        }
+      } // Update transform controls to reflect the change
+      if (this.transformControls) {
+        this.transformControls.updateMatrixWorld();
+      }
+
+      // Update bounding box to reflect the change
+      this.updateBoundingBox();
+      var coordType = useWorldCoords ? 'world' : 'local';
+      console.log("\uD83D\uDD04 Updated ".concat(coordType, " ").concat(type, ".").concat(axis, " to ").concat(numericValue, " for ").concat(object.name));
+    }
+
+    /**
+     * Update object transform using world coordinates
+     * @param {THREE.Object3D} object - The object to transform
+     * @param {string} type - Transform type: 'position', 'rotation', 'scale'
+     * @param {string} axis - Axis: 'x', 'y', 'z'
+     * @param {number} worldValue - The world coordinate value
+     */
+  }, {
+    key: "updateWorldTransform",
+    value: function updateWorldTransform(object, type, axis, worldValue) {
+      // Ensure matrices are up to date
+      object.updateMatrixWorld(true);
+      switch (type) {
+        case 'position':
+          this.setWorldPosition(object, axis, worldValue);
+          break;
+        case 'rotation':
+          this.setWorldRotation(object, axis, worldValue);
+          break;
+        case 'scale':
+          this.setWorldScale(object, axis, worldValue);
+          break;
+        default:
+          console.warn("\u26A0\uFE0F Unknown transform type: ".concat(type));
+      }
+    }
+
+    /**
+     * Set world position for a specific axis
+     * @param {THREE.Object3D} object - The object
+     * @param {string} axis - The axis ('x', 'y', or 'z')
+     * @param {number} worldValue - The world position value
+     */
+  }, {
+    key: "setWorldPosition",
+    value: function setWorldPosition(object, axis, worldValue) {
+      // Get current world position
+      var currentWorldPos = new THREE.Vector3();
+      object.getWorldPosition(currentWorldPos);
+
+      // Update the specific axis
+      currentWorldPos[axis] = worldValue;
+
+      // Convert world position back to local position
+      if (object.parent) {
+        var parentMatrixInverse = new THREE.Matrix4();
+        parentMatrixInverse.copy(object.parent.matrixWorld).invert();
+        currentWorldPos.applyMatrix4(parentMatrixInverse);
+      }
+
+      // Set the local position
+      object.position.copy(currentWorldPos);
+    }
+
+    /**
+     * Set world rotation for a specific axis
+     * @param {THREE.Object3D} object - The object
+     * @param {string} axis - The axis ('x', 'y', or 'z')
+     * @param {number} worldValue - The world rotation value in degrees
+     */
+  }, {
+    key: "setWorldRotation",
+    value: function setWorldRotation(object, axis, worldValue) {
+      // Get current world quaternion
+      var currentWorldQuat = new THREE.Quaternion();
+      object.getWorldQuaternion(currentWorldQuat);
+
+      // Convert to Euler
+      var currentWorldEuler = new THREE.Euler();
+      currentWorldEuler.setFromQuaternion(currentWorldQuat);
+
+      // Update the specific axis (convert degrees to radians)
+      currentWorldEuler[axis] = worldValue * (Math.PI / 180);
+
+      // Convert back to quaternion
+      var newWorldQuat = new THREE.Quaternion();
+      newWorldQuat.setFromEuler(currentWorldEuler);
+
+      // Convert world quaternion back to local rotation
+      if (object.parent) {
+        var parentWorldQuat = new THREE.Quaternion();
+        object.parent.getWorldQuaternion(parentWorldQuat);
+        parentWorldQuat.invert();
+        newWorldQuat.premultiply(parentWorldQuat);
+      }
+
+      // Set the local rotation
+      object.quaternion.copy(newWorldQuat);
+    }
+
+    /**
+     * Set world scale for a specific axis
+     * @param {THREE.Object3D} object - The object
+     * @param {string} axis - The axis ('x', 'y', or 'z')
+     * @param {number} worldValue - The world scale value
+     */
+  }, {
+    key: "setWorldScale",
+    value: function setWorldScale(object, axis, worldValue) {
+      // Get current world scale
+      var currentWorldScale = new THREE.Vector3();
+      object.getWorldScale(currentWorldScale);
+
+      // Calculate the scale factor needed
+      var scaleFactor = worldValue / currentWorldScale[axis];
+
+      // Apply to local scale
+      object.scale[axis] *= scaleFactor;
+    }
+    /**
+     * Get selectable objects with their bounding boxes for ray intersection testing
+     * @param {Function} objectFilter - Optional function to filter selectable objects
+     * @returns {Array} Array of objects with their bounding boxes
+     */
+  }, {
+    key: "getSelectableObjectsWithBounds",
+    value: function getSelectableObjectsWithBounds() {
+      var _this4 = this;
+      var objectFilter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var objectsWithBounds = [];
+
+      // Traverse scene to find selectable objects
+      this.scene.traverse(function (object) {
+        var _object$userData0, _object$userData1;
+        // Skip invalid objects and helpers early
+        if (!object || !object.isObject3D) {
+          return;
+        }
+
+        // Skip transform controls and their children
+        if (object.isTransformControls || object.isTransformControlsPlane || object.isTransformControlsGizmo) {
+          return;
+        }
+
+        // Skip other helpers and special objects
+        if (object.isHelper || (_object$userData0 = object.userData) !== null && _object$userData0 !== void 0 && _object$userData0.isHelper || (_object$userData1 = object.userData) !== null && _object$userData1 !== void 0 && _object$userData1.isBoundingBox) {
+          return;
+        }
+        try {
+          // Apply filter (use provided filter or default isSelectableObject method)
+          var isSelectable = objectFilter ? objectFilter(object) : _this4.isSelectableObject(object);
+          if (isSelectable) {
+            // Force object matrix update to ensure correct bounding box
+            object.updateMatrixWorld(true);
+
+            // Get or compute bounding box
+            var boundingBox = _this4.boundingBoxCache.get(object);
+
+            // Always recompute bounding box for recently transformed objects
+            // or if no cached bounding box exists
+            if (!boundingBox || object === _this4.selectedObject) {
+              // Compute and cache bounding box
+              boundingBox = new THREE.Box3().setFromObject(object);
+              _this4.boundingBoxCache.set(object, boundingBox);
+            }
+            objectsWithBounds.push({
+              object: object,
+              boundingBox: boundingBox
+            });
+          }
+        } catch (error) {
+          // Silently skip objects that cause errors during filtering
+          console.warn('⚠️ Skipping object due to filter error:', object.type || 'unknown', error.message);
+        }
+      });
+      return objectsWithBounds;
+    }
+
+    /**
+     * Test ray intersection with object bounding boxes
+     * @param {THREE.Raycaster} raycaster - The raycaster to test intersections with
+     * @param {Function} objectFilter - Optional function to filter selectable objects
+     * @returns {Array} Array of intersection results sorted by distance
+     */
+  }, {
+    key: "intersectObjectsBoundingBoxes",
+    value: function intersectObjectsBoundingBoxes(raycaster) {
+      var objectFilter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var objectsWithBounds = this.getSelectableObjectsWithBounds(objectFilter);
+      var intersections = [];
+      var _iterator = _createForOfIteratorHelper(objectsWithBounds),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var item = _step.value;
+          var object = item.object,
+            boundingBox = item.boundingBox;
+
+          // Test ray intersection with bounding box
+          var intersection = raycaster.ray.intersectBox(boundingBox, new THREE.Vector3());
+          if (intersection) {
+            // Calculate distance from ray origin to intersection point
+            var distance = raycaster.ray.origin.distanceTo(intersection);
+            intersections.push({
+              object: object,
+              point: intersection,
+              distance: distance,
+              boundingBox: boundingBox
+            });
+          }
+        }
+
+        // Sort by distance (closest first)
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      intersections.sort(function (a, b) {
+        return a.distance - b.distance;
+      });
+      return intersections;
+    }
+
+    /**
+     * Toggle between bounding box-based and mesh-based selection
+     * @param {boolean} useBoundingBox - Whether to use bounding box selection
+     */
+  }, {
+    key: "setBoundingBoxSelection",
+    value: function setBoundingBoxSelection(useBoundingBox) {
+      this.config.useBoundingBoxSelection = useBoundingBox;
+      console.log("\uD83C\uDFAF Selection method: ".concat(useBoundingBox ? 'Bounding Box' : 'Mesh-based'));
+    }
+
+    /**
+     * Handle object removal when backspace is pressed
+     */
+  }, {
+    key: "handleObjectRemoval",
+    value: function handleObjectRemoval() {
+      var _this$selectedObject$;
+      if (!this.selectedObject) {
+        return;
+      }
+
+      // Check if the object is a gateway
+      if (((_this$selectedObject$ = this.selectedObject.userData) === null || _this$selectedObject$ === void 0 ? void 0 : _this$selectedObject$.componentType) === 'gateway') {
+        console.log('🔧 Gateway detected - converting from declared to computed');
+        this.handleGatewayRemoval();
+      }
+    }
+
+    /**
+     * Handle gateway removal by converting from declared to computed
+     */
+  }, {
+    key: "handleGatewayRemoval",
+    value: function handleGatewayRemoval() {
+      var _gateway$userData;
+      var gateway = this.selectedObject;
+
+      // Store gateway information before removal
+      var gatewayInfo = {
+        uuid: gateway.uuid,
+        userData: _objectSpread2({}, gateway.userData),
+        position: gateway.position.clone(),
+        connections: ((_gateway$userData = gateway.userData) === null || _gateway$userData === void 0 ? void 0 : _gateway$userData.connections) || null
+      };
+      console.log('🔧 Converting gateway from declared to computed:', gatewayInfo);
+
+      // Change origin from 'declared' to 'computed'
+      gateway.userData.origin = 'computed';
+
+      // Deselect the object
+      this.deselectObject();
+
+      // Emit the object removed event
+      if (this.callbacks.onObjectRemoved) {
+        this.callbacks.onObjectRemoved(gatewayInfo);
+      }
+    }
+
+    /**
+     * Cleanup and dispose of the transform controls
+     */
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      // Remove event listeners
+      if (this.eventHandlers.keydown) {
+        window.removeEventListener('keydown', this.eventHandlers.keydown);
+      }
+      if (this.eventHandlers.click) {
+        this.renderer.domElement.removeEventListener('click', this.eventHandlers.click);
+      }
+
+      // Remove bounding box helper
+      this.removeBoundingBox();
+
+      // Deselect any object first
+      if (this.selectedObject) {
+        this.deselectObject();
+      }
+
+      // Dispose transform controls
+      if (this.transformControls) {
+        // Remove event listeners from transform controls
+        if (this.eventHandlers.transformStart) {
+          this.transformControls.removeEventListener('mouseDown', this.eventHandlers.transformStart);
+        }
+        if (this.eventHandlers.transformEnd) {
+          this.transformControls.removeEventListener('mouseUp', this.eventHandlers.transformEnd);
+        }
+        if (this.eventHandlers.transforming) {
+          this.transformControls.removeEventListener('objectChange', this.eventHandlers.transforming);
+        }
+
+        // Detach from any objects
+        this.transformControls.detach();
+
+        // Remove from scene if still attached
+        if (this.scene && this.transformControls.parent === this.scene) {
+          this.scene.remove(this.transformControls);
+        }
+
+        // Dispose and null the reference
+        this.transformControls.dispose();
+        this.transformControls = null;
+      }
+
+      // Clear references - but keep scene, camera, and renderer references for reuse
+      this.selectedObject = null;
+      // Don't null these out: this.scene, this.camera, this.renderer
+      this.orbitControls = null;
+      console.log('🧹 Transform controls disposed');
+    }
+    /**
+    * Force hide the transform controls (debugging method)
+    */
+  }, {
+    key: "forceHide",
+    value: function forceHide() {
+      if (this.transformControls) {
+        this._hideTransformControls();
+        this.transformControls.enabled = false;
+        console.log('🔒 Transform controls force hidden');
+      }
+    }
+
+    /**
+     * Properly hide transform controls including all child components
+     * @private
+     */
+  }, {
+    key: "_hideTransformControls",
+    value: function _hideTransformControls() {
+      if (!this.transformControls) return;
+
+      // Hide main transform controls
+      this.transformControls.visible = false;
+
+      // Also hide gizmo and plane components explicitly
+      if (this.transformControls._gizmo) {
+        this.transformControls._gizmo.visible = false;
+      }
+      if (this.transformControls._plane) {
+        this.transformControls._plane.visible = false;
+      }
+    }
+
+    /**
+     * Properly show transform controls including all child components
+     * @private
+     */
+  }, {
+    key: "_showTransformControls",
+    value: function _showTransformControls() {
+      if (!this.transformControls) return;
+
+      // Show main transform controls
+      this.transformControls.visible = true;
+
+      // Also show gizmo and plane components explicitly
+      if (this.transformControls._gizmo) {
+        this.transformControls._gizmo.visible = true;
+      }
+      if (this.transformControls._plane) {
+        this.transformControls._plane.visible = true;
+      }
+    }
+
+    /**
+     * Check the current visibility state of transform controls (debugging method)
+     */
+  }, {
+    key: "getVisibilityState",
+    value: function getVisibilityState() {
+      var _this$selectedObject3;
+      if (!this.transformControls) {
+        return {
+          exists: false
+        };
+      }
+      return {
+        exists: true,
+        visible: this.transformControls.visible,
+        enabled: this.transformControls.enabled,
+        gizmoVisible: this.transformControls._gizmo ? this.transformControls._gizmo.visible : 'N/A',
+        planeVisible: this.transformControls._plane ? this.transformControls._plane.visible : 'N/A',
+        hasSelectedObject: !!this.selectedObject,
+        selectedObjectName: ((_this$selectedObject3 = this.selectedObject) === null || _this$selectedObject3 === void 0 ? void 0 : _this$selectedObject3.name) || 'none'
+      };
+    }
+    /**
+    * Force hide all gizmo components to prevent any visibility override
+    * This is necessary because Three.js TransformControls has internal logic that can show gizmos
+    */
+  }, {
+    key: "_forceHideAllGizmoComponents",
+    value: function _forceHideAllGizmoComponents() {
+      if (!this.transformControls || !this.transformControls._gizmo) {
+        return;
+      }
+      var gizmo = this.transformControls._gizmo;
+
+      // Hide main gizmo
+      gizmo.visible = false;
+
+      // Hide all mode-specific gizmos
+      if (gizmo.gizmo) {
+        Object.keys(gizmo.gizmo).forEach(function (mode) {
+          if (gizmo.gizmo[mode]) {
+            gizmo.gizmo[mode].visible = false;
+          }
+        });
+      }
+
+      // Hide all helpers
+      if (gizmo.helper) {
+        Object.keys(gizmo.helper).forEach(function (mode) {
+          if (gizmo.helper[mode]) {
+            gizmo.helper[mode].visible = false;
+          }
+        });
+      }
+
+      // Also hide the plane
+      if (this.transformControls._plane) {
+        this.transformControls._plane.visible = false;
+      }
+      console.log('🔒 All gizmo components force hidden');
+    }
+
+    /**
+     * Hide multi-axis plane helpers (XY, YZ, XZ) to only allow single-axis translation
+     * @private
+     */
+  }, {
+    key: "_hidePlaneHelpers",
+    value: function _hidePlaneHelpers() {
+      console.log('🔧 _hidePlaneHelpers called');
+      if (!this.transformControls) {
+        console.warn('⚠️ Cannot hide plane helpers: transform controls not available');
+        return;
+      }
+      if (!this.transformControls._gizmo) {
+        console.warn('⚠️ Cannot hide plane helpers: gizmo not available');
+        return;
+      }
+      var gizmo = this.transformControls._gizmo;
+      console.log('🔍 Gizmo structure:', {
+        hasGizmo: !!gizmo.gizmo,
+        hasTranslate: !!(gizmo.gizmo && gizmo.gizmo.translate),
+        hasPicker: !!gizmo.picker,
+        hasTranslatePicker: !!(gizmo.picker && gizmo.picker.translate)
+      });
+      var hiddenCount = 0;
+
+      // Hide plane helpers in translate gizmo
+      if (gizmo.gizmo && gizmo.gizmo.translate) {
+        var translateGizmo = gizmo.gizmo.translate;
+        console.log('🔍 Translate gizmo children count:', translateGizmo.children.length);
+        translateGizmo.traverse(function (child) {
+          if (child.name === 'XY' || child.name === 'YZ' || child.name === 'XZ') {
+            child.visible = false;
+            hiddenCount++;
+            console.log("\uD83D\uDD12 Hidden plane helper: ".concat(child.name));
+          }
+        });
+      }
+
+      // Hide plane helpers in translate picker
+      if (gizmo.picker && gizmo.picker.translate) {
+        var translatePicker = gizmo.picker.translate;
+        console.log('🔍 Translate picker children count:', translatePicker.children.length);
+        translatePicker.traverse(function (child) {
+          if (child.name === 'XY' || child.name === 'YZ' || child.name === 'XZ') {
+            child.visible = false;
+            hiddenCount++;
+            console.log("\uD83D\uDD12 Hidden plane picker: ".concat(child.name));
+          }
+        });
+      }
+      console.log("\u2705 Multi-axis plane helpers hidden - total hidden: ".concat(hiddenCount));
+    }
+
+    /**
+     * Show multi-axis plane helpers (XY, YZ, XZ) to allow multi-axis translation
+     * @private
+     */
+  }, {
+    key: "_showPlaneHelpers",
+    value: function _showPlaneHelpers() {
+      if (!this.transformControls || !this.transformControls._gizmo) {
+        console.warn('⚠️ Cannot show plane helpers: transform controls or gizmo not available');
+        return;
+      }
+      var gizmo = this.transformControls._gizmo;
+
+      // Show plane helpers in translate gizmo
+      if (gizmo.gizmo && gizmo.gizmo.translate) {
+        var translateGizmo = gizmo.gizmo.translate;
+        translateGizmo.traverse(function (child) {
+          if (child.name === 'XY' || child.name === 'YZ' || child.name === 'XZ') {
+            child.visible = true;
+            console.log("\uD83D\uDC41\uFE0F Shown plane helper: ".concat(child.name));
+          }
+        });
+      }
+
+      // Show plane helpers in translate picker
+      if (gizmo.picker && gizmo.picker.translate) {
+        var translatePicker = gizmo.picker.translate;
+        translatePicker.traverse(function (child) {
+          if (child.name === 'XY' || child.name === 'YZ' || child.name === 'XZ') {
+            child.visible = true;
+            console.log("\uD83D\uDC41\uFE0F Shown plane picker: ".concat(child.name));
+          }
+        });
+      }
+      console.log('✅ Multi-axis plane helpers shown - multi-axis translation enabled');
+    }
+  }]);
+}();
+
+/**
+ * Utility function to create a transform controls manager
+ * @param {THREE.Scene} scene - The Three.js scene
+ * @param {THREE.Camera} camera - The camera
+ * @param {THREE.WebGLRenderer} renderer - The renderer
+ * @param {OrbitControls} orbitControls - Optional orbit controls to disable during transformation
+ * @returns {TransformControlsManager} Transform controls manager instance
+ */
+function createTransformControls(scene, camera, renderer) {
+  var orbitControls = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  return new TransformControlsManager(scene, camera, renderer, orbitControls);
+}
+
+export { TransformControlsManager, createTransformControls };