@realsee/dnalogel 2.1.2-alpha.0 → 2.1.2-alpha.10

package/dist/Object3DHelperPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var ge=Object.defineProperty;var ie=Object.getOwnPropertySymbols;var be=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable;var G=(o,s,e)=>s in o?ge(o,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[s]=e,v=(o,s)=>{for(var e in s||(s={}))be.call(s,e)&&G(o,e,s[e]);if(ie)for(var e of ie(s))ye.call(s,e)&&G(o,e,s[e]);return o};var l=(o,s,e)=>(G(o,typeof s!="symbol"?s+"":s,e),e);var A=(o,s,e)=>new Promise((t,n)=>{var i=c=>{try{a(e.next(c))}catch(p){n(p)}},r=c=>{try{a(e.throw(c))}catch(p){n(p)}},a=c=>c.done?t(c.value):Promise.resolve(c.value).then(i,r);a((e=e.apply(o,s)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const me=require("../chunks/cjs/BasePlugin.57e5204f.cjs.js"),y=require("three"),ve=require("three/examples/jsm/renderers/CSS3DRenderer"),le=require("../chunks/cjs/CSS3DRender.15349564.cjs.js"),ce=require("../chunks/cjs/Subscribe.5398d5c6.cjs.js"),we=require("../chunks/cjs/isNil.b3a58990.cjs.js");function De(o){if(o&&o.__esModule)return o;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(s,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return s.default=o,Object.freeze(s)}const h=De(y);class N extends y.Object3D{constructor(e,t){var n;super();l(this,"originObject3D");l(this,"onRender");this.originObject3D=e,this.onRender=(n=t==null?void 0:t.onRender)!=null?n:()=>{}}get helperObject(){return this}render(){this.onRender()}show(){this.visible=!0,this.render()}hide(){this.visible=!1,this.render()}updatePosition(){this.position.copy(this.originObject3D.position)}updateQuaternion(){this.quaternion.copy(this.originObject3D.quaternion)}applyHelperScaleMatrix4(e,t){this.scale.applyMatrix4(e)}applyHelperQuaternion(e,t){this.applyQuaternion(e)}}class xe extends N{}class Ce extends N{}class je extends N{}class Oe extends je{}class Ee extends h.Group{constructor(e){super();l(this,"direction");this.direction=e||"x"}}class ae extends h.Mesh{constructor(e,t,n){super(e,t);l(this,"direction");this.direction=n||"x"}}function _e(o,s){const{offsetWidth:e,offsetHeight:t}=s,{top:n,left:i}=s.getBoundingClientRect();return Object.assign(new h.Vector2,{x:(o.x-i)/e*2-1,y:-(o.y-n)/t*2+1})}function Z(o,s,e){if(!s||!e||!o)return;const t=_e(s,e);if(Math.abs(t.x)===1||Math.abs(t.y)===1)return;const n=new h.Raycaster;return n.setFromCamera(t,o),n}function He(o,s){return!(Math.abs(o.x-s.x)>1e-5||Math.abs(o.y-s.y)>1e-5||Math.abs(o.z-s.z)>1e-5)}class q extends Ee{constructor(e){var u;super(e.direction);l(this,"line");l(this,"arrow");l(this,"lineHeight",.4);l(this,"arrowHeight",.1);this.name="ArrowGroup";const t=new h.Color((u=e.color)!=null?u:16214315),n=new h.MeshBasicMaterial({color:t,depthTest:!1,opacity:1,transparent:!0,side:h.DoubleSide}),i=new h.ConeGeometry(.04,.1,32),r=new ae(i,n.clone(),e.direction);r.name=`arrow-${e.direction}`,this.arrow=r;const a=.004,c=new h.CylinderGeometry(a,a,.4,32),p=new ae(c,n.clone(),e.direction);p.name=`line-${e.direction}`,this.line=p,this.formatArrow(),this.formatLine(),this.add(this.arrow,this.line)}formatArrow(){this.arrow.geometry.translate(0,this.lineHeight+this.arrowHeight/2,0),this.direction==="x"?(this.arrow.geometry.rotateX(Math.PI/2),this.arrow.geometry.rotateY(Math.PI/2)):this.direction==="z"&&this.arrow.geometry.rotateX(Math.PI/2)}formatLine(){this.line.geometry.translate(0,this.lineHeight/2,0),this.direction==="x"?(this.line.geometry.rotateX(Math.PI/2),this.line.geometry.rotateY(Math.PI/2)):this.direction==="z"&&this.line.geometry.rotateX(Math.PI/2)}}const F={X:15618642,Y:4765519,Z:4227839};class O{static get X(){return new h.Color(F.X).convertSRGBToLinear().clone()}static get Y(){return new h.Color(F.Y).convertSRGBToLinear().clone()}static get Z(){return new h.Color(F.Z).convertSRGBToLinear().clone()}}class Se extends xe{constructor(e){super(e);l(this,"xArrow",new q({direction:"x",color:O.X}));l(this,"yArrow",new q({direction:"y",color:O.Y}));l(this,"zArrow",new q({direction:"z",color:O.Z}));this.add(this.xArrow),this.add(this.yArrow),this.add(this.zArrow)}show(){super.show(),this.xArrow.visible=!0,this.yArrow.visible=!0,this.zArrow.visible=!0}showDraggingHelper(e){this.xArrow.visible=e.includes("x"),this.yArrow.visible=e.includes("y"),this.zArrow.visible=e.includes("z")}dispose(){this.remove(this.xArrow,this.yArrow,this.zArrow)}}function R(o,s){return Me(document.createElement(s!=null?s:"div"),o)}function Me(o,s){if(!s)return o;for(const e in s)e&&s[e]&&(o.style[e]=s[e]);return o}function Ie(o){const s=R(v({position:"absolute",display:"block",borderRadius:"4px",paddingTop:"1px",paddingBottom:"1px",paddingLeft:"4px",paddingRight:"4px",pointerEvents:"none",userSelect:"none",zIndex:"9999",backgroundColor:"rgba(0,0,0,0.7)",fontSize:"12px",color:"#fff",letterSpacing:"0",lineHeight:"18px"},o)),e=()=>{s.style.display!=="block"&&(!s.style.top||!s.style.left||(s.style.display="block"))};return{element:s,show:e,hide:()=>{s.style.display="none",s.style.top="",s.style.left=""},setLeftTop:(i,r)=>{s.style.left=i,s.style.top=r,e()}}}class Pe extends Ce{constructor(e,t){var n;super(e);l(this,"yzCircle",new U({direction:"x",color:O.X}));l(this,"xzCircle",new U({direction:"y",color:O.Y}));l(this,"xyCircle",new U({direction:"z",color:O.Z}));l(this,"xRingHelper",new X({direction:"x"}));l(this,"yRingHelper",new X({direction:"y"}));l(this,"zRingHelper",new X({direction:"z"}));l(this,"xAngleHelper",new B({direction:"x",color:O.X}));l(this,"yAngleHelper",new B({direction:"y",color:O.Y}));l(this,"zAngleHelper",new B({direction:"z",color:O.Z}));l(this,"angleTips");l(this,"container");t&&(this.container=t==null?void 0:t.container,this.angleTips=Ie({display:"none"}),(n=this.container)==null||n.appendChild(this.angleTips.element)),this.show()}updateAngleHelperQuaternion(){this.xAngleHelper.quaternion.copy(this.yzCircle.quaternion),this.yAngleHelper.quaternion.copy(this.xzCircle.quaternion),this.zAngleHelper.quaternion.copy(this.xyCircle.quaternion),this.xRingHelper.quaternion.copy(this.yzCircle.quaternion),this.yRingHelper.quaternion.copy(this.xzCircle.quaternion),this.zRingHelper.quaternion.copy(this.xyCircle.quaternion)}applyHelperQuaternion(e,t){this.yzCircle.applyQuaternion(e),this.xzCircle.applyQuaternion(e),this.xyCircle.applyQuaternion(e),this.xAngleHelper.baseAxes.applyQuaternion(e),this.yAngleHelper.baseAxes.applyQuaternion(e),this.zAngleHelper.baseAxes.applyQuaternion(e)}hide(){this.remove(this.yzCircle,this.xzCircle,this.xyCircle,this.xRingHelper,this.yRingHelper,this.zRingHelper,this.xAngleHelper,this.yAngleHelper,this.zAngleHelper)}show(){var e;this.add(this.xyCircle,this.xzCircle,this.yzCircle),this.remove(this.xRingHelper,this.yRingHelper,this.zRingHelper,this.xAngleHelper,this.yAngleHelper,this.zAngleHelper),(e=this.angleTips)==null||e.hide()}showDraggingHelper(e){var t;this.hide(),this.add(...this.filterRingHelper(e)),this.add(...this.filterAngleHelper(e)),(t=this.angleTips)==null||t.show()}dispose(){var e,t;this.remove(this.yzCircle,this.xzCircle,this.xyCircle,this.xRingHelper,this.yRingHelper,this.zRingHelper,this.xAngleHelper,this.yAngleHelper,this.zAngleHelper),(e=this.angleTips)!=null&&e.element&&((t=this.container)==null||t.removeChild(this.angleTips.element))}filterRingHelper(e){return[this.xRingHelper,this.yRingHelper,this.zRingHelper].filter(t=>e.includes(t.direction))}filterAngleHelper(e){return[this.xAngleHelper,this.yAngleHelper,this.zAngleHelper].filter(t=>e.includes(t.direction))}}class U extends h.Mesh{constructor(e){var t;super();l(this,"direction");l(this,"gapAngle",.02);l(this,"geometry",new h.RingGeometry(.25,.3,20,8,this.gapAngle,Math.PI/2-this.gapAngle*2));this.material=new h.MeshBasicMaterial({opacity:.6,color:(t=e.color)!=null?t:16777215,transparent:!0,side:h.DoubleSide,depthTest:!1}),this.direction=e.direction,this.geometry.name=`RotateHelperCircleGeometry-${this.direction}`,this.direction==="y"?this.rotateX(Math.PI/2):this.direction==="x"&&this.rotateY(-Math.PI/2)}}class X extends h.Group{constructor(e){super();l(this,"direction");this.direction=e.direction;const t=.015,n=new Array(8).fill(null).map((i,r)=>{const a=new h.RingGeometry(.25,.3,20,8,Math.PI/4*r+t,Math.PI/4-t*2),c=new h.MeshBasicMaterial({opacity:1,color:16777215,depthTest:!1,transparent:!0,side:h.DoubleSide}),p=new h.Mesh(a,c);return p.name=`AxesDashedRing-${this.direction}-${r}`,p});this.add(...n),this.direction==="y"?this.rotateX(Math.PI/2):this.direction==="x"&&this.rotateY(-Math.PI/2)}}class B extends h.Mesh{constructor(e){var n;super();l(this,"direction");l(this,"baseAxes");switch(e.direction){case"x":this.baseAxes=new h.Vector3(0,0,1);break;case"y":this.baseAxes=new h.Vector3(1,0,0);break;case"z":this.baseAxes=new h.Vector3(1,0,0);break}const t=.3+5e-4;this.geometry=new h.CircleGeometry(t,48,0,1e-4),this.material=new h.MeshBasicMaterial({opacity:.4,color:(n=e.color)!=null?n:16777215,depthTest:!1,transparent:!0,side:h.DoubleSide}),this.direction=e.direction,this.direction==="y"?this.rotateX(Math.PI/2):this.direction==="x"&&this.rotateY(-Math.PI/2)}}function Re(){const o=R({width:"100%",height:"100%",left:"0",top:"0",position:"absolute",pointerEvents:"none"}),s=R({boxSizing:"border-box",width:"100%",height:"100%",left:"0",top:"0",position:"relative",display:"flex",alignItems:"center",justifyContent:"center"}),e=R({boxSizing:"border-box",width:"100%",height:"100%",left:"0",top:"0",position:"absolute",border:"1px solid rgba(255,255,255,0.4)"});o.appendChild(s),s.appendChild(e);const t="-4px",n={direction:"nesw",element:_({cursor:"nesw-resize",left:t,bottom:t})},i={direction:"ns",element:_({cursor:"ns-resize",bottom:t})},r={direction:"nwse",element:_({cursor:"nwse-resize",right:t,bottom:t})},a={direction:"ew",element:_({cursor:"ew-resize",right:t})},c={direction:"nesw",element:_({cursor:"nesw-resize",right:t,top:t})},p={direction:"ns",element:_({cursor:"ns-resize",top:t})},u={direction:"nwse",element:_({cursor:"nwse-resize",left:t,top:t})},g={direction:"ew",element:_({cursor:"ew-resize",left:t})};return new Array(i,a,p,g,n,r,c,u).forEach(m=>s.appendChild(m.element)),{container:o,squares:[n,i,r,a,c,p,u,g]}}function _(o){const s=R(v({background:"#FFFFFF",width:"9px",height:"9px",position:"absolute",pointerEvents:"none"},o)),e=R({width:"15px",height:"15px",position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",pointerEvents:"none"}),t=R({width:"15px",height:"15px",cursor:o==null?void 0:o.cursor,pointerEvents:"auto",background:"transparent"});return t.draggable=!0,e.appendChild(t),s.appendChild(e),s}class Ae extends Oe{constructor(e,t,n,i){super(e);l(this,"points",[]);l(this,"cornerPositions",[]);l(this,"css3DInstance");l(this,"plane");l(this,"css3DRenderer",new le.CSS3DRender);l(this,"camera");l(this,"scene");l(this,"container");l(this,"enabled",!1);this.camera=n,this.scene=i,this.container=t,this.initRectangleScaleHelper()}get helperObject(){var e;if(!((e=this.css3DInstance)!=null&&e.css3DObject))throw new Error("css3DInstance is not initialized");return this.css3DInstance.css3DObject}updatePosition(){var e;this.helperObject.position.copy(this.originObject3D.position),(e=this.plane)==null||e.position.copy(this.originObject3D.position)}updateQuaternion(){var e;(e=this.plane)==null||e.quaternion.copy(this.originObject3D.quaternion)}applyMatrix4(e){var t;super.applyMatrix4(e),this.helperObject.applyMatrix4(e),(t=this.plane)==null||t.applyMatrix4(e),this.cornerPositions.forEach(n=>n.applyMatrix4(e))}showDraggingHelper(){}applyHelperScaleMatrix4(e,t){var n;(n=this.plane)==null||n.scale.applyMatrix4(e),this.helperObject.applyScaleMatrix4(e)}updatePoints(){const e=this.calculatePointPosition(this.cornerPositions);this.points.forEach((t,n)=>{t.position.copy(e[n])})}applyHelperQuaternion(e,t){var i;const n=(i=this.css3DInstance)==null?void 0:i.css3DObject;if(n){const r=new h.Vector3().subVectors(n.position,t).applyQuaternion(e).add(t);n.position.copy(r),n.applyQuaternion(e)}if(this.plane){const r=new h.Vector3().subVectors(this.plane.position,t).applyQuaternion(e).add(t);this.plane.position.copy(r),this.plane.applyQuaternion(e)}this.cornerPositions.forEach(r=>{const a=new h.Vector3().subVectors(r,t).applyQuaternion(e).add(t);r.copy(a)})}enable(){var e;this.enabled||(this.enabled=!0,(e=this.css3DInstance)==null||e.enable(),this.plane&&this.scene.add(this.plane))}disable(){var e;!this.enabled||(this.enabled=!1,(e=this.css3DInstance)==null||e.disable(),this.plane&&this.scene.remove(this.plane))}show(){var e;(e=this.css3DInstance)==null||e.show(),this.plane&&(this.plane.visible=!0)}hide(){var e;(e=this.css3DInstance)==null||e.hide(),this.plane&&(this.plane.visible=!1)}dispose(){this.disable(),this.css3DRenderer.dispose()}initRectangleScaleHelper(){var u;const e=this.getCornerPositions();if(!e)return;this.cornerPositions=e;const t=this.css3DRenderer.create3DElement(this.camera,e,{ratio:.003});if(!t)return;this.css3DInstance=t,t.appendToElement(this.container);const n=t.css3DObject.container,{container:i,squares:r}=Re();this.points=r.map((g,d)=>({direction:g.direction,point:g.element,position:this.calculatePointPosition(e)[d]})),n.insertBefore(i,(u=n.children[0])!=null?u:null);const a=new h.PlaneGeometry(t.css3DObject.width,t.css3DObject.height),c=new h.MeshBasicMaterial({color:0,opacity:.15,transparent:!0,side:h.DoubleSide}),p=new h.Mesh(a,c);this.scene.add(p),this.updatePosition()}getCornerPositions(){const{originObject3D:e}=this;if(e instanceof ve.CSS3DObject){if(e.isCSS3DObjectPlus)return e.cornerPoints;console.error("\u6682\u65F6\u53EA\u652F\u6301 CSS3DRenderPlugin \u751F\u6210\u7684\u7269\u4F53")}else console.error("\u5F53\u524D\u7269\u4F53\u6682\u65F6\u4E0D\u652F\u6301 ScaleHelper")}calculatePointPosition(e){return[e[0].clone(),e[0].clone().add(e[1]).divideScalar(2),e[1].clone(),e[1].clone().add(e[2]).divideScalar(2),e[2].clone(),e[2].clone().add(e[3]).divideScalar(2),e[3].clone(),e[3].clone().add(e[0]).divideScalar(2)]}}new h.Vector3;function f(o,s){this._camera=o||null,this._domElement=s||document,this._raycaster=new h.Raycaster,this._selected=null,this._boundObjs={};var e=this;this._$onClick=function(){e._onClick.apply(e,arguments)},this._$onDblClick=function(){e._onDblClick.apply(e,arguments)},this._$onMouseMove=function(){e._onMouseMove.apply(e,arguments)},this._$onMouseDown=function(){e._onMouseDown.apply(e,arguments)},this._$onMouseUp=function(){e._onMouseUp.apply(e,arguments)},this._$onTouchMove=function(){e._onTouchMove.apply(e,arguments)},this._$onTouchStart=function(){e._onTouchStart.apply(e,arguments)},this._$onTouchEnd=function(){e._onTouchEnd.apply(e,arguments)},this._$onContextmenu=function(){e._onContextmenu.apply(e,arguments)},this._domElement.addEventListener("click",this._$onClick,!1),this._domElement.addEventListener("dblclick",this._$onDblClick,!1),this._domElement.addEventListener("mousemove",this._$onMouseMove,!1),this._domElement.addEventListener("mousedown",this._$onMouseDown,!1),this._domElement.addEventListener("mouseup",this._$onMouseUp,!1),this._domElement.addEventListener("touchmove",this._$onTouchMove,!1),this._domElement.addEventListener("touchstart",this._$onTouchStart,!1),this._domElement.addEventListener("touchend",this._$onTouchEnd,!1),this._domElement.addEventListener("contextmenu",this._$onContextmenu,!1)}f.prototype.destroy=function(){this._domElement.removeEventListener("click",this._$onClick,!1),this._domElement.removeEventListener("dblclick",this._$onDblClick,!1),this._domElement.removeEventListener("mousemove",this._$onMouseMove,!1),this._domElement.removeEventListener("mousedown",this._$onMouseDown,!1),this._domElement.removeEventListener("mouseup",this._$onMouseUp,!1),this._domElement.removeEventListener("touchmove",this._$onTouchMove,!1),this._domElement.removeEventListener("touchstart",this._$onTouchStart,!1),this._domElement.removeEventListener("touchend",this._$onTouchEnd,!1),this._domElement.removeEventListener("contextmenu",this._$onContextmenu,!1)};f.eventNames=["click","dblclick","mouseover","mouseout","mousemove","mousedown","mouseup","contextmenu","touchstart","touchend"];f.prototype._getRelativeMouseXY=function(o){var s=o.target||o.srcElement;s.nodeType===3&&(s=s.parentNode);var e={x:0,y:0},t=s,n=getComputedStyle(t,null);e.y+=parseInt(n.getPropertyValue("padding-top"),10),e.x+=parseInt(n.getPropertyValue("padding-left"),10);do e.x+=t.offsetLeft,e.y+=t.offsetTop,n=getComputedStyle(t,null),e.x+=parseInt(n.getPropertyValue("border-left-width"),10),e.y+=parseInt(n.getPropertyValue("border-top-width"),10);while(t=t.offsetParent);var i={width:s===window?window.innerWidth:s.offsetWidth,height:s===window?window.innerHeight:s.offsetHeight};return{x:Number((o.pageX-e.x)/i.width)*2-1,y:-((o.pageY-e.y)/i.height)*2+1}};f.prototype._objectCtxInit=function(o){o._3xDomEvent={}};f.prototype._objectCtxDeinit=function(o){delete o._3xDomEvent};f.prototype._objectCtxIsInit=function(o){return!!o._3xDomEvent};f.prototype._objectCtxGet=function(o){return o._3xDomEvent};f.prototype.camera=function(o){return o&&(this._camera=o),this._camera};f.prototype.bind=function(o,s,e,t){console.assert(f.eventNames.indexOf(s)!==-1,"not available events:"+s),this._objectCtxIsInit(o)||this._objectCtxInit(o);var n=this._objectCtxGet(o);n[s+"Handlers"]||(n[s+"Handlers"]=[]),n[s+"Handlers"].push({callback:e,useCapture:t}),this._boundObjs[s]===void 0&&(this._boundObjs[s]=[]),this._boundObjs[s].push(o)};f.prototype.addEventListener=f.prototype.bind;f.prototype.unbind=function(o,s,e,t){console.assert(f.eventNames.indexOf(s)!==-1,"not available events:"+s),this._objectCtxIsInit(o)||this._objectCtxInit(o);var n=this._objectCtxGet(o);n[s+"Handlers"]||(n[s+"Handlers"]=[]);for(var i=n[s+"Handlers"],r=0;r<i.length;r++){var a=i[r];if(e==a.callback&&t==a.useCapture){i.splice(r,1);break}}var c=this._boundObjs[s].indexOf(o);console.assert(c!==-1),this._boundObjs[s].splice(c,1)};f.prototype.removeEventListener=f.prototype.unbind;f.prototype._bound=function(o,s){var e=this._objectCtxGet(s);return e?!!e[o+"Handlers"]:!1};f.prototype._onMove=function(o,s,e,t){var n=this._boundObjs[o];if(!(n===void 0||n.length===0)){var i=new h.Vector2;i.set(s,e),this._raycaster.setFromCamera(i,this._camera);var r=this._raycaster.intersectObjects(n),a=this._selected;if(r.length>0){var c,p,u,g=r[0],d=g.object;this._selected=d,u=this._bound("mousemove",d),a!=d&&(c=this._bound("mouseover",d),p=a&&this._bound("mouseout",a))}else p=a&&this._bound("mouseout",a),this._selected=null;u&&this._notify("mousemove",d,t,g),c&&this._notify("mouseover",d,t,g),p&&this._notify("mouseout",a,t,g)}};f.prototype._onEvent=function(o,s,e,t){var n=this._boundObjs[o];if(!(n===void 0||n.length===0)){var i=new h.Vector2;i.set(s,e),this._raycaster.setFromCamera(i,this._camera);var r=this._raycaster.intersectObjects(n,!0);if(r.length!==0){for(var a=r[0],c=a.object,p=this._objectCtxGet(c),u=c.parent;typeof p=="undefined"&&u;)p=this._objectCtxGet(u),u=u.parent;!p||this._notify(o,c,t,a)}}};f.prototype._notify=function(o,s,e,t){var n=this._objectCtxGet(s),i=n?n[o+"Handlers"]:null;if(console.assert(arguments.length===4),!n||!i||i.length===0){s.parent&&this._notify(o,s.parent,e,t);return}for(var i=n[o+"Handlers"],r=0;r<i.length;r++){var a=i[r],c=!0;a.callback({type:o,target:s,origDomEvent:e,intersect:t,stopPropagation:function(){c=!1}}),!!c&&a.useCapture===!1&&s.parent&&this._notify(o,s.parent,e,t)}};f.prototype._onMouseDown=function(o){return this._onMouseEvent("mousedown",o)};f.prototype._onMouseUp=function(o){return this._onMouseEvent("mouseup",o)};f.prototype._onMouseEvent=function(o,s){var e=this._getRelativeMouseXY(s);this._onEvent(o,e.x,e.y,s)};f.prototype._onMouseMove=function(o){var s=this._getRelativeMouseXY(o);this._onMove("mousemove",s.x,s.y,o),this._onMove("mouseover",s.x,s.y,o),this._onMove("mouseout",s.x,s.y,o)};f.prototype._onClick=function(o){this._onMouseEvent("click",o)};f.prototype._onDblClick=function(o){this._onMouseEvent("dblclick",o)};f.prototype._onContextmenu=function(o){this._onMouseEvent("contextmenu",o)};f.prototype._onTouchStart=function(o){return this._onTouchEvent("touchstart",o)};f.prototype._onTouchEnd=function(o){return this._onTouchEvent("touchend",o)};f.prototype._onTouchMove=function(o){if(o.touches.length==1){o.preventDefault();var s=Number(o.touches[0].pageX/window.innerWidth)*2-1,e=-(o.touches[0].pageY/window.innerHeight)*2+1;this._onMove("mousemove",s,e,o),this._onMove("mouseover",s,e,o),this._onMove("mouseout",s,e,o)}};f.prototype._onTouchEvent=function(o,s){if(s.touches.length==1){s.preventDefault();var e=Number(s.touches[0].pageX/window.innerWidth)*2-1,t=-(s.touches[0].pageY/window.innerHeight)*2+1;this._onEvent(o,e,t,s)}};let P=null;class J{constructor(s,e,t,n,i,r,a){l(this,"hooks",new ce.Subscribe);l(this,"helperObject3D");l(this,"originObject3D");l(this,"camera");l(this,"model");l(this,"scene");l(this,"container");l(this,"domEvents");l(this,"isDragging",!1);l(this,"onRender");l(this,"enabled",!1);l(this,"onWantsTapGesture",s=>{if(this.getIntersectObject(s))return!1});this.camera=s,this.model=e,this.originObject3D=t,this.helperObject3D=n,this.container=i,this.scene=r,this.domEvents=new f(s,i),this.onRender=a!=null?a:()=>{},this.initialHelperPosition(),this.initialHelperQuaternion(),this.enable()}initialHelperPosition(){this.helperObject3D.updatePosition()}initialHelperQuaternion(){this.helperObject3D.updateQuaternion()}enable(){this.enabled||(this.enabled=!0,this.scene.add(this.helperObject3D),this.render())}disable(){!this.enabled||(this.enabled=!1,this.scene.remove(this.helperObject3D),this.render())}show(){this.helperObject3D.show(),this.render()}hide(){this.helperObject3D.hide(),this.render()}dispose(){this.helperObject3D.dispose(),this.scene.remove(this.helperObject3D),this.render()}setOpacity(s){this.setOriginOpacityProperty();const e=this.originObject3D;if(e instanceof h.Mesh&&(e.material.opacity=s),e.isCSS3DObjectPlus){const t=e;t.container.style.opacity=s.toString()}this.render()}restoreOpacity(){if(P===null)return;const s=this.originObject3D;if(s instanceof h.Mesh&&(s.material.opacity=P.opacity),s.isCSS3DObjectPlus){const e=s;e.container.style.opacity=P.opacity.toString()}this.render()}setOriginOpacityProperty(){var s,e;if(P===null){const t=this.originObject3D;t instanceof h.Mesh&&(P={opacity:t.material.opacity}),t instanceof le.CSS3DObjectPlus&&(P={opacity:(s=t.container.style.opacity)!=null?s:1}),t.isCSS3DObjectPlus&&(P={opacity:Number((e=t.container.style.opacity)!=null?e:1)})}}updateHelperPosition(){this.helperObject3D.updatePosition()}updateHelperQuaternion(){this.helperObject3D.updateQuaternion()}applyHelperMatrix4(s){this.helperObject3D.applyMatrix4(s)}applyHelperQuaternion(s,e){this.helperObject3D.applyHelperQuaternion(s,e)}applyHelperScaleMatrix4(s,e){this.helperObject3D.applyHelperScaleMatrix4(s,e)}onWantsGesture(s,e,t){if(this.isDragging)return!1}render(){this.onRender()}hoverListener(s,e=16777215,t=1){const n=(Array.isArray(s)?s:[s]).filter(we.notNil),i=[];for(const r of n)if(r instanceof h.Mesh||r instanceof h.Group){const a=r instanceof h.Group?r.children.filter(d=>d instanceof h.Mesh):[r];a.forEach(d=>{d.__originalColor__=d.material.color.clone(),d.__originalOpacity__=d.material.opacity});const c=()=>{a.forEach(d=>{d.material.color.set(e),d.material.opacity=t}),this.render()},p=()=>{a.forEach(d=>{d.material.color.copy(d.__originalColor__),d.material.opacity=d.__originalOpacity__}),this.render()},u=()=>{this.isDragging||c()},g=()=>{this.isDragging||p()};for(const d of a)this.domEvents.addEventListener(d,"mouseover",u),this.domEvents.addEventListener(d,"mouseout",g),this.hooks.on("moveStart",c),this.hooks.on("moveEnd",p),this.hooks.on("rotateEnd",p),i.push(()=>{this.domEvents.removeEventListener(d,"mouseover",u),this.domEvents.removeEventListener(d,"mouseout",g),this.hooks.off("moveStart",c),this.hooks.off("moveEnd",p),this.hooks.off("rotateEnd",p)})}return()=>i.forEach(r=>r==null?void 0:r())}getIntersectObject(s){const e=this.camera.position,t=this.helperObject3D;if(!t)return;let n;const i=s.intersectObject(t,!0)[0];if(!!i&&(n=i,n.object=t,!!n)){if(this.model.intersectRaycaster){const r=this.model.intersectRaycaster(s)[0];if(r&&r.point.distanceTo(e)<n.point.distanceTo(e))return}return n.object}}}class ke extends J{constructor(...e){super(...e);l(this,"startInfo");const t=this.helperObject3D;this.hoverListener([t.xArrow,t.yArrow,t.zArrow]);const n=this.dragStart.bind(this),i=this.dragging.bind(this),r=this.dragEnd.bind(this);this.domEvents.addEventListener(this.helperObject3D,"mousedown",n),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)}dragStart(e){if(this.isDragging)return;const t=e==null?void 0:e.intersect;if(!t)return this.dragEnd();const n=(t==null?void 0:t.object).direction;if(!n)return this.dragEnd();const i=new h.Vector3(1,0,0).applyQuaternion(this.helperObject3D.quaternion),r=new h.Vector3(0,1,0).applyQuaternion(this.helperObject3D.quaternion),a=new h.Vector3(0,0,1).applyQuaternion(this.helperObject3D.quaternion),c=(()=>{switch(n){case"x":return i;case"y":return r;case"z":return a}})(),p=(()=>{switch(n){case"x":case"y":return a;case"z":return i}})(),u=t.point.clone(),g=new h.Plane;g.setFromNormalAndCoplanarPoint(p,u),this.startInfo={startVectorProject:u.clone().projectOnVector(c),directionVector:c,plane:g},this.helperObject3D.showDraggingHelper([n]),this.hooks.emit("moveStart"),this.isDragging=!0,console.log("%c MoveController dragStart","color: #e5af2e")}dragging(e){if(!this.isDragging||!this.startInfo)return;const t=Z(this.camera,e,this.container);return t?(console.log("%c RotateController dragging","color: #49de1b"),this.move(t),!1):this.dragEnd()}move(e){if(!this.startInfo)return this.dragEnd();const{plane:t,directionVector:n,startVectorProject:i}=this.startInfo,r=this.originObject3D,a=e.ray.intersectPlane(t,new h.Vector3);if(!a)return;const c=a.clone().projectOnVector(n),p=c.clone().sub(i),u=new h.Matrix4;u.setPosition(p),r.applyMatrix4(u),this.helperObject3D.applyMatrix4(u),i.copy(c),this.hooks.emit("positionUpdate",{matrix4:u})}dragEnd(){!this.isDragging||(console.log("%c MoveController dragEnd","color: #e94e4e"),this.startInfo=void 0,this.isDragging=!1,this.helperObject3D.show(),this.hooks.emit("moveEnd"))}}class Y{constructor(s,e,t,n){l(this,"helperController");l(this,"five");l(this,"onFiveWantsTapGesture",s=>{if(!this.helperController)return;const e=this.helperController.onWantsTapGesture(s);return this.five.needsRender=!0,e});l(this,"onFiveWantsGesture",(...s)=>{if(!this.helperController)return;const e=this.helperController.onWantsGesture(...s);return this.five.needsRender=!0,e});const{camera:i,model:r,scene:a}=s,c=s.getElement();if(this.five=s,!i||!r||!c||!a)return;const p=()=>{s.needsRender=!0};this.helperController=new e(i,r,t,n,c,a,p),s.on("wantsTapGesture",this.onFiveWantsTapGesture),s.on("wantsGesture",this.onFiveWantsGesture)}}const Le="v1.0.1",Ve="Object3DHelper",K=`${Ve}@${Le}`,ze=()=>{console.error(`${K} is disposed`)},Te=()=>{console.warn(`${K} is disabled`)},$e=()=>{console.error(`${K} is disabled`)};class Qe{constructor(s,e){l(this,"controllers",{});l(this,"state",{visible:!0,enabled:!0,disposed:!1});l(this,"hooks",new ce.Subscribe);l(this,"helpers");l(this,"eventListener",{});l(this,"handlePositionUpdate",(s,...e)=>{var i,r,a,c;const[t]=e,n=t==null?void 0:t.matrix4;n&&(s!==this.controllers.moveController&&((i=this.controllers.moveController)==null||i.applyHelperMatrix4(n)),s!==this.controllers.rotateController&&((r=this.controllers.rotateController)==null||r.applyHelperMatrix4(n)),s!==this.controllers.scaleController&&((a=this.controllers.scaleController)==null||a.applyHelperMatrix4(n)),(c=this.helpers.outlineHelper)==null||c.applyMatrix4(n))});l(this,"handleScaleUpdate",(s,...e)=>{var i,r;const[t]=e,n=t==null?void 0:t.matrix4;n&&((i=this.controllers.scaleController)==null||i.applyHelperScaleMatrix4(n,t),(r=this.helpers.outlineHelper)==null||r.scale.applyMatrix4(n))});l(this,"handleRotateUpdate",(s,...e)=>{var n,i,r,a;const[t]=e;if(t){const{quaternion:c,origin:p}=t;c&&(s!==this.controllers.moveController&&((n=this.controllers.moveController)==null||n.applyHelperQuaternion(c,p)),s!==this.controllers.rotateController&&((i=this.controllers.rotateController)==null||i.applyHelperQuaternion(c,p)),s!==this.controllers.scaleController&&((r=this.controllers.scaleController)==null||r.applyHelperQuaternion(c,p)),(a=this.helpers.outlineHelper)==null||a.applyQuaternion(c))}});s&&this.addControllers(s),this.helpers=e!=null?e:{},this.setState(this.state)}show(s){return A(this,null,function*(){this.setState({visible:!0},s)})}hide(s){return A(this,null,function*(){this.setState({visible:!1},s)})}enable(s){this.setState({enabled:!0},s)}disable(s){this.setState({enabled:!1},s)}dispose(){this.setState({disposed:!0})}setState(s,e){if(this.state.disposed)return ze();if(!this.state.enabled&&s.enabled!==!0&&s.disposed!==!0)return $e();const t=v({},this.state);this.state=v(v({},this.state),s),s.disposed!==void 0&&s.disposed!==t.disposed&&s.disposed&&this.handleDispose(),s.visible!==void 0&&this.handleVisible(s.visible),s.enabled!==void 0&&this.handleEnable(s.enabled),this.hooks.emit("stateChange",{state:this.state,prevState:t})}addControllers(s){this.controllers=v(v({},this.controllers),s),this.addEventListener(),this.setState(this.state)}addHelpers(s){this.helpers=v(v({},this.helpers),s)}getCurrentState(){return this.state}addEventListener(){for(const s in this.controllers){if(!s)continue;const e=s;this.eventListener[e]||(this.eventListener[e]=(()=>{const t=this.controllers[e];if(!t)return;const n=()=>this.handleStart(t),i=()=>this.handleEnd(t),r=(...p)=>this.handlePositionUpdate(t,...p),a=(...p)=>this.handleRotateUpdate(t,...p),c=(...p)=>this.handleScaleUpdate(t,...p);return t.hooks.on("moveStart",n),t.hooks.on("rotateStart",n),t.hooks.on("scaleStart",n),t.hooks.on("positionUpdate",r),t.hooks.on("rotateUpdate",a),t.hooks.on("scaleUpdate",c),t.hooks.on("moveEnd",i),t.hooks.on("rotateEnd",i),t.hooks.on("scaleEnd",i),()=>{t.hooks.off("moveStart",n),t.hooks.off("rotateStart",n),t.hooks.off("scaleStart",n),t.hooks.off("positionUpdate",r),t.hooks.off("rotateUpdate",a),t.hooks.off("scaleUpdate",c),t.hooks.off("moveEnd",i),t.hooks.off("rotateEnd",i),t.hooks.off("scaleEnd",i)}})())}}handleEnd(s){s&&this.setOtherHelpersVisible(!0,s)}handleStart(s){s&&this.setOtherHelpersVisible(!1,s)}setOtherHelpersVisible(s,e){var t,n,i,r;s?((i=this.controllers.moveController)==null||i.helperObject3D.show(),(r=this.controllers.rotateController)==null||r.helperObject3D.show()):(e!==this.controllers.moveController&&((t=this.controllers.moveController)==null||t.helperObject3D.hide()),e!==this.controllers.rotateController&&((n=this.controllers.rotateController)==null||n.helperObject3D.hide()))}handleEnable(s,e=!0){s?(this.everyControllerDo(t=>{t.enable()}),this.hooks.emit("enable",{userAction:e})):(this.everyControllerDo(t=>{t.disable(),t.restoreOpacity()}),this.hooks.emit("disable",{userAction:e})),this.state.enabled=s}handleVisible(s,e=!0){s?(this.everyControllerDo(t=>{t.show()}),this.actionIfStateIsEnabled(()=>this.hooks.emit("show",{userAction:e}))):(this.everyControllerDo(t=>{t.hide(),t.restoreOpacity()}),this.actionIfStateIsEnabled(()=>this.hooks.emit("hide",{userAction:e}))),this.state.visible=s}everyControllerDo(s){Object.values(this.controllers).forEach(e=>{e&&s(e)})}handleDispose(){var s,e;Object.values(this.controllers).forEach(t=>{t==null||t.dispose(),t==null||t.restoreOpacity()});for(const t in this.controllers){if(!t)continue;const n=t;(e=(s=this.eventListener)[n])==null||e.call(s)}}actionIfStateIsEnabled(s,e){if(this.state.enabled)return s();e!=null&&e.warnLog&&Te()}}class Ge extends J{constructor(...e){super(...e);l(this,"startInfo");l(this,"lastRotation");l(this,"rotations",[]);l(this,"helperObject3DQuaternion",this.originObject3D.quaternion.clone());const t=this.helperObject3D;this.hoverListener([t.xyCircle,t.xzCircle,t.yzCircle]);const n=this.dragStart.bind(this),i=this.dragging.bind(this),r=this.dragEnd.bind(this);this.domEvents.addEventListener(this.helperObject3D,"mousedown",n),document.addEventListener("mousemove",i),document.addEventListener("mouseup",r)}initialHelperQuaternion(){this.helperObject3D.updateAngleHelperQuaternion(),this.helperObject3D.applyHelperQuaternion(this.originObject3D.quaternion)}dragStart(e){if(this.isDragging)return;const t=e==null?void 0:e.intersect;if(!t)return this.dragEnd();const n=(t==null?void 0:t.object).direction;if(!n)return this.dragEnd();this.helperObject3D.updateAngleHelperQuaternion();const i=t.point,r=this.originObject3D.position.clone(),a=this.getAngleHelper(n);this.setTipsAngle(0);const c=i.clone();c.y+=.2,this.setTipsPosition(c);const p=new h.Vector3(1,0,0).applyQuaternion(this.helperObject3DQuaternion),u=new h.Vector3(0,1,0).applyQuaternion(this.helperObject3DQuaternion),g=new h.Vector3(0,0,1).applyQuaternion(this.helperObject3DQuaternion),d=(()=>{switch(n){case"x":return p;case"y":return u;case"z":return g}})(),m=new h.Plane().setFromNormalAndCoplanarPoint(d,i),x=new h.Vector3;m.projectPoint(i.clone(),x);const w=x.clone().sub(r),H=w.clone(),D=w.angleTo(a.baseAxes);this.setAngleHelperStart(n,D),this.setAngleHelperLength(n,0),this.rotations.push({vector:w.clone(),direction:!0}),this.startInfo={direction:n,startVector:w,staticStartVector:H,plane:m,angleHelper:a},this.helperObject3D.showDraggingHelper([n]),this.hooks.emit("rotateStart"),this.isDragging=!0,console.log(`%c RotateController dragStart ${n}`,"color: #e5af2e")}dragging(e){var n;if(!this.isDragging)return;const t=Z(this.camera,e,this.container);return t?(console.log(`%c RotateController dragging ${(n=this.startInfo)==null?void 0:n.direction}`,"color: #49de1b"),this.rotate(t),!1):this.dragEnd()}rotate(e){if(!this.startInfo)return this.dragEnd();const{startVector:t,plane:n,angleHelper:i,staticStartVector:r,direction:a}=this.startInfo,c=this.originObject3D,p=e.ray.intersectPlane(n,new h.Vector3);if(!p)return;const u=c.position.clone(),g=new h.Vector3;n.projectPoint(p.clone(),g);const d=g.clone().sub(u);if(t.angleTo(d)===0||(this.lastRotation===void 0&&(this.lastRotation={angle:0}),this.rotations.length===0))return;const m=(()=>{if(this.rotations.length===1)return d.angleTo(i.baseAxes)>r.angleTo(i.baseAxes);{const w=this.rotations[this.rotations.length-1],H=this.rotations[this.rotations.length-2],D=d.angleTo(H.vector),S=d.angleTo(w.vector),M=w.vector.angleTo(H.vector);if(M===0||S===0||D===0)return;if(D>S&&D>M)return w.direction;if(D<M&&S<M||D<S&&S>M)return!w.direction}})();if(m===void 0)return console.warn("rotationDirection is undefined");this.rotations.push({vector:d,direction:m}),this.rotations=this.rotations.slice(-2),this.lastRotation.angle=this.lastRotation.angle+d.angleTo(t)*(m?1:-1),this.setAngleHelperLength(a,this.lastRotation.angle),this.setTipsAngle(this.lastRotation.angle/Math.PI*180);const x=new h.Quaternion().setFromUnitVectors(t.clone().normalize(),d.clone().normalize());c.applyQuaternion(x),this.helperObject3D.applyHelperQuaternion(x),this.helperObject3DQuaternion.premultiply(x),this.hooks.emit("rotateUpdate",{quaternion:x,origin:u}),this.startInfo.startVector=d}dragEnd(){!this.isDragging||(console.log("%c RotateController dragEnd","color: #e94e4e"),this.startInfo=void 0,this.isDragging=!1,this.lastRotation=void 0,this.rotations=[],this.helperObject3D.show(),this.hooks.emit("rotateEnd"))}getAngleHelper(e){switch(e){case"x":return this.helperObject3D.xAngleHelper;case"y":return this.helperObject3D.yAngleHelper;case"z":return this.helperObject3D.zAngleHelper}}setAngleHelperStart(e,t){const n=this.getAngleHelper(e);if(n instanceof h.Mesh&&n.geometry instanceof h.CircleGeometry){const{radius:i,segments:r,thetaLength:a}=n.geometry.parameters;n.geometry=new h.CircleGeometry(i,r,t,a)}else console.warn("only support THREE.CircleGeometry")}setAngleHelperLength(e,t){const i=t>=0?Math.max(t,.001):Math.min(t,-.001),r=this.getAngleHelper(e);if(r instanceof h.Mesh&&r.geometry instanceof h.CircleGeometry){const{radius:a,thetaStart:c}=r.geometry.parameters,p=Math.ceil(Math.abs(i)*(40/(2*Math.PI)));r.geometry=new h.CircleGeometry(a,p,c,i)}else console.warn("only support THREE.CircleGeometry")}setTipsAngle(e){var n;const t=(n=this.helperObject3D.angleTips)==null?void 0:n.element;!t||(t.innerText=`${e.toFixed(0)}\xB0`)}setTipsPosition(e){const t=this.helperObject3D.angleTips;if(!t)return;const n=e.project(this.camera),{x:i,y:r,z:a}=n;if(a>1)return;const c=(i+1)/2*100+"%",p=(-r+1)/2*100+"%";t.setLeftTop(c,p)}}class qe extends J{constructor(...e){super(...e);l(this,"startInfo")}enable(){this.helperObject3D.enable(),super.enable()}disable(){this.helperObject3D.disable(),super.disable()}show(){this.helperObject3D.show(),super.show()}hide(){this.helperObject3D.hide(),super.hide()}getDragPlane(){const e=new h.Plane,t=this.helperObject3D.cornerPositions;if(t.length!==0)return t.length<3?e.setFromNormalAndCoplanarPoint(this.originObject3D.getWorldDirection(new y.Vector3),t[0]):e.setFromCoplanarPoints(t[0],t[1],t[2]),e}dragStart(e,t){var i,r;(r=(i=this.helperObject3D).updatePoints)==null||r.call(i);const n=this.getDragPlane();if(!n)return this.dragEnd();this.startInfo={startPoint:{position:t.position.clone(),direction:t.direction},plane:n},this.hooks.emit("scaleStart"),this.render(),this.isDragging=!0,console.log("%c RectangleScaleController dragStart","color: #e5af2e")}dragging(e){if(!this.isDragging)return;const t=Z(this.camera,e,this.container);if(!t)return this.dragEnd();this.scale(t),console.log("%c RectangleScaleController dragging","color: #49de1b")}scale(e){var te,se;if(!this.startInfo)return;const t=this.originObject3D,{startPoint:n,plane:i}=this.startInfo,r=this.helperObject3D.cornerPositions;if(r.length<4)return this.dragEnd();const a=e.ray.intersectPlane(i,new y.Vector3);if(!a||He(a,this.camera.position))return;const c=new y.Vector3().addVectors(r[0],r[2]).divideScalar(2),{position:p,direction:u}=n,g=new y.Vector3().subVectors(r[1],r[0]),d=new y.Vector3().subVectors(r[3],r[0]),m=C=>{const j=new y.Vector3(0,0,0);if(!this.startInfo)return j;const b=(C==="ew"?g:d).clone(),E=p.clone().projectOnVector(b),L=a.clone().projectOnVector(b),ne=c.clone().projectOnVector(b);if(L.equals(E))return j;if(C==="ns"&&typeof this.startInfo.dragPointInCenterBottom!="boolean"){const I=new y.Vector3().subVectors(L,ne),T=I.x<0&&b.x>=0,$=I.y<0&&b.y>=0,Q=I.z<0&&b.z>=0;this.startInfo.dragPointInCenterBottom=T||$||Q}if(C==="ew"&&typeof this.startInfo.dragPointInCenterLeft!="boolean"){const I=new y.Vector3().subVectors(L,ne),T=I.x<0&&b.x>=0,$=I.y<0&&b.y>=0,Q=I.z<0&&b.z>=0;this.startInfo.dragPointInCenterLeft=T||$||Q}const oe=new y.Vector3().subVectors(L,E),re=oe.length();return re>.3?(console.warn("offset.length() > 0.3, skipped",re),j):oe},x=m("ew"),w=m("ns"),H=()=>{const C=x;this.helperObject3D.cornerPositions.forEach((j,b)=>{var E;(E=this.startInfo)!=null&&E.dragPointInCenterLeft?(b===0||b===3)&&j.add(C):(b===1||b===2)&&j.add(C)})},D=()=>{const C=w;this.helperObject3D.cornerPositions.forEach((j,b)=>{var E;(E=this.startInfo)!=null&&E.dragPointInCenterBottom?(b===0||b===1)&&j.add(C):(b===2||b===3)&&j.add(C)})};switch(u){case"ew":H();break;case"ns":D();break;case"nesw":case"nwse":H(),D()}const S=new y.Vector3().subVectors(r[1],r[0]).length()/g.length(),M=new y.Vector3().subVectors(r[3],r[0]).length()/d.length(),de=new y.Vector3(S,M,1),z=new h.Matrix4().scale(de);t.isCSS3DObjectPlus?t.applyScaleMatrix4(z):t.scale.applyMatrix4(z),n.position.copy(a);const ue=new y.Vector3().addVectors(r[0],r[2]).divideScalar(2),fe=new y.Vector3().subVectors(ue,c),k=new h.Matrix4().setPosition(fe);t.applyMatrix4(k),(te=this.helperObject3D.css3DInstance)==null||te.css3DObject.applyMatrix4(k),(se=this.helperObject3D.plane)==null||se.applyMatrix4(k),this.hooks.emit("scaleUpdate",{matrix4:z,helperOrigin:c}),this.hooks.emit("positionUpdate",{matrix4:k}),this.render()}dragEnd(){!this.isDragging||(this.startInfo=void 0,this.isDragging=!1,this.hooks.emit("scaleEnd"),this.render(),console.log("%c RectangleScaleController dragEnd","color: #e94e4e"))}}class Fe extends qe{constructor(...s){super(...s),this.addHTMLEventListener()}addHTMLEventListener(){this.helperObject3D.points.forEach(s=>{if(!s)return;const e=s.point,t=r=>this.dragStart(r,s),n=this.dragging.bind(this),i=this.dragEnd.bind(this);e.addEventListener("dragstart",t),e.addEventListener("drag",n),e.addEventListener("dragend",i)})}}const ee="v1.0.0",W="Object3DHelperPlugin",V=`${W}@${ee}`,Ue=()=>{console.error(`${V} is disposed`)},Xe=()=>{console.warn(`${V} is disabled`)},Be=()=>{console.error(`${V} is disabled`)};class he extends me.Controller{constructor(e){super(e);l(this,"version",ee);l(this,"name",W);l(this,"state",{visible:!0,enabled:!0,disposed:!1});l(this,"objectHelperMap",new Map);this.five=e,console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"),Object.assign(window,{[`__${W.toUpperCase()}_DEBUG__`]:this})}show(e){return A(this,null,function*(){this.setState({visible:!0},e)})}hide(e){return A(this,null,function*(){this.setState({visible:!1},e)})}enable(e){this.setState({enabled:!0},e)}disable(e){this.setState({enabled:!1},e)}dispose(){this.setState({disposed:!0})}setState(e,t){if(this.state.disposed)return Ue();if(!this.state.enabled&&e.enabled!==!0&&e.disposed!==!0)return Be();const n=v({},this.state);this.state=v(v({},this.state),e),e.disposed!==void 0&&e.disposed!==n.disposed&&e.disposed&&this.handleDispose(),e.visible!==void 0&&e.visible!==n.visible&&this.handleVisible(e.visible),e.enabled!==void 0&&e.enabled!==n.enabled&&this.handleEnable(e.enabled),this.hooks.emit("stateChange",{state:this.state,prevState:n})}getObject3DHelper(e){return this.objectHelperMap.get(e)}addObject3DHelper(e,t={}){var u;if(!e)return console.error("Object3D is undefined");if(this.objectHelperMap.has(e)){console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);return}const n=new Qe;this.objectHelperMap.set(e,n);const i=(u=this.five.getElement())==null?void 0:u.parentElement,r=this.five.camera,{moveHelper:a=!0,rotateHelper:c=!0,scaleHelper:p=!0}=t;if(a){const g=new Se(e),d=new Y(this.five,ke,e,g);n.addControllers({moveController:d.helperController})}if(c){let g;i&&r&&(g={container:i});const d=new Pe(e,g),m=new Y(this.five,Ge,e,d);n.addControllers({rotateController:m.helperController})}if(p&&i){const g=new Ae(e,i,r,this.five.scene),d=new Y(this.five,Fe,e,g);n.addControllers({scaleController:d.helperController})}e.isCSS3DObjectPlus&&e.changeMode("behind",this.five.scene)}removeObject3DHelper(e){const t=this.objectHelperMap.get(e);!t||(e.isCSS3DObjectPlus&&e.changeMode("front"),this.objectHelperMap.delete(e),t.dispose())}handleEnable(e,t=!0){e?(this.everyHelperDo(n=>n.enable()),this.hooks.emit("enable",{userAction:t})):(this.everyHelperDo(n=>n.disable()),this.hooks.emit("disable",{userAction:t})),this.state.enabled=e}handleVisible(e,t=!0){e?(this.everyHelperDo(n=>n.show()),this.actionIfStateIsEnabled(()=>this.hooks.emit("show",{userAction:t}))):(this.everyHelperDo(n=>n.hide()),this.actionIfStateIsEnabled(()=>this.hooks.emit("hide",{userAction:t}))),this.state.visible=e}handleDispose(){this.everyHelperDo(e=>e.dispose())}everyHelperDo(e){this.objectHelperMap.forEach(t=>{t&&e(t)})}actionIfStateIsEnabled(e,t){if(this.state.enabled)return e();t!=null&&t.warnLog&&Xe()}}const pe=o=>new he(o);exports.Object3DHelperController=he;exports.Object3DHelperPlugin=pe;exports.PLUGIN=V;exports.VERSION=ee;exports.default=pe;

package/dist/PanoCompassPlugin/index..js

@@ -0,0 +1,258 @@
+var D = Object.defineProperty;
+var v = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var A = (o, s, e) => s in o ? D(o, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[s] = e, m = (o, s) => {
+  for (var e in s || (s = {}))
+    E.call(s, e) && A(o, e, s[e]);
+  if (v)
+    for (var e of v(s))
+      B.call(s, e) && A(o, e, s[e]);
+  return o;
+};
+var r = (o, s, e) => (A(o, typeof s != "symbol" ? s + "" : s, e), e);
+var d = (o, s, e) => new Promise((t, i) => {
+  var n = (c) => {
+    try {
+      l(e.next(c));
+    } catch (p) {
+      i(p);
+    }
+  }, a = (c) => {
+    try {
+      l(e.throw(c));
+    } catch (p) {
+      i(p);
+    }
+  }, l = (c) => c.done ? t(c.value) : Promise.resolve(c.value).then(n, a);
+  l((e = e.apply(o, s)).next());
+});
+import * as h from "three";
+import { Five as M } from "@realsee/five";
+import { Controller as k } from "../chunks/es/BasePluginWithData.4bf4e649.es.js";
+import { CSS3DRenderPlugin as S } from "../CSS3DRenderPlugin/index..js";
+import { tweenProgress as b } from "../chunks/es/index.b8fdb59b.es.js";
+import "../chunks/es/BasePlugin.813e25f7.es.js";
+import "../chunks/es/Subscribe.c73e0f91.es.js";
+import "../chunks/es/CSS3DRender.5652510e.es.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@tweenjs/tween.js";
+const Q = "data:image/png;base64,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";
+function R() {
+  const o = document.createElement("div"), s = document.createElement("i"), e = document.createElement("span");
+  return o.appendChild(s), o.appendChild(e), o.style.position = "relative", o.style.width = "100%", o.style.display = "flex", o.style.flexDirection = "column", o.style.alignItems = "center", o.style.marginTop = `${150 / 16}rem`, o.style.opacity = "0", o.style.transition = "opacity 1000ms linear", s.style.display = "block", s.style.width = `${134 / 16}rem`, s.style.height = `${22 / 16}rem`, s.style.backgroundSize = "100%", s.style.backgroundRepeat = "no-repeat", s.style.backgroundImage = `url(${Q})`, e.style.marginTop = `${10 / 16}rem`, e.style.fontSize = `${16 / 16}rem`, e.style.color = "#fff", e.style.opacity = "0.7", e.style.textShadow = "0 2px 16px rgb(22 34 83 / 24%)", e.style.fontWeight = "bold", {
+    appendTo(t) {
+      t.appendChild(o);
+    },
+    dispose() {
+      o.remove();
+    },
+    setRoom(t) {
+      e.innerHTML = t.name + " " + Math.floor(t.size / 1e6) + "\u33A1";
+    },
+    show() {
+      o.style.opacity = "1";
+    },
+    hide() {
+      o.style.opacity = "0";
+    }
+  };
+}
+const P = new h.TextureLoader();
+function C(o) {
+  return d(this, null, function* () {
+    return new Promise((s, e) => {
+      P.load(o, s, void 0, e);
+    }).then((s) => (s.encoding = h.sRGBEncoding, s));
+  });
+}
+const f = { userAction: !0 };
+class w extends k {
+  constructor(e, t) {
+    super(e);
+    r(this, "state", {
+      visible: !0,
+      enabled: !0,
+      config: {
+        compassImageUrl: "//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png",
+        entryDoorImageUrl: "//vrlab-image4.ljcdn.com/release/web/enterDoor.831b8208.png"
+      }
+    });
+    r(this, "data");
+    r(this, "group", new h.Group());
+    r(this, "roomInfoInstance");
+    r(this, "roomInfoWrapperInstance");
+    r(this, "compassMeshTween");
+    r(this, "compassMesh");
+    r(this, "entryDoorMesh");
+    r(this, "dispose", () => {
+      var e, t, i, n;
+      this.five.scene.remove(this.group), this.group.remove(...this.group.children), (t = (e = this.compassMesh) == null ? void 0 : e.material.map) == null || t.dispose(), (n = (i = this.entryDoorMesh) == null ? void 0 : i.material.map) == null || n.dispose(), this.five.off("dispose", this.dispose), this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.off("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
+    });
+    r(this, "_addEventListener", () => {
+      this.five.on("panoArrived", this.onFivePanoArrived), this.five.on("panoWillArrive", this.onFivePanoWillArrive), this.five.on("modeChange", this.onFiveModeChange), this.five.on("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
+    });
+    r(this, "_removeEventListener", () => {
+      this.five.off("panoArrived", this.onFivePanoArrived), this.five.off("panoWillArrive", this.onFivePanoWillArrive), this.five.off("modeChange", this.onFiveModeChange), this.five.off("cameraDirectionUpdate", this.onFiveCameraDirectionUpdate);
+    });
+    r(this, "_enable", () => {
+      this.five.scene.add(this.group), this.init(), this.onFivePanoArrived(this.five.panoIndex || 0), this._addEventListener();
+    });
+    r(this, "_disable", () => {
+      this._clearCompassIfNeed(), this._clearEntryDoorIfNeed(), this.five.scene.remove(this.group), this._removeEventListener();
+    });
+    r(this, "_toggleVisible", () => {
+      this.group.visible = this.state.visible, this.five.needsRender = !0;
+    });
+    r(this, "_clearCompassIfNeed", () => {
+      var e;
+      this.compassMesh && (this.group.remove(this.compassMesh), (e = this.compassMesh.material.map) == null || e.dispose(), this.compassMesh = null);
+    });
+    r(this, "_clearEntryDoorIfNeed", () => {
+      var e;
+      this.entryDoorMesh && (this.group.remove(this.entryDoorMesh), (e = this.entryDoorMesh.material.map) == null || e.dispose(), this.entryDoorMesh = null), this.roomInfoInstance && (this.roomInfoInstance.dispose(), this.roomInfoInstance = null), this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.dispose(), this.roomInfoWrapperInstance = null);
+    });
+    r(this, "onFivePanoWillArrive", (e) => {
+      var t, i;
+      e !== this.five.panoIndex && ((t = this.compassMeshTween) == null || t.dispose(), (i = this.compassMesh) == null || i.material.setValues({ opacity: 0 }));
+    });
+    r(this, "onFivePanoArrived", (e) => {
+      var i, n, a, l, c, p, g;
+      const t = (a = (n = (i = this.five.work) == null ? void 0 : i.observers) == null ? void 0 : n[e]) == null ? void 0 : a.standingPosition;
+      if (this.compassMesh && (this.compassMesh.position.copy(t.clone().setY(t.y + 0.01)), this.compassMesh.material.opacity === 0 && ((l = this.compassMeshTween) == null || l.dispose(), this.compassMeshTween = b(1e3).onUpdate(({ progress: y }) => {
+        var I;
+        (I = this.compassMesh) == null || I.material.setValues({ opacity: y }), this.five.needsRender = !0;
+      }).play())), this.entryDoorMesh) {
+        const I = new h.Vector3(
+          this.data.entrance.position.x,
+          this.data.entrance.position.y,
+          this.data.entrance.position.z
+        ).clone().setY(t.y).sub(t).normalize(), u = t.clone().add(I.clone().multiplyScalar(0.7)).setY(t.y + 0.01);
+        this.entryDoorMesh.rotation.z = new h.Vector3(0, 0, -1).angleTo(I), this.entryDoorMesh.position.copy(u), ((c = this.data) == null ? void 0 : c.room_observers[e].room.type) === 1 ? (p = this.entryDoorMesh) == null || p.material.setValues({ opacity: 1 }) : (g = this.entryDoorMesh) == null || g.material.setValues({ opacity: 0 });
+      }
+      this.roomInfoInstance && this.roomInfoWrapperInstance && (this.roomInfoWrapperInstance.css3DObject.position.copy(
+        t.clone().setY(t.y + 0.01)
+      ), this.roomInfoInstance.setRoom(this.data.room_observers[e].room)), this.five.needsRender = !0;
+    });
+    r(this, "onFiveCameraDirectionUpdate", ({
+      longitude: e,
+      latitude: t
+    }) => {
+      var i, n;
+      !this.roomInfoWrapperInstance || (this.roomInfoWrapperInstance.css3DObject.rotation.z = e, t > 0.66 && this.five.getCurrentState().mode === "Panorama" ? (i = this.roomInfoInstance) == null || i.show() : (n = this.roomInfoInstance) == null || n.hide());
+    });
+    r(this, "onFiveModeChange", (e, t, i, n, a) => {
+      e !== t && this.setState(
+        {
+          visible: e === M.Mode.Panorama
+        },
+        { userAction: a }
+      );
+    });
+    this.five.scene.add(this.group), this.five.once("dispose", this.dispose), this.setState({
+      visible: !0,
+      enabled: !0,
+      config: m(m({}, this.state.config), t || {})
+    });
+  }
+  enable(e = f) {
+    this.setState(
+      {
+        enabled: !0
+      },
+      e
+    );
+  }
+  disable(e = f) {
+    this.setState(
+      {
+        enabled: !1
+      },
+      e
+    );
+  }
+  show(e = f) {
+    if (!!this.state.enabled)
+      return this.setState(
+        {
+          visible: !0
+        },
+        e
+      ), Promise.resolve();
+  }
+  hide(e = f) {
+    if (!!this.state.enabled)
+      return this.setState(
+        {
+          visible: !1
+        },
+        e
+      ), Promise.resolve();
+  }
+  setState(e, t = { userAction: !0 }) {
+    var n, a;
+    const i = JSON.parse(JSON.stringify(this.state));
+    this.state = {
+      visible: (n = e.visible) != null ? n : i.visible,
+      enabled: (a = e.enabled) != null ? a : i.enabled,
+      config: m(m({}, i.config), e.config || {})
+    }, this.hooks.emit("stateChange", {
+      state: this.state,
+      prevState: i,
+      userAction: t.userAction
+    }), e.enabled === !0 && (this._enable(), this.hooks.emit("enable", t)), e.enabled === !1 && (this._disable(), this.hooks.emit("disable", t)), e.visible === !1 && (this._toggleVisible(), this.hooks.emit("hide", t)), e.visible === !0 && (this._toggleVisible(), this.hooks.emit("show", t)), e.config && this.init();
+  }
+  load(e, t, i = !0) {
+    return d(this, null, function* () {
+      const n = yield this.formatData(e);
+      JSON.stringify(this.data) !== JSON.stringify(n) && (this.hooks.emit("dataChange", n, this.data), this.data = m({}, n), this.init(), t && this.setState(t, { userAction: i }), this.hooks.emit("dataLoaded", this.data));
+    });
+  }
+  formatData(e) {
+    return e.version && e.data ? Promise.resolve(e.data) : Promise.resolve(e);
+  }
+  init() {
+    return d(this, null, function* () {
+      var i, n, a, l;
+      const e = (n = (i = this.data) == null ? void 0 : i.north_rad) != null ? n : null;
+      this._clearCompassIfNeed(), e !== null && (this.compassMesh = yield this.loadCompassMesh(), this.compassMesh.rotateX(-Math.PI / 2), this.compassMesh.rotateZ(e - Math.PI / 2), this.group.add(this.compassMesh));
+      const t = (l = (a = this.data) == null ? void 0 : a.entrance) != null ? l : null;
+      this._clearEntryDoorIfNeed(), t !== null && (this.entryDoorMesh = yield this.loadEntryDoorMesh(), this.roomInfoWrapperInstance = this.loadRoomInfo(), this.roomInfoInstance = R(), this.entryDoorMesh.rotateX(-Math.PI / 2), this.roomInfoWrapperInstance && this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container), this.group.add(this.entryDoorMesh)), this.onFivePanoArrived(this.five.panoIndex || 0), this.five.needsRender = !0;
+    });
+  }
+  loadCompassMesh() {
+    return d(this, null, function* () {
+      const e = this.state.config.compassImageUrl, t = yield C(e), i = new h.CircleGeometry(0.7, 32), n = new h.MeshBasicMaterial({
+        map: t,
+        transparent: !0,
+        opacity: 0,
+        depthTest: !1
+      }), a = new h.Mesh(i, n);
+      return a.name = "pano-compass-mesh", a;
+    });
+  }
+  loadEntryDoorMesh() {
+    return d(this, null, function* () {
+      const e = this.state.config.entryDoorImageUrl, t = yield C(e), i = new h.PlaneGeometry(0.2, 0.16), n = new h.MeshBasicMaterial({
+        map: t,
+        transparent: !0,
+        opacity: 0.8,
+        depthTest: !1
+      }), a = new h.Mesh(i, n);
+      return a.name = "pano-compass-entry-door", a;
+    });
+  }
+  loadRoomInfo() {
+    const e = [
+      new h.Vector3(-0.7, 0, -0.7),
+      new h.Vector3(0.7, 0, -0.7),
+      new h.Vector3(0.7, 0, 0.7),
+      new h.Vector3(-0.7, 0, 0.7)
+    ];
+    return S(this.five).create3DDomContainer(e);
+  }
+}
+const K = (o, s) => new w(o, s);
+export {
+  K as PanoCompassPlugin,
+  K as default
+};

package/dist/PanoCompassPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var E=Object.defineProperty;var y=Object.getOwnPropertySymbols;var B=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var A=(t,o,e)=>o in t?E(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,p=(t,o)=>{for(var e in o||(o={}))B.call(o,e)&&A(t,e,o[e]);if(y)for(var e of y(o))M.call(o,e)&&A(t,e,o[e]);return t};var r=(t,o,e)=>(A(t,typeof o!="symbol"?o+"":o,e),e);var m=(t,o,e)=>new Promise((s,i)=>{var n=c=>{try{l(e.next(c))}catch(d){i(d)}},a=c=>{try{l(e.throw(c))}catch(d){i(d)}},l=c=>c.done?s(c.value):Promise.resolve(c.value).then(n,a);l((e=e.apply(t,o)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const S=require("three"),k=require("@realsee/five"),b=require("../chunks/cjs/BasePluginWithData.0a28882d.cjs.js"),P=require("../CSS3DRenderPlugin/index.cjs.js"),R=require("../chunks/cjs/index.7d2010ce.cjs.js");require("../chunks/cjs/BasePlugin.57e5204f.cjs.js");require("../chunks/cjs/Subscribe.5398d5c6.cjs.js");require("../chunks/cjs/CSS3DRender.15349564.cjs.js");require("three/examples/jsm/renderers/CSS3DRenderer");require("@tweenjs/tween.js");function Q(t){if(t&&t.__esModule)return t;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,s.get?s:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const h=Q(S),w="data:image/png;base64,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";function j(){const t=document.createElement("div"),o=document.createElement("i"),e=document.createElement("span");return t.appendChild(o),t.appendChild(e),t.style.position="relative",t.style.width="100%",t.style.display="flex",t.style.flexDirection="column",t.style.alignItems="center",t.style.marginTop=`${150/16}rem`,t.style.opacity="0",t.style.transition="opacity 1000ms linear",o.style.display="block",o.style.width=`${134/16}rem`,o.style.height=`${22/16}rem`,o.style.backgroundSize="100%",o.style.backgroundRepeat="no-repeat",o.style.backgroundImage=`url(${w})`,e.style.marginTop=`${10/16}rem`,e.style.fontSize=`${16/16}rem`,e.style.color="#fff",e.style.opacity="0.7",e.style.textShadow="0 2px 16px rgb(22 34 83 / 24%)",e.style.fontWeight="bold",{appendTo(s){s.appendChild(t)},dispose(){t.remove()},setRoom(s){e.innerHTML=s.name+" "+Math.floor(s.size/1e6)+"\u33A1"},show(){t.style.opacity="1"},hide(){t.style.opacity="0"}}}const x=new h.TextureLoader;function v(t){return m(this,null,function*(){return new Promise((o,e)=>{x.load(t,o,void 0,e)}).then(o=>(o.encoding=h.sRGBEncoding,o))})}const I={userAction:!0};class T extends b.Controller{constructor(e,s){super(e);r(this,"state",{visible:!0,enabled:!0,config:{compassImageUrl:"//vrlab-image4.ljcdn.com/release/web/v3/north-point-circle.96498e69.png",entryDoorImageUrl:"//vrlab-image4.ljcdn.com/release/web/enterDoor.831b8208.png"}});r(this,"data");r(this,"group",new h.Group);r(this,"roomInfoInstance");r(this,"roomInfoWrapperInstance");r(this,"compassMeshTween");r(this,"compassMesh");r(this,"entryDoorMesh");r(this,"dispose",()=>{var e,s,i,n;this.five.scene.remove(this.group),this.group.remove(...this.group.children),(s=(e=this.compassMesh)==null?void 0:e.material.map)==null||s.dispose(),(n=(i=this.entryDoorMesh)==null?void 0:i.material.map)==null||n.dispose(),this.five.off("dispose",this.dispose),this.five.off("panoArrived",this.onFivePanoArrived),this.five.off("panoWillArrive",this.onFivePanoWillArrive),this.five.off("cameraDirectionUpdate",this.onFiveCameraDirectionUpdate)});r(this,"_addEventListener",()=>{this.five.on("panoArrived",this.onFivePanoArrived),this.five.on("panoWillArrive",this.onFivePanoWillArrive),this.five.on("modeChange",this.onFiveModeChange),this.five.on("cameraDirectionUpdate",this.onFiveCameraDirectionUpdate)});r(this,"_removeEventListener",()=>{this.five.off("panoArrived",this.onFivePanoArrived),this.five.off("panoWillArrive",this.onFivePanoWillArrive),this.five.off("modeChange",this.onFiveModeChange),this.five.off("cameraDirectionUpdate",this.onFiveCameraDirectionUpdate)});r(this,"_enable",()=>{this.five.scene.add(this.group),this.init(),this.onFivePanoArrived(this.five.panoIndex||0),this._addEventListener()});r(this,"_disable",()=>{this._clearCompassIfNeed(),this._clearEntryDoorIfNeed(),this.five.scene.remove(this.group),this._removeEventListener()});r(this,"_toggleVisible",()=>{this.group.visible=this.state.visible,this.five.needsRender=!0});r(this,"_clearCompassIfNeed",()=>{var e;this.compassMesh&&(this.group.remove(this.compassMesh),(e=this.compassMesh.material.map)==null||e.dispose(),this.compassMesh=null)});r(this,"_clearEntryDoorIfNeed",()=>{var e;this.entryDoorMesh&&(this.group.remove(this.entryDoorMesh),(e=this.entryDoorMesh.material.map)==null||e.dispose(),this.entryDoorMesh=null),this.roomInfoInstance&&(this.roomInfoInstance.dispose(),this.roomInfoInstance=null),this.roomInfoWrapperInstance&&(this.roomInfoWrapperInstance.dispose(),this.roomInfoWrapperInstance=null)});r(this,"onFivePanoWillArrive",e=>{var s,i;e!==this.five.panoIndex&&((s=this.compassMeshTween)==null||s.dispose(),(i=this.compassMesh)==null||i.material.setValues({opacity:0}))});r(this,"onFivePanoArrived",e=>{var i,n,a,l,c,d,u;const s=(a=(n=(i=this.five.work)==null?void 0:i.observers)==null?void 0:n[e])==null?void 0:a.standingPosition;if(this.compassMesh&&(this.compassMesh.position.copy(s.clone().setY(s.y+.01)),this.compassMesh.material.opacity===0&&((l=this.compassMeshTween)==null||l.dispose(),this.compassMeshTween=R.tweenProgress(1e3).onUpdate(({progress:g})=>{var f;(f=this.compassMesh)==null||f.material.setValues({opacity:g}),this.five.needsRender=!0}).play())),this.entryDoorMesh){const f=new h.Vector3(this.data.entrance.position.x,this.data.entrance.position.y,this.data.entrance.position.z).clone().setY(s.y).sub(s).normalize(),D=s.clone().add(f.clone().multiplyScalar(.7)).setY(s.y+.01);this.entryDoorMesh.rotation.z=new h.Vector3(0,0,-1).angleTo(f),this.entryDoorMesh.position.copy(D),((c=this.data)==null?void 0:c.room_observers[e].room.type)===1?(d=this.entryDoorMesh)==null||d.material.setValues({opacity:1}):(u=this.entryDoorMesh)==null||u.material.setValues({opacity:0})}this.roomInfoInstance&&this.roomInfoWrapperInstance&&(this.roomInfoWrapperInstance.css3DObject.position.copy(s.clone().setY(s.y+.01)),this.roomInfoInstance.setRoom(this.data.room_observers[e].room)),this.five.needsRender=!0});r(this,"onFiveCameraDirectionUpdate",({longitude:e,latitude:s})=>{var i,n;!this.roomInfoWrapperInstance||(this.roomInfoWrapperInstance.css3DObject.rotation.z=e,s>.66&&this.five.getCurrentState().mode==="Panorama"?(i=this.roomInfoInstance)==null||i.show():(n=this.roomInfoInstance)==null||n.hide())});r(this,"onFiveModeChange",(e,s,i,n,a)=>{e!==s&&this.setState({visible:e===k.Five.Mode.Panorama},{userAction:a})});this.five.scene.add(this.group),this.five.once("dispose",this.dispose),this.setState({visible:!0,enabled:!0,config:p(p({},this.state.config),s||{})})}enable(e=I){this.setState({enabled:!0},e)}disable(e=I){this.setState({enabled:!1},e)}show(e=I){if(!!this.state.enabled)return this.setState({visible:!0},e),Promise.resolve()}hide(e=I){if(!!this.state.enabled)return this.setState({visible:!1},e),Promise.resolve()}setState(e,s={userAction:!0}){var n,a;const i=JSON.parse(JSON.stringify(this.state));this.state={visible:(n=e.visible)!=null?n:i.visible,enabled:(a=e.enabled)!=null?a:i.enabled,config:p(p({},i.config),e.config||{})},this.hooks.emit("stateChange",{state:this.state,prevState:i,userAction:s.userAction}),e.enabled===!0&&(this._enable(),this.hooks.emit("enable",s)),e.enabled===!1&&(this._disable(),this.hooks.emit("disable",s)),e.visible===!1&&(this._toggleVisible(),this.hooks.emit("hide",s)),e.visible===!0&&(this._toggleVisible(),this.hooks.emit("show",s)),e.config&&this.init()}load(e,s,i=!0){return m(this,null,function*(){const n=yield this.formatData(e);JSON.stringify(this.data)!==JSON.stringify(n)&&(this.hooks.emit("dataChange",n,this.data),this.data=p({},n),this.init(),s&&this.setState(s,{userAction:i}),this.hooks.emit("dataLoaded",this.data))})}formatData(e){return e.version&&e.data?Promise.resolve(e.data):Promise.resolve(e)}init(){return m(this,null,function*(){var i,n,a,l;const e=(n=(i=this.data)==null?void 0:i.north_rad)!=null?n:null;this._clearCompassIfNeed(),e!==null&&(this.compassMesh=yield this.loadCompassMesh(),this.compassMesh.rotateX(-Math.PI/2),this.compassMesh.rotateZ(e-Math.PI/2),this.group.add(this.compassMesh));const s=(l=(a=this.data)==null?void 0:a.entrance)!=null?l:null;this._clearEntryDoorIfNeed(),s!==null&&(this.entryDoorMesh=yield this.loadEntryDoorMesh(),this.roomInfoWrapperInstance=this.loadRoomInfo(),this.roomInfoInstance=j(),this.entryDoorMesh.rotateX(-Math.PI/2),this.roomInfoWrapperInstance&&this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container),this.group.add(this.entryDoorMesh)),this.onFivePanoArrived(this.five.panoIndex||0),this.five.needsRender=!0})}loadCompassMesh(){return m(this,null,function*(){const e=this.state.config.compassImageUrl,s=yield v(e),i=new h.CircleGeometry(.7,32),n=new h.MeshBasicMaterial({map:s,transparent:!0,opacity:0,depthTest:!1}),a=new h.Mesh(i,n);return a.name="pano-compass-mesh",a})}loadEntryDoorMesh(){return m(this,null,function*(){const e=this.state.config.entryDoorImageUrl,s=yield v(e),i=new h.PlaneGeometry(.2,.16),n=new h.MeshBasicMaterial({map:s,transparent:!0,opacity:.8,depthTest:!1}),a=new h.Mesh(i,n);return a.name="pano-compass-entry-door",a})}loadRoomInfo(){const e=[new h.Vector3(-.7,0,-.7),new h.Vector3(.7,0,-.7),new h.Vector3(.7,0,.7),new h.Vector3(-.7,0,.7)];return P.CSS3DRenderPlugin(this.five).create3DDomContainer(e)}}const C=(t,o)=>new T(t,o);exports.PanoCompassPlugin=C;exports.default=C;

package/dist/PanoCursorRaycasterPlugin/index..js

@@ -0,0 +1,63 @@
+import { Vector3 as s, Group as L, Raycaster as M } from "three";
+import { Line as g } from "@realsee/five/line";
+function w(e, i, l = new s(1, 1, 1), p = !1) {
+  const d = new g(e, i);
+  return d.setMaterial({ dashed: p, color: l, linewidth: 1 }), d.remove(d.points), d;
+}
+const O = (e) => {
+  const i = {
+    intersection: null,
+    disposers: []
+  }, l = (t) => {
+    i.intersection = t;
+  }, p = () => {
+    i.intersection = null;
+  };
+  e.on("modelLoaded", () => {
+    e.on("intersectionOnModelUpdate", l), e.on("intersectionHidden", p);
+  }), e.on("dispose", () => {
+    e.off("intersectionOnModelUpdate", l), e.off("intersectionHidden", p);
+  });
+  const d = (t, c = 2, o = 0.1) => {
+    const r = c / 2, n = y(t, o), a = new L();
+    a.add(
+      w(
+        new s(n.x + r, n.y, n.z),
+        new s(n.x - r, n.y, n.z),
+        new s(1, 0, 0)
+      ),
+      w(
+        new s(n.x, n.y + r, n.z),
+        new s(n.x, n.y - r, n.z),
+        new s(0, 1, 0)
+      ),
+      w(
+        new s(n.x, n.y, n.z + r),
+        new s(n.x, n.y, n.z - r),
+        new s(0, 0, 1)
+      )
+    ), e.scene.add(a), e.needsRender = !0;
+    const u = () => {
+      e.scene.remove(a);
+    };
+    return i.disposers.push(u), { clear: u, pointAxesHelperMesh: a };
+  }, h = (t, c = 0) => {
+    var u, P;
+    const o = (u = e == null ? void 0 : e.camera) == null ? void 0 : u.position;
+    if (!o)
+      return !1;
+    const r = t.distanceTo(o), m = t.sub(o).normalize(), n = new M(o, m), a = (P = e.model.intersectRaycaster(n)) == null ? void 0 : P[0];
+    return !(a && a.distance + c < r);
+  }, z = () => i.intersection, x = () => {
+    var t, c;
+    (c = (t = i.disposers) == null ? void 0 : t.forEach) == null || c.call(t, (o) => o == null ? void 0 : o()), e.off("intersectionOnModelUpdate", l), e.off("intersectionHidden", p);
+  }, H = x, y = (t, c) => {
+    const o = t.clone();
+    return e.camera.position.clone().sub(o).setLength(c).add(o);
+  };
+  return { intersection: z, pointAxesHelper: d, movePointTowardsCamera: y, destroy: x, dispose: H, canSeePoint: h };
+};
+export {
+  O as PanoCursorRaycasterPlugin,
+  O as default
+};

package/dist/PanoCursorRaycasterPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("three"),M=require("@realsee/five/line");function m(n,i,l=new r.Vector3(1,1,1),u=!1){const d=new M.Line(n,i);return d.setMaterial({dashed:u,color:l,linewidth:1}),d.remove(d.points),d}const h=n=>{const i={intersection:null,disposers:[]},l=t=>{i.intersection=t},u=()=>{i.intersection=null};n.on("modelLoaded",()=>{n.on("intersectionOnModelUpdate",l),n.on("intersectionHidden",u)}),n.on("dispose",()=>{n.off("intersectionOnModelUpdate",l),n.off("intersectionHidden",u)});const d=(t,c=2,o=.1)=>{const s=c/2,e=P(t,o),a=new r.Group;a.add(m(new r.Vector3(e.x+s,e.y,e.z),new r.Vector3(e.x-s,e.y,e.z),new r.Vector3(1,0,0)),m(new r.Vector3(e.x,e.y+s,e.z),new r.Vector3(e.x,e.y-s,e.z),new r.Vector3(0,1,0)),m(new r.Vector3(e.x,e.y,e.z+s),new r.Vector3(e.x,e.y,e.z-s),new r.Vector3(0,0,1))),n.scene.add(a),n.needsRender=!0;const p=()=>{n.scene.remove(a)};return i.disposers.push(p),{clear:p,pointAxesHelperMesh:a}},x=(t,c=0)=>{var p,V;const o=(p=n==null?void 0:n.camera)==null?void 0:p.position;if(!o)return!1;const s=t.distanceTo(o),w=t.sub(o).normalize(),e=new r.Raycaster(o,w),a=(V=n.model.intersectRaycaster(e))==null?void 0:V[0];return!(a&&a.distance+c<s)},g=()=>i.intersection,y=()=>{var t,c;(c=(t=i.disposers)==null?void 0:t.forEach)==null||c.call(t,o=>o==null?void 0:o()),n.off("intersectionOnModelUpdate",l),n.off("intersectionHidden",u)},z=y,P=(t,c)=>{const o=t.clone();return n.camera.position.clone().sub(o).setLength(c).add(o)};return{intersection:g,pointAxesHelper:d,movePointTowardsCamera:P,destroy:y,dispose:z,canSeePoint:x}};exports.PanoCursorRaycasterPlugin=h;exports.default=h;