babylonjs-editcontrol 3.3.0 → 4.0.0

package/dist/EditControl.max.js

@@ -1,3 +1,2085 @@
-/*! For license information please see EditControl.max.js.LICENSE.txt */
-!function(t,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("babylonjs"));else if("function"==typeof define&&define.amd)define(["babylonjs"],i);else{var s="object"==typeof exports?i(require("babylonjs")):i(t.BABYLON);for(var h in s)("object"==typeof exports?exports:t)[h]=s[h]}}(self,(t=>(()=>{"use strict";var i={babylonjs:i=>{i.exports=t}},s={};function h(t){var n=s[t];if(void 0!==n)return n.exports;var u=s[t]={exports:{}};return i[t](u,u.exports,h),u.exports}h.n=t=>{var i=t&&t.t?()=>t.default:()=>t;return h.d(i,{a:i}),i},h.d=(t,i)=>{for(var s in i)h.o(i,s)&&!h.o(t,s)&&Object.defineProperty(t,s,{enumerable:!0,get:i[s]})},h.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),h.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"t",{value:!0})};var n={};return(()=>{h.r(n),h.d(n,{EditControl:()=>s});var t,i=h("babylonjs");!function(t){t[t.TRANS=0]="TRANS",t[t.ROT=1]="ROT",t[t.SCALE=2]="SCALE"}(t||(t={}));var s=function(){function s(t,s,h,n,e,r){var o=this;this.i=!0,this.h=!1,this.u=!1,this.l=1,this.v=Math.PI/18,this.M=.4,this.p=1,this.L=.02,this.A=new i.Color3(1,.2,.2),this.j=new i.Color3(.2,1,.2),this.S=new i.Color3(.2,.2,1),this.O=new i.Color3(1,1,1),this.T=new i.Color3(1,1,.2),this.R=.75,this.g=!1,this.k=new i.Matrix,this.q=new i.Vector3(0,0,0),this.C=2,this._=new i.Vector3(0,0,0),this.B=new i.Vector3(0,0,0),this.N="",this.D=!1,this.F=null,this.G=null,this.H=null,this.I=!1,this.J=!1,this.K=!1,this.P=!1,this.U=new i.Vector3(0,0,0),this.V=new i.Vector3(0,0,0),this.W=!1,this.$=new i.Vector3(0,0,0),this.tt=.25,this.it=new i.Vector3(0,0,0),this.st=new i.Vector3(0,0,0),this.ht=new i.Vector3(0,0,0),this.nt=new i.Vector3(0,0,0),this.ut=!1,this.et=0,this.rt=!1,this.ot=!1,this.ft=!1,this.lt=180,this.ct=new i.Vector3(this.l,this.l,this.l),this.vt=new i.Vector3(0,0,0),this.wt=new i.Vector3(0,0,0),this.Mt=new i.Vector3(0,0,0),this.Xt=new i.Matrix,this.Yt=t,this.Zt=s,this.bt=h,null!=n&&(this.p=n),this.ut=null!==e&&e,this.dt(),null!=r&&(this.L=r),this.Lt=i.UtilityLayerRenderer.DefaultUtilityLayer,this.Lt.onlyCheckPointerDownEvents=!1,this.zt=this.Lt.utilityLayerScene,this.yt=new u(t,10),t.computeWorldMatrix(!0),this.At=this.jt(t),this.St(t),this.g=this.xt(t),console.log("lhs rhs issue "+this.g),this.Ot=new i.Mesh("",this.zt),this.Ot.rotationQuaternion=i.Quaternion.Identity(),this.Ot.visibility=0,this.Ot.isPickable=!1,this.Tt(this.zt),this.Et().parent=this.Ot,this.Rt().parent=this.Ot,this.gt=function(t){return o.kt(t)},this.qt=function(t){return o.Ct(t)},this._t=function(t){return o.Bt(t)},h.addEventListener("pointerdown",this.gt,!1),h.addEventListener("pointerup",this.qt,!1),h.addEventListener("pointermove",this._t,!1),this.Nt=function(){return o.Qt()},this.zt.registerBeforeRender(this.Nt)}return s.prototype.getRoot=function(){return this.Ot},s.prototype.dt=function(){if(!this.ut&&(null==this.Yt.rotationQuaternion||null==this.Yt.rotationQuaternion))throw"Error: Eulerian is set to false but the mesh's rotationQuaternion is not set."},s.prototype.xt=function(t){var s=!1,h=t.parent;if(null==h)return!1;this.St(h);var n=i.Vector3.Cross(this.st,this.ht);return s=i.Vector3.Dot(n,this.nt)<0,this.St(t),s},s.prototype.Qt=function(){this.Ot.position=this.Yt.getAbsolutePivotPoint(),this.Dt(),this.Ft(),this.i?(this.Ot.getWorldMatrix().invertToRef(this.k),i.Vector3.TransformCoordinatesToRef(this.Zt.position,this.k,this.q),this.Gt.lookAt(this.q,0,0,0,i.Space.LOCAL)):(this.Zt.position.subtractToRef(this.Ot.position,this.q),this.Gt.lookAt(this.Zt.position,0,0,0,i.Space.WORLD)),this.ot?this.Ht():this.rt?this.It(this.Jt,this.Kt,this.Pt):this.ft&&this.It(this.Ut,this.Vt,this.Wt)},s.prototype.Dt=function(){if(this.i)if(null==this.Yt.parent)if(this.ut){var t=this.Yt.rotation;i.Quaternion.RotationYawPitchRollToRef(t.y,t.x,t.z,this.Ot.rotationQuaternion)}else this.Ot.rotationQuaternion.copyFrom(this.Yt.rotationQuaternion);else{if(this.$t(this.Yt))return;this.Yt.getWorldMatrix().getRotationMatrixToRef(this.Xt),i.Quaternion.FromRotationMatrixToRef(this.Xt,this.Ot.rotationQuaternion)}},s.prototype.$t=function(t){if(null==t.parent)return!1;for(;null!=t.parent;){if(t.parent.scaling.x!=t.parent.scaling.y||t.parent.scaling.y!=t.parent.scaling.z)return!0;t=t.parent}return!1},s.prototype.Ft=function(){this.Ot.position.subtractToRef(this.Zt.position,this._),i.Vector3.FromArrayToRef(this.Zt.getWorldMatrix().asArray(),8,this.B);var t=i.Vector3.Dot(this._,this.B)/this.B.length(),s=Math.abs(t/this.C);i.Vector3.FromFloatsToRef(s,s,s,this.Ot.scaling)},s.prototype.Ht=function(){var t=Math.atan(this.q.y/this.q.z);this.q.z>=0?this.ti.rotation.x=-t:this.ti.rotation.x=-t-Math.PI;var i=Math.atan(this.q.x/this.q.z);this.q.z>=0?this.ii.rotation.y=i:this.ii.rotation.y=i+Math.PI;var s=Math.atan(this.q.x/this.q.y);this.q.y>=0?this.si.rotation.z=-s:this.si.rotation.z=-s-Math.PI},s.prototype.It=function(t,i,s){var h=this.q;t.rotation.x=0,t.rotation.y=0,t.rotation.z=0,i.rotation.x=0,i.rotation.y=0,i.rotation.z=0,s.rotation.x=0,s.rotation.y=0,s.rotation.z=0,h.x<=0&&h.y>=0&&h.z>=0?(t.rotation.z=3.14,s.rotation.y=3.14):h.x<=0&&h.y>=0&&h.z<=0?(t.rotation.y=3.14,i.rotation.y=3.14,s.rotation.y=3.14):h.x>=0&&h.y>=0&&h.z<=0?(t.rotation.x=3.14,i.rotation.y=3.14):h.x>=0&&h.y<=0&&h.z>=0?(i.rotation.z=3.14,s.rotation.x=3.14):h.x<=0&&h.y<=0&&h.z>=0?(t.rotation.z=3.14,i.rotation.z=3.14,s.rotation.z=3.14):h.x<=0&&h.y<=0&&h.z<=0?(t.rotation.y=3.14,i.rotation.x=3.14,s.rotation.z=3.14):h.x>=0&&h.y<=0&&h.z<=0&&(t.rotation.x=3.14,i.rotation.x=3.14,s.rotation.x=3.14)},s.prototype.switchTo=function(t,i){t.computeWorldMatrix(!0),this.Yt=t,null!=i&&(this.ut=i),this.dt(),this.St(t),this.yt=new u(t,10),this.g=this.xt(t),this.refreshBoundingInfo()},s.prototype.switchCamera=function(t){this.Zt=t},s.prototype.setUndoCount=function(t){this.yt.setCapacity(t)},s.prototype.undo=function(){var t=this.yt.undo();this.Yt.computeWorldMatrix(!0),this.St(this.Yt),this.hi(t),this.ni(t),this.ui(t)},s.prototype.redo=function(){var t=this.yt.redo();this.Yt.computeWorldMatrix(!0),this.St(this.Yt),this.hi(t),this.ni(t),this.ui(t)},s.prototype.detach=function(){this.bt.removeEventListener("pointerdown",this.gt,!1),this.bt.removeEventListener("pointerup",this.qt,!1),this.bt.removeEventListener("pointermove",this._t,!1),this.zt.unregisterBeforeRender(this.Nt),this.removeAllActionListeners(),this.ei()},s.prototype.hide=function(){this.D=!0,this.rt?(this.N="T",this.disableTranslation()):this.ot?(this.N="R",this.disableRotation()):this.ft&&(this.N="S",this.disableScaling()),this.ri()},s.prototype.ri=function(){this.oi.visibility=0,this.fi.visibility=0,this.li.visibility=0},s.prototype.ai=function(){this.oi.visibility=this.R,this.fi.visibility=this.R,this.li.visibility=this.R},s.prototype.show=function(){this.D=!1,this.ai(),"T"==this.N?this.enableTranslation():"R"==this.N?this.enableRotation():"S"==this.N&&this.enableScaling()},s.prototype.isHidden=function(){return this.D},s.prototype.ei=function(){this.Ot.dispose(),this.ci(),this.yt=null},s.prototype.addActionListener=function(t){this.F=t},s.prototype.removeActionListener=function(){this.F=null},s.prototype.addActionStartListener=function(t){this.G=t},s.prototype.removeActionStartListener=function(){this.G=null},s.prototype.addActionEndListener=function(t){this.H=t},s.prototype.removeActionEndListener=function(){this.H=null},s.prototype.removeAllActionListeners=function(){this.F=null,this.G=null,this.H=null},s.prototype.kt=function(t){var i=this;if(t.preventDefault(),this.I=!0,0==t.button){var s=this.zt.getEngine(),h=s.isPointerLock?.5*this.bt.width:this.zt.pointerX,n=s.isPointerLock?.5*this.bt.height:this.zt.pointerY,u=this.zt.pick(h,n,(function(t){if(i.rt){if(t==i.vi||t==i.wi||t==i.Mi||t==i.Jt||t==i.Kt||t==i.Pt||t==i.pi)return!0}else if(i.ot){if(t==i.ti||t==i.ii||t==i.si||t==i.Xi)return!0}else if(i.ft&&(t==i.Yi||t==i.Zi||t==i.bi||t==i.Ut||t==i.Vt||t==i.Wt||t==i.di))return!0;return!1}),!1,this.Zt);if(u.hit){this.Li=u.pickedMesh;var e=this.Li.getChildren();e.length>0?e[0].visibility=this.R:this.Li.visibility=this.R;var r=this.Li.name;"X"==r?this.zi.visibility=1:"Y"==r?this.yi.visibility=1:"Z"==r?this.Ai.visibility=1:"XZ"==r?(this.zi.visibility=1,this.Ai.visibility=1):"ZY"==r?(this.Ai.visibility=1,this.yi.visibility=1):"YX"==r?(this.yi.visibility=1,this.zi.visibility=1):"ALL"==r&&(this.zi.visibility=1,this.yi.visibility=1,this.Ai.visibility=1),this.ji(!0),this.mi=this.Si(this.Li),null!=this.mi?this.xi=this.Oi():this.xi=null,window.setTimeout((function(t,s){return i.Ti(t,s)}),0,this.Zt,this.bt)}}},s.prototype.ji=function(i){this.K=i,i?(this.Ei(),this.Ri==t.ROT&&(this.et=0),this.hi(this.Ri)):this.ui(this.Ri)},s.prototype.isEditing=function(){return this.K},s.prototype.Ti=function(t,i){var s=t,h=i;this.zt.getEngine().isPointerLock||s.detachControl(h)},s.prototype.isPointerOver=function(){return this.J},s.prototype.gi=function(){var t=this,i=this.zt.getEngine(),s=i.isPointerLock?.5*this.bt.width:this.zt.pointerX,h=i.isPointerLock?.5*this.bt.height:this.zt.pointerY,n=this.zt.pick(s,h,(function(i){if(t.rt){if(i==t.vi||i==t.wi||i==t.Mi||i==t.Jt||i==t.Kt||i==t.Pt||i==t.pi)return!0}else if(t.ot){if(i==t.ti||i==t.ii||i==t.si||i==t.Xi)return!0}else if(t.ft&&(i==t.Yi||i==t.Zi||i==t.bi||i==t.Ut||i==t.Vt||i==t.Wt||i==t.di))return!0;return!1}),!1,this.Zt);if(n.hit){if(n.pickedMesh!=this.ki){if(this.J=!0,this.qi(),this.ki=n.pickedMesh,this.ot)this.Ci=this.ki.getChildren()[0].color,this.ki.getChildren()[0].color=this.O;else{var u=this.ki.getChildren();u.length>0?(this._i=u[0].material,u[0].material=this.Bi):(this._i=this.ki.material,this.ki.material=this.Bi)}"X"==this.ki.name?this.oi.color=this.O:"Y"==this.ki.name?this.fi.color=this.O:"Z"==this.ki.name&&(this.li.color=this.O)}}else this.J=!1,null!=this.ki&&(this.Ni(this.ki),this.ki=null)},s.prototype.qi=function(){null!=this.ki&&(this.ki.visibility=0,this.Ni(this.ki))},s.prototype.Ni=function(t){switch(t.name){case"X":this.oi.color=this.A;break;case"Y":this.fi.color=this.j;break;case"Z":this.li.color=this.S}if(this.ot)t.getChildren()[0].color=this.Ci;else{var i=t.getChildren();i.length>0?i[0].material=this._i:t.material=this._i}},s.prototype.Ct=function(t){(this.I=!1,this.K)&&(this.zt.getEngine().isPointerLock||this.Zt.attachControl(!0),this.ji(!1),this.Qi(),null!=this.ki&&(this.Ni(this.ki),this.ki=null),this.yt.add(this.Ri))},s.prototype.Ei=function(){this.rt?this.Ri=t.TRANS:this.ot?this.Ri=t.ROT:this.ft&&(this.Ri=t.SCALE)},s.prototype.ni=function(t){null!=this.F&&this.F(t)},s.prototype.hi=function(t){null!=this.G&&this.G(t)},s.prototype.ui=function(t){null!=this.H&&this.H(t)},s.prototype.Bt=function(t){if(this.I){if(this.K&&null!=this.xi){var i=this.Oi();if(null!=i){if(this.ot)this.Di(this.Yt,this.Li,i,this.xi);else{var s=i.subtract(this.xi);if(0==s.x&&0==s.y&&0==s.z)return;this.rt?this.Fi(s):this.ft&&this.i&&this.Gi(s)}this.xi=i,this.ni(this.Ri)}}}else this.gi()},s.prototype.Si=function(t){var s=t.name;if(this.rt||this.ft){if("XZ"==s)return this.Hi;if("ZY"==s)return this.Ii;if("YX"==s)return this.Ji;if("ALL"==s)return this.Gt;this.Ot.getWorldMatrix().invertToRef(this.k),i.Vector3.TransformCoordinatesToRef(this.Zt.position,this.k,this.q);var h=this.q;if("X"===s)return Math.abs(h.y)>Math.abs(h.z)?this.Hi:this.Ji;if("Z"===s)return Math.abs(h.y)>Math.abs(h.x)?this.Hi:this.Ii;if("Y"===s)return Math.abs(h.z)>Math.abs(h.x)?this.Ji:this.Ii}else{if(!this.ot)return null;this.P=!1,this.Ot.getWorldMatrix().invertToRef(this.k),i.Vector3.TransformCoordinatesToRef(this.Zt.position,this.k,this.q);h=this.q;switch(s){case"X":return Math.abs(h.x)<.2?(this.P=!0,this.Gt):this.Ii;case"Y":return Math.abs(h.y)<.2?(this.P=!0,this.Gt):this.Hi;case"Z":return Math.abs(h.z)<.2?(this.P=!0,this.Gt):this.Ji;default:return this.Gt}}},s.prototype.Fi=function(t){null!=this.Yt.parent&&this.$t(this.Yt)?this.St(this.Ot):this.St(this.Yt);var s=this.Li.name;this.U.x=0,this.U.y=0,this.U.z=0,"X"!=s&&"XZ"!=s&&"YX"!=s&&"ALL"!=s||(this.i?this.U.x=i.Vector3.Dot(t,this.st)/this.st.length():this.U.x=t.x),"Y"!=s&&"ZY"!=s&&"YX"!=s&&"ALL"!=s||(this.i?this.U.y=i.Vector3.Dot(t,this.ht)/this.ht.length():this.U.y=t.y),"Z"!=s&&"XZ"!=s&&"ZY"!=s&&"ALL"!=s||(this.i?this.U.z=i.Vector3.Dot(t,this.nt)/this.nt.length():this.U.z=t.z),this.Ki(this.Yt,this.U,this.i),this.Pi&&(this.Yt.position.x=Math.max(this.Yt.position.x,this.Pi.x),this.Yt.position.y=Math.max(this.Yt.position.y,this.Pi.y),this.Yt.position.z=Math.max(this.Yt.position.z,this.Pi.z)),this.Ui&&(this.Yt.position.x=Math.min(this.Yt.position.x,this.Ui.x),this.Yt.position.y=Math.min(this.Yt.position.y,this.Ui.y),this.Yt.position.z=Math.min(this.Yt.position.z,this.Ui.z)),this.Yt.computeWorldMatrix(!0)},s.prototype.Ki=function(t,s,h){if(this.h){var n=!1;if(this.V.addInPlace(s),Math.abs(this.V.x)>this.ct.x&&(this.V.x>0?s.x=this.ct.x:s.x=-this.ct.x,n=!0),Math.abs(this.V.y)>this.ct.y&&(this.V.y>0?s.y=this.ct.y:s.y=-this.ct.y,n=!0),Math.abs(this.V.z)>this.ct.z&&(this.V.z>0?s.z=this.ct.z:s.z=-this.ct.z,n=!0),!n)return;Math.abs(s.x)!==this.ct.x&&(s.x=0),Math.abs(s.y)!==this.ct.y&&(s.y=0),Math.abs(s.z)!==this.ct.z&&(s.z=0),i.Vector3.FromFloatsToRef(0,0,0,this.V),n=!1}h?(this.st.normalizeToRef(this.vt),this.ht.normalizeToRef(this.wt),this.nt.normalizeToRef(this.Mt),this.Yt.translate(this.vt,s.x,i.Space.WORLD),this.Yt.translate(this.wt,s.y,i.Space.WORLD),this.Yt.translate(this.Mt,s.z,i.Space.WORLD)):null==this.Yt.parent?this.Yt.position.addInPlace(s):this.Yt.setAbsolutePosition(s.addInPlace(this.Yt.absolutePosition))},s.prototype.Gi=function(t){this.St(this.Yt),this.it.x=0,this.it.y=0,this.it.z=0;var s=this.Li.name;"X"!=s&&"XZ"!=s&&"YX"!=s||(this.it.x=i.Vector3.Dot(t,this.st)/this.st.length(),this.Yt.scaling.x<0&&(this.it.x=-this.it.x)),"Y"!=s&&"ZY"!=s&&"YX"!=s||(this.it.y=i.Vector3.Dot(t,this.ht)/this.ht.length(),this.Yt.scaling.y<0&&(this.it.y=-this.it.y)),"Z"!=s&&"XZ"!=s&&"ZY"!=s||(this.it.z=i.Vector3.Dot(t,this.nt)/this.nt.length(),this.Yt.scaling.z<0&&(this.it.z=-this.it.z));var h=this.At;if(this.it.x=this.it.x/h.x,this.it.y=this.it.y/h.y,this.it.z=this.it.z/h.z,"ALL"==s){var n=i.Vector3.Dot(t,this.Zt.upVector);n/=Math.max(h.x,h.y,h.z),this.it.copyFromFloats(n,n,n)}else{var u=!1;if("XZ"==s?(u=!0,Math.abs(this.it.x)>Math.abs(this.it.z)?this.it.z=this.it.x:this.it.x=this.it.z):"ZY"==s?(u=!0,Math.abs(this.it.z)>Math.abs(this.it.y)?this.it.y=this.it.z:this.it.z=this.it.y):"YX"==s&&(u=!0,Math.abs(this.it.y)>Math.abs(this.it.x)?this.it.x=this.it.y:this.it.y=this.it.x),u){this.Ot.position.subtractToRef(this.Zt.position,this._);n=i.Vector3.Dot(t,this._);this.it.x=Math.abs(this.it.x),this.it.y=Math.abs(this.it.y),this.it.z=Math.abs(this.it.z),n>0?(this.Yt.scaling.x>0&&(this.it.x=-this.it.x),this.Yt.scaling.y>0&&(this.it.y=-this.it.y),this.Yt.scaling.z>0&&(this.it.z=-this.it.z)):(this.Yt.scaling.x<0&&(this.it.x=-this.it.x),this.Yt.scaling.y<0&&(this.it.y=-this.it.y),this.Yt.scaling.z<0&&(this.it.z=-this.it.z))}}this.Vi(this.Yt,this.it),this.Wi&&(this.Yt.scaling.x=Math.max(this.Yt.scaling.x,this.Wi.x),this.Yt.scaling.y=Math.max(this.Yt.scaling.y,this.Wi.y),this.Yt.scaling.z=Math.max(this.Yt.scaling.z,this.Wi.z)),this.$i&&(this.Yt.scaling.x=Math.min(this.Yt.scaling.x,this.$i.x),this.Yt.scaling.y=Math.min(this.Yt.scaling.y,this.$i.y),this.Yt.scaling.z=Math.min(this.Yt.scaling.z,this.$i.z))},s.prototype.Vi=function(t,s){if(this.W){var h=!1;if(this.$.addInPlace(s),Math.abs(this.$.x)>this.tt&&(s.x>0?s.x=this.tt:s.x=-this.tt,h=!0),Math.abs(this.$.y)>this.tt&&(s.y>0?s.y=this.tt:s.y=-this.tt,h=!0),Math.abs(this.$.z)>this.tt&&(s.z>0?s.z=this.tt:s.z=-this.tt,h=!0),!h)return;Math.abs(s.x)!==this.tt&&0!==s.x&&(s.x=0),Math.abs(s.y)!==this.tt&&0!==s.y&&(s.y=0),Math.abs(s.z)!==this.tt&&0!==s.z&&(s.z=0),i.Vector3.FromFloatsToRef(0,0,0,this.$),h=!1}t.scaling.addInPlace(s)},s.prototype.St=function(t){var s=t.getWorldMatrix();i.Vector3.FromArrayToRef(s.m,0,this.st),i.Vector3.FromArrayToRef(s.m,4,this.ht),i.Vector3.FromArrayToRef(s.m,8,this.nt)},s.prototype.jt=function(t){if(t instanceof i.AbstractMesh){var s=t.getBoundingInfo().boundingBox,h=s.maximum.subtract(s.minimum);return 0==h.x&&(h.x=1),0==h.y&&(h.y=1),0==h.z&&(h.z=1),h}return new i.Vector3(1,1,1)},s.prototype.refreshBoundingInfo=function(){this.At=this.jt(this.Yt)},s.prototype.Di=function(t,s,h,n){this.i&&null!=this.Yt.parent&&this.$t(t)?this.St(this.Ot):this.St(t);var u,e=0;s==this.ti?u=this.i?this.st:i.Axis.X:s==this.ii?u=this.i?this.ht:i.Axis.Y:s==this.si&&(u=this.i?this.nt:i.Axis.Z),this.Ot.position.subtractToRef(this.Zt.position,this._),this.P?(e=this.ts(n,h,this.Zt.position,this._,u),this.zt.useRightHandedSystem&&(e=-e)):e=this.ss(n,h,t.getAbsolutePivotPoint(),this._),this.g&&(e=-e),this.u&&(this.et+=e,e=0,Math.abs(this.et)>=this.v&&(e=this.et>0?this.v:-this.v,this.et=0)),0!==e&&(this._.normalize(),s==this.Xi?t.rotate(this._,-e,i.Space.WORLD):(i.Vector3.Dot(u,this._)>=0&&(e=-e),t.rotate(u,e,i.Space.WORLD)),this.ut&&(t.rotation=t.rotationQuaternion.toEulerAngles(),t.rotationQuaternion=null),this.i&&(this.g&&(e=-e),null!=this.Yt.parent&&this.$t(t)&&(s==this.Xi?this.Ot.rotate(this._,-e,i.Space.WORLD):this.Ot.rotate(u,e,i.Space.WORLD))))},s.prototype.Oi=function(){var t=this,i=this.zt.getEngine(),s=i.isPointerLock?.5*this.bt.width:this.zt.pointerX,h=i.isPointerLock?.5*this.bt.height:this.zt.pointerY,n=this.zt.pick(s,h,(function(i){return i==t.mi}),null,this.Zt);return n.hit?n.pickedPoint:null},s.prototype.Qi=function(){this.zi.visibility=0,this.yi.visibility=0,this.Ai.visibility=0},s.prototype.getRotationQuaternion=function(){return this.Ot.rotationQuaternion},s.prototype.getPosition=function(){return this.Ot.position},s.prototype.isTranslationEnabled=function(){return this.rt},s.prototype.enableTranslation=function(){this.D||(null==this.vi&&(this.hs(),this.ns.parent=this.Ot),this.qi(),this.rt||(this.us(this.es,this.R),this.rt=!0,this.disableRotation(),this.disableScaling()))},s.prototype.disableTranslation=function(){this.rt&&(this.us(this.es,0),this.rt=!1)},s.prototype.isRotationEnabled=function(){return this.ot},s.prototype.returnEuler=function(t){this.ut=t},s.prototype.enableRotation=function(){this.D||(null==this.rs&&(this.os(),this.rs.parent=this.Ot),this.qi(),this.ot||(this.us(this.fs,this.R),this.ot=!0,this.disableTranslation(),this.disableScaling()))},s.prototype.disableRotation=function(){this.ot&&(this.us(this.fs,0),this.ot=!1)},s.prototype.isScalingEnabled=function(){return this.ft},s.prototype.enableScaling=function(){this.D||(null==this.Yi&&(this.ls(),this.cs.parent=this.Ot),this.qi(),this.ft||(this.us(this.vs,this.R),this.ft=!0,this.disableTranslation(),this.disableRotation()))},s.prototype.disableScaling=function(){this.ft&&(this.us(this.vs,0),this.ft=!1)},s.prototype.setScaleBounds=function(t,i){this.Wi=t||null,this.$i=i||null,null!=this.Wi&&(0==this.Wi.x&&(this.Wi.x=1e-8),0==this.Wi.y&&(this.Wi.y=1e-8),0==this.Wi.z&&(this.Wi.z=1e-8))},s.prototype.removeScaleBounds=function(){this.Wi=null,this.$i=null},s.prototype.setTransBounds=function(t,i){this.Pi=t||null,this.Ui=i||null},s.prototype.removeTransBounds=function(){this.Pi=null,this.Ui=null},s.prototype.setRotBounds=function(t,i){this.ws=t||null,this.Ms=i||null},s.prototype.removeRotBounds=function(){this.ws=null,this.Ms=null},s.prototype.Et=function(){var t=new i.Mesh("",this.zt);this.zi=i.MeshBuilder.CreateLines("",{points:[new i.Vector3(-100,0,0),new i.Vector3(100,0,0)]},this.zt),this.yi=i.MeshBuilder.CreateLines("",{points:[new i.Vector3(0,-100,0),new i.Vector3(0,100,0)]},this.zt),this.Ai=i.MeshBuilder.CreateLines("",{points:[new i.Vector3(0,0,-100),new i.Vector3(0,0,100)]},this.zt),this.zi.isPickable=!1,this.yi.isPickable=!1,this.Ai.isPickable=!1,this.zi.parent=t,this.yi.parent=t,this.Ai.parent=t,this.zi.color=this.A,this.yi.color=this.j,this.Ai.color=this.S,this.Qi();var s=this.M*this.p*.75;return this.oi=i.MeshBuilder.CreateLines("",{points:[new i.Vector3(0,0,0),new i.Vector3(s,0,0)]},this.zt),this.fi=i.MeshBuilder.CreateLines("",{points:[new i.Vector3(0,0,0),new i.Vector3(0,s,0)]},this.zt),this.li=i.MeshBuilder.CreateLines("",{points:[new i.Vector3(0,0,0),new i.Vector3(0,0,s)]},this.zt),this.oi.isPickable=!1,this.fi.isPickable=!1,this.li.isPickable=!1,this.oi.parent=t,this.fi.parent=t,this.li.parent=t,this.oi.color=this.A,this.fi.color=this.j,this.li.color=this.S,this.oi.renderingGroupId=1,this.fi.renderingGroupId=1,this.li.renderingGroupId=1,t},s.prototype.Rt=function(){this.Gt=i.MeshBuilder.CreatePlane("",{size:5},this.zt),this.Hi=i.MeshBuilder.CreatePlane("",{size:5},this.zt),this.Ii=i.MeshBuilder.CreatePlane("",{size:5},this.zt),this.Ji=i.MeshBuilder.CreatePlane("",{size:5},this.zt),this.Gt.isPickable=!1,this.Hi.isPickable=!1,this.Ii.isPickable=!1,this.Ji.isPickable=!1,this.Gt.visibility=0,this.Hi.visibility=0,this.Ii.visibility=0,this.Ji.visibility=0,this.Gt.renderingGroupId=1,this.Hi.renderingGroupId=1,this.Ii.renderingGroupId=1,this.Ji.renderingGroupId=1,this.Gt.lookAt(this.Zt.position),this.Hi.rotate(i.Axis.X,1.57),this.Ii.rotate(i.Axis.Y,1.57);var t=new i.Mesh("",this.zt);return this.Gt.parent=t,this.Hi.parent=t,this.Ii.parent=t,this.Ji.parent=t,t},s.prototype.hs=function(){var t=2*this.L*this.p,s=this.M*this.p;this.ns=new i.Mesh("",this.zt),this.ps(t,s,this.ns,this.zt),this.Xs(t,s,this.zt)},s.prototype.ps=function(t,s,h,n){var u=this.Ys(t/2,s);u.name="X";var e=u.clone("Y"),r=u.clone("Z"),o=2*t,f=i.MeshBuilder.CreatePlane("XZ",{size:o},n),l=i.MeshBuilder.CreatePlane("ZY",{size:o},n),a=i.MeshBuilder.CreatePlane("YX",{size:o},n);f.rotation.x=1.57,l.rotation.y=-1.57,f.position.x=2*t,f.position.z=2*t,l.position.z=2*t,l.position.y=2*t,a.position.y=2*t,a.position.x=2*t,f.bakeCurrentTransformIntoVertices(),l.bakeCurrentTransformIntoVertices(),a.bakeCurrentTransformIntoVertices();var c=i.MeshBuilder.CreateBox("ALL",{size:2*t},n);u.parent=h,e.parent=h,r.parent=h,f.parent=h,l.parent=h,a.parent=h,c.parent=h,u.rotation.y=1.57,e.rotation.x-=1.57,this.vi=u,this.wi=e,this.Mi=r,this.Jt=f,this.Kt=l,this.Pt=a,this.pi=c,this.Zs=[u,e,r,f,l,a,c],this.us(this.Zs,0),this.bs(this.Zs)},s.prototype.Xs=function(t,s,h){var n=s/5,u=i.MeshBuilder.CreateCylinder("",{height:n,diameterTop:0,diameterBottom:t,tessellation:6,subdivisions:1},h),e=u.clone(""),r=u.clone(""),o=2*t,f=i.MeshBuilder.CreatePlane("XZ",{size:o},h),l=i.MeshBuilder.CreatePlane("ZY",{size:o},h),a=i.MeshBuilder.CreatePlane("YX",{size:o},h),c=i.MeshBuilder.CreateBox("ALL",{size:t},h);u.rotation.x=1.57,e.rotation.x=1.57,r.rotation.x=1.57,f.rotation.x=1.57,l.rotation.y=1.57,f.position.x=o,f.position.z=o,l.position.z=o,l.position.y=o,a.position.y=o,a.position.x=o,u.parent=this.vi,e.parent=this.wi,r.parent=this.Mi,f.parent=this.Jt,l.parent=this.Kt,a.parent=this.Pt,c.parent=this.pi,u.position.z=s-n/2,e.position.z=s-n/2,r.position.z=s-n/2,u.material=this.ds,e.material=this.Ls,r.material=this.zs,f.material=this.Ls,l.material=this.ds,a.material=this.zs,c.material=this.ys,this.As=u,this.js=e,this.Ss=r,this.xs=f,this.Os=l,this.Ts=a,this.Es=c,this.es=[u,e,r,f,l,a,c],this.bs(this.es),this.Rs(this.es)},s.prototype.setRotGuideFull=function(t){this.lt=t?360:180,null!=this.rs&&(this.rs.dispose(),this.Xi.dispose(),this.rs=null,this.enableRotation())},s.prototype.os=function(){var t=this.M*this.p*2;this.rs=new i.Mesh("",this.zt),this.gs(t,this.rs),this.ks(t)},s.prototype.gs=function(t,i){var s=this.qs(t/2,this.lt),h=this.qs(t/2,this.lt),n=this.qs(t/2,this.lt),u=this.qs(t/1.75,360);s.name="X",h.name="Y",n.name="Z",u.name="ALL",s.rotation.z=1.57,n.rotation.x=-1.57,s.bakeCurrentTransformIntoVertices(),n.bakeCurrentTransformIntoVertices(),u.rotation.x=1.57,s.parent=i,h.parent=i,n.parent=i,u.parent=this.Gt,this.ti=s,this.ii=h,this.si=n,this.Xi=u,this.Cs=[s,h,n,u],this.us(this.Cs,0),this.bs(this.Cs)},s.prototype.ks=function(t){var s=this._s(t/2,this.lt,!1),h=s.clone(""),n=s.clone(""),u=this._s(t/1.75,360,!1),e=this._s(t/2,360,!1);s.parent=this.ti,h.parent=this.ii,n.parent=this.si,s.rotation.z=1.57,n.rotation.x=-1.57,u.parent=this.Xi,e.parent=this.Xi,s.color=this.A,h.color=this.j,n.color=this.S,u.color=this.T,e.color=i.Color3.Gray(),this.Bs=s,this.Ns=h,this.Qs=n,this.Ds=u,this.Fs=e,this.fs=[s,h,n,u,e],this.bs(this.fs),this.Rs(this.fs)},s.prototype.us=function(t,i){t.map((function(t){return t.visibility=i}))},s.prototype.bs=function(t){t.map((function(t){t.isPickable=!1}))},s.prototype.Rs=function(t){t.map((function(t){return t.renderingGroupId=2}))},s.prototype.Ys=function(t,s){var h=[new i.Vector3(t,t,0),new i.Vector3(-t,t,0),new i.Vector3(-t,-t,0),new i.Vector3(t,-t,0),new i.Vector3(t,t,0)],n=[new i.Vector3(0,0,0),new i.Vector3(0,0,s)];return i.MeshBuilder.ExtrudeShape("",{shape:h,path:n,scale:1,rotation:0,cap:2},this.zt)},s.prototype._s=function(t,s,h){null===s&&(s=360);for(var n,u,e=[],r=3.14/180,o=0,f=0;f<=s;f+=5)n=t*Math.cos(f*r),u=90==f?t:270==f?-t:t*Math.sin(f*r),e[o]=new i.Vector3(n,0,u),o++;if(h){t-=.04;for(f=0;f<=s;f+=5)n=t*Math.cos(f*r),u=90==f?t:270==f?-t:t*Math.sin(f*r),e[o]=new i.Vector3(n,0,u),o++}return i.MeshBuilder.CreateLines("",{points:e},this.zt)},s.prototype.qs=function(t,s){null===s&&(s=360);for(var h,n,u=[],e=3.14/180,r=0,o=0;o<=s;o+=30)h=t*Math.cos(o*e),n=90==o?t:270==o?-t:t*Math.sin(o*e),u[r]=new i.Vector3(h,0,n),r++;return i.MeshBuilder.CreateTube("",{path:u,radius:this.L*this.p*2,tessellation:3,cap:i.Mesh.NO_CAP},this.zt)},s.prototype.ls=function(){var t=2*this.L*this.p,s=this.M*this.p;this.cs=new i.Mesh("",this.zt),this.Gs(t,s,this.cs),this.Hs(t,s)},s.prototype.Gs=function(t,s,h){var n=this.Ys(t/2,s);n.name="X";var u=n.clone("Y"),e=n.clone("Z"),r=i.MeshBuilder.CreatePlane("XZ",{size:2*t},this.zt),o=i.MeshBuilder.CreatePlane("ZY",{size:2*t},this.zt),f=i.MeshBuilder.CreatePlane("YX",{size:2*t},this.zt);r.rotation.x=1.57,o.rotation.y=-1.57,r.position.x=2*t,r.position.z=2*t,o.position.z=2*t,o.position.y=2*t,f.position.y=2*t,f.position.x=2*t,r.bakeCurrentTransformIntoVertices(),o.bakeCurrentTransformIntoVertices(),f.bakeCurrentTransformIntoVertices();var l=i.MeshBuilder.CreateBox("ALL",{size:2*t},this.zt);n.parent=h,u.parent=h,e.parent=h,l.parent=h,r.parent=h,o.parent=h,f.parent=h,n.rotation.y=1.57,u.rotation.x-=1.57,this.Yi=n,this.Zi=u,this.bi=e,this.Ut=r,this.Vt=o,this.Wt=f,this.di=l,this.Is=[n,u,e,r,o,f,l],this.us(this.Is,0),this.bs(this.Is)},s.prototype.Hs=function(t,s){var h=i.MeshBuilder.CreateBox("",{size:t},this.zt),n=h.clone(""),u=h.clone(""),e=2*t,r=i.MeshBuilder.CreatePlane("XZ",{size:e},this.zt),o=i.MeshBuilder.CreatePlane("ZY",{size:e},this.zt),f=i.MeshBuilder.CreatePlane("YX",{size:e},this.zt),l=i.MeshBuilder.CreateBox("ALL",{size:t},this.zt);r.rotation.x=1.57,o.rotation.y=-1.57,r.position.x=e,r.position.z=e,o.position.z=e,o.position.y=e,f.position.y=e,f.position.x=e,h.parent=this.Yi,n.parent=this.Zi,u.parent=this.bi,r.parent=this.Ut,o.parent=this.Vt,f.parent=this.Wt,l.parent=this.di,h.position.z=s-t/2,n.position.z=s-t/2,u.position.z=s-t/2,h.material=this.ds,n.material=this.Ls,u.material=this.zs,r.material=this.Ls,o.material=this.ds,f.material=this.zs,l.material=this.ys,this.Js=h,this.Ks=n,this.Ps=u,this.Us=r,this.Vs=o,this.Ws=f,this.$s=l,this.vs=[h,n,u,r,o,f,l],this.bs(this.vs),this.Rs(this.vs)},s.prototype.setVisibility=function(t){this.R=t},s.prototype.setLocal=function(t){this.i!=t&&(this.i=t,t||(this.Ot.rotationQuaternion=i.Quaternion.Identity()))},s.prototype.isLocal=function(){return this.i},s.prototype.setTransSnap=function(t){this.h=t},s.prototype.isTransSnap=function(){return this.h},s.prototype.setRotSnap=function(t){this.u=t},s.prototype.isRotSnap=function(){return this.u},s.prototype.setScaleSnap=function(t){this.W=t},s.prototype.isScaleSnap=function(){return this.W},s.prototype.setTransSnapValue=function(t){this.ct.copyFromFloats(t,t,t),this.l=t},s.prototype.getTransSnapValue=function(){return this.l},s.prototype.setRotSnapValue=function(t){this.v=t},s.prototype.getRotSnapValue=function(){return this.v},s.prototype.setScaleSnapValue=function(t){this.tt=t},s.prototype.getScaleSnapValue=function(){return this.tt},s.prototype.ts=function(t,s,h,n,u){var e=i.Vector3.Dot(n,u);u.scaleToRef(e,this.vt),h.addToRef(this.vt,this.wt);var r=this.wt;this.Zt.getWorldMatrix().invertToRef(this.Xt),i.Vector3.TransformCoordinatesToRef(this.wt,this.Xt,this.wt);var o=0;r.x>=0&&r.y>=0?o=1:r.x<=0&&r.y>=0?o=2:r.x<=0&&r.y<=0?o=3:r.x>=0&&r.y<=0&&(o=4),i.Vector3.TransformCoordinatesToRef(t,this.Xt,this.vt),i.Vector3.TransformCoordinatesToRef(s,this.Xt,this.wt),this.wt.subtractInPlace(this.vt);var f=this.wt,l=f.length(),a="";f.x>=0&&f.y>=0?a=f.x>=f.y?"r":"u":f.x<=0&&f.y>=0?a=-f.x>=f.y?"l":"u":f.x<=0&&f.y<=0?a=-f.x>=-f.y?"l":"d":f.x>=0&&f.y<=0&&(a=f.x>=-f.y?"r":"d");var c=0;return"d"==a?c=1==o||4==o?1:-1:"u"==a?c=1==o||4==o?-1:1:"r"==a?c=2==o||1==o?1:-1:"l"==a&&(c=2==o||1==o?-1:1),c*l},s.prototype.ss=function(t,s,h,n){t.subtractToRef(h,this.vt),s.subtractToRef(h,this.wt),i.Vector3.CrossToRef(this.vt,this.wt,this.Mt);var u=Math.asin(this.Mt.length()/(this.vt.length()*this.wt.length()));return i.Vector3.Dot(this.Mt,n)>0&&(u*=-1),u},s.th=function(t,s){var h=new i.StandardMaterial("",s);return h.emissiveColor=t,h.diffuseColor=i.Color3.Black(),h.specularColor=i.Color3.Black(),h.backFaceCulling=!1,h},s.prototype.Tt=function(t){this.ds=s.th(this.A,t),this.Ls=s.th(this.j,t),this.zs=s.th(this.S,t),this.Bi=s.th(this.O,t),this.ys=s.th(this.T,t)},s.prototype.ci=function(){this.ds.dispose(),this.Ls.dispose(),this.zs.dispose(),this.Bi.dispose(),this.ys.dispose()},s}(),u=function(){function t(t,i){this.lastMax=10,this.acts=new Array,this.last=-1,this.current=-1,this.mesh=t,this.lastMax=i-1,this.add()}return t.prototype.setCapacity=function(t){0!=t?(this.lastMax=t-1,this.last=-1,this.current=-1,this.acts=new Array,this.add()):console.error("capacity should be more than zero")},t.prototype.add=function(t){void 0===t&&(t=null);var i=new e(this.mesh,t);this.current<this.last&&(this.acts.splice(this.current+1),this.last=this.current),this.last==this.lastMax?(this.acts.shift(),this.acts.push(i)):(this.acts.push(i),this.last++,this.current++)},t.prototype.undo=function(){if(this.current>0){var t=this.acts[this.current].getActionType();return this.current--,this.acts[this.current].perform(this.mesh),t}},t.prototype.redo=function(){if(this.current<this.last)return this.current++,this.acts[this.current].perform(this.mesh),this.acts[this.current].getActionType()},t}(),e=function(){function t(t,i){this.ih=t.position.clone(),null==t.rotationQuaternion?(this.sh=null,this.hh=t.rotation.clone()):(this.sh=t.rotationQuaternion.clone(),this.hh=null),this.nh=t.scaling.clone(),this.uh=i}return t.prototype.getActionType=function(){return this.uh},t.prototype.perform=function(t){t.position.copyFrom(this.ih),null==t.rotationQuaternion?null!=this.hh?t.rotation.copyFrom(this.hh):t.rotation.copyFrom(this.sh.toEulerAngles()):null!=this.sh?t.rotationQuaternion.copyFrom(this.sh):t.rotationQuaternion.copyFrom(i.Quaternion.RotationYawPitchRoll(this.hh.y,this.hh.x,this.hh.z)),t.scaling.copyFrom(this.nh)},t}()})(),n})()));
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("babylonjs"));
+	else if(typeof define === 'function' && define.amd)
+		define(["babylonjs"], factory);
+	else {
+		var a = typeof exports === 'object' ? factory(require("babylonjs")) : factory(root["BABYLON"]);
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(self, (__WEBPACK_EXTERNAL_MODULE_babylonjs__) => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ "babylonjs"
+/*!****************************************************************************************************!*\
+  !*** external {"commonjs":"babylonjs","commonjs2":"babylonjs","amd":"babylonjs","root":"BABYLON"} ***!
+  \****************************************************************************************************/
+(module) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_babylonjs__;
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Check if module exists (development only)
+/******/ 		if (__webpack_modules__[moduleId] === undefined) {
+/******/ 			var e = new Error("Cannot find module '" + moduleId + "'");
+/******/ 			e.code = 'MODULE_NOT_FOUND';
+/******/ 			throw e;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+var exports = __webpack_exports__;
+/*!****************************!*\
+  !*** ./src/EditControl.ts ***!
+  \****************************/
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.EditControl = void 0;
+const babylonjs_1 = __webpack_require__(/*! babylonjs */ "babylonjs");
+var ActionType;
+(function (ActionType) {
+    ActionType[ActionType["TRANS"] = 0] = "TRANS";
+    ActionType[ActionType["ROT"] = 1] = "ROT";
+    ActionType[ActionType["SCALE"] = 2] = "SCALE";
+})(ActionType || (ActionType = {}));
+/**
+ * Draws a transform widget at the mesh's location (its pivot location).
+ * The widget transforms(translates,rotates and scales) the mesh based on user
+ * interactions with the widget.
+ * The widget shows the mesh position and rotation at any time.
+ * The widget follows the mesh constantly.
+ * Note: An alternate approach would have been for the mesh to follow the widget.
+ * The problem with the alternate approach - syncing the transforms
+ * if the mesh was being transformed by entities other than the widget say physics
+ * or script for example.
+ *
+ */
+class EditControl {
+    _isEulerian(mesh) {
+        return ((mesh.rotationQuaternion == null) || (mesh.rotationQuaternion == undefined));
+    }
+    constructor(mesh, camera, canvas, scale, pickWidth) {
+        this._local = true;
+        this._snapT = false;
+        this._snapR = false;
+        this._transSnap = 1;
+        this._rotSnap = Math.PI / 18;
+        this._axesLen = 0.4;
+        this._axesScale = 1;
+        //how close to an axis should we get before we can pick it 
+        this._pickWidth = 0.02;
+        this._redCol = new babylonjs_1.Color3(1, 0.34, 0.26);
+        this._greenCol = new babylonjs_1.Color3(0.0, 0.8, 0.16);
+        this._blueCol = new babylonjs_1.Color3(0.21, 0.5, 1);
+        this._whiteCol = new babylonjs_1.Color3(0.7, 0.7, 0.7);
+        this._yellowCol = new babylonjs_1.Color3(1, 1, 0);
+        //axes visibility
+        this._visibility = 0.75;
+        //lhs-rhs issue. lhs mesh in rhs or rhs mesh in lhs
+        this._lhsRhs = false;
+        this._ecMatrix = new babylonjs_1.Matrix();
+        //edit control to camera vector
+        this._ecTOcamera = new babylonjs_1.Vector3(0, 0, 0);
+        //how far away from camera should the edit control appear to be
+        this._distFromCamera = 2;
+        //vector from camera to edit control
+        this._cameraTOec = new babylonjs_1.Vector3(0, 0, 0);
+        this._cameraNormal = new babylonjs_1.Vector3(0, 0, 0);
+        this._prevState = "";
+        this._hidden = false;
+        this._actionListener = null;
+        this._actionStartListener = null;
+        this._actionEndListener = null;
+        this._pDown = false;
+        this._pointerIsOver = false;
+        this._editing = false;
+        //rotate differently if camera is too close to the rotation plane
+        this._rotate2 = false;
+        //TODO when translating, the orientation of pALL keeps changing
+        //TODo this is not so with rotation or scaling
+        //TODO so for translation instead of pALL maybe we should use the camera view plane for picking
+        this._transBy = new babylonjs_1.Vector3(0, 0, 0);
+        this._snapTV = new babylonjs_1.Vector3(0, 0, 0);
+        this._snapS = false;
+        this._snapSV = new babylonjs_1.Vector3(0, 0, 0);
+        this._scaleSnap = 0.25;
+        this._scale = new babylonjs_1.Vector3(0, 0, 0);
+        this._localX = new babylonjs_1.Vector3(0, 0, 0);
+        this._localY = new babylonjs_1.Vector3(0, 0, 0);
+        this._localZ = new babylonjs_1.Vector3(0, 0, 0);
+        // private _eulerian: boolean = false;
+        this._snapRA = 0;
+        this._transEnabled = false;
+        this._rotEnabled = false;
+        this._scaleEnabled = false;
+        this._guideSize = 180;
+        this._tSnap = new babylonjs_1.Vector3(this._transSnap, this._transSnap, this._transSnap);
+        //few temp vectors & matrix
+        this._tv1 = new babylonjs_1.Vector3(0, 0, 0);
+        this._tv2 = new babylonjs_1.Vector3(0, 0, 0);
+        this._tv3 = new babylonjs_1.Vector3(0, 0, 0);
+        this._tm = new babylonjs_1.Matrix();
+        this._mesh = mesh;
+        this._mainCamera = camera;
+        this._canvas = canvas;
+        if (scale != null) {
+            this._axesScale = scale;
+        }
+        if (pickWidth != null) {
+            this._pickWidth = pickWidth;
+        }
+        this._utilLayer = babylonjs_1.UtilityLayerRenderer.DefaultUtilityLayer;
+        this._utilLayer.onlyCheckPointerDownEvents = false;
+        this._scene = this._utilLayer.utilityLayerScene;
+        this._actHist = new ActHist(mesh, 10);
+        mesh.computeWorldMatrix(true);
+        this._boundingDimesion = this._getBoundingDimension(mesh);
+        this._setLocalAxes(mesh);
+        this._lhsRhs = this._check_LHS_RHS(mesh);
+        if (this._lhsRhs)
+            console.warn("we have lhs rhs issue " + this._lhsRhs);
+        //build the edit control axes
+        this._ecRoot = new babylonjs_1.Mesh("", this._scene);
+        this._ecRoot.rotationQuaternion = babylonjs_1.Quaternion.Identity();
+        this._ecRoot.visibility = 0;
+        this._ecRoot.isPickable = false;
+        this._createMaterials(this._scene);
+        let guideAxes = this._createCommonAxes();
+        guideAxes.parent = this._ecRoot;
+        //build the pickplanes
+        let pickPlanes = this._createPickPlanes();
+        pickPlanes.parent = this._ecRoot;
+        this._pointerdown = (evt) => { return this._onPointerDown(evt); };
+        this._pointerup = (evt) => { return this._onPointerUp(evt); };
+        this._pointermove = (evt) => { return this._onPointerMove(evt); };
+        //use canvas rather than scene to handle pointer events
+        //scene cannot have mutiple eventlisteners for an event
+        //with canvas one will have to do ones own pickinfo generation.
+        canvas.addEventListener("pointerdown", this._pointerdown, false);
+        canvas.addEventListener("pointerup", this._pointerup, false);
+        canvas.addEventListener("pointermove", this._pointermove, false);
+        this._renderer = () => { return this._renderLoopProcess(); };
+        this._scene.registerBeforeRender(this._renderer);
+    }
+    getRoot() {
+        return this._ecRoot;
+    }
+    /**
+        * checks if a have left hand , right hand issue.
+        * In other words if a mesh is a LHS mesh in RHS system or
+        * a RHS mesh in LHS system
+        * The X axis will be reversed in such cases.
+        * thus Cross product of X and Y should be inverse of Z.
+        *
+        * if no parent then we are ok.
+        * If parent and parent has issue then we have issue.
+        *
+        */
+    _check_LHS_RHS(mesh) {
+        let _issue = false;
+        let root = mesh.parent;
+        if (root == null)
+            return false;
+        this._setLocalAxes(root);
+        let actualZ = babylonjs_1.Vector3.Cross(this._localX, this._localY);
+        //same direction or opposite direction of Z
+        if (babylonjs_1.Vector3.Dot(actualZ, this._localZ) < 0)
+            _issue = true;
+        else
+            _issue = false;
+        this._setLocalAxes(mesh);
+        return _issue;
+    }
+    _renderLoopProcess() {
+        //sync the edit control position and rotation with that of mesh
+        this._ecRoot.position = this._mesh.getAbsolutePivotPoint();
+        this._setECRotation();
+        //scale the EditControl so it seems at the same distance from camera/user
+        this._setECScale();
+        //rotate the free move,rotate,scale pick plane to face the camera/user
+        if (this._local) {
+            this._ecRoot.getWorldMatrix().invertToRef(this._ecMatrix);
+            babylonjs_1.Vector3.TransformCoordinatesToRef(this._mainCamera.position, this._ecMatrix, this._ecTOcamera);
+            //note pALL is child of ecRoot hence lookAt in local space
+            this._pALL.lookAt(this._ecTOcamera, 0, 0, 0, babylonjs_1.Space.LOCAL);
+        }
+        else {
+            this._mainCamera.position.subtractToRef(this._ecRoot.position, this._ecTOcamera);
+            this._pALL.lookAt(this._mainCamera.position, 0, 0, 0, babylonjs_1.Space.WORLD);
+        }
+        //rotate the rotation and planar guide to face the camera/user
+        if (this._rotEnabled) {
+            this._rotRotGuides();
+        }
+        else if (this._transEnabled)
+            this._rotPlanarGuides(this._tXZ, this._tZY, this._tYX);
+        else if (this._scaleEnabled)
+            this._rotPlanarGuides(this._sXZ, this._sZY, this._sYX);
+        //check pointer over axes only during pointer moves
+        //this.onPointerOver();
+    }
+    /**
+     * sets rotaion of edit control to that of the mesh
+     */
+    _setECRotation() {
+        if (this._local) {
+            if (this._mesh.parent == null) {
+                if (this._isEulerian(this._mesh)) {
+                    let rot = this._mesh.rotation;
+                    babylonjs_1.Quaternion.RotationYawPitchRollToRef(rot.y, rot.x, rot.z, this._ecRoot.rotationQuaternion);
+                }
+                else {
+                    this._ecRoot.rotationQuaternion.copyFrom(this._mesh.rotationQuaternion);
+                }
+            }
+            else {
+                if (this._isScaleUnEqual(this._mesh))
+                    return;
+                this._mesh.getWorldMatrix().getRotationMatrixToRef(this._tm);
+                babylonjs_1.Quaternion.FromRotationMatrixToRef(this._tm, this._ecRoot.rotationQuaternion);
+                //this._ecRoot.rotationQuaternion.normalize();
+            }
+        }
+    }
+    /**
+     * checks if any of the mesh's ancestors has non uniform scale
+     */
+    _isScaleUnEqual(mesh) {
+        if (mesh.parent == null)
+            return false;
+        while (mesh.parent != null) {
+            if ((mesh.parent.scaling.x != mesh.parent.scaling.y ||
+                mesh.parent.scaling.y != mesh.parent.scaling.z)) {
+                return true;
+            }
+            else {
+                mesh = mesh.parent;
+            }
+        }
+        return false;
+    }
+    _setECScale() {
+        this._ecRoot.position.subtractToRef(this._mainCamera.position, this._cameraTOec);
+        babylonjs_1.Vector3.FromArrayToRef(this._mainCamera.getWorldMatrix().asArray(), 8, this._cameraNormal);
+        //get distance of edit control from the camera plane 
+        //project "camera to edit control" vector onto the camera normal
+        let parentOnNormal = babylonjs_1.Vector3.Dot(this._cameraTOec, this._cameraNormal) / this._cameraNormal.length();
+        let s = Math.abs(parentOnNormal / this._distFromCamera);
+        babylonjs_1.Vector3.FromFloatsToRef(s, s, s, this._ecRoot.scaling);
+        //Vector3.FromFloatsToRef(s,s,s,this.pALL.scaling);
+    }
+    //rotate the rotation guides so that they are facing the camera
+    _rotRotGuides() {
+        let rotX = Math.atan(this._ecTOcamera.y / this._ecTOcamera.z);
+        if (this._ecTOcamera.z >= 0) {
+            this._rX.rotation.x = -rotX;
+        }
+        else {
+            this._rX.rotation.x = -rotX - Math.PI;
+        }
+        let rotY = Math.atan(this._ecTOcamera.x / this._ecTOcamera.z);
+        if (this._ecTOcamera.z >= 0) {
+            this._rY.rotation.y = rotY;
+        }
+        else {
+            this._rY.rotation.y = rotY + Math.PI;
+        }
+        let rotZ = Math.atan(this._ecTOcamera.x / this._ecTOcamera.y);
+        if (this._ecTOcamera.y >= 0) {
+            this._rZ.rotation.z = -rotZ;
+        }
+        else {
+            this._rZ.rotation.z = -rotZ - Math.PI;
+        }
+    }
+    /**
+     * rotate the planar guide so that they are facing the camera
+     */
+    _rotPlanarGuides(XZ, ZY, YX) {
+        let ec = this._ecTOcamera;
+        XZ.rotation.x = 0;
+        XZ.rotation.y = 0;
+        XZ.rotation.z = 0;
+        ZY.rotation.x = 0;
+        ZY.rotation.y = 0;
+        ZY.rotation.z = 0;
+        YX.rotation.x = 0;
+        YX.rotation.y = 0;
+        YX.rotation.z = 0;
+        if (ec.x <= 0 && ec.y >= 0 && ec.z >= 0) {
+            XZ.rotation.z = 3.14;
+            YX.rotation.y = 3.14;
+        }
+        else if (ec.x <= 0 && ec.y >= 0 && ec.z <= 0) {
+            XZ.rotation.y = 3.14;
+            ZY.rotation.y = 3.14;
+            YX.rotation.y = 3.14;
+        }
+        else if (ec.x >= 0 && ec.y >= 0 && ec.z <= 0) {
+            XZ.rotation.x = 3.14;
+            ZY.rotation.y = 3.14;
+        }
+        else if (ec.x >= 0 && ec.y <= 0 && ec.z >= 0) {
+            ZY.rotation.z = 3.14;
+            YX.rotation.x = 3.14;
+        }
+        else if (ec.x <= 0 && ec.y <= 0 && ec.z >= 0) {
+            XZ.rotation.z = 3.14;
+            ZY.rotation.z = 3.14;
+            YX.rotation.z = 3.14;
+        }
+        else if (ec.x <= 0 && ec.y <= 0 && ec.z <= 0) {
+            XZ.rotation.y = 3.14;
+            ZY.rotation.x = 3.14;
+            YX.rotation.z = 3.14;
+        }
+        else if (ec.x >= 0 && ec.y <= 0 && ec.z <= 0) {
+            XZ.rotation.x = 3.14;
+            ZY.rotation.x = 3.14;
+            YX.rotation.x = 3.14;
+        }
+    }
+    switchTo(mesh) {
+        mesh.computeWorldMatrix(true);
+        this._mesh = mesh;
+        this._setLocalAxes(mesh);
+        this._actHist = new ActHist(mesh, 10);
+        this._lhsRhs = this._check_LHS_RHS(mesh);
+        this.refreshBoundingInfo();
+    }
+    switchCamera(camera) {
+        this._mainCamera = camera;
+    }
+    setUndoCount(c) {
+        this._actHist.setCapacity(c);
+    }
+    undo() {
+        let at = this._actHist.undo();
+        this._mesh.computeWorldMatrix(true);
+        this._setLocalAxes(this._mesh);
+        this._callActionStartListener(at);
+        this._callActionListener(at);
+        this._callActionEndListener(at);
+    }
+    redo() {
+        let at = this._actHist.redo();
+        this._mesh.computeWorldMatrix(true);
+        this._setLocalAxes(this._mesh);
+        this._callActionStartListener(at);
+        this._callActionListener(at);
+        this._callActionEndListener(at);
+    }
+    /**
+     * detach the edit control from the mesh and dispose off all
+     * resources created by the edit control
+     */
+    detach() {
+        this._canvas.removeEventListener("pointerdown", this._pointerdown, false);
+        this._canvas.removeEventListener("pointerup", this._pointerup, false);
+        this._canvas.removeEventListener("pointermove", this._pointermove, false);
+        this._scene.unregisterBeforeRender(this._renderer);
+        this.removeAllActionListeners();
+        this._disposeAll();
+    }
+    /**
+     * hide the edit control. use show() to unhide the control.
+     */
+    hide() {
+        this._hidden = true;
+        if (this._transEnabled) {
+            this._prevState = "T";
+            this.disableTranslation();
+        }
+        else if (this._rotEnabled) {
+            this._prevState = "R";
+            this.disableRotation();
+        }
+        else if (this._scaleEnabled) {
+            this._prevState = "S";
+            this.disableScaling();
+        }
+        this._hideCommonAxes();
+    }
+    _hideCommonAxes() {
+        this._xaxis.visibility = 0;
+        this._yaxis.visibility = 0;
+        this._zaxis.visibility = 0;
+    }
+    _showCommonAxes() {
+        this._xaxis.visibility = this._visibility;
+        this._yaxis.visibility = this._visibility;
+        this._zaxis.visibility = this._visibility;
+    }
+    /**
+     * unhide the editcontrol hidden using the hide() method
+     */
+    show() {
+        this._hidden = false;
+        this._showCommonAxes();
+        if (this._prevState == "T")
+            this.enableTranslation();
+        else if (this._prevState == "R")
+            this.enableRotation();
+        else if (this._prevState == "S")
+            this.enableScaling();
+    }
+    /**
+     * check if the editcontrol was hidden using the hide() methods
+     */
+    isHidden() {
+        return this._hidden;
+    }
+    _disposeAll() {
+        this._ecRoot.dispose();
+        this._disposeMaterials();
+        this._actHist = null;
+    }
+    addActionListener(actionListener) {
+        this._actionListener = actionListener;
+    }
+    removeActionListener() {
+        this._actionListener = null;
+    }
+    addActionStartListener(actionStartListener) {
+        this._actionStartListener = actionStartListener;
+    }
+    removeActionStartListener() {
+        this._actionStartListener = null;
+    }
+    addActionEndListener(actionEndListener) {
+        this._actionEndListener = actionEndListener;
+    }
+    removeActionEndListener() {
+        this._actionEndListener = null;
+    }
+    removeAllActionListeners() {
+        this._actionListener = null;
+        this._actionStartListener = null;
+        this._actionEndListener = null;
+    }
+    _onPointerDown(evt) {
+        evt.preventDefault();
+        this._pDown = true;
+        if (evt.button != 0)
+            return;
+        let engine = this._scene.getEngine();
+        let x = (engine.isPointerLock) ? this._canvas.width * 0.5 : this._scene.pointerX;
+        let y = (engine.isPointerLock) ? this._canvas.height * 0.5 : this._scene.pointerY;
+        let pickResult = this._scene.pick(x, y, (mesh) => {
+            if (this._transEnabled) {
+                if ((mesh == this._tX) || (mesh == this._tY) || (mesh == this._tZ) || (mesh == this._tXZ) || (mesh == this._tZY) || (mesh == this._tYX) || (mesh == this._tAll))
+                    return true;
+            }
+            else if ((this._rotEnabled)) {
+                if ((mesh == this._rX) || (mesh == this._rY) || (mesh == this._rZ) || (mesh == this._rAll))
+                    return true;
+            }
+            else if ((this._scaleEnabled)) {
+                if ((mesh == this._sX) || (mesh == this._sY) || (mesh == this._sZ) || (mesh == this._sXZ) || (mesh == this._sZY) || (mesh == this._sYX) || (mesh == this._sAll))
+                    return true;
+            }
+            return false;
+        }, false, this._mainCamera);
+        if (pickResult.hit) {
+            //this.setAxesVisiblity(0);
+            this._axisPicked = pickResult.pickedMesh;
+            let childs = this._axisPicked.getChildren();
+            if (childs.length > 0) {
+                childs[0].visibility = this._visibility;
+            }
+            else {
+                this._axisPicked.visibility = this._visibility;
+            }
+            let name = this._axisPicked.name;
+            if ((name == "X"))
+                this._bXaxis.visibility = 1;
+            else if ((name == "Y"))
+                this._bYaxis.visibility = 1;
+            else if ((name == "Z"))
+                this._bZaxis.visibility = 1;
+            else if ((name == "XZ")) {
+                this._bXaxis.visibility = 1;
+                this._bZaxis.visibility = 1;
+            }
+            else if ((name == "ZY")) {
+                this._bZaxis.visibility = 1;
+                this._bYaxis.visibility = 1;
+            }
+            else if ((name == "YX")) {
+                this._bYaxis.visibility = 1;
+                this._bXaxis.visibility = 1;
+            }
+            else if ((name == "ALL")) {
+                this._bXaxis.visibility = 1;
+                this._bYaxis.visibility = 1;
+                this._bZaxis.visibility = 1;
+            }
+            this._setEditing(true);
+            //lets find out where we are on the pickplane
+            this._pickedPlane = this._getPickPlane(this._axisPicked);
+            if (this._pickedPlane != null) {
+                this._prevPos = this._getPosOnPickPlane();
+            }
+            else {
+                this._prevPos = null;
+            }
+            window.setTimeout(((cam, can) => { return this._detachCamera(cam, can); }), 0, this._mainCamera, this._canvas);
+        }
+    }
+    _setEditing(editing) {
+        this._editing = editing;
+        if (editing) {
+            this._setActionType();
+            if (this._actionType == ActionType.ROT) {
+                this._snapRA = 0;
+            }
+            this._callActionStartListener(this._actionType);
+        }
+        else {
+            this._callActionEndListener(this._actionType);
+        }
+    }
+    isEditing() {
+        return this._editing;
+    }
+    /**
+     * no camera movement during edit
+     */
+    _detachCamera(cam, can) {
+        let camera = cam;
+        let canvas = can;
+        let engine = this._scene.getEngine();
+        if (!engine.isPointerLock) {
+            camera.detachControl(canvas);
+        }
+    }
+    isPointerOver() {
+        return this._pointerIsOver;
+    }
+    _onPointerOver() {
+        //if(this.pDown) return;
+        let engine = this._scene.getEngine();
+        let x = (engine.isPointerLock) ? this._canvas.width * 0.5 : this._scene.pointerX;
+        let y = (engine.isPointerLock) ? this._canvas.height * 0.5 : this._scene.pointerY;
+        let pickResult = this._scene.pick(x, y, (mesh) => {
+            if (this._transEnabled) {
+                if ((mesh == this._tX) || (mesh == this._tY) || (mesh == this._tZ) || (mesh == this._tXZ) || (mesh == this._tZY) || (mesh == this._tYX) || (mesh == this._tAll))
+                    return true;
+            }
+            else if ((this._rotEnabled)) {
+                if ((mesh == this._rX) || (mesh == this._rY) || (mesh == this._rZ) || (mesh == this._rAll))
+                    return true;
+            }
+            else if (this._scaleEnabled) {
+                if ((mesh == this._sX) || (mesh == this._sY) || (mesh == this._sZ) || (mesh == this._sXZ) || (mesh == this._sZY) || (mesh == this._sYX) || (mesh == this._sAll))
+                    return true;
+            }
+            return false;
+        }, false, this._mainCamera);
+        if (pickResult.hit) {
+            //if we are still over the same axis mesh then don't do anything
+            if (pickResult.pickedMesh != this._prevOverMesh) {
+                this._pointerIsOver = true;
+                //if we moved directly from one axis mesh to this then clean up the prev axis mesh
+                this._clearPrevOverMesh();
+                this._prevOverMesh = pickResult.pickedMesh;
+                if (this._rotEnabled) {
+                    this._savedCol = this._prevOverMesh.getChildren()[0].color;
+                    this._prevOverMesh.getChildren()[0].color = this._yellowCol;
+                }
+                else {
+                    let childs = this._prevOverMesh.getChildren();
+                    if (childs.length > 0) {
+                        this._savedMat = childs[0].material;
+                        childs[0].material = this._whiteMat;
+                    }
+                    else {
+                        this._savedMat = this._prevOverMesh.material;
+                        this._prevOverMesh.material = this._whiteMat;
+                    }
+                }
+                if (this._prevOverMesh.name == "X") {
+                    this._xaxis.color = this._yellowCol;
+                }
+                else if (this._prevOverMesh.name == "Y") {
+                    this._yaxis.color = this._yellowCol;
+                }
+                else if (this._prevOverMesh.name == "Z") {
+                    this._zaxis.color = this._yellowCol;
+                }
+            }
+        }
+        else {
+            this._pointerIsOver = false;
+            if (this._prevOverMesh != null) {
+                this._restoreColor(this._prevOverMesh);
+                this._prevOverMesh = null;
+            }
+        }
+    }
+    //clean up any axis we might have been howering over before
+    _clearPrevOverMesh() {
+        if (this._prevOverMesh != null) {
+            this._prevOverMesh.visibility = 0;
+            this._restoreColor(this._prevOverMesh);
+        }
+    }
+    _restoreColor(mesh) {
+        switch (mesh.name) {
+            case "X":
+                this._xaxis.color = this._redCol;
+                break;
+            case "Y":
+                this._yaxis.color = this._greenCol;
+                break;
+            case "Z":
+                this._zaxis.color = this._blueCol;
+                break;
+        }
+        if (this._rotEnabled) {
+            mesh.getChildren()[0].color = this._savedCol;
+        }
+        else {
+            let childs = mesh.getChildren();
+            if (childs.length > 0) {
+                childs[0].material = this._savedMat;
+            }
+            else {
+                mesh.material = this._savedMat;
+            }
+        }
+    }
+    _onPointerUp(evt) {
+        this._pDown = false;
+        if (this._editing) {
+            let engine = this._scene.getEngine();
+            if (!engine.isPointerLock) {
+                this._mainCamera.attachControl(true);
+            }
+            this._setEditing(false);
+            //this.setAxesVisiblity(1);
+            this._hideBaxis();
+            if (this._prevOverMesh != null) {
+                this._restoreColor(this._prevOverMesh);
+                this._prevOverMesh = null;
+            }
+            this._actHist.add(this._actionType);
+        }
+    }
+    _setActionType() {
+        if (this._transEnabled) {
+            this._actionType = ActionType.TRANS;
+        }
+        else if ((this._rotEnabled)) {
+            this._actionType = ActionType.ROT;
+        }
+        else if ((this._scaleEnabled)) {
+            this._actionType = ActionType.SCALE;
+        }
+    }
+    _callActionListener(at) {
+        //call actionListener if registered
+        if (this._actionListener != null) {
+            this._actionListener(at);
+        }
+    }
+    _callActionStartListener(at) {
+        //call actionListener if registered
+        if (this._actionStartListener != null) {
+            this._actionStartListener(at);
+        }
+    }
+    _callActionEndListener(at) {
+        //call actionListener if registered
+        if (this._actionEndListener != null) {
+            this._actionEndListener(at);
+        }
+    }
+    _onPointerMove(evt) {
+        if (!this._pDown) {
+            this._onPointerOver();
+            return;
+        }
+        if (!this._editing)
+            return;
+        if (this._prevPos == null)
+            return;
+        let newPos = this._getPosOnPickPlane();
+        if (newPos == null)
+            return;
+        if (this._rotEnabled) {
+            this._doRotation(this._mesh, this._axisPicked, newPos, this._prevPos);
+        }
+        else {
+            let diff = newPos.subtract(this._prevPos);
+            if (diff.x == 0 && diff.y == 0 && diff.z == 0)
+                return;
+            if (this._transEnabled) {
+                this._doTranslation(diff);
+            }
+            else {
+                if (this._scaleEnabled && this._local)
+                    this._doScaling(diff);
+            }
+        }
+        this._prevPos = newPos;
+        this._callActionListener(this._actionType);
+    }
+    _getPickPlane(axis) {
+        let n = axis.name;
+        if (this._transEnabled || this._scaleEnabled) {
+            if (n == "XZ")
+                return this._pXZ;
+            else if (n == "ZY")
+                return this._pZY;
+            else if (n == "YX")
+                return this._pYX;
+            else if (n == "ALL")
+                return this._pALL;
+            else {
+                //get the position of camera in the edit control frame of reference
+                this._ecRoot.getWorldMatrix().invertToRef(this._ecMatrix);
+                babylonjs_1.Vector3.TransformCoordinatesToRef(this._mainCamera.position, this._ecMatrix, this._ecTOcamera);
+                let c = this._ecTOcamera;
+                if (n === "X") {
+                    if (Math.abs(c.y) > Math.abs(c.z)) {
+                        return this._pXZ;
+                    }
+                    else
+                        return this._pYX;
+                }
+                else if (n === "Z") {
+                    if (Math.abs(c.y) > Math.abs(c.x)) {
+                        return this._pXZ;
+                    }
+                    else
+                        return this._pZY;
+                }
+                else if (n === "Y") {
+                    if (Math.abs(c.z) > Math.abs(c.x)) {
+                        return this._pYX;
+                    }
+                    else
+                        return this._pZY;
+                }
+            }
+        }
+        else if (this._rotEnabled) {
+            this._rotate2 = false;
+            //get the position of camera in the edit control frame of reference
+            this._ecRoot.getWorldMatrix().invertToRef(this._ecMatrix);
+            babylonjs_1.Vector3.TransformCoordinatesToRef(this._mainCamera.position, this._ecMatrix, this._ecTOcamera);
+            let c = this._ecTOcamera;
+            //if camera is too close to the rotation plane then use alternate rotation process
+            switch (n) {
+                case "X":
+                    if (Math.abs(c.x) < 0.2) {
+                        this._rotate2 = true;
+                        return this._pALL;
+                    }
+                    else
+                        return this._pZY;
+                case "Y":
+                    if (Math.abs(c.y) < 0.2) {
+                        this._rotate2 = true;
+                        return this._pALL;
+                    }
+                    else
+                        return this._pXZ;
+                case "Z":
+                    if (Math.abs(c.z) < 0.2) {
+                        this._rotate2 = true;
+                        return this._pALL;
+                    }
+                    else
+                        return this._pYX;
+                default:
+                    return this._pALL;
+            }
+        }
+        else
+            return null;
+    }
+    _doTranslation(diff) {
+        if ((this._mesh.parent != null) && this._isScaleUnEqual(this._mesh)) {
+            this._setLocalAxes(this._ecRoot);
+        }
+        else {
+            this._setLocalAxes(this._mesh);
+        }
+        let n = this._axisPicked.name;
+        this._transBy.x = 0;
+        this._transBy.y = 0;
+        this._transBy.z = 0;
+        if ((n == "X") || (n == "XZ") || (n == "YX") || (n == "ALL")) {
+            if (this._local)
+                this._transBy.x = babylonjs_1.Vector3.Dot(diff, this._localX) / this._localX.length();
+            else
+                this._transBy.x = diff.x;
+        }
+        if ((n == "Y") || (n == "ZY") || (n == "YX") || (n == "ALL")) {
+            if (this._local)
+                this._transBy.y = babylonjs_1.Vector3.Dot(diff, this._localY) / this._localY.length();
+            else
+                this._transBy.y = diff.y;
+        }
+        if ((n == "Z") || (n == "XZ") || (n == "ZY") || (n == "ALL")) {
+            if (this._local)
+                this._transBy.z = babylonjs_1.Vector3.Dot(diff, this._localZ) / this._localZ.length();
+            else
+                this._transBy.z = diff.z;
+        }
+        this._transWithSnap(this._mesh, this._transBy, this._local);
+        // bound the translation
+        if (this._transBoundsMin) {
+            this._mesh.position.x = Math.max(this._mesh.position.x, this._transBoundsMin.x);
+            this._mesh.position.y = Math.max(this._mesh.position.y, this._transBoundsMin.y);
+            this._mesh.position.z = Math.max(this._mesh.position.z, this._transBoundsMin.z);
+        }
+        if (this._transBoundsMax) {
+            this._mesh.position.x = Math.min(this._mesh.position.x, this._transBoundsMax.x);
+            this._mesh.position.y = Math.min(this._mesh.position.y, this._transBoundsMax.y);
+            this._mesh.position.z = Math.min(this._mesh.position.z, this._transBoundsMax.z);
+        }
+        this._mesh.computeWorldMatrix(true);
+    }
+    _transWithSnap(mesh, trans, local) {
+        if (this._snapT) {
+            let snapit = false;
+            this._snapTV.addInPlace(trans);
+            if (Math.abs(this._snapTV.x) > this._tSnap.x) {
+                if (this._snapTV.x > 0)
+                    trans.x = this._tSnap.x;
+                else
+                    trans.x = -this._tSnap.x;
+                snapit = true;
+            }
+            if (Math.abs(this._snapTV.y) > this._tSnap.y) {
+                if (this._snapTV.y > 0)
+                    trans.y = this._tSnap.y;
+                else
+                    trans.y = -this._tSnap.y;
+                snapit = true;
+            }
+            if (Math.abs(this._snapTV.z) > this._tSnap.z) {
+                if (this._snapTV.z > 0)
+                    trans.z = this._tSnap.z;
+                else
+                    trans.z = -this._tSnap.z;
+                snapit = true;
+            }
+            if (snapit) {
+                if (Math.abs(trans.x) !== this._tSnap.x)
+                    trans.x = 0;
+                if (Math.abs(trans.y) !== this._tSnap.y)
+                    trans.y = 0;
+                if (Math.abs(trans.z) !== this._tSnap.z)
+                    trans.z = 0;
+                babylonjs_1.Vector3.FromFloatsToRef(0, 0, 0, this._snapTV);
+                snapit = false;
+            }
+            else {
+                return;
+            }
+        }
+        if (local) {
+            //locallyTranslate moves the mesh wrt the absolute location not pivotlocation :(
+            //this.mesh.locallyTranslate(trans);
+            //
+            this._localX.normalizeToRef(this._tv1);
+            this._localY.normalizeToRef(this._tv2);
+            this._localZ.normalizeToRef(this._tv3);
+            this._mesh.translate(this._tv1, trans.x, babylonjs_1.Space.WORLD);
+            this._mesh.translate(this._tv2, trans.y, babylonjs_1.Space.WORLD);
+            this._mesh.translate(this._tv3, trans.z, babylonjs_1.Space.WORLD);
+        }
+        else {
+            if (this._mesh.parent == null) {
+                this._mesh.position.addInPlace(trans);
+            }
+            else {
+                this._mesh.setAbsolutePosition(trans.addInPlace(this._mesh.absolutePosition));
+            }
+        }
+    }
+    _doScaling(diff) {
+        this._setLocalAxes(this._mesh);
+        this._scale.x = 0;
+        this._scale.y = 0;
+        this._scale.z = 0;
+        let n = this._axisPicked.name;
+        if ((n == "X") || (n == "XZ") || (n == "YX")) {
+            this._scale.x = babylonjs_1.Vector3.Dot(diff, this._localX) / this._localX.length();
+            if (this._mesh.scaling.x < 0)
+                this._scale.x = -this._scale.x;
+            //if(this.lhsRhs) this.scale.x=-this.scale.x;
+        }
+        if ((n == "Y") || (n == "ZY") || (n == "YX")) {
+            this._scale.y = babylonjs_1.Vector3.Dot(diff, this._localY) / this._localY.length();
+            if (this._mesh.scaling.y < 0)
+                this._scale.y = -this._scale.y;
+        }
+        if ((n == "Z") || (n == "XZ") || (n == "ZY")) {
+            this._scale.z = babylonjs_1.Vector3.Dot(diff, this._localZ) / this._localZ.length();
+            if (this._mesh.scaling.z < 0)
+                this._scale.z = -this._scale.z;
+        }
+        //as the mesh becomes large reduce the amount by which we scale.
+        let bbd = this._boundingDimesion;
+        this._scale.x = this._scale.x / bbd.x;
+        this._scale.y = this._scale.y / bbd.y;
+        this._scale.z = this._scale.z / bbd.z;
+        if (n == "ALL") {
+            //project movement along camera up vector
+            //if up then scale up else scale down
+            let s = babylonjs_1.Vector3.Dot(diff, this._mainCamera.upVector);
+            s = s / Math.max(bbd.x, bbd.y, bbd.z);
+            this._scale.copyFromFloats(s, s, s);
+        }
+        else {
+            let inPlane = false;
+            if (n == "XZ") {
+                inPlane = true;
+                if (Math.abs(this._scale.x) > Math.abs(this._scale.z)) {
+                    this._scale.z = this._scale.x;
+                }
+                else
+                    this._scale.x = this._scale.z;
+            }
+            else if (n == "ZY") {
+                inPlane = true;
+                if (Math.abs(this._scale.z) > Math.abs(this._scale.y)) {
+                    this._scale.y = this._scale.z;
+                }
+                else
+                    this._scale.z = this._scale.y;
+            }
+            else if (n == "YX") {
+                inPlane = true;
+                if (Math.abs(this._scale.y) > Math.abs(this._scale.x)) {
+                    this._scale.x = this._scale.y;
+                }
+                else
+                    this._scale.y = this._scale.x;
+            }
+            if (inPlane) {
+                //check if the mouse/pointer was moved towards camera or away from camera
+                //if towards then scale up else scale down
+                this._ecRoot.position.subtractToRef(this._mainCamera.position, this._cameraTOec);
+                let s = babylonjs_1.Vector3.Dot(diff, this._cameraTOec);
+                this._scale.x = Math.abs(this._scale.x);
+                this._scale.y = Math.abs(this._scale.y);
+                this._scale.z = Math.abs(this._scale.z);
+                if (s > 0) {
+                    if (this._mesh.scaling.x > 0)
+                        this._scale.x = -this._scale.x;
+                    //if(this.lhsRhs) this.scale.y=Math.abs(this.scale.y);
+                    if (this._mesh.scaling.y > 0)
+                        this._scale.y = -this._scale.y;
+                    if (this._mesh.scaling.z > 0)
+                        this._scale.z = -this._scale.z;
+                }
+                else {
+                    //this.scale.x=Math.abs(this.scale.x);
+                    //if(this.lhsRhs) this.scale.y=-Math.abs(this.scale.y);
+                    //else this.scale.y=Math.abs(this.scale.y);
+                    if (this._mesh.scaling.x < 0)
+                        this._scale.x = -this._scale.x;
+                    if (this._mesh.scaling.y < 0)
+                        this._scale.y = -this._scale.y;
+                    if (this._mesh.scaling.z < 0)
+                        this._scale.z = -this._scale.z;
+                }
+            }
+        }
+        this._scaleWithSnap(this._mesh, this._scale);
+        // bound the scale
+        if (this._scaleBoundsMin) {
+            this._mesh.scaling.x = Math.max(this._mesh.scaling.x, this._scaleBoundsMin.x);
+            this._mesh.scaling.y = Math.max(this._mesh.scaling.y, this._scaleBoundsMin.y);
+            this._mesh.scaling.z = Math.max(this._mesh.scaling.z, this._scaleBoundsMin.z);
+        }
+        if (this._scaleBoundsMax) {
+            this._mesh.scaling.x = Math.min(this._mesh.scaling.x, this._scaleBoundsMax.x);
+            this._mesh.scaling.y = Math.min(this._mesh.scaling.y, this._scaleBoundsMax.y);
+            this._mesh.scaling.z = Math.min(this._mesh.scaling.z, this._scaleBoundsMax.z);
+        }
+    }
+    _scaleWithSnap(mesh, p) {
+        if (this._snapS) {
+            let snapit = false;
+            this._snapSV.addInPlace(p);
+            if (Math.abs(this._snapSV.x) > this._scaleSnap) {
+                if (p.x > 0)
+                    p.x = this._scaleSnap;
+                else
+                    p.x = -this._scaleSnap;
+                snapit = true;
+            }
+            if (Math.abs(this._snapSV.y) > this._scaleSnap) {
+                if (p.y > 0)
+                    p.y = this._scaleSnap;
+                else
+                    p.y = -this._scaleSnap;
+                snapit = true;
+            }
+            if (Math.abs(this._snapSV.z) > this._scaleSnap) {
+                if (p.z > 0)
+                    p.z = this._scaleSnap;
+                else
+                    p.z = -this._scaleSnap;
+                snapit = true;
+            }
+            if (!snapit)
+                return;
+            if ((Math.abs(p.x) !== this._scaleSnap) && (p.x !== 0))
+                p.x = 0;
+            if ((Math.abs(p.y) !== this._scaleSnap) && (p.y !== 0))
+                p.y = 0;
+            if ((Math.abs(p.z) !== this._scaleSnap) && (p.z !== 0))
+                p.z = 0;
+            babylonjs_1.Vector3.FromFloatsToRef(0, 0, 0, this._snapSV);
+            snapit = false;
+        }
+        mesh.scaling.addInPlace(p);
+    }
+    /*
+     * This would be called after rotation or scaling as the local axes direction or length might have changed
+     * We need to set the local axis as these are used in all three modes to figure out
+     * direction of mouse move wrt the axes
+     * TODO should use world pivotmatrix instead of worldmatrix - incase pivot axes were rotated?
+     */
+    _setLocalAxes(mesh) {
+        let meshMatrix = mesh.getWorldMatrix();
+        babylonjs_1.Vector3.FromArrayToRef(meshMatrix.m, 0, this._localX);
+        babylonjs_1.Vector3.FromArrayToRef(meshMatrix.m, 4, this._localY);
+        babylonjs_1.Vector3.FromArrayToRef(meshMatrix.m, 8, this._localZ);
+    }
+    _getBoundingDimension(mesh) {
+        if (mesh instanceof babylonjs_1.AbstractMesh) {
+            { }
+            let bb = mesh.getBoundingInfo().boundingBox;
+            let bd = bb.maximum.subtract(bb.minimum);
+            if (bd.x == 0)
+                bd.x = 1;
+            if (bd.y == 0)
+                bd.y = 1;
+            if (bd.z == 0)
+                bd.z = 1;
+            return bd;
+        }
+        else
+            return new babylonjs_1.Vector3(1, 1, 1);
+    }
+    /*
+     *
+     * For the sake of speed the editcontrol calculates bounding info only once.
+     * This is in the constructor.
+     * Now The boundingbox dimension can change if the mesh is baked.
+     * If the editcontrol is attached to the mesh when the mesh was baked then
+     * the scaling speed will be incorrect.
+     * Thus client application should call refreshBoundingInfo if it bakes the mesh.
+     *
+     */
+    refreshBoundingInfo() {
+        this._boundingDimesion = this._getBoundingDimension(this._mesh);
+    }
+    _doRotation(mesh, axis, newPos, prevPos) {
+        //for now no rotation if parents have non uniform scale
+        if (this._local && (this._mesh.parent != null) && this._isScaleUnEqual(mesh)) {
+            this._setLocalAxes(this._ecRoot);
+        }
+        else {
+            this._setLocalAxes(mesh);
+        }
+        let angle = 0;
+        //rotation axis
+        let rAxis;
+        if (axis == this._rX)
+            rAxis = this._local ? this._localX : babylonjs_1.Axis.X;
+        else if (axis == this._rY)
+            rAxis = this._local ? this._localY : babylonjs_1.Axis.Y;
+        else if (axis == this._rZ)
+            rAxis = this._local ? this._localZ : babylonjs_1.Axis.Z;
+        this._ecRoot.position.subtractToRef(this._mainCamera.position, this._cameraTOec);
+        /**
+         * A)first find the angle and the direction (clockwise or anticlockwise) by which the user was trying to rotate
+         * from the user(camera) perspective
+         */
+        if (this._rotate2) {
+            angle = this._getAngle2(prevPos, newPos, this._mainCamera.position, this._cameraTOec, rAxis);
+            //TODO check why we need to handle righ hand this way
+            if (this._scene.useRightHandedSystem)
+                angle = -angle;
+        }
+        else {
+            angle = this._getAngle(prevPos, newPos, mesh.getAbsolutePivotPoint(), this._cameraTOec);
+        }
+        if (this._lhsRhs) {
+            angle = -angle;
+        }
+        /**
+         * B)then rotate based on users(camera) postion and orientation in the local/world space
+         *
+         */
+        if (this._snapR) {
+            this._snapRA += angle;
+            angle = 0;
+            if (Math.abs(this._snapRA) >= this._rotSnap) {
+                if (this._snapRA > 0)
+                    angle = this._rotSnap;
+                else
+                    angle = -this._rotSnap;
+                this._snapRA = 0;
+            }
+        }
+        if (angle !== 0) {
+            this._cameraTOec.normalize();
+            if (axis == this._rAll) {
+                mesh.rotate(this._cameraTOec, -angle, babylonjs_1.Space.WORLD);
+            }
+            else {
+                if (babylonjs_1.Vector3.Dot(rAxis, this._cameraTOec) >= 0)
+                    angle = -angle;
+                mesh.rotate(rAxis, angle, babylonjs_1.Space.WORLD);
+            }
+            if (this._local) {
+                if (this._lhsRhs) {
+                    angle = -angle;
+                }
+                if ((this._mesh.parent != null) && this._isScaleUnEqual(mesh)) {
+                    if (axis == this._rAll) {
+                        this._ecRoot.rotate(this._cameraTOec, -angle, babylonjs_1.Space.WORLD);
+                    }
+                    else {
+                        this._ecRoot.rotate(rAxis, angle, babylonjs_1.Space.WORLD);
+                    }
+                }
+            }
+        }
+    }
+    _getPosOnPickPlane() {
+        let engine = this._scene.getEngine();
+        let x = (engine.isPointerLock) ? this._canvas.width * 0.5 : this._scene.pointerX;
+        let y = (engine.isPointerLock) ? this._canvas.height * 0.5 : this._scene.pointerY;
+        let pickinfo = this._scene.pick(x, y, (mesh) => {
+            return mesh == this._pickedPlane;
+        }, null, this._mainCamera);
+        if (pickinfo.hit) {
+            return pickinfo.pickedPoint;
+        }
+        else {
+            return null;
+        }
+    }
+    _hideBaxis() {
+        this._bXaxis.visibility = 0;
+        this._bYaxis.visibility = 0;
+        this._bZaxis.visibility = 0;
+    }
+    //    private _setAxesVisiblity(v: number) {
+    //        if (this._transEnabled) {
+    //            this._tEndX.visibility = v;
+    //            this._tEndY.visibility = v;
+    //            this._tEndZ.visibility = v;
+    //            this._tEndXZ.visibility = v;
+    //            this._tEndZY.visibility = v;
+    //            this._tEndYX.visibility = v;
+    //            this._tEndAll.visibility = v;
+    //        }
+    //        if (this._rotEnabled) {
+    //            this._rEndX.visibility = v;
+    //            this._rEndY.visibility = v;
+    //            this._rEndZ.visibility = v;
+    //            this._rEndAll.visibility = v;
+    //        }
+    //        if (this._scaleEnabled) {
+    //            this._sEndX.visibility = v;
+    //            this._sEndY.visibility = v;
+    //            this._sEndZ.visibility = v;
+    //            this._sEndXZ.visibility = v;
+    //            this._sEndZY.visibility = v;
+    //            this._sEndYX.visibility = v;
+    //            this._sEndAll.visibility = v;
+    //        }
+    //    }
+    getRotationQuaternion() {
+        return this._ecRoot.rotationQuaternion;
+    }
+    getPosition() {
+        return this._ecRoot.position;
+    }
+    isTranslationEnabled() {
+        return this._transEnabled;
+    }
+    enableTranslation() {
+        if (this._hidden)
+            return;
+        if (this._tX == null) {
+            this._createTransAxes();
+            this._tCtl.parent = this._ecRoot;
+        }
+        this._clearPrevOverMesh();
+        if (!this._transEnabled) {
+            this._setVisibility(this._all_tEnd, this._visibility);
+            this._transEnabled = true;
+            this.disableRotation();
+            this.disableScaling();
+        }
+    }
+    disableTranslation() {
+        if (this._transEnabled) {
+            this._setVisibility(this._all_tEnd, 0);
+            this._transEnabled = false;
+        }
+    }
+    isRotationEnabled() {
+        return this._rotEnabled;
+    }
+    enableRotation() {
+        if (this._hidden)
+            return;
+        if (this._rCtl == null) {
+            this._createRotAxes();
+            this._rCtl.parent = this._ecRoot;
+        }
+        this._clearPrevOverMesh();
+        if (!this._rotEnabled) {
+            this._setVisibility(this._all_rEnd, this._visibility);
+            this._rotEnabled = true;
+            this.disableTranslation();
+            this.disableScaling();
+        }
+    }
+    disableRotation() {
+        if (this._rotEnabled) {
+            this._setVisibility(this._all_rEnd, 0);
+            this._rotEnabled = false;
+        }
+    }
+    isScalingEnabled() {
+        return this._scaleEnabled;
+    }
+    enableScaling() {
+        if (this._hidden)
+            return;
+        if (this._sX == null) {
+            this._createScaleAxes();
+            this._sCtl.parent = this._ecRoot;
+        }
+        this._clearPrevOverMesh();
+        if (!this._scaleEnabled) {
+            this._setVisibility(this._all_sEnd, this._visibility);
+            this._scaleEnabled = true;
+            this.disableTranslation();
+            this.disableRotation();
+        }
+    }
+    disableScaling() {
+        if (this._scaleEnabled) {
+            this._setVisibility(this._all_sEnd, 0);
+            this._scaleEnabled = false;
+        }
+    }
+    setScaleBounds(min, max) {
+        this._scaleBoundsMin = min ? min : null;
+        this._scaleBoundsMax = max ? max : null;
+        if (this._scaleBoundsMin != null) {
+            if (this._scaleBoundsMin.x == 0)
+                this._scaleBoundsMin.x = 0.00000001;
+            if (this._scaleBoundsMin.y == 0)
+                this._scaleBoundsMin.y = 0.00000001;
+            if (this._scaleBoundsMin.z == 0)
+                this._scaleBoundsMin.z = 0.00000001;
+        }
+    }
+    removeScaleBounds() {
+        this._scaleBoundsMin = null;
+        this._scaleBoundsMax = null;
+    }
+    setTransBounds(min, max) {
+        this._transBoundsMin = min ? min : null;
+        this._transBoundsMax = max ? max : null;
+    }
+    removeTransBounds() {
+        this._transBoundsMin = null;
+        this._transBoundsMax = null;
+    }
+    setRotBounds(min, max) {
+        this._rotBoundsMin = min ? min : null;
+        this._rotBoundsMax = max ? max : null;
+    }
+    removeRotBounds() {
+        this._rotBoundsMin = null;
+        this._rotBoundsMax = null;
+    }
+    /*
+     * create big and small axeses which will be shown in translate, rotate and scale mode.
+     *
+     */
+    _createCommonAxes() {
+        let guideAxes = new babylonjs_1.Mesh("", this._scene);
+        //the big axes, shown when an axis is selected
+        this._bXaxis = babylonjs_1.MeshBuilder.CreateLines("", { points: [new babylonjs_1.Vector3(-100, 0, 0), new babylonjs_1.Vector3(100, 0, 0)] }, this._scene);
+        this._bYaxis = babylonjs_1.MeshBuilder.CreateLines("", { points: [new babylonjs_1.Vector3(0, -100, 0), new babylonjs_1.Vector3(0, 100, 0)] }, this._scene);
+        this._bZaxis = babylonjs_1.MeshBuilder.CreateLines("", { points: [new babylonjs_1.Vector3(0, 0, -100), new babylonjs_1.Vector3(0, 0, 100)] }, this._scene);
+        //lines are now pickable too
+        this._bXaxis.isPickable = false;
+        this._bYaxis.isPickable = false;
+        this._bZaxis.isPickable = false;
+        this._bXaxis.parent = guideAxes;
+        this._bYaxis.parent = guideAxes;
+        this._bZaxis.parent = guideAxes;
+        this._bXaxis.color = this._redCol;
+        this._bYaxis.color = this._greenCol;
+        this._bZaxis.color = this._blueCol;
+        this._hideBaxis();
+        //the small axis
+        let al = this._axesLen * this._axesScale * 0.75;
+        this._xaxis = babylonjs_1.MeshBuilder.CreateLines("", { points: [new babylonjs_1.Vector3(0, 0, 0), new babylonjs_1.Vector3(al, 0, 0)] }, this._scene);
+        this._yaxis = babylonjs_1.MeshBuilder.CreateLines("", { points: [new babylonjs_1.Vector3(0, 0, 0), new babylonjs_1.Vector3(0, al, 0)] }, this._scene);
+        this._zaxis = babylonjs_1.MeshBuilder.CreateLines("", { points: [new babylonjs_1.Vector3(0, 0, 0), new babylonjs_1.Vector3(0, 0, al)] }, this._scene);
+        //lines are now pickable too
+        this._xaxis.isPickable = false;
+        this._yaxis.isPickable = false;
+        this._zaxis.isPickable = false;
+        this._xaxis.parent = guideAxes;
+        this._yaxis.parent = guideAxes;
+        this._zaxis.parent = guideAxes;
+        this._xaxis.color = this._redCol;
+        this._yaxis.color = this._greenCol;
+        this._zaxis.color = this._blueCol;
+        this._xaxis.renderingGroupId = 1;
+        this._yaxis.renderingGroupId = 1;
+        this._zaxis.renderingGroupId = 1;
+        return guideAxes;
+    }
+    _createPickPlanes() {
+        this._pALL = babylonjs_1.MeshBuilder.CreatePlane("", { size: 5 }, this._scene);
+        this._pXZ = babylonjs_1.MeshBuilder.CreatePlane("", { size: 5 }, this._scene);
+        this._pZY = babylonjs_1.MeshBuilder.CreatePlane("", { size: 5 }, this._scene);
+        this._pYX = babylonjs_1.MeshBuilder.CreatePlane("", { size: 5 }, this._scene);
+        this._pALL.isPickable = false;
+        this._pXZ.isPickable = false;
+        this._pZY.isPickable = false;
+        this._pYX.isPickable = false;
+        this._pALL.visibility = 0;
+        this._pXZ.visibility = 0;
+        this._pZY.visibility = 0;
+        this._pYX.visibility = 0;
+        this._pALL.renderingGroupId = 1;
+        this._pXZ.renderingGroupId = 1;
+        this._pZY.renderingGroupId = 1;
+        this._pYX.renderingGroupId = 1;
+        this._pALL.lookAt(this._mainCamera.position);
+        this._pXZ.rotate(babylonjs_1.Axis.X, 1.57);
+        this._pZY.rotate(babylonjs_1.Axis.Y, 1.57);
+        let pickPlanes = new babylonjs_1.Mesh("", this._scene);
+        this._pALL.parent = pickPlanes;
+        this._pXZ.parent = pickPlanes;
+        this._pZY.parent = pickPlanes;
+        this._pYX.parent = pickPlanes;
+        return pickPlanes;
+    }
+    _createTransAxes() {
+        let r = this._pickWidth * 2 * this._axesScale;
+        let l = this._axesLen * this._axesScale;
+        this._tCtl = new babylonjs_1.Mesh("", this._scene);
+        // pickable invisible boxes around axes lines
+        this._createPickableTrans(r, l, this._tCtl, this._scene);
+        //non pickable but visible cones at end of axes lines
+        this._createNonPickableTrans(r, l, this._scene);
+    }
+    /**
+     * pickable but invisible
+     * a) 3 boxes around each of the 3 small axes lines
+     * b) 3 small planes near origin for movement along a plane
+     * @param r
+     * @param l
+     * @param tCtl
+     * @param scene
+     */
+    _createPickableTrans(r, l, tCtl, scene) {
+        let tX = this._extrudeBox(r / 2, l);
+        tX.name = "X";
+        let tY = tX.clone("Y");
+        let tZ = tX.clone("Z");
+        let s = r * 2;
+        let tXZ = babylonjs_1.MeshBuilder.CreatePlane("XZ", { size: s }, scene);
+        let tZY = babylonjs_1.MeshBuilder.CreatePlane("ZY", { size: s }, scene);
+        let tYX = babylonjs_1.MeshBuilder.CreatePlane("YX", { size: s }, scene);
+        tXZ.rotation.x = 1.57;
+        tZY.rotation.y = -1.57;
+        tXZ.position.x = 2 * r;
+        tXZ.position.z = 2 * r;
+        tZY.position.z = 2 * r;
+        tZY.position.y = 2 * r;
+        tYX.position.y = 2 * r;
+        tYX.position.x = 2 * r;
+        tXZ.bakeCurrentTransformIntoVertices();
+        tZY.bakeCurrentTransformIntoVertices();
+        tYX.bakeCurrentTransformIntoVertices();
+        let tAll = babylonjs_1.MeshBuilder.CreateBox("ALL", { size: r * 2 }, scene);
+        tX.parent = tCtl;
+        tY.parent = tCtl;
+        tZ.parent = tCtl;
+        tXZ.parent = tCtl;
+        tZY.parent = tCtl;
+        tYX.parent = tCtl;
+        tAll.parent = tCtl;
+        tX.rotation.y = 1.57;
+        tY.rotation.x -= 1.57;
+        this._tX = tX;
+        this._tY = tY;
+        this._tZ = tZ;
+        this._tXZ = tXZ;
+        this._tZY = tZY;
+        this._tYX = tYX;
+        this._tAll = tAll;
+        this._all_t = [tX, tY, tZ, tXZ, tZY, tYX, tAll];
+        this._setVisibility(this._all_t, 0);
+        //do not want clients picking this
+        //we will pick using mesh filter in scene.pick function
+        this._setPickableFalse(this._all_t);
+    }
+    //non pickable but visible 
+    // a) 3 cones at end of the 3 small axes lines
+    // b) 3 small planes near origin for movement along a plane
+    _createNonPickableTrans(r, l, scene) {
+        //cone length
+        let cl = l / 5;
+        //cone base radius
+        //let cr: number = r;
+        let tEndX = babylonjs_1.MeshBuilder.CreateCylinder("", { height: cl, diameterTop: 0, diameterBottom: r, tessellation: 6, subdivisions: 1 }, scene);
+        let tEndY = tEndX.clone("");
+        let tEndZ = tEndX.clone("");
+        let s = r * 2;
+        let tEndXZ = babylonjs_1.MeshBuilder.CreatePlane("XZ", { size: s }, scene);
+        let tEndZY = babylonjs_1.MeshBuilder.CreatePlane("ZY", { size: s }, scene);
+        let tEndYX = babylonjs_1.MeshBuilder.CreatePlane("YX", { size: s }, scene);
+        let tEndAll = babylonjs_1.MeshBuilder.CreateBox("ALL", { size: r }, scene);
+        tEndX.rotation.x = 1.57;
+        tEndY.rotation.x = 1.57;
+        tEndZ.rotation.x = 1.57;
+        tEndXZ.rotation.x = 1.57;
+        tEndZY.rotation.y = 1.57;
+        //tEndYX.rotation.x = 0;
+        tEndXZ.position.x = s;
+        tEndXZ.position.z = s;
+        tEndZY.position.z = s;
+        tEndZY.position.y = s;
+        tEndYX.position.y = s;
+        tEndYX.position.x = s;
+        tEndX.parent = this._tX;
+        tEndY.parent = this._tY;
+        tEndZ.parent = this._tZ;
+        tEndXZ.parent = this._tXZ;
+        tEndZY.parent = this._tZY;
+        tEndYX.parent = this._tYX;
+        tEndAll.parent = this._tAll;
+        tEndX.position.z = l - cl / 2;
+        tEndY.position.z = l - cl / 2;
+        tEndZ.position.z = l - cl / 2;
+        tEndX.material = this._redMat;
+        tEndY.material = this._greenMat;
+        tEndZ.material = this._blueMat;
+        tEndXZ.material = this._greenMat;
+        tEndZY.material = this._redMat;
+        tEndYX.material = this._blueMat;
+        tEndAll.material = this._yellowMat;
+        this._tEndX = tEndX;
+        this._tEndY = tEndY;
+        this._tEndZ = tEndZ;
+        this._tEndXZ = tEndXZ;
+        this._tEndZY = tEndZY;
+        this._tEndYX = tEndYX;
+        this._tEndAll = tEndAll;
+        this._all_tEnd = [tEndX, tEndY, tEndZ, tEndXZ, tEndZY, tEndYX, tEndAll];
+        this._setPickableFalse(this._all_tEnd);
+        this._setRenderingGroup(this._all_tEnd);
+    }
+    setRotGuideFull(y) {
+        if (y)
+            this._guideSize = 360;
+        else
+            this._guideSize = 180;
+        if (this._rCtl != null) {
+            this._rCtl.dispose();
+            this._rAll.dispose();
+            this._rCtl = null;
+            this.enableRotation();
+        }
+    }
+    _createRotAxes() {
+        let d = this._axesLen * this._axesScale * 2;
+        this._rCtl = new babylonjs_1.Mesh("", this._scene);
+        //pickable invisible torus around the rotation circles
+        this._createPickableRot(d, this._rCtl);
+        /*non pickable but visible circles */
+        this._createNonPickableRot(d);
+    }
+    _createPickableRot(d, rCtl) {
+        let rX = this._createTube(d / 2, this._guideSize);
+        let rY = this._createTube(d / 2, this._guideSize);
+        let rZ = this._createTube(d / 2, this._guideSize);
+        let rAll = this._createTube(d / 1.75, 360);
+        rX.name = "X";
+        rY.name = "Y";
+        rZ.name = "Z";
+        rAll.name = "ALL";
+        rX.rotation.z = 1.57;
+        rZ.rotation.x = -1.57;
+        rX.bakeCurrentTransformIntoVertices();
+        rZ.bakeCurrentTransformIntoVertices();
+        rAll.rotation.x = 1.57;
+        rX.parent = rCtl;
+        rY.parent = rCtl;
+        rZ.parent = rCtl;
+        rAll.parent = this._pALL;
+        this._rX = rX;
+        this._rY = rY;
+        this._rZ = rZ;
+        this._rAll = rAll;
+        this._all_r = [rX, rY, rZ, rAll];
+        this._setVisibility(this._all_r, 0);
+        //do not want clients picking this
+        //we will pick using mesh filter in scene.pick function
+        this._setPickableFalse(this._all_r);
+    }
+    _createNonPickableRot(d) {
+        let rEndX = this._createCircle(d / 2, this._guideSize, false);
+        let rEndY = rEndX.clone("");
+        let rEndZ = rEndX.clone("");
+        let rEndAll = this._createCircle(d / 1.75, 360, false);
+        let rEndAll2 = this._createCircle(d / 2, 360, false);
+        rEndX.parent = this._rX;
+        rEndY.parent = this._rY;
+        rEndZ.parent = this._rZ;
+        rEndX.rotation.z = 1.57;
+        rEndZ.rotation.x = -1.57;
+        rEndAll.parent = this._rAll;
+        rEndAll2.parent = this._rAll;
+        rEndX.color = this._redCol;
+        rEndY.color = this._greenCol;
+        rEndZ.color = this._blueCol;
+        rEndAll.color = this._whiteCol;
+        rEndAll2.color = babylonjs_1.Color3.Gray();
+        this._rEndX = rEndX;
+        this._rEndY = rEndY;
+        this._rEndZ = rEndZ;
+        this._rEndAll = rEndAll;
+        this._rEndAll2 = rEndAll2;
+        this._all_rEnd = [rEndX, rEndY, rEndZ, rEndAll, rEndAll2];
+        this._setPickableFalse(this._all_rEnd);
+        this._setRenderingGroup(this._all_rEnd);
+    }
+    _setVisibility(meshes, v) {
+        meshes.map((m) => m.visibility = v);
+    }
+    _setPickableFalse(meshes) {
+        meshes.map((m) => { m.isPickable = false; });
+    }
+    _setRenderingGroup(meshes) {
+        meshes.map((m) => m.renderingGroupId = 2);
+    }
+    _extrudeBox(w, l) {
+        let shape = [new babylonjs_1.Vector3(w, w, 0), new babylonjs_1.Vector3(-w, w, 0), new babylonjs_1.Vector3(-w, -w, 0), new babylonjs_1.Vector3(w, -w, 0), new babylonjs_1.Vector3(w, w, 0)];
+        let path = [new babylonjs_1.Vector3(0, 0, 0), new babylonjs_1.Vector3(0, 0, l)];
+        let box = babylonjs_1.MeshBuilder.ExtrudeShape("", { shape: shape, path: path, scale: 1, rotation: 0, cap: 2 }, this._scene);
+        return box;
+    }
+    _createCircle(r, t, double) {
+        if (t === null)
+            t = 360;
+        let points = [];
+        let x;
+        let z;
+        let a = 3.14 / 180;
+        let p = 0;
+        for (let i = 0; i <= t; i = i + 5) {
+            x = r * Math.cos(i * a);
+            if (i == 90)
+                z = r;
+            else if (i == 270)
+                z = -r;
+            else
+                z = r * Math.sin(i * a);
+            points[p] = new babylonjs_1.Vector3(x, 0, z);
+            p++;
+        }
+        if (double) {
+            r = r - 0.04;
+            for (let i = 0; i <= t; i = i + 5) {
+                x = r * Math.cos(i * a);
+                if (i == 90)
+                    z = r;
+                else if (i == 270)
+                    z = -r;
+                else
+                    z = r * Math.sin(i * a);
+                points[p] = new babylonjs_1.Vector3(x, 0, z);
+                p++;
+            }
+        }
+        let circle = babylonjs_1.MeshBuilder.CreateLines("", { points: points }, this._scene);
+        return circle;
+    }
+    _createTube(r, t) {
+        if (t === null)
+            t = 360;
+        let points = [];
+        let x;
+        let z;
+        let a = 3.14 / 180;
+        let p = 0;
+        for (let i = 0; i <= t; i = i + 30) {
+            x = r * Math.cos(i * a);
+            if (i == 90)
+                z = r;
+            else if (i == 270)
+                z = -r;
+            else
+                z = r * Math.sin(i * a);
+            points[p] = new babylonjs_1.Vector3(x, 0, z);
+            p++;
+        }
+        let tube = babylonjs_1.MeshBuilder.CreateTube("", { path: points, radius: this._pickWidth * this._axesScale * 2, tessellation: 3, cap: babylonjs_1.Mesh.NO_CAP }, this._scene);
+        return tube;
+    }
+    _createScaleAxes() {
+        let r = this._pickWidth * 2 * this._axesScale;
+        let l = this._axesLen * this._axesScale;
+        this._sCtl = new babylonjs_1.Mesh("", this._scene);
+        /* pickable , invisible part */
+        this._createPickableScale(r, l, this._sCtl);
+        /* non pickable visible boxes at end of axes */
+        this._createNonPickableScale(r, l);
+    }
+    _createPickableScale(r, l, sCtl) {
+        let sX = this._extrudeBox(r / 2, l);
+        sX.name = "X";
+        let sY = sX.clone("Y");
+        let sZ = sX.clone("Z");
+        let sXZ = babylonjs_1.MeshBuilder.CreatePlane("XZ", { size: r * 2 }, this._scene);
+        let sZY = babylonjs_1.MeshBuilder.CreatePlane("ZY", { size: r * 2 }, this._scene);
+        let sYX = babylonjs_1.MeshBuilder.CreatePlane("YX", { size: r * 2 }, this._scene);
+        sXZ.rotation.x = 1.57;
+        sZY.rotation.y = -1.57;
+        sXZ.position.x = 2 * r;
+        sXZ.position.z = 2 * r;
+        sZY.position.z = 2 * r;
+        sZY.position.y = 2 * r;
+        sYX.position.y = 2 * r;
+        sYX.position.x = 2 * r;
+        sXZ.bakeCurrentTransformIntoVertices();
+        sZY.bakeCurrentTransformIntoVertices();
+        sYX.bakeCurrentTransformIntoVertices();
+        let sAll = babylonjs_1.MeshBuilder.CreateBox("ALL", { size: 2 * r }, this._scene);
+        sX.parent = sCtl;
+        sY.parent = sCtl;
+        sZ.parent = sCtl;
+        sAll.parent = sCtl;
+        sXZ.parent = sCtl;
+        sZY.parent = sCtl;
+        sYX.parent = sCtl;
+        sX.rotation.y = 1.57;
+        sY.rotation.x -= 1.57;
+        this._sX = sX;
+        this._sY = sY;
+        this._sZ = sZ;
+        this._sXZ = sXZ;
+        this._sZY = sZY;
+        this._sYX = sYX;
+        this._sAll = sAll;
+        this._all_s = [sX, sY, sZ, sXZ, sZY, sYX, sAll];
+        this._setVisibility(this._all_s, 0);
+        //do not want clients picking this
+        //we will pick using mesh filter in scene.pick function
+        this._setPickableFalse(this._all_s);
+    }
+    _createNonPickableScale(r, l) {
+        let sEndX = babylonjs_1.MeshBuilder.CreateBox("", { size: r }, this._scene);
+        let sEndY = sEndX.clone("");
+        let sEndZ = sEndX.clone("");
+        let s = r * 2;
+        let sEndXZ = babylonjs_1.MeshBuilder.CreatePlane("XZ", { size: s }, this._scene);
+        let sEndZY = babylonjs_1.MeshBuilder.CreatePlane("ZY", { size: s }, this._scene);
+        let sEndYX = babylonjs_1.MeshBuilder.CreatePlane("YX", { size: s }, this._scene);
+        let sEndAll = babylonjs_1.MeshBuilder.CreateBox("ALL", { size: r }, this._scene);
+        sEndXZ.rotation.x = 1.57;
+        sEndZY.rotation.y = -1.57;
+        sEndXZ.position.x = s;
+        sEndXZ.position.z = s;
+        sEndZY.position.z = s;
+        sEndZY.position.y = s;
+        sEndYX.position.y = s;
+        sEndYX.position.x = s;
+        sEndX.parent = this._sX;
+        sEndY.parent = this._sY;
+        sEndZ.parent = this._sZ;
+        sEndXZ.parent = this._sXZ;
+        sEndZY.parent = this._sZY;
+        sEndYX.parent = this._sYX;
+        sEndAll.parent = this._sAll;
+        sEndX.position.z = l - r / 2;
+        sEndY.position.z = l - r / 2;
+        sEndZ.position.z = l - r / 2;
+        sEndX.material = this._redMat;
+        sEndY.material = this._greenMat;
+        sEndZ.material = this._blueMat;
+        sEndXZ.material = this._greenMat;
+        sEndZY.material = this._redMat;
+        sEndYX.material = this._blueMat;
+        sEndAll.material = this._yellowMat;
+        this._sEndX = sEndX;
+        this._sEndY = sEndY;
+        this._sEndZ = sEndZ;
+        this._sEndXZ = sEndXZ;
+        this._sEndZY = sEndZY;
+        this._sEndYX = sEndYX;
+        this._sEndAll = sEndAll;
+        this._all_sEnd = [sEndX, sEndY, sEndZ, sEndXZ, sEndZY, sEndYX, sEndAll];
+        this._setPickableFalse(this._all_sEnd);
+        this._setRenderingGroup(this._all_sEnd);
+    }
+    /**
+     * checks if a have left hand , right hand issue.
+     * In other words if a mesh is a LHS mesh in RHS system or
+     * a RHS mesh in LHS system
+     * The X axis will be reversed in such cases.
+     * thus Cross product of X and Y should be inverse of Z.
+     *
+     */
+    //    private _check_LHS_RHS(mesh: Mesh) {
+    //        let actualZ = Vector3.Cross(this._localX, this._localY);
+    //        //same direction or opposite direction of Z
+    //        if (Vector3.Dot(actualZ, this._localZ) < 0) return true;
+    //        else return false;
+    //    }
+    /**
+     * set how transparent the axes are
+     * 0 to 1
+     * 0 - completely transparent
+     * 1 - completely non transparent
+     * default is 0.75
+     */
+    setVisibility(v) {
+        this._visibility = v;
+    }
+    setLocal(l) {
+        if (this._local == l)
+            return;
+        this._local = l;
+        if (!l) {
+            this._ecRoot.rotationQuaternion = babylonjs_1.Quaternion.Identity();
+        }
+    }
+    isLocal() {
+        return this._local;
+    }
+    setTransSnap(s) {
+        this._snapT = s;
+    }
+    isTransSnap() {
+        return this._snapT;
+    }
+    setRotSnap(s) {
+        this._snapR = s;
+    }
+    isRotSnap() {
+        return this._snapR;
+    }
+    setScaleSnap(s) {
+        this._snapS = s;
+    }
+    isScaleSnap() {
+        return this._snapS;
+    }
+    setTransSnapValue(t) {
+        this._tSnap.copyFromFloats(t, t, t);
+        this._transSnap = t;
+    }
+    getTransSnapValue() {
+        return this._transSnap;
+    }
+    setRotSnapValue(r) {
+        this._rotSnap = r;
+    }
+    getRotSnapValue() {
+        return this._rotSnap;
+    }
+    setScaleSnapValue(r) {
+        this._scaleSnap = r;
+    }
+    getScaleSnapValue() {
+        return this._scaleSnap;
+    }
+    _getAngle2(p1, p2, cameraPos, c2ec, mN) {
+        /**
+         * A) find out if the camera is above , below, left, right of the rotation plane
+         */
+        //project "camera to ec" vector onto mesh normal to get distance to rotation plane
+        let d = babylonjs_1.Vector3.Dot(c2ec, mN);
+        //scale mesh normal by above ammount to get vector to rotation plane
+        mN.scaleToRef(d, this._tv1);
+        //get the point of intersection of vector from camera perpendicular to rotation plane
+        cameraPos.addToRef(this._tv1, this._tv2);
+        let i = this._tv2; //save some typing
+        //find the co-ordinate of this point in the cameras frame of reference
+        this._mainCamera.getWorldMatrix().invertToRef(this._tm);
+        babylonjs_1.Vector3.TransformCoordinatesToRef(this._tv2, this._tm, this._tv2);
+        //find in which quadarant the point (and thus the rotation plane) is in the camera xy plane
+        let q = 0; //(1=x y,2=-x y,3=-x -y,4=x -y)
+        if (i.x >= 0 && i.y >= 0)
+            q = 1;
+        else if (i.x <= 0 && i.y >= 0)
+            q = 2;
+        else if (i.x <= 0 && i.y <= 0)
+            q = 3;
+        else if (i.x >= 0 && i.y <= 0)
+            q = 4;
+        /**
+         * B) find out if the user moved pointer up,down, right, left
+         */
+        //find movement vector in camera frame of reference
+        babylonjs_1.Vector3.TransformCoordinatesToRef(p1, this._tm, this._tv1);
+        babylonjs_1.Vector3.TransformCoordinatesToRef(p2, this._tm, this._tv2);
+        this._tv2.subtractInPlace(this._tv1);
+        let mv = this._tv2; //save some typing
+        //for now lets set the angle magnitutde same as amount by which the mouse moved
+        let angle = mv.length();
+        let m = ""; //(u ,d ,r,l)
+        if (mv.x >= 0 && mv.y >= 0) {
+            if (mv.x >= mv.y)
+                m = "r";
+            else
+                m = "u";
+        }
+        else if (mv.x <= 0 && mv.y >= 0) {
+            if (-mv.x >= mv.y)
+                m = "l";
+            else
+                m = "u";
+        }
+        else if (mv.x <= 0 && mv.y <= 0) {
+            if (-mv.x >= -mv.y)
+                m = "l";
+            else
+                m = "d";
+        }
+        else if (mv.x >= 0 && mv.y <= 0) {
+            if (mv.x >= -mv.y)
+                m = "r";
+            else
+                m = "d";
+        }
+        /**
+         * C) decide if the user was trying to rotate clockwise (+1) or anti-clockwise(-1)
+         */
+        let r = 0;
+        //if mouse moved down /up and rotation plane is on  right or left side of user
+        if (m == "d") {
+            if (q == 1 || q == 4)
+                r = 1;
+            else
+                r = -1;
+        }
+        else if (m == "u") {
+            if (q == 1 || q == 4)
+                r = -1;
+            else
+                r = 1;
+            //if mouse moved right/left and  rotation plane is above or below user
+        }
+        else if (m == "r") {
+            if (q == 2 || q == 1)
+                r = 1;
+            else
+                r = -1;
+        }
+        else if (m == "l") {
+            if (q == 2 || q == 1)
+                r = -1;
+            else
+                r = 1;
+        }
+        return r * angle;
+    }
+    /**
+     * finds the angle subtended from points p1 to p2 around the point p
+     * checks if the user was trying to rotate clockwise (+ve in LHS) or anticlockwise (-ve in LHS)
+     * to figure this check the orientation of the user(camera)to ec vector with the rotation normal vector
+     */
+    _getAngle(p1, p2, p, c2ec) {
+        p1.subtractToRef(p, this._tv1);
+        p2.subtractToRef(p, this._tv2);
+        babylonjs_1.Vector3.CrossToRef(this._tv1, this._tv2, this._tv3);
+        let angle = Math.asin(this._tv3.length() / (this._tv1.length() * this._tv2.length()));
+        //camera looking down from front of plane or looking up from behind plane
+        if ((babylonjs_1.Vector3.Dot(this._tv3, c2ec) > 0)) {
+            angle = -1 * angle;
+        }
+        return angle;
+    }
+    static _getStandardMaterial(col, scene) {
+        let mat = new babylonjs_1.StandardMaterial("", scene);
+        mat.emissiveColor = col;
+        mat.diffuseColor = babylonjs_1.Color3.Black();
+        mat.specularColor = babylonjs_1.Color3.Black();
+        mat.backFaceCulling = false;
+        return mat;
+    }
+    _createMaterials(scene) {
+        this._redMat = EditControl._getStandardMaterial(this._redCol, scene);
+        this._greenMat = EditControl._getStandardMaterial(this._greenCol, scene);
+        this._blueMat = EditControl._getStandardMaterial(this._blueCol, scene);
+        this._whiteMat = EditControl._getStandardMaterial(this._yellowCol, scene);
+        this._yellowMat = EditControl._getStandardMaterial(this._whiteCol, scene);
+    }
+    _disposeMaterials() {
+        this._redMat.dispose();
+        this._greenMat.dispose();
+        this._blueMat.dispose();
+        this._whiteMat.dispose();
+        this._yellowMat.dispose();
+    }
+}
+exports.EditControl = EditControl;
+class ActHist {
+    constructor(mesh, capacity) {
+        this.lastMax = 10;
+        this.acts = new Array();
+        this.last = -1;
+        this.current = -1;
+        this.mesh = mesh;
+        this.lastMax = capacity - 1;
+        this.add();
+    }
+    setCapacity(c) {
+        if ((c == 0)) {
+            console.error("capacity should be more than zero");
+            return;
+        }
+        this.lastMax = c - 1;
+        this.last = -1;
+        this.current = -1;
+        this.acts = new Array();
+        this.add();
+    }
+    add(at) {
+        if (at === undefined)
+            at = null;
+        let act = new Act(this.mesh, at);
+        if ((this.current < this.last)) {
+            this.acts.splice(this.current + 1);
+            this.last = this.current;
+        }
+        if ((this.last == this.lastMax)) {
+            this.acts.shift();
+            this.acts.push(act);
+        }
+        else {
+            this.acts.push(act);
+            this.last++;
+            this.current++;
+        }
+    }
+    undo() {
+        if ((this.current > 0)) {
+            let at = this.acts[this.current].getActionType();
+            this.current--;
+            this.acts[this.current].perform(this.mesh);
+            return at;
+        }
+    }
+    redo() {
+        if ((this.current < this.last)) {
+            this.current++;
+            this.acts[this.current].perform(this.mesh);
+            return this.acts[this.current].getActionType();
+        }
+    }
+}
+class Act {
+    constructor(mesh, at) {
+        this._p = mesh.position.clone();
+        if (mesh.rotationQuaternion == null) {
+            this._rQ = null;
+            this._rE = mesh.rotation.clone();
+        }
+        else {
+            this._rQ = mesh.rotationQuaternion.clone();
+            this._rE = null;
+        }
+        this._s = mesh.scaling.clone();
+        this._at = at;
+    }
+    getActionType() {
+        return this._at;
+    }
+    perform(mesh) {
+        mesh.position.copyFrom(this._p);
+        //check if we are doing euler or quaternion now
+        //also check what were we doing when the rotation value
+        //was captured and set value accordingly
+        if (mesh.rotationQuaternion == null) {
+            if (this._rE != null) {
+                //mesh.rotation = this.rE.clone();
+                mesh.rotation.copyFrom(this._rE);
+            }
+            else {
+                //mesh.rotation = this.r.toEulerAngles();
+                mesh.rotation.copyFrom(this._rQ.toEulerAngles());
+            }
+        }
+        else {
+            if (this._rQ != null) {
+                mesh.rotationQuaternion.copyFrom(this._rQ);
+            }
+            else {
+                //TODO use BABYLON.Quaternion.RotationYawPitchRoll(rot.y, rot.x, rot.z) instead of toQuaternion.
+                //mesh.rotationQuaternion.copyFrom(this.rE.toQuaternion());
+                mesh.rotationQuaternion.copyFrom(babylonjs_1.Quaternion.RotationYawPitchRoll(this._rE.y, this._rE.x, this._rE.z));
+            }
+        }
+        mesh.scaling.copyFrom(this._s);
+    }
+}
+
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
 //# sourceMappingURL=EditControl.max.js.map