@2112-lab/central-plant 0.1.4 → 0.1.6

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

@@ -1 +1,1057 @@
-import{inherits as t,createClass as e,superPropGet as i,classCallCheck as h,callSuper as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{Raycaster as s,Vector3 as a,Quaternion as r,Euler as w,Matrix4 as o,Object3D as l,Mesh as u,MeshBasicMaterial as c,LineBasicMaterial as M,CylinderGeometry as v,BoxGeometry as p,BufferGeometry as f,Float32BufferAttribute as X,OctahedronGeometry as Y,Line as Z,SphereGeometry as d,TorusGeometry as y,PlaneGeometry as k,DoubleSide as m}from"three";var E=new s,S=new a,b=new a,g=new r,T={X:new a(1,0,0),Y:new a(0,1,0),Z:new a(0,0,1)},x={type:"change"},D={type:"mouseDown"},A={type:"mouseUp",mode:null},W={type:"objectChange"},C=function(){function s(t,e){var i;h(this,s),i=n(this,s),void 0===e&&(e=document),i.isTransformControls=!0,i.visible=!1,i.domElement=e,i.domElement.style.touchAction="none";var w=new tt;i.t=w,i.add(w);var o=new et;i.i=o,i.add(o);var l=i;function u(t,e){var i=e;Object.defineProperty(l,t,{get:function(){return void 0!==i?i:e},set:function(e){i!==e&&(i=e,o[t]=e,w[t]=e,l.dispatchEvent({type:t+"-changed",value:e}),l.dispatchEvent(x))}}),l[t]=e,o[t]=e,w[t]=e}u("camera",t),u("object",void 0),u("enabled",!0),u("axis",null),u("mode","translate"),u("translationSnap",null),u("rotationSnap",null),u("scaleSnap",null),u("space","world"),u("size",1),u("dragging",!1),u("showX",!0),u("showY",!0),u("showZ",!0),u("showXY",!0),u("showYZ",!0),u("showXZ",!0),i.clickDelay=null,i.lastInteractionTime=0;var c=new a,M=new a,v=new r,p=new r,f=new a,X=new r,Y=new a,Z=new a,d=new a,y=new a;return u("worldPosition",c),u("worldPositionStart",M),u("worldQuaternion",v),u("worldQuaternionStart",p),u("cameraPosition",f),u("cameraQuaternion",X),u("pointStart",Y),u("pointEnd",Z),u("rotationAxis",d),u("rotationAngle",0),u("eye",y),i.h=new a,i.o=new a,i.l=new a,i.u=new a,i.M=new a,i.v=new r,i.p=new r,i.k=new a,i.m=new a,i.S=new r,i.T=new a,i.D=new a,i.A=new r,i.W=new a,i.C=P.bind(i),i.P=R.bind(i),i.j=j.bind(i),i.R=z.bind(i),i.I=I.bind(i),i.domElement.addEventListener("pointerdown",i.P),i.domElement.addEventListener("pointermove",i.j),i.domElement.addEventListener("pointerup",i.I),i}return t(s,l),e(s,[{key:"updateMatrixWorld",value:function(){void 0!==this.object&&(this.object.updateMatrixWorld(),null===this.object.parent||this.object.parent.matrixWorld.decompose(this.M,this.v,this.k),this.object.matrixWorld.decompose(this.worldPosition,this.worldQuaternion,this.T),this.p.copy(this.v).invert(),this.S.copy(this.worldQuaternion).invert()),this.camera.updateMatrixWorld(),this.camera.matrixWorld.decompose(this.cameraPosition,this.cameraQuaternion,this.u),this.camera.isOrthographicCamera?this.camera.getWorldDirection(this.eye).negate():this.eye.copy(this.cameraPosition).sub(this.worldPosition).normalize(),i(s,"updateMatrixWorld",this,3)([this])}},{key:"pointerHover",value:function(t){if(void 0!==this.object&&!0!==this.dragging){if(this.clickDelay&&this.clickDelay.doubleClickDelay)if(Date.now()-this.lastInteractionTime<this.clickDelay.doubleClickDelay)return;E.setFromCamera(t,this.camera);var e=Q(this.t.picker[this.mode],E);this.axis=e?e.object.name:null}}},{key:"pointerDown",value:function(t){if(void 0!==this.object&&!0!==this.dragging&&0===t.button){if(this.clickDelay&&this.clickDelay.doubleClickDelay){var e=Date.now();if(e-this.lastInteractionTime<this.clickDelay.doubleClickDelay)return;this.lastInteractionTime=e}if(null!==this.axis){E.setFromCamera(t,this.camera);var i=Q(this.i,E,!0);i&&(this.object.updateMatrixWorld(),this.object.parent.updateMatrixWorld(),this.D.copy(this.object.position),this.A.copy(this.object.quaternion),this.W.copy(this.object.scale),this.object.matrixWorld.decompose(this.worldPositionStart,this.worldQuaternionStart,this.m),this.pointStart.copy(i.point).sub(this.worldPositionStart)),this.dragging=!0,D.mode=this.mode,this.dispatchEvent(D)}}}},{key:"pointerMove",value:function(t){var e=this.axis,i=this.mode,h=this.object,n=this.space;if("scale"===i?n="local":"E"!==e&&"XYZE"!==e&&"XYZ"!==e||(n="world"),void 0!==h&&null!==e&&!1!==this.dragging&&-1===t.button){E.setFromCamera(t,this.camera);var s=Q(this.i,E,!0);if(s){if(this.pointEnd.copy(s.point).sub(this.worldPositionStart),"translate"===i)this.h.copy(this.pointEnd).sub(this.pointStart),"local"===n&&"XYZ"!==e&&this.h.applyQuaternion(this.S),-1===e.indexOf("X")&&(this.h.x=0),-1===e.indexOf("Y")&&(this.h.y=0),-1===e.indexOf("Z")&&(this.h.z=0),"local"===n&&"XYZ"!==e?this.h.applyQuaternion(this.A).divide(this.k):this.h.applyQuaternion(this.p).divide(this.k),h.position.copy(this.h).add(this.D),this.translationSnap&&("local"===n&&(h.position.applyQuaternion(g.copy(this.A).invert()),-1!==e.search("X")&&(h.position.x=Math.round(h.position.x/this.translationSnap)*this.translationSnap),-1!==e.search("Y")&&(h.position.y=Math.round(h.position.y/this.translationSnap)*this.translationSnap),-1!==e.search("Z")&&(h.position.z=Math.round(h.position.z/this.translationSnap)*this.translationSnap),h.position.applyQuaternion(this.A)),"world"===n&&(h.parent&&h.position.add(S.setFromMatrixPosition(h.parent.matrixWorld)),-1!==e.search("X")&&(h.position.x=Math.round(h.position.x/this.translationSnap)*this.translationSnap),-1!==e.search("Y")&&(h.position.y=Math.round(h.position.y/this.translationSnap)*this.translationSnap),-1!==e.search("Z")&&(h.position.z=Math.round(h.position.z/this.translationSnap)*this.translationSnap),h.parent&&h.position.sub(S.setFromMatrixPosition(h.parent.matrixWorld))));else if("scale"===i){if(-1!==e.search("XYZ")){var a=this.pointEnd.length()/this.pointStart.length();this.pointEnd.dot(this.pointStart)<0&&(a*=-1),b.set(a,a,a)}else S.copy(this.pointStart),b.copy(this.pointEnd),S.applyQuaternion(this.S),b.applyQuaternion(this.S),b.divide(S),-1===e.search("X")&&(b.x=1),-1===e.search("Y")&&(b.y=1),-1===e.search("Z")&&(b.z=1);h.scale.copy(this.W).multiply(b),this.scaleSnap&&(-1!==e.search("X")&&(h.scale.x=Math.round(h.scale.x/this.scaleSnap)*this.scaleSnap||this.scaleSnap),-1!==e.search("Y")&&(h.scale.y=Math.round(h.scale.y/this.scaleSnap)*this.scaleSnap||this.scaleSnap),-1!==e.search("Z")&&(h.scale.z=Math.round(h.scale.z/this.scaleSnap)*this.scaleSnap||this.scaleSnap))}else if("rotate"===i){this.h.copy(this.pointEnd).sub(this.pointStart);var r=20/this.worldPosition.distanceTo(S.setFromMatrixPosition(this.camera.matrixWorld));"E"===e?(this.rotationAxis.copy(this.eye),this.rotationAngle=this.pointEnd.angleTo(this.pointStart),this.o.copy(this.pointStart).normalize(),this.l.copy(this.pointEnd).normalize(),this.rotationAngle*=this.l.cross(this.o).dot(this.eye)<0?1:-1):"XYZE"===e?(this.rotationAxis.copy(this.h).cross(this.eye).normalize(),this.rotationAngle=this.h.dot(S.copy(this.rotationAxis).cross(this.eye))*r):"X"!==e&&"Y"!==e&&"Z"!==e||(this.rotationAxis.copy(T[e]),S.copy(T[e]),"local"===n&&S.applyQuaternion(this.worldQuaternion),this.rotationAngle=this.h.dot(S.cross(this.eye).normalize())*r),this.rotationSnap&&(this.rotationAngle=Math.round(this.rotationAngle/this.rotationSnap)*this.rotationSnap),"local"===n&&"E"!==e&&"XYZE"!==e?(h.quaternion.copy(this.A),h.quaternion.multiply(g.setFromAxisAngle(this.rotationAxis,this.rotationAngle)).normalize()):(this.rotationAxis.applyQuaternion(this.p),h.quaternion.copy(g.setFromAxisAngle(this.rotationAxis,this.rotationAngle)),h.quaternion.multiply(this.A).normalize())}this.dispatchEvent(x),this.dispatchEvent(W)}}}},{key:"pointerUp",value:function(t){0===t.button&&(this.dragging&&null!==this.axis&&(A.mode=this.mode,this.dispatchEvent(A)),this.dragging=!1,this.axis=null)}},{key:"dispose",value:function(){this.domElement.removeEventListener("pointerdown",this.P),this.domElement.removeEventListener("pointermove",this.j),this.domElement.removeEventListener("pointermove",this.R),this.domElement.removeEventListener("pointerup",this.I),this.traverse(function(t){t.geometry&&t.geometry.dispose(),t.material&&t.material.dispose()})}},{key:"attach",value:function(t){return this.object=t,this.visible=!0,this}},{key:"detach",value:function(){return this.object=void 0,this.visible=!1,this.axis=null,this}},{key:"reset",value:function(){this.enabled&&this.dragging&&(this.object.position.copy(this.D),this.object.quaternion.copy(this.A),this.object.scale.copy(this.W),this.dispatchEvent(x),this.dispatchEvent(W),this.pointStart.copy(this.pointEnd))}},{key:"getRaycaster",value:function(){return E}},{key:"getMode",value:function(){return this.mode}},{key:"setMode",value:function(t){this.mode=t}},{key:"setTranslationSnap",value:function(t){this.translationSnap=t}},{key:"setRotationSnap",value:function(t){this.rotationSnap=t}},{key:"setScaleSnap",value:function(t){this.scaleSnap=t}},{key:"setSize",value:function(t){this.size=t}},{key:"setSpace",value:function(t){this.space=t}},{key:"setDelay",value:function(t){this.clickDelay=t}},{key:"updateInteractionTime",value:function(){this.lastInteractionTime=Date.now()}}])}();function P(t){if(this.domElement.ownerDocument.pointerLockElement)return{x:0,y:0,button:t.button};var e=this.domElement.getBoundingClientRect();return{x:(t.clientX-e.left)/e.width*2-1,y:-(t.clientY-e.top)/e.height*2+1,button:t.button}}function j(t){if(this.enabled)switch(t.pointerType){case"mouse":case"pen":this.pointerHover(this.C(t))}}function R(t){this.enabled&&(document.pointerLockElement||this.domElement.setPointerCapture(t.pointerId),this.domElement.addEventListener("pointermove",this.R),this.pointerHover(this.C(t)),this.pointerDown(this.C(t)))}function z(t){this.enabled&&this.pointerMove(this.C(t))}function I(t){this.enabled&&(this.domElement.releasePointerCapture(t.pointerId),this.domElement.removeEventListener("pointermove",this.R),this.pointerUp(this.C(t)))}function Q(t,e,i){for(var h=e.intersectObject(t,!0),n=0;n<h.length;n++)if(h[n].object.visible||i)return h[n];return!1}var G=new w,H=new a(0,1,0),L=new a(0,0,0),N=new o,U=new r,_=new r,B=new a,O=new o,q=new a(1,0,0),F=new a(0,1,0),J=new a(0,0,1),K=new a,V=new a,$=new a,tt=function(){function s(){var t;h(this,s),(t=n(this,s)).isTransformControlsGizmo=!0,t.type="TransformControlsGizmo";var e=new c({depthTest:!1,depthWrite:!1,fog:!1,toneMapped:!1,transparent:!0}),i=new M({depthTest:!1,depthWrite:!1,fog:!1,toneMapped:!1,transparent:!0}),a=e.clone();a.opacity=.15;var r=i.clone();r.opacity=.5;var w=e.clone();w.color.setHex(16711680);var o=e.clone();o.color.setHex(65280);var k=e.clone();k.color.setHex(255);var m=e.clone();m.color.setHex(16711680),m.opacity=.5;var E=e.clone();E.color.setHex(65280),E.opacity=.5;var S=e.clone();S.color.setHex(255),S.opacity=.5;var b=e.clone();b.opacity=.25;var g=e.clone();g.color.setHex(16776960),g.opacity=.25,e.clone().color.setHex(16776960);var T=e.clone();T.color.setHex(7895160);var x=new v(0,.04,.1,12);x.translate(0,.05,0);var D=new p(.08,.08,.08);D.translate(0,.04,0);var A=new f;A.setAttribute("position",new X([0,0,0,1,0,0],3));var W=new v(.0075,.0075,.5,3);function C(t,e){var i=new y(t,.0075,3,64,e*Math.PI*2);return i.rotateY(Math.PI/2),i.rotateX(Math.PI/2),i}W.translate(0,.25,0);var P,j={X:[[new u(x,w),[.5,0,0],[0,0,-Math.PI/2]],[new u(x,w),[-.5,0,0],[0,0,Math.PI/2]],[new u(W,w),[0,0,0],[0,0,-Math.PI/2]]],Y:[[new u(x,o),[0,.5,0]],[new u(x,o),[0,-.5,0],[Math.PI,0,0]],[new u(W,o)]],Z:[[new u(x,k),[0,0,.5],[Math.PI/2,0,0]],[new u(x,k),[0,0,-.5],[-Math.PI/2,0,0]],[new u(W,k),null,[Math.PI/2,0,0]]],XYZ:[[new u(new Y(.1,0),b.clone()),[0,0,0]]],XY:[[new u(new p(.15,.15,.01),S.clone()),[.15,.15,0]]],YZ:[[new u(new p(.15,.15,.01),m.clone()),[0,.15,.15],[0,Math.PI/2,0]]],XZ:[[new u(new p(.15,.15,.01),E.clone()),[.15,0,.15],[-Math.PI/2,0,0]]]},R={X:[[new u(new v(.2,0,.6,4),a),[.3,0,0],[0,0,-Math.PI/2]],[new u(new v(.2,0,.6,4),a),[-.3,0,0],[0,0,Math.PI/2]]],Y:[[new u(new v(.2,0,.6,4),a),[0,.3,0]],[new u(new v(.2,0,.6,4),a),[0,-.3,0],[0,0,Math.PI]]],Z:[[new u(new v(.2,0,.6,4),a),[0,0,.3],[Math.PI/2,0,0]],[new u(new v(.2,0,.6,4),a),[0,0,-.3],[-Math.PI/2,0,0]]],XYZ:[[new u(new Y(.2,0),a)]],XY:[[new u(new p(.2,.2,.01),a),[.15,.15,0]]],YZ:[[new u(new p(.2,.2,.01),a),[0,.15,.15],[0,Math.PI/2,0]]],XZ:[[new u(new p(.2,.2,.01),a),[.15,0,.15],[-Math.PI/2,0,0]]]},z={START:[[new u(new Y(.01,2),r),null,null,null,"helper"]],END:[[new u(new Y(.01,2),r),null,null,null,"helper"]],DELTA:[[new Z((P=new f,P.setAttribute("position",new X([0,0,0,1,1,1],3)),P),r),null,null,null,"helper"]],X:[[new Z(A,r.clone()),[-1e3,0,0],null,[1e6,1,1],"helper"]],Y:[[new Z(A,r.clone()),[0,-1e3,0],[0,0,Math.PI/2],[1e6,1,1],"helper"]],Z:[[new Z(A,r.clone()),[0,0,-1e3],[0,-Math.PI/2,0],[1e6,1,1],"helper"]]},I={XYZE:[[new u(C(.5,1),T),null,[0,Math.PI/2,0]]],X:[[new u(C(.5,.5),w)]],Y:[[new u(C(.5,.5),o),null,[0,0,-Math.PI/2]]],Z:[[new u(C(.5,.5),k),null,[0,Math.PI/2,0]]],E:[[new u(C(.75,1),g),null,[0,Math.PI/2,0]]]},Q={AXIS:[[new Z(A,r.clone()),[-1e3,0,0],null,[1e6,1,1],"helper"]]},G={XYZE:[[new u(new d(.25,10,8),a)]],X:[[new u(new y(.5,.1,4,24),a),[0,0,0],[0,-Math.PI/2,-Math.PI/2]]],Y:[[new u(new y(.5,.1,4,24),a),[0,0,0],[Math.PI/2,0,0]]],Z:[[new u(new y(.5,.1,4,24),a),[0,0,0],[0,0,-Math.PI/2]]],E:[[new u(new y(.75,.1,2,24),a)]]},H={X:[[new u(D,w),[.5,0,0],[0,0,-Math.PI/2]],[new u(W,w),[0,0,0],[0,0,-Math.PI/2]],[new u(D,w),[-.5,0,0],[0,0,Math.PI/2]]],Y:[[new u(D,o),[0,.5,0]],[new u(W,o)],[new u(D,o),[0,-.5,0],[0,0,Math.PI]]],Z:[[new u(D,k),[0,0,.5],[Math.PI/2,0,0]],[new u(W,k),[0,0,0],[Math.PI/2,0,0]],[new u(D,k),[0,0,-.5],[-Math.PI/2,0,0]]],XY:[[new u(new p(.15,.15,.01),S),[.15,.15,0]]],YZ:[[new u(new p(.15,.15,.01),m),[0,.15,.15],[0,Math.PI/2,0]]],XZ:[[new u(new p(.15,.15,.01),E),[.15,0,.15],[-Math.PI/2,0,0]]],XYZ:[[new u(new p(.1,.1,.1),b.clone())]]},L={X:[[new u(new v(.2,0,.6,4),a),[.3,0,0],[0,0,-Math.PI/2]],[new u(new v(.2,0,.6,4),a),[-.3,0,0],[0,0,Math.PI/2]]],Y:[[new u(new v(.2,0,.6,4),a),[0,.3,0]],[new u(new v(.2,0,.6,4),a),[0,-.3,0],[0,0,Math.PI]]],Z:[[new u(new v(.2,0,.6,4),a),[0,0,.3],[Math.PI/2,0,0]],[new u(new v(.2,0,.6,4),a),[0,0,-.3],[-Math.PI/2,0,0]]],XY:[[new u(new p(.2,.2,.01),a),[.15,.15,0]]],YZ:[[new u(new p(.2,.2,.01),a),[0,.15,.15],[0,Math.PI/2,0]]],XZ:[[new u(new p(.2,.2,.01),a),[.15,0,.15],[-Math.PI/2,0,0]]],XYZ:[[new u(new p(.2,.2,.2),a),[0,0,0]]]},N={X:[[new Z(A,r.clone()),[-1e3,0,0],null,[1e6,1,1],"helper"]],Y:[[new Z(A,r.clone()),[0,-1e3,0],[0,0,Math.PI/2],[1e6,1,1],"helper"]],Z:[[new Z(A,r.clone()),[0,0,-1e3],[0,-Math.PI/2,0],[1e6,1,1],"helper"]]};function U(t){var e=new l;for(var i in t)for(var h=t[i].length;h--;){var n=t[i][h][0].clone(),s=t[i][h][1],a=t[i][h][2],r=t[i][h][3],w=t[i][h][4];n.name=i,n.tag=w,s&&n.position.set(s[0],s[1],s[2]),a&&n.rotation.set(a[0],a[1],a[2]),r&&n.scale.set(r[0],r[1],r[2]),n.updateMatrix();var o=n.geometry.clone();o.applyMatrix4(n.matrix),n.geometry=o,n.renderOrder=1/0,n.position.set(0,0,0),n.rotation.set(0,0,0),n.scale.set(1,1,1),e.add(n)}return e}return t.gizmo={},t.picker={},t.helper={},t.add(t.gizmo.translate=U(j)),t.add(t.gizmo.rotate=U(I)),t.add(t.gizmo.scale=U(H)),t.add(t.picker.translate=U(R)),t.add(t.picker.rotate=U(G)),t.add(t.picker.scale=U(L)),t.add(t.helper.translate=U(z)),t.add(t.helper.rotate=U(Q)),t.add(t.helper.scale=U(N)),t.picker.translate.visible=!1,t.picker.rotate.visible=!1,t.picker.scale.visible=!1,t}return t(s,l),e(s,[{key:"updateMatrixWorld",value:function(t){var e=this,h="local"===("scale"===this.mode?"local":this.space)?this.worldQuaternion:_;this.gizmo.translate.visible="translate"===this.mode,this.gizmo.rotate.visible="rotate"===this.mode,this.gizmo.scale.visible="scale"===this.mode,this.helper.translate.visible="translate"===this.mode,this.helper.rotate.visible="rotate"===this.mode,this.helper.scale.visible="scale"===this.mode;var n=[];n=(n=(n=n.concat(this.picker[this.mode].children)).concat(this.gizmo[this.mode].children)).concat(this.helper[this.mode].children);for(var a=function(){var t,i=n[r];if(i.visible=!0,i.rotation.set(0,0,0),i.position.copy(e.worldPosition),t=e.camera.isOrthographicCamera?(e.camera.top-e.camera.bottom)/e.camera.zoom:e.worldPosition.distanceTo(e.cameraPosition)*Math.min(1.9*Math.tan(Math.PI*e.camera.fov/360)/e.camera.zoom,7),i.scale.set(1,1,1).multiplyScalar(t*e.size/4),"helper"===i.tag)return i.visible=!1,"AXIS"===i.name?(i.visible=!!e.axis,"X"===e.axis&&(g.setFromEuler(G.set(0,0,0)),i.quaternion.copy(h).multiply(g),Math.abs(H.copy(q).applyQuaternion(h).dot(e.eye))>.9&&(i.visible=!1)),"Y"===e.axis&&(g.setFromEuler(G.set(0,0,Math.PI/2)),i.quaternion.copy(h).multiply(g),Math.abs(H.copy(F).applyQuaternion(h).dot(e.eye))>.9&&(i.visible=!1)),"Z"===e.axis&&(g.setFromEuler(G.set(0,Math.PI/2,0)),i.quaternion.copy(h).multiply(g),Math.abs(H.copy(J).applyQuaternion(h).dot(e.eye))>.9&&(i.visible=!1)),"XYZE"===e.axis&&(g.setFromEuler(G.set(0,Math.PI/2,0)),H.copy(e.rotationAxis),i.quaternion.setFromRotationMatrix(N.lookAt(L,H,F)),i.quaternion.multiply(g),i.visible=e.dragging),"E"===e.axis&&(i.visible=!1)):"START"===i.name?(i.position.copy(e.worldPositionStart),i.visible=e.dragging):"END"===i.name?(i.position.copy(e.worldPosition),i.visible=e.dragging):"DELTA"===i.name?(i.position.copy(e.worldPositionStart),i.quaternion.copy(e.worldQuaternionStart),S.set(1e-10,1e-10,1e-10).add(e.worldPositionStart).sub(e.worldPosition).multiplyScalar(-1),S.applyQuaternion(e.worldQuaternionStart.clone().invert()),i.scale.copy(S),i.visible=e.dragging):(i.quaternion.copy(h),e.dragging?i.position.copy(e.worldPositionStart):i.position.copy(e.worldPosition),e.axis&&(i.visible=-1!==e.axis.search(i.name))),1;if(i.quaternion.copy(h),"translate"===e.mode||"scale"===e.mode){var s=.99;"X"===i.name&&Math.abs(H.copy(q).applyQuaternion(h).dot(e.eye))>s&&(i.scale.set(1e-10,1e-10,1e-10),i.visible=!1),"Y"===i.name&&Math.abs(H.copy(F).applyQuaternion(h).dot(e.eye))>s&&(i.scale.set(1e-10,1e-10,1e-10),i.visible=!1),"Z"===i.name&&Math.abs(H.copy(J).applyQuaternion(h).dot(e.eye))>s&&(i.scale.set(1e-10,1e-10,1e-10),i.visible=!1),"XY"===i.name&&Math.abs(H.copy(J).applyQuaternion(h).dot(e.eye))<.2&&(i.scale.set(1e-10,1e-10,1e-10),i.visible=!1),"YZ"===i.name&&Math.abs(H.copy(q).applyQuaternion(h).dot(e.eye))<.2&&(i.scale.set(1e-10,1e-10,1e-10),i.visible=!1),"XZ"===i.name&&Math.abs(H.copy(F).applyQuaternion(h).dot(e.eye))<.2&&(i.scale.set(1e-10,1e-10,1e-10),i.visible=!1)}else"rotate"===e.mode&&(U.copy(h),H.copy(e.eye).applyQuaternion(g.copy(h).invert()),-1!==i.name.search("E")&&i.quaternion.setFromRotationMatrix(N.lookAt(e.eye,L,F)),"X"===i.name&&(g.setFromAxisAngle(q,Math.atan2(-H.y,H.z)),g.multiplyQuaternions(U,g),i.quaternion.copy(g)),"Y"===i.name&&(g.setFromAxisAngle(F,Math.atan2(H.x,H.z)),g.multiplyQuaternions(U,g),i.quaternion.copy(g)),"Z"===i.name&&(g.setFromAxisAngle(J,Math.atan2(H.y,H.x)),g.multiplyQuaternions(U,g),i.quaternion.copy(g)));i.visible=i.visible&&(-1===i.name.indexOf("X")||e.showX),i.visible=i.visible&&(-1===i.name.indexOf("Y")||e.showY),i.visible=i.visible&&(-1===i.name.indexOf("Z")||e.showZ),i.visible=i.visible&&(-1===i.name.indexOf("E")||e.showX&&e.showY&&e.showZ),i.visible=i.visible&&("XY"!==i.name||e.showXY),i.visible=i.visible&&("YZ"!==i.name||e.showYZ),i.visible=i.visible&&("XZ"!==i.name||e.showXZ),i.material.G=i.material.G||i.material.color.clone(),i.material.H=i.material.H||i.material.opacity,i.material.color.copy(i.material.G),i.material.opacity=i.material.H,e.enabled&&e.axis&&(i.name===e.axis||e.axis.split("").some(function(t){return i.name===t}))&&(i.material.color.setHex(16776960),i.material.opacity=1)},r=0;r<n.length;r++)a();i(s,"updateMatrixWorld",this,3)([t])}}])}(),et=function(){function s(){var t;return h(this,s),(t=n(this,s,[new k(1e5,1e5,2,2),new c({visible:!1,wireframe:!0,side:m,transparent:!0,opacity:.1,toneMapped:!1})])).isTransformControlsPlane=!0,t.type="TransformControlsPlane",t}return t(s,u),e(s,[{key:"updateMatrixWorld",value:function(t){var e=this.space;switch(this.position.copy(this.worldPosition),"scale"===this.mode&&(e="local"),K.copy(q).applyQuaternion("local"===e?this.worldQuaternion:_),V.copy(F).applyQuaternion("local"===e?this.worldQuaternion:_),$.copy(J).applyQuaternion("local"===e?this.worldQuaternion:_),H.copy(V),this.mode){case"translate":case"scale":switch(this.axis){case"X":H.copy(this.eye).cross(K),B.copy(K).cross(H);break;case"Y":H.copy(this.eye).cross(V),B.copy(V).cross(H);break;case"Z":H.copy(this.eye).cross($),B.copy($).cross(H);break;case"XY":B.copy($);break;case"YZ":B.copy(K);break;case"XZ":H.copy($),B.copy(V);break;case"XYZ":case"E":B.set(0,0,0)}break;default:B.set(0,0,0)}0===B.length()?this.quaternion.copy(this.cameraQuaternion):(O.lookAt(S.set(0,0,0),B,H),this.quaternion.setFromRotationMatrix(O)),i(s,"updateMatrixWorld",this,3)([t])}}])}();export{C as TransformControls,tt as TransformControlsGizmo,et as TransformControlsPlane};
+import { inherits as _inherits, createClass as _createClass, superPropGet as _superPropGet, classCallCheck as _classCallCheck, callSuper as _callSuper } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { Raycaster, Vector3, Quaternion, Euler, Matrix4, Object3D, Mesh, MeshBasicMaterial, LineBasicMaterial, CylinderGeometry, BoxGeometry, BufferGeometry, Float32BufferAttribute, OctahedronGeometry, Line, SphereGeometry, TorusGeometry, PlaneGeometry, DoubleSide } from 'three';
+
+var _raycaster = new Raycaster();
+var _tempVector = new Vector3();
+var _tempVector2 = new Vector3();
+var _tempQuaternion = new Quaternion();
+var _unit = {
+  X: new Vector3(1, 0, 0),
+  Y: new Vector3(0, 1, 0),
+  Z: new Vector3(0, 0, 1)
+};
+var _changeEvent = {
+  type: 'change'
+};
+var _mouseDownEvent = {
+  type: 'mouseDown'
+};
+var _mouseUpEvent = {
+  type: 'mouseUp',
+  mode: null
+};
+var _objectChangeEvent = {
+  type: 'objectChange'
+};
+var TransformControls = /*#__PURE__*/function (_Object3D) {
+  function TransformControls(camera, domElement) {
+    var _this;
+    _classCallCheck(this, TransformControls);
+    _this = _callSuper(this, TransformControls);
+    if (domElement === undefined) {
+      console.warn('THREE.TransformControls: The second parameter "domElement" is now mandatory.');
+      domElement = document;
+    }
+    _this.isTransformControls = true;
+    _this.visible = false;
+    _this.domElement = domElement;
+    _this.domElement.style.touchAction = 'none'; // disable touch scroll
+
+    var _gizmo = new TransformControlsGizmo();
+    _this._gizmo = _gizmo;
+    _this.add(_gizmo);
+    var _plane = new TransformControlsPlane();
+    _this._plane = _plane;
+    _this.add(_plane);
+    var scope = _this;
+
+    // Defined getter, setter and store for a property
+    function defineProperty(propName, defaultValue) {
+      var propValue = defaultValue;
+      Object.defineProperty(scope, propName, {
+        get: function get() {
+          return propValue !== undefined ? propValue : defaultValue;
+        },
+        set: function set(value) {
+          if (propValue !== value) {
+            propValue = value;
+            _plane[propName] = value;
+            _gizmo[propName] = value;
+            scope.dispatchEvent({
+              type: propName + '-changed',
+              value: value
+            });
+            scope.dispatchEvent(_changeEvent);
+          }
+        }
+      });
+      scope[propName] = defaultValue;
+      _plane[propName] = defaultValue;
+      _gizmo[propName] = defaultValue;
+    }
+
+    // Define properties with getters/setter
+    // Setting the defined property will automatically trigger change event
+    // Defined properties are passed down to gizmo and plane
+
+    defineProperty('camera', camera);
+    defineProperty('object', undefined);
+    defineProperty('enabled', true);
+    defineProperty('axis', null);
+    defineProperty('mode', 'translate');
+    defineProperty('translationSnap', null);
+    defineProperty('rotationSnap', null);
+    defineProperty('scaleSnap', null);
+    defineProperty('space', 'world');
+    defineProperty('size', 1);
+    defineProperty('dragging', false);
+    defineProperty('showX', true);
+    defineProperty('showY', true);
+    defineProperty('showZ', true);
+    defineProperty('showXY', true);
+    defineProperty('showYZ', true);
+    defineProperty('showXZ', true);
+
+    // Click timing delay configuration
+    _this.clickDelay = null;
+    _this.lastInteractionTime = 0;
+
+    // Reusable utility variables
+
+    var worldPosition = new Vector3();
+    var worldPositionStart = new Vector3();
+    var worldQuaternion = new Quaternion();
+    var worldQuaternionStart = new Quaternion();
+    var cameraPosition = new Vector3();
+    var cameraQuaternion = new Quaternion();
+    var pointStart = new Vector3();
+    var pointEnd = new Vector3();
+    var rotationAxis = new Vector3();
+    var rotationAngle = 0;
+    var eye = new Vector3();
+
+    // TODO: remove properties unused in plane and gizmo
+
+    defineProperty('worldPosition', worldPosition);
+    defineProperty('worldPositionStart', worldPositionStart);
+    defineProperty('worldQuaternion', worldQuaternion);
+    defineProperty('worldQuaternionStart', worldQuaternionStart);
+    defineProperty('cameraPosition', cameraPosition);
+    defineProperty('cameraQuaternion', cameraQuaternion);
+    defineProperty('pointStart', pointStart);
+    defineProperty('pointEnd', pointEnd);
+    defineProperty('rotationAxis', rotationAxis);
+    defineProperty('rotationAngle', rotationAngle);
+    defineProperty('eye', eye);
+    _this._offset = new Vector3();
+    _this._startNorm = new Vector3();
+    _this._endNorm = new Vector3();
+    _this._cameraScale = new Vector3();
+    _this._parentPosition = new Vector3();
+    _this._parentQuaternion = new Quaternion();
+    _this._parentQuaternionInv = new Quaternion();
+    _this._parentScale = new Vector3();
+    _this._worldScaleStart = new Vector3();
+    _this._worldQuaternionInv = new Quaternion();
+    _this._worldScale = new Vector3();
+    _this._positionStart = new Vector3();
+    _this._quaternionStart = new Quaternion();
+    _this._scaleStart = new Vector3();
+    _this._getPointer = getPointer.bind(_this);
+    _this._onPointerDown = onPointerDown.bind(_this);
+    _this._onPointerHover = onPointerHover.bind(_this);
+    _this._onPointerMove = onPointerMove.bind(_this);
+    _this._onPointerUp = onPointerUp.bind(_this);
+    _this.domElement.addEventListener('pointerdown', _this._onPointerDown);
+    _this.domElement.addEventListener('pointermove', _this._onPointerHover);
+    _this.domElement.addEventListener('pointerup', _this._onPointerUp);
+    return _this;
+  }
+
+  // updateMatrixWorld  updates key transformation variables
+  _inherits(TransformControls, _Object3D);
+  return _createClass(TransformControls, [{
+    key: "updateMatrixWorld",
+    value: function updateMatrixWorld() {
+      if (this.object !== undefined) {
+        this.object.updateMatrixWorld();
+        if (this.object.parent === null) {
+          console.error('TransformControls: The attached 3D object must be a part of the scene graph.');
+        } else {
+          this.object.parent.matrixWorld.decompose(this._parentPosition, this._parentQuaternion, this._parentScale);
+        }
+        this.object.matrixWorld.decompose(this.worldPosition, this.worldQuaternion, this._worldScale);
+        this._parentQuaternionInv.copy(this._parentQuaternion).invert();
+        this._worldQuaternionInv.copy(this.worldQuaternion).invert();
+      }
+      this.camera.updateMatrixWorld();
+      this.camera.matrixWorld.decompose(this.cameraPosition, this.cameraQuaternion, this._cameraScale);
+      if (this.camera.isOrthographicCamera) {
+        this.camera.getWorldDirection(this.eye).negate();
+      } else {
+        this.eye.copy(this.cameraPosition).sub(this.worldPosition).normalize();
+      }
+      _superPropGet(TransformControls, "updateMatrixWorld", this, 3)([this]);
+    }
+  }, {
+    key: "pointerHover",
+    value: function pointerHover(pointer) {
+      if (this.object === undefined || this.dragging === true) return;
+
+      // Check if we should delay interactions based on click timing
+      if (this.clickDelay && this.clickDelay.doubleClickDelay) {
+        var currentTime = Date.now();
+        var timeSinceLastInteraction = currentTime - this.lastInteractionTime;
+
+        // If not enough time has passed since last interaction, ignore hover
+        if (timeSinceLastInteraction < this.clickDelay.doubleClickDelay) {
+          return;
+        }
+      }
+      _raycaster.setFromCamera(pointer, this.camera);
+      var intersect = intersectObjectWithRay(this._gizmo.picker[this.mode], _raycaster);
+      if (intersect) {
+        this.axis = intersect.object.name;
+      } else {
+        this.axis = null;
+      }
+    }
+  }, {
+    key: "pointerDown",
+    value: function pointerDown(pointer) {
+      if (this.object === undefined || this.dragging === true || pointer.button !== 0) return;
+
+      // Check if we should delay interactions based on click timing
+      if (this.clickDelay && this.clickDelay.doubleClickDelay) {
+        var currentTime = Date.now();
+        var timeSinceLastInteraction = currentTime - this.lastInteractionTime;
+
+        // If not enough time has passed since last interaction, ignore this input
+        if (timeSinceLastInteraction < this.clickDelay.doubleClickDelay) {
+          return;
+        }
+
+        // Update last interaction time
+        this.lastInteractionTime = currentTime;
+      }
+      if (this.axis !== null) {
+        _raycaster.setFromCamera(pointer, this.camera);
+        var planeIntersect = intersectObjectWithRay(this._plane, _raycaster, true);
+        if (planeIntersect) {
+          this.object.updateMatrixWorld();
+          this.object.parent.updateMatrixWorld();
+          this._positionStart.copy(this.object.position);
+          this._quaternionStart.copy(this.object.quaternion);
+          this._scaleStart.copy(this.object.scale);
+          this.object.matrixWorld.decompose(this.worldPositionStart, this.worldQuaternionStart, this._worldScaleStart);
+          this.pointStart.copy(planeIntersect.point).sub(this.worldPositionStart);
+        }
+        this.dragging = true;
+        _mouseDownEvent.mode = this.mode;
+        this.dispatchEvent(_mouseDownEvent);
+      }
+    }
+  }, {
+    key: "pointerMove",
+    value: function pointerMove(pointer) {
+      var axis = this.axis;
+      var mode = this.mode;
+      var object = this.object;
+      var space = this.space;
+      if (mode === 'scale') {
+        space = 'local';
+      } else if (axis === 'E' || axis === 'XYZE' || axis === 'XYZ') {
+        space = 'world';
+      }
+      if (object === undefined || axis === null || this.dragging === false || pointer.button !== -1) return;
+      _raycaster.setFromCamera(pointer, this.camera);
+      var planeIntersect = intersectObjectWithRay(this._plane, _raycaster, true);
+      if (!planeIntersect) return;
+      this.pointEnd.copy(planeIntersect.point).sub(this.worldPositionStart);
+      if (mode === 'translate') {
+        // Apply translate
+
+        this._offset.copy(this.pointEnd).sub(this.pointStart);
+        if (space === 'local' && axis !== 'XYZ') {
+          this._offset.applyQuaternion(this._worldQuaternionInv);
+        }
+        if (axis.indexOf('X') === -1) this._offset.x = 0;
+        if (axis.indexOf('Y') === -1) this._offset.y = 0;
+        if (axis.indexOf('Z') === -1) this._offset.z = 0;
+        if (space === 'local' && axis !== 'XYZ') {
+          this._offset.applyQuaternion(this._quaternionStart).divide(this._parentScale);
+        } else {
+          this._offset.applyQuaternion(this._parentQuaternionInv).divide(this._parentScale);
+        }
+        object.position.copy(this._offset).add(this._positionStart);
+
+        // Apply translation snap
+
+        if (this.translationSnap) {
+          if (space === 'local') {
+            object.position.applyQuaternion(_tempQuaternion.copy(this._quaternionStart).invert());
+            if (axis.search('X') !== -1) {
+              object.position.x = Math.round(object.position.x / this.translationSnap) * this.translationSnap;
+            }
+            if (axis.search('Y') !== -1) {
+              object.position.y = Math.round(object.position.y / this.translationSnap) * this.translationSnap;
+            }
+            if (axis.search('Z') !== -1) {
+              object.position.z = Math.round(object.position.z / this.translationSnap) * this.translationSnap;
+            }
+            object.position.applyQuaternion(this._quaternionStart);
+          }
+          if (space === 'world') {
+            if (object.parent) {
+              object.position.add(_tempVector.setFromMatrixPosition(object.parent.matrixWorld));
+            }
+            if (axis.search('X') !== -1) {
+              object.position.x = Math.round(object.position.x / this.translationSnap) * this.translationSnap;
+            }
+            if (axis.search('Y') !== -1) {
+              object.position.y = Math.round(object.position.y / this.translationSnap) * this.translationSnap;
+            }
+            if (axis.search('Z') !== -1) {
+              object.position.z = Math.round(object.position.z / this.translationSnap) * this.translationSnap;
+            }
+            if (object.parent) {
+              object.position.sub(_tempVector.setFromMatrixPosition(object.parent.matrixWorld));
+            }
+          }
+        }
+      } else if (mode === 'scale') {
+        if (axis.search('XYZ') !== -1) {
+          var d = this.pointEnd.length() / this.pointStart.length();
+          if (this.pointEnd.dot(this.pointStart) < 0) d *= -1;
+          _tempVector2.set(d, d, d);
+        } else {
+          _tempVector.copy(this.pointStart);
+          _tempVector2.copy(this.pointEnd);
+          _tempVector.applyQuaternion(this._worldQuaternionInv);
+          _tempVector2.applyQuaternion(this._worldQuaternionInv);
+          _tempVector2.divide(_tempVector);
+          if (axis.search('X') === -1) {
+            _tempVector2.x = 1;
+          }
+          if (axis.search('Y') === -1) {
+            _tempVector2.y = 1;
+          }
+          if (axis.search('Z') === -1) {
+            _tempVector2.z = 1;
+          }
+        }
+
+        // Apply scale
+
+        object.scale.copy(this._scaleStart).multiply(_tempVector2);
+        if (this.scaleSnap) {
+          if (axis.search('X') !== -1) {
+            object.scale.x = Math.round(object.scale.x / this.scaleSnap) * this.scaleSnap || this.scaleSnap;
+          }
+          if (axis.search('Y') !== -1) {
+            object.scale.y = Math.round(object.scale.y / this.scaleSnap) * this.scaleSnap || this.scaleSnap;
+          }
+          if (axis.search('Z') !== -1) {
+            object.scale.z = Math.round(object.scale.z / this.scaleSnap) * this.scaleSnap || this.scaleSnap;
+          }
+        }
+      } else if (mode === 'rotate') {
+        this._offset.copy(this.pointEnd).sub(this.pointStart);
+        var ROTATION_SPEED = 20 / this.worldPosition.distanceTo(_tempVector.setFromMatrixPosition(this.camera.matrixWorld));
+        if (axis === 'E') {
+          this.rotationAxis.copy(this.eye);
+          this.rotationAngle = this.pointEnd.angleTo(this.pointStart);
+          this._startNorm.copy(this.pointStart).normalize();
+          this._endNorm.copy(this.pointEnd).normalize();
+          this.rotationAngle *= this._endNorm.cross(this._startNorm).dot(this.eye) < 0 ? 1 : -1;
+        } else if (axis === 'XYZE') {
+          this.rotationAxis.copy(this._offset).cross(this.eye).normalize();
+          this.rotationAngle = this._offset.dot(_tempVector.copy(this.rotationAxis).cross(this.eye)) * ROTATION_SPEED;
+        } else if (axis === 'X' || axis === 'Y' || axis === 'Z') {
+          this.rotationAxis.copy(_unit[axis]);
+          _tempVector.copy(_unit[axis]);
+          if (space === 'local') {
+            _tempVector.applyQuaternion(this.worldQuaternion);
+          }
+          this.rotationAngle = this._offset.dot(_tempVector.cross(this.eye).normalize()) * ROTATION_SPEED;
+        }
+
+        // Apply rotation snap
+
+        if (this.rotationSnap) this.rotationAngle = Math.round(this.rotationAngle / this.rotationSnap) * this.rotationSnap;
+
+        // Apply rotate
+        if (space === 'local' && axis !== 'E' && axis !== 'XYZE') {
+          object.quaternion.copy(this._quaternionStart);
+          object.quaternion.multiply(_tempQuaternion.setFromAxisAngle(this.rotationAxis, this.rotationAngle)).normalize();
+        } else {
+          this.rotationAxis.applyQuaternion(this._parentQuaternionInv);
+          object.quaternion.copy(_tempQuaternion.setFromAxisAngle(this.rotationAxis, this.rotationAngle));
+          object.quaternion.multiply(this._quaternionStart).normalize();
+        }
+      }
+      this.dispatchEvent(_changeEvent);
+      this.dispatchEvent(_objectChangeEvent);
+    }
+  }, {
+    key: "pointerUp",
+    value: function pointerUp(pointer) {
+      if (pointer.button !== 0) return;
+      if (this.dragging && this.axis !== null) {
+        _mouseUpEvent.mode = this.mode;
+        this.dispatchEvent(_mouseUpEvent);
+      }
+      this.dragging = false;
+      this.axis = null;
+    }
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this.domElement.removeEventListener('pointerdown', this._onPointerDown);
+      this.domElement.removeEventListener('pointermove', this._onPointerHover);
+      this.domElement.removeEventListener('pointermove', this._onPointerMove);
+      this.domElement.removeEventListener('pointerup', this._onPointerUp);
+      this.traverse(function (child) {
+        if (child.geometry) child.geometry.dispose();
+        if (child.material) child.material.dispose();
+      });
+    }
+
+    // Set current object
+  }, {
+    key: "attach",
+    value: function attach(object) {
+      this.object = object;
+      this.visible = true;
+      return this;
+    }
+
+    // Detach from object
+  }, {
+    key: "detach",
+    value: function detach() {
+      this.object = undefined;
+      this.visible = false;
+      this.axis = null;
+      return this;
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      if (!this.enabled) return;
+      if (this.dragging) {
+        this.object.position.copy(this._positionStart);
+        this.object.quaternion.copy(this._quaternionStart);
+        this.object.scale.copy(this._scaleStart);
+        this.dispatchEvent(_changeEvent);
+        this.dispatchEvent(_objectChangeEvent);
+        this.pointStart.copy(this.pointEnd);
+      }
+    }
+  }, {
+    key: "getRaycaster",
+    value: function getRaycaster() {
+      return _raycaster;
+    }
+
+    // TODO: deprecate
+  }, {
+    key: "getMode",
+    value: function getMode() {
+      return this.mode;
+    }
+  }, {
+    key: "setMode",
+    value: function setMode(mode) {
+      this.mode = mode;
+    }
+  }, {
+    key: "setTranslationSnap",
+    value: function setTranslationSnap(translationSnap) {
+      this.translationSnap = translationSnap;
+    }
+  }, {
+    key: "setRotationSnap",
+    value: function setRotationSnap(rotationSnap) {
+      this.rotationSnap = rotationSnap;
+    }
+  }, {
+    key: "setScaleSnap",
+    value: function setScaleSnap(scaleSnap) {
+      this.scaleSnap = scaleSnap;
+    }
+  }, {
+    key: "setSize",
+    value: function setSize(size) {
+      this.size = size;
+    }
+  }, {
+    key: "setSpace",
+    value: function setSpace(space) {
+      this.space = space;
+    }
+  }, {
+    key: "setDelay",
+    value: function setDelay(clickTiming) {
+      this.clickDelay = clickTiming;
+    }
+  }, {
+    key: "updateInteractionTime",
+    value: function updateInteractionTime() {
+      this.lastInteractionTime = Date.now();
+    }
+  }]);
+}(Object3D); // mouse / touch event handlers
+function getPointer(event) {
+  if (this.domElement.ownerDocument.pointerLockElement) {
+    return {
+      x: 0,
+      y: 0,
+      button: event.button
+    };
+  } else {
+    var rect = this.domElement.getBoundingClientRect();
+    return {
+      x: (event.clientX - rect.left) / rect.width * 2 - 1,
+      y: -(event.clientY - rect.top) / rect.height * 2 + 1,
+      button: event.button
+    };
+  }
+}
+function onPointerHover(event) {
+  if (!this.enabled) return;
+  switch (event.pointerType) {
+    case 'mouse':
+    case 'pen':
+      this.pointerHover(this._getPointer(event));
+      break;
+  }
+}
+function onPointerDown(event) {
+  if (!this.enabled) return;
+  if (!document.pointerLockElement) {
+    this.domElement.setPointerCapture(event.pointerId);
+  }
+  this.domElement.addEventListener('pointermove', this._onPointerMove);
+  this.pointerHover(this._getPointer(event));
+  this.pointerDown(this._getPointer(event));
+}
+function onPointerMove(event) {
+  if (!this.enabled) return;
+  this.pointerMove(this._getPointer(event));
+}
+function onPointerUp(event) {
+  if (!this.enabled) return;
+  this.domElement.releasePointerCapture(event.pointerId);
+  this.domElement.removeEventListener('pointermove', this._onPointerMove);
+  this.pointerUp(this._getPointer(event));
+}
+function intersectObjectWithRay(object, raycaster, includeInvisible) {
+  var allIntersections = raycaster.intersectObject(object, true);
+  for (var i = 0; i < allIntersections.length; i++) {
+    if (allIntersections[i].object.visible || includeInvisible) {
+      return allIntersections[i];
+    }
+  }
+  return false;
+}
+
+//
+
+// Reusable utility variables
+
+var _tempEuler = new Euler();
+var _alignVector = new Vector3(0, 1, 0);
+var _zeroVector = new Vector3(0, 0, 0);
+var _lookAtMatrix = new Matrix4();
+var _tempQuaternion2 = new Quaternion();
+var _identityQuaternion = new Quaternion();
+var _dirVector = new Vector3();
+var _tempMatrix = new Matrix4();
+var _unitX = new Vector3(1, 0, 0);
+var _unitY = new Vector3(0, 1, 0);
+var _unitZ = new Vector3(0, 0, 1);
+var _v1 = new Vector3();
+var _v2 = new Vector3();
+var _v3 = new Vector3();
+var TransformControlsGizmo = /*#__PURE__*/function (_Object3D2) {
+  function TransformControlsGizmo() {
+    var _this2;
+    _classCallCheck(this, TransformControlsGizmo);
+    _this2 = _callSuper(this, TransformControlsGizmo);
+    _this2.isTransformControlsGizmo = true;
+    _this2.type = 'TransformControlsGizmo';
+
+    // shared materials
+
+    var gizmoMaterial = new MeshBasicMaterial({
+      depthTest: false,
+      depthWrite: false,
+      fog: false,
+      toneMapped: false,
+      transparent: true
+    });
+    var gizmoLineMaterial = new LineBasicMaterial({
+      depthTest: false,
+      depthWrite: false,
+      fog: false,
+      toneMapped: false,
+      transparent: true
+    });
+
+    // Make unique material for each axis/color
+
+    var matInvisible = gizmoMaterial.clone();
+    matInvisible.opacity = 0.15;
+    var matHelper = gizmoLineMaterial.clone();
+    matHelper.opacity = 0.5;
+    var matRed = gizmoMaterial.clone();
+    matRed.color.setHex(0xff0000);
+    var matGreen = gizmoMaterial.clone();
+    matGreen.color.setHex(0x00ff00);
+    var matBlue = gizmoMaterial.clone();
+    matBlue.color.setHex(0x0000ff);
+    var matRedTransparent = gizmoMaterial.clone();
+    matRedTransparent.color.setHex(0xff0000);
+    matRedTransparent.opacity = 0.5;
+    var matGreenTransparent = gizmoMaterial.clone();
+    matGreenTransparent.color.setHex(0x00ff00);
+    matGreenTransparent.opacity = 0.5;
+    var matBlueTransparent = gizmoMaterial.clone();
+    matBlueTransparent.color.setHex(0x0000ff);
+    matBlueTransparent.opacity = 0.5;
+    var matWhiteTransparent = gizmoMaterial.clone();
+    matWhiteTransparent.opacity = 0.25;
+    var matYellowTransparent = gizmoMaterial.clone();
+    matYellowTransparent.color.setHex(0xffff00);
+    matYellowTransparent.opacity = 0.25;
+    var matYellow = gizmoMaterial.clone();
+    matYellow.color.setHex(0xffff00);
+    var matGray = gizmoMaterial.clone();
+    matGray.color.setHex(0x787878);
+
+    // reusable geometry
+
+    var arrowGeometry = new CylinderGeometry(0, 0.04, 0.1, 12);
+    arrowGeometry.translate(0, 0.05, 0);
+    var scaleHandleGeometry = new BoxGeometry(0.08, 0.08, 0.08);
+    scaleHandleGeometry.translate(0, 0.04, 0);
+    var lineGeometry = new BufferGeometry();
+    lineGeometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 1, 0, 0], 3));
+    var lineGeometry2 = new CylinderGeometry(0.0075, 0.0075, 0.5, 3);
+    lineGeometry2.translate(0, 0.25, 0);
+    function CircleGeometry(radius, arc) {
+      var geometry = new TorusGeometry(radius, 0.0075, 3, 64, arc * Math.PI * 2);
+      geometry.rotateY(Math.PI / 2);
+      geometry.rotateX(Math.PI / 2);
+      return geometry;
+    }
+
+    // Special geometry for transform helper. If scaled with position vector it spans from [0,0,0] to position
+
+    function TranslateHelperGeometry() {
+      var geometry = new BufferGeometry();
+      geometry.setAttribute('position', new Float32BufferAttribute([0, 0, 0, 1, 1, 1], 3));
+      return geometry;
+    }
+
+    // Gizmo definitions - custom hierarchy definitions for setupGizmo() function
+
+    var gizmoTranslate = {
+      X: [[new Mesh(arrowGeometry, matRed), [0.5, 0, 0], [0, 0, -Math.PI / 2]], [new Mesh(arrowGeometry, matRed), [-0.5, 0, 0], [0, 0, Math.PI / 2]], [new Mesh(lineGeometry2, matRed), [0, 0, 0], [0, 0, -Math.PI / 2]]],
+      Y: [[new Mesh(arrowGeometry, matGreen), [0, 0.5, 0]], [new Mesh(arrowGeometry, matGreen), [0, -0.5, 0], [Math.PI, 0, 0]], [new Mesh(lineGeometry2, matGreen)]],
+      Z: [[new Mesh(arrowGeometry, matBlue), [0, 0, 0.5], [Math.PI / 2, 0, 0]], [new Mesh(arrowGeometry, matBlue), [0, 0, -0.5], [-Math.PI / 2, 0, 0]], [new Mesh(lineGeometry2, matBlue), null, [Math.PI / 2, 0, 0]]],
+      XYZ: [[new Mesh(new OctahedronGeometry(0.1, 0), matWhiteTransparent.clone()), [0, 0, 0]]],
+      XY: [[new Mesh(new BoxGeometry(0.15, 0.15, 0.01), matBlueTransparent.clone()), [0.15, 0.15, 0]]],
+      YZ: [[new Mesh(new BoxGeometry(0.15, 0.15, 0.01), matRedTransparent.clone()), [0, 0.15, 0.15], [0, Math.PI / 2, 0]]],
+      XZ: [[new Mesh(new BoxGeometry(0.15, 0.15, 0.01), matGreenTransparent.clone()), [0.15, 0, 0.15], [-Math.PI / 2, 0, 0]]]
+    };
+    var pickerTranslate = {
+      X: [[new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0.3, 0, 0], [0, 0, -Math.PI / 2]], [new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [-0.3, 0, 0], [0, 0, Math.PI / 2]]],
+      Y: [[new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, 0.3, 0]], [new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, -0.3, 0], [0, 0, Math.PI]]],
+      Z: [[new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, 0, 0.3], [Math.PI / 2, 0, 0]], [new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, 0, -0.3], [-Math.PI / 2, 0, 0]]],
+      XYZ: [[new Mesh(new OctahedronGeometry(0.2, 0), matInvisible)]],
+      XY: [[new Mesh(new BoxGeometry(0.2, 0.2, 0.01), matInvisible), [0.15, 0.15, 0]]],
+      YZ: [[new Mesh(new BoxGeometry(0.2, 0.2, 0.01), matInvisible), [0, 0.15, 0.15], [0, Math.PI / 2, 0]]],
+      XZ: [[new Mesh(new BoxGeometry(0.2, 0.2, 0.01), matInvisible), [0.15, 0, 0.15], [-Math.PI / 2, 0, 0]]]
+    };
+    var helperTranslate = {
+      START: [[new Mesh(new OctahedronGeometry(0.01, 2), matHelper), null, null, null, 'helper']],
+      END: [[new Mesh(new OctahedronGeometry(0.01, 2), matHelper), null, null, null, 'helper']],
+      DELTA: [[new Line(TranslateHelperGeometry(), matHelper), null, null, null, 'helper']],
+      X: [[new Line(lineGeometry, matHelper.clone()), [-1e3, 0, 0], null, [1e6, 1, 1], 'helper']],
+      Y: [[new Line(lineGeometry, matHelper.clone()), [0, -1e3, 0], [0, 0, Math.PI / 2], [1e6, 1, 1], 'helper']],
+      Z: [[new Line(lineGeometry, matHelper.clone()), [0, 0, -1e3], [0, -Math.PI / 2, 0], [1e6, 1, 1], 'helper']]
+    };
+    var gizmoRotate = {
+      XYZE: [[new Mesh(CircleGeometry(0.5, 1), matGray), null, [0, Math.PI / 2, 0]]],
+      X: [[new Mesh(CircleGeometry(0.5, 0.5), matRed)]],
+      Y: [[new Mesh(CircleGeometry(0.5, 0.5), matGreen), null, [0, 0, -Math.PI / 2]]],
+      Z: [[new Mesh(CircleGeometry(0.5, 0.5), matBlue), null, [0, Math.PI / 2, 0]]],
+      E: [[new Mesh(CircleGeometry(0.75, 1), matYellowTransparent), null, [0, Math.PI / 2, 0]]]
+    };
+    var helperRotate = {
+      AXIS: [[new Line(lineGeometry, matHelper.clone()), [-1e3, 0, 0], null, [1e6, 1, 1], 'helper']]
+    };
+    var pickerRotate = {
+      XYZE: [[new Mesh(new SphereGeometry(0.25, 10, 8), matInvisible)]],
+      X: [[new Mesh(new TorusGeometry(0.5, 0.1, 4, 24), matInvisible), [0, 0, 0], [0, -Math.PI / 2, -Math.PI / 2]]],
+      Y: [[new Mesh(new TorusGeometry(0.5, 0.1, 4, 24), matInvisible), [0, 0, 0], [Math.PI / 2, 0, 0]]],
+      Z: [[new Mesh(new TorusGeometry(0.5, 0.1, 4, 24), matInvisible), [0, 0, 0], [0, 0, -Math.PI / 2]]],
+      E: [[new Mesh(new TorusGeometry(0.75, 0.1, 2, 24), matInvisible)]]
+    };
+    var gizmoScale = {
+      X: [[new Mesh(scaleHandleGeometry, matRed), [0.5, 0, 0], [0, 0, -Math.PI / 2]], [new Mesh(lineGeometry2, matRed), [0, 0, 0], [0, 0, -Math.PI / 2]], [new Mesh(scaleHandleGeometry, matRed), [-0.5, 0, 0], [0, 0, Math.PI / 2]]],
+      Y: [[new Mesh(scaleHandleGeometry, matGreen), [0, 0.5, 0]], [new Mesh(lineGeometry2, matGreen)], [new Mesh(scaleHandleGeometry, matGreen), [0, -0.5, 0], [0, 0, Math.PI]]],
+      Z: [[new Mesh(scaleHandleGeometry, matBlue), [0, 0, 0.5], [Math.PI / 2, 0, 0]], [new Mesh(lineGeometry2, matBlue), [0, 0, 0], [Math.PI / 2, 0, 0]], [new Mesh(scaleHandleGeometry, matBlue), [0, 0, -0.5], [-Math.PI / 2, 0, 0]]],
+      XY: [[new Mesh(new BoxGeometry(0.15, 0.15, 0.01), matBlueTransparent), [0.15, 0.15, 0]]],
+      YZ: [[new Mesh(new BoxGeometry(0.15, 0.15, 0.01), matRedTransparent), [0, 0.15, 0.15], [0, Math.PI / 2, 0]]],
+      XZ: [[new Mesh(new BoxGeometry(0.15, 0.15, 0.01), matGreenTransparent), [0.15, 0, 0.15], [-Math.PI / 2, 0, 0]]],
+      XYZ: [[new Mesh(new BoxGeometry(0.1, 0.1, 0.1), matWhiteTransparent.clone())]]
+    };
+    var pickerScale = {
+      X: [[new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0.3, 0, 0], [0, 0, -Math.PI / 2]], [new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [-0.3, 0, 0], [0, 0, Math.PI / 2]]],
+      Y: [[new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, 0.3, 0]], [new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, -0.3, 0], [0, 0, Math.PI]]],
+      Z: [[new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, 0, 0.3], [Math.PI / 2, 0, 0]], [new Mesh(new CylinderGeometry(0.2, 0, 0.6, 4), matInvisible), [0, 0, -0.3], [-Math.PI / 2, 0, 0]]],
+      XY: [[new Mesh(new BoxGeometry(0.2, 0.2, 0.01), matInvisible), [0.15, 0.15, 0]]],
+      YZ: [[new Mesh(new BoxGeometry(0.2, 0.2, 0.01), matInvisible), [0, 0.15, 0.15], [0, Math.PI / 2, 0]]],
+      XZ: [[new Mesh(new BoxGeometry(0.2, 0.2, 0.01), matInvisible), [0.15, 0, 0.15], [-Math.PI / 2, 0, 0]]],
+      XYZ: [[new Mesh(new BoxGeometry(0.2, 0.2, 0.2), matInvisible), [0, 0, 0]]]
+    };
+    var helperScale = {
+      X: [[new Line(lineGeometry, matHelper.clone()), [-1e3, 0, 0], null, [1e6, 1, 1], 'helper']],
+      Y: [[new Line(lineGeometry, matHelper.clone()), [0, -1e3, 0], [0, 0, Math.PI / 2], [1e6, 1, 1], 'helper']],
+      Z: [[new Line(lineGeometry, matHelper.clone()), [0, 0, -1e3], [0, -Math.PI / 2, 0], [1e6, 1, 1], 'helper']]
+    };
+
+    // Creates an Object3D with gizmos described in custom hierarchy definition.
+
+    function setupGizmo(gizmoMap) {
+      var gizmo = new Object3D();
+      for (var name in gizmoMap) {
+        for (var i = gizmoMap[name].length; i--;) {
+          var object = gizmoMap[name][i][0].clone();
+          var position = gizmoMap[name][i][1];
+          var rotation = gizmoMap[name][i][2];
+          var scale = gizmoMap[name][i][3];
+          var tag = gizmoMap[name][i][4];
+
+          // name and tag properties are essential for picking and updating logic.
+          object.name = name;
+          object.tag = tag;
+          if (position) {
+            object.position.set(position[0], position[1], position[2]);
+          }
+          if (rotation) {
+            object.rotation.set(rotation[0], rotation[1], rotation[2]);
+          }
+          if (scale) {
+            object.scale.set(scale[0], scale[1], scale[2]);
+          }
+          object.updateMatrix();
+          var tempGeometry = object.geometry.clone();
+          tempGeometry.applyMatrix4(object.matrix);
+          object.geometry = tempGeometry;
+          object.renderOrder = Infinity;
+          object.position.set(0, 0, 0);
+          object.rotation.set(0, 0, 0);
+          object.scale.set(1, 1, 1);
+          gizmo.add(object);
+        }
+      }
+      return gizmo;
+    }
+
+    // Gizmo creation
+
+    _this2.gizmo = {};
+    _this2.picker = {};
+    _this2.helper = {};
+    _this2.add(_this2.gizmo['translate'] = setupGizmo(gizmoTranslate));
+    _this2.add(_this2.gizmo['rotate'] = setupGizmo(gizmoRotate));
+    _this2.add(_this2.gizmo['scale'] = setupGizmo(gizmoScale));
+    _this2.add(_this2.picker['translate'] = setupGizmo(pickerTranslate));
+    _this2.add(_this2.picker['rotate'] = setupGizmo(pickerRotate));
+    _this2.add(_this2.picker['scale'] = setupGizmo(pickerScale));
+    _this2.add(_this2.helper['translate'] = setupGizmo(helperTranslate));
+    _this2.add(_this2.helper['rotate'] = setupGizmo(helperRotate));
+    _this2.add(_this2.helper['scale'] = setupGizmo(helperScale));
+
+    // Pickers should be hidden always
+
+    _this2.picker['translate'].visible = false;
+    _this2.picker['rotate'].visible = false;
+    _this2.picker['scale'].visible = false;
+    return _this2;
+  }
+
+  // updateMatrixWorld will update transformations and appearance of individual handles
+  _inherits(TransformControlsGizmo, _Object3D2);
+  return _createClass(TransformControlsGizmo, [{
+    key: "updateMatrixWorld",
+    value: function updateMatrixWorld(force) {
+      var _this3 = this;
+      var space = this.mode === 'scale' ? 'local' : this.space; // scale always oriented to local rotation
+
+      var quaternion = space === 'local' ? this.worldQuaternion : _identityQuaternion;
+
+      // Show only gizmos for current transform mode
+
+      this.gizmo['translate'].visible = this.mode === 'translate';
+      this.gizmo['rotate'].visible = this.mode === 'rotate';
+      this.gizmo['scale'].visible = this.mode === 'scale';
+      this.helper['translate'].visible = this.mode === 'translate';
+      this.helper['rotate'].visible = this.mode === 'rotate';
+      this.helper['scale'].visible = this.mode === 'scale';
+      var handles = [];
+      handles = handles.concat(this.picker[this.mode].children);
+      handles = handles.concat(this.gizmo[this.mode].children);
+      handles = handles.concat(this.helper[this.mode].children);
+      var _loop = function _loop() {
+        var handle = handles[i];
+
+        // hide aligned to camera
+
+        handle.visible = true;
+        handle.rotation.set(0, 0, 0);
+        handle.position.copy(_this3.worldPosition);
+        var factor;
+        if (_this3.camera.isOrthographicCamera) {
+          factor = (_this3.camera.top - _this3.camera.bottom) / _this3.camera.zoom;
+        } else {
+          factor = _this3.worldPosition.distanceTo(_this3.cameraPosition) * Math.min(1.9 * Math.tan(Math.PI * _this3.camera.fov / 360) / _this3.camera.zoom, 7);
+        }
+        handle.scale.set(1, 1, 1).multiplyScalar(factor * _this3.size / 4);
+
+        // TODO: simplify helpers and consider decoupling from gizmo
+
+        if (handle.tag === 'helper') {
+          handle.visible = false;
+          if (handle.name === 'AXIS') {
+            handle.visible = !!_this3.axis;
+            if (_this3.axis === 'X') {
+              _tempQuaternion.setFromEuler(_tempEuler.set(0, 0, 0));
+              handle.quaternion.copy(quaternion).multiply(_tempQuaternion);
+              if (Math.abs(_alignVector.copy(_unitX).applyQuaternion(quaternion).dot(_this3.eye)) > 0.9) {
+                handle.visible = false;
+              }
+            }
+            if (_this3.axis === 'Y') {
+              _tempQuaternion.setFromEuler(_tempEuler.set(0, 0, Math.PI / 2));
+              handle.quaternion.copy(quaternion).multiply(_tempQuaternion);
+              if (Math.abs(_alignVector.copy(_unitY).applyQuaternion(quaternion).dot(_this3.eye)) > 0.9) {
+                handle.visible = false;
+              }
+            }
+            if (_this3.axis === 'Z') {
+              _tempQuaternion.setFromEuler(_tempEuler.set(0, Math.PI / 2, 0));
+              handle.quaternion.copy(quaternion).multiply(_tempQuaternion);
+              if (Math.abs(_alignVector.copy(_unitZ).applyQuaternion(quaternion).dot(_this3.eye)) > 0.9) {
+                handle.visible = false;
+              }
+            }
+            if (_this3.axis === 'XYZE') {
+              _tempQuaternion.setFromEuler(_tempEuler.set(0, Math.PI / 2, 0));
+              _alignVector.copy(_this3.rotationAxis);
+              handle.quaternion.setFromRotationMatrix(_lookAtMatrix.lookAt(_zeroVector, _alignVector, _unitY));
+              handle.quaternion.multiply(_tempQuaternion);
+              handle.visible = _this3.dragging;
+            }
+            if (_this3.axis === 'E') {
+              handle.visible = false;
+            }
+          } else if (handle.name === 'START') {
+            handle.position.copy(_this3.worldPositionStart);
+            handle.visible = _this3.dragging;
+          } else if (handle.name === 'END') {
+            handle.position.copy(_this3.worldPosition);
+            handle.visible = _this3.dragging;
+          } else if (handle.name === 'DELTA') {
+            handle.position.copy(_this3.worldPositionStart);
+            handle.quaternion.copy(_this3.worldQuaternionStart);
+            _tempVector.set(1e-10, 1e-10, 1e-10).add(_this3.worldPositionStart).sub(_this3.worldPosition).multiplyScalar(-1);
+            _tempVector.applyQuaternion(_this3.worldQuaternionStart.clone().invert());
+            handle.scale.copy(_tempVector);
+            handle.visible = _this3.dragging;
+          } else {
+            handle.quaternion.copy(quaternion);
+            if (_this3.dragging) {
+              handle.position.copy(_this3.worldPositionStart);
+            } else {
+              handle.position.copy(_this3.worldPosition);
+            }
+            if (_this3.axis) {
+              handle.visible = _this3.axis.search(handle.name) !== -1;
+            }
+          }
+
+          // If updating helper, skip rest of the loop
+          return 1; // continue
+        }
+
+        // Align handles to current local or world rotation
+
+        handle.quaternion.copy(quaternion);
+        if (_this3.mode === 'translate' || _this3.mode === 'scale') {
+          // Hide translate and scale axis facing the camera
+
+          var AXIS_HIDE_THRESHOLD = 0.99;
+          var PLANE_HIDE_THRESHOLD = 0.2;
+          if (handle.name === 'X') {
+            if (Math.abs(_alignVector.copy(_unitX).applyQuaternion(quaternion).dot(_this3.eye)) > AXIS_HIDE_THRESHOLD) {
+              handle.scale.set(1e-10, 1e-10, 1e-10);
+              handle.visible = false;
+            }
+          }
+          if (handle.name === 'Y') {
+            if (Math.abs(_alignVector.copy(_unitY).applyQuaternion(quaternion).dot(_this3.eye)) > AXIS_HIDE_THRESHOLD) {
+              handle.scale.set(1e-10, 1e-10, 1e-10);
+              handle.visible = false;
+            }
+          }
+          if (handle.name === 'Z') {
+            if (Math.abs(_alignVector.copy(_unitZ).applyQuaternion(quaternion).dot(_this3.eye)) > AXIS_HIDE_THRESHOLD) {
+              handle.scale.set(1e-10, 1e-10, 1e-10);
+              handle.visible = false;
+            }
+          }
+          if (handle.name === 'XY') {
+            if (Math.abs(_alignVector.copy(_unitZ).applyQuaternion(quaternion).dot(_this3.eye)) < PLANE_HIDE_THRESHOLD) {
+              handle.scale.set(1e-10, 1e-10, 1e-10);
+              handle.visible = false;
+            }
+          }
+          if (handle.name === 'YZ') {
+            if (Math.abs(_alignVector.copy(_unitX).applyQuaternion(quaternion).dot(_this3.eye)) < PLANE_HIDE_THRESHOLD) {
+              handle.scale.set(1e-10, 1e-10, 1e-10);
+              handle.visible = false;
+            }
+          }
+          if (handle.name === 'XZ') {
+            if (Math.abs(_alignVector.copy(_unitY).applyQuaternion(quaternion).dot(_this3.eye)) < PLANE_HIDE_THRESHOLD) {
+              handle.scale.set(1e-10, 1e-10, 1e-10);
+              handle.visible = false;
+            }
+          }
+        } else if (_this3.mode === 'rotate') {
+          // Align handles to current local or world rotation
+
+          _tempQuaternion2.copy(quaternion);
+          _alignVector.copy(_this3.eye).applyQuaternion(_tempQuaternion.copy(quaternion).invert());
+          if (handle.name.search('E') !== -1) {
+            handle.quaternion.setFromRotationMatrix(_lookAtMatrix.lookAt(_this3.eye, _zeroVector, _unitY));
+          }
+          if (handle.name === 'X') {
+            _tempQuaternion.setFromAxisAngle(_unitX, Math.atan2(-_alignVector.y, _alignVector.z));
+            _tempQuaternion.multiplyQuaternions(_tempQuaternion2, _tempQuaternion);
+            handle.quaternion.copy(_tempQuaternion);
+          }
+          if (handle.name === 'Y') {
+            _tempQuaternion.setFromAxisAngle(_unitY, Math.atan2(_alignVector.x, _alignVector.z));
+            _tempQuaternion.multiplyQuaternions(_tempQuaternion2, _tempQuaternion);
+            handle.quaternion.copy(_tempQuaternion);
+          }
+          if (handle.name === 'Z') {
+            _tempQuaternion.setFromAxisAngle(_unitZ, Math.atan2(_alignVector.y, _alignVector.x));
+            _tempQuaternion.multiplyQuaternions(_tempQuaternion2, _tempQuaternion);
+            handle.quaternion.copy(_tempQuaternion);
+          }
+        }
+
+        // Hide disabled axes
+        handle.visible = handle.visible && (handle.name.indexOf('X') === -1 || _this3.showX);
+        handle.visible = handle.visible && (handle.name.indexOf('Y') === -1 || _this3.showY);
+        handle.visible = handle.visible && (handle.name.indexOf('Z') === -1 || _this3.showZ);
+        handle.visible = handle.visible && (handle.name.indexOf('E') === -1 || _this3.showX && _this3.showY && _this3.showZ);
+
+        // Hide disabled plane helpers
+        handle.visible = handle.visible && (handle.name !== 'XY' || _this3.showXY);
+        handle.visible = handle.visible && (handle.name !== 'YZ' || _this3.showYZ);
+        handle.visible = handle.visible && (handle.name !== 'XZ' || _this3.showXZ);
+
+        // highlight selected axis
+
+        handle.material._color = handle.material._color || handle.material.color.clone();
+        handle.material._opacity = handle.material._opacity || handle.material.opacity;
+        handle.material.color.copy(handle.material._color);
+        handle.material.opacity = handle.material._opacity;
+        if (_this3.enabled && _this3.axis) {
+          if (handle.name === _this3.axis) {
+            handle.material.color.setHex(0xffff00);
+            handle.material.opacity = 1.0;
+          } else if (_this3.axis.split('').some(function (a) {
+            return handle.name === a;
+          })) {
+            handle.material.color.setHex(0xffff00);
+            handle.material.opacity = 1.0;
+          }
+        }
+      };
+      for (var i = 0; i < handles.length; i++) {
+        if (_loop()) continue;
+      }
+      _superPropGet(TransformControlsGizmo, "updateMatrixWorld", this, 3)([force]);
+    }
+  }]);
+}(Object3D); //
+var TransformControlsPlane = /*#__PURE__*/function (_Mesh) {
+  function TransformControlsPlane() {
+    var _this4;
+    _classCallCheck(this, TransformControlsPlane);
+    _this4 = _callSuper(this, TransformControlsPlane, [new PlaneGeometry(100000, 100000, 2, 2), new MeshBasicMaterial({
+      visible: false,
+      wireframe: true,
+      side: DoubleSide,
+      transparent: true,
+      opacity: 0.1,
+      toneMapped: false
+    })]);
+    _this4.isTransformControlsPlane = true;
+    _this4.type = 'TransformControlsPlane';
+    return _this4;
+  }
+  _inherits(TransformControlsPlane, _Mesh);
+  return _createClass(TransformControlsPlane, [{
+    key: "updateMatrixWorld",
+    value: function updateMatrixWorld(force) {
+      var space = this.space;
+      this.position.copy(this.worldPosition);
+      if (this.mode === 'scale') space = 'local'; // scale always oriented to local rotation
+
+      _v1.copy(_unitX).applyQuaternion(space === 'local' ? this.worldQuaternion : _identityQuaternion);
+      _v2.copy(_unitY).applyQuaternion(space === 'local' ? this.worldQuaternion : _identityQuaternion);
+      _v3.copy(_unitZ).applyQuaternion(space === 'local' ? this.worldQuaternion : _identityQuaternion);
+
+      // Align the plane for current transform mode, axis and space.
+
+      _alignVector.copy(_v2);
+      switch (this.mode) {
+        case 'translate':
+        case 'scale':
+          switch (this.axis) {
+            case 'X':
+              _alignVector.copy(this.eye).cross(_v1);
+              _dirVector.copy(_v1).cross(_alignVector);
+              break;
+            case 'Y':
+              _alignVector.copy(this.eye).cross(_v2);
+              _dirVector.copy(_v2).cross(_alignVector);
+              break;
+            case 'Z':
+              _alignVector.copy(this.eye).cross(_v3);
+              _dirVector.copy(_v3).cross(_alignVector);
+              break;
+            case 'XY':
+              _dirVector.copy(_v3);
+              break;
+            case 'YZ':
+              _dirVector.copy(_v1);
+              break;
+            case 'XZ':
+              _alignVector.copy(_v3);
+              _dirVector.copy(_v2);
+              break;
+            case 'XYZ':
+            case 'E':
+              _dirVector.set(0, 0, 0);
+              break;
+          }
+          break;
+        case 'rotate':
+        default:
+          // special case for rotate
+          _dirVector.set(0, 0, 0);
+      }
+      if (_dirVector.length() === 0) {
+        // If in rotate mode, make the plane parallel to camera
+        this.quaternion.copy(this.cameraQuaternion);
+      } else {
+        _tempMatrix.lookAt(_tempVector.set(0, 0, 0), _dirVector, _alignVector);
+        this.quaternion.setFromRotationMatrix(_tempMatrix);
+      }
+      _superPropGet(TransformControlsPlane, "updateMatrixWorld", this, 3)([force]);
+    }
+  }]);
+}(Mesh);
+
+export { TransformControls, TransformControlsGizmo, TransformControlsPlane };