(function(y,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("three")):typeof define=="function"&&define.amd?define(["exports","three"],s):(y=typeof globalThis<"u"?globalThis:y||self,s(y.ThreeViewportGizmo={},y.THREE))})(this,function(y,s){"use strict";var wt=Object.defineProperty;var xt=(y,s,z)=>s in y?wt(y,s,{enumerable:!0,configurable:!0,writable:!0,value:z}):y[s]=z;var u=(y,s,z)=>xt(y,typeof s!="symbol"?s+"":s,z);const z=(o,t,e,i,n)=>{const r=document.createElement("div"),a=e.top??0,c=e.left??0,f=e.right??0,p=e.bottom??0,[d,l]=o.split("-");return Object.assign(r.style,{height:`${t}px`,width:`${t}px`,borderRadius:"100%",position:"absolute",background:"#fff3",opacity:"0",zIndex:"10000",transform:`${l==="center"?"translateX(-50%)":""} ${d==="center"?"translateY(-50%)":""}`,margin:`${a}px ${f}px ${p}px ${c}px`,left:l==="left"?"0":l==="center"?"50%":"",right:l==="right"?"0":"",top:d==="top"?"0":d==="bottom"?"":"50%",bottom:d==="bottom"?"0":""}),i&&(r.id=i),n&&(r.className=n),r},j=new s.Box3,O=new s.Vector3;class q extends s.InstancedBufferGeometry{constructor(){super(),this.isLineSegmentsGeometry=!0,this.type="LineSegmentsGeometry";const t=[-1,2,0,1,2,0,-1,1,0,1,1,0,-1,0,0,1,0,0,-1,-1,0,1,-1,0],e=[-1,2,1,2,-1,1,1,1,-1,-1,1,-1,-1,-2,1,-2],i=[0,2,1,2,3,1,2,4,3,4,5,3,4,6,5,6,7,5];this.setIndex(i),this.setAttribute("position",new s.Float32BufferAttribute(t,3)),this.setAttribute("uv",new s.Float32BufferAttribute(e,2))}applyMatrix4(t){const e=this.attributes.instanceStart,i=this.attributes.instanceEnd;return e!==void 0&&(e.applyMatrix4(t),i.applyMatrix4(t),e.needsUpdate=!0),this.boundingBox!==null&&this.computeBoundingBox(),this.boundingSphere!==null&&this.computeBoundingSphere(),this}setPositions(t){let e;t instanceof Float32Array?e=t:Array.isArray(t)&&(e=new Float32Array(t));const i=new s.InstancedInterleavedBuffer(e,6,1);return this.setAttribute("instanceStart",new s.InterleavedBufferAttribute(i,3,0)),this.setAttribute("instanceEnd",new s.InterleavedBufferAttribute(i,3,3)),this.computeBoundingBox(),this.computeBoundingSphere(),this}setColors(t){let e;t instanceof Float32Array?e=t:Array.isArray(t)&&(e=new Float32Array(t));const i=new s.InstancedInterleavedBuffer(e,6,1);return this.setAttribute("instanceColorStart",new s.InterleavedBufferAttribute(i,3,0)),this.setAttribute("instanceColorEnd",new s.InterleavedBufferAttribute(i,3,3)),this}fromWireframeGeometry(t){return this.setPositions(t.attributes.position.array),this}fromEdgesGeometry(t){return this.setPositions(t.attributes.position.array),this}fromMesh(t){return this.fromWireframeGeometry(new s.WireframeGeometry(t.geometry)),this}fromLineSegments(t){const e=t.geometry;return this.setPositions(e.attributes.position.array),this}computeBoundingBox(){this.boundingBox===null&&(this.boundingBox=new s.Box3);const t=this.attributes.instanceStart,e=this.attributes.instanceEnd;t!==void 0&&e!==void 0&&(this.boundingBox.setFromBufferAttribute(t),j.setFromBufferAttribute(e),this.boundingBox.union(j))}computeBoundingSphere(){this.boundingSphere===null&&(this.boundingSphere=new s.Sphere),this.boundingBox===null&&this.computeBoundingBox();const t=this.attributes.instanceStart,e=this.attributes.instanceEnd;if(t!==void 0&&e!==void 0){const i=this.boundingSphere.center;this.boundingBox.getCenter(i);let n=0;for(let r=0,a=t.count;r<a;r++)O.fromBufferAttribute(t,r),n=Math.max(n,i.distanceToSquared(O)),O.fromBufferAttribute(e,r),n=Math.max(n,i.distanceToSquared(O));this.boundingSphere.radius=Math.sqrt(n),isNaN(this.boundingSphere.radius)&&console.error("THREE.LineSegmentsGeometry.computeBoundingSphere(): Computed radius is NaN. The instanced position data is likely to have NaN values.",this)}}toJSON(){}applyMatrix(t){return console.warn("THREE.LineSegmentsGeometry: applyMatrix() has been renamed to applyMatrix4()."),this.applyMatrix4(t)}}s.UniformsLib.line={worldUnits:{value:1},linewidth:{value:1},resolution:{value:new s.Vector2(1,1)},dashOffset:{value:0},dashScale:{value:1},dashSize:{value:1},gapSize:{value:1}},s.ShaderLib.line={uniforms:s.UniformsUtils.merge([s.UniformsLib.common,s.UniformsLib.fog,s.UniformsLib.line]),vertexShader:`
		#include <common>
		#include <color_pars_vertex>
		#include <fog_pars_vertex>
		#include <logdepthbuf_pars_vertex>
		#include <clipping_planes_pars_vertex>

		uniform float linewidth;
		uniform vec2 resolution;

		attribute vec3 instanceStart;
		attribute vec3 instanceEnd;

		attribute vec3 instanceColorStart;
		attribute vec3 instanceColorEnd;

		#ifdef WORLD_UNITS

			varying vec4 worldPos;
			varying vec3 worldStart;
			varying vec3 worldEnd;

			#ifdef USE_DASH

				varying vec2 vUv;

			#endif

		#else

			varying vec2 vUv;

		#endif

		#ifdef USE_DASH

			uniform float dashScale;
			attribute float instanceDistanceStart;
			attribute float instanceDistanceEnd;
			varying float vLineDistance;

		#endif

		void trimSegment( const in vec4 start, inout vec4 end ) {

			// trim end segment so it terminates between the camera plane and the near plane

			// conservative estimate of the near plane
			float a = projectionMatrix[ 2 ][ 2 ]; // 3nd entry in 3th column
			float b = projectionMatrix[ 3 ][ 2 ]; // 3nd entry in 4th column
			float nearEstimate = - 0.5 * b / a;

			float alpha = ( nearEstimate - start.z ) / ( end.z - start.z );

			end.xyz = mix( start.xyz, end.xyz, alpha );

		}

		void main() {

			#ifdef USE_COLOR

				vColor.xyz = ( position.y < 0.5 ) ? instanceColorStart : instanceColorEnd;

			#endif

			#ifdef USE_DASH

				vLineDistance = ( position.y < 0.5 ) ? dashScale * instanceDistanceStart : dashScale * instanceDistanceEnd;
				vUv = uv;

			#endif

			float aspect = resolution.x / resolution.y;

			// camera space
			vec4 start = modelViewMatrix * vec4( instanceStart, 1.0 );
			vec4 end = modelViewMatrix * vec4( instanceEnd, 1.0 );

			#ifdef WORLD_UNITS

				worldStart = start.xyz;
				worldEnd = end.xyz;

			#else

				vUv = uv;

			#endif

			// special case for perspective projection, and segments that terminate either in, or behind, the camera plane
			// clearly the gpu firmware has a way of addressing this issue when projecting into ndc space
			// but we need to perform ndc-space calculations in the shader, so we must address this issue directly
			// perhaps there is a more elegant solution -- WestLangley

			bool perspective = ( projectionMatrix[ 2 ][ 3 ] == - 1.0 ); // 4th entry in the 3rd column

			if ( perspective ) {

				if ( start.z < 0.0 && end.z >= 0.0 ) {

					trimSegment( start, end );

				} else if ( end.z < 0.0 && start.z >= 0.0 ) {

					trimSegment( end, start );

				}

			}

			// clip space
			vec4 clipStart = projectionMatrix * start;
			vec4 clipEnd = projectionMatrix * end;

			// ndc space
			vec3 ndcStart = clipStart.xyz / clipStart.w;
			vec3 ndcEnd = clipEnd.xyz / clipEnd.w;

			// direction
			vec2 dir = ndcEnd.xy - ndcStart.xy;

			// account for clip-space aspect ratio
			dir.x *= aspect;
			dir = normalize( dir );

			#ifdef WORLD_UNITS

				vec3 worldDir = normalize( end.xyz - start.xyz );
				vec3 tmpFwd = normalize( mix( start.xyz, end.xyz, 0.5 ) );
				vec3 worldUp = normalize( cross( worldDir, tmpFwd ) );
				vec3 worldFwd = cross( worldDir, worldUp );
				worldPos = position.y < 0.5 ? start: end;

				// height offset
				float hw = linewidth * 0.5;
				worldPos.xyz += position.x < 0.0 ? hw * worldUp : - hw * worldUp;

				// don't extend the line if we're rendering dashes because we
				// won't be rendering the endcaps
				#ifndef USE_DASH

					// cap extension
					worldPos.xyz += position.y < 0.5 ? - hw * worldDir : hw * worldDir;

					// add width to the box
					worldPos.xyz += worldFwd * hw;

					// endcaps
					if ( position.y > 1.0 || position.y < 0.0 ) {

						worldPos.xyz -= worldFwd * 2.0 * hw;

					}

				#endif

				// project the worldpos
				vec4 clip = projectionMatrix * worldPos;

				// shift the depth of the projected points so the line
				// segments overlap neatly
				vec3 clipPose = ( position.y < 0.5 ) ? ndcStart : ndcEnd;
				clip.z = clipPose.z * clip.w;

			#else

				vec2 offset = vec2( dir.y, - dir.x );
				// undo aspect ratio adjustment
				dir.x /= aspect;
				offset.x /= aspect;

				// sign flip
				if ( position.x < 0.0 ) offset *= - 1.0;

				// endcaps
				if ( position.y < 0.0 ) {

					offset += - dir;

				} else if ( position.y > 1.0 ) {

					offset += dir;

				}

				// adjust for linewidth
				offset *= linewidth;

				// adjust for clip-space to screen-space conversion // maybe resolution should be based on viewport ...
				offset /= resolution.y;

				// select end
				vec4 clip = ( position.y < 0.5 ) ? clipStart : clipEnd;

				// back to clip space
				offset *= clip.w;

				clip.xy += offset;

			#endif

			gl_Position = clip;

			vec4 mvPosition = ( position.y < 0.5 ) ? start : end; // this is an approximation

			#include <logdepthbuf_vertex>
			#include <clipping_planes_vertex>
			#include <fog_vertex>

		}
		`,fragmentShader:`
		uniform vec3 diffuse;
		uniform float opacity;
		uniform float linewidth;

		#ifdef USE_DASH

			uniform float dashOffset;
			uniform float dashSize;
			uniform float gapSize;

		#endif

		varying float vLineDistance;

		#ifdef WORLD_UNITS

			varying vec4 worldPos;
			varying vec3 worldStart;
			varying vec3 worldEnd;

			#ifdef USE_DASH

				varying vec2 vUv;

			#endif

		#else

			varying vec2 vUv;

		#endif

		#include <common>
		#include <color_pars_fragment>
		#include <fog_pars_fragment>
		#include <logdepthbuf_pars_fragment>
		#include <clipping_planes_pars_fragment>

		vec2 closestLineToLine(vec3 p1, vec3 p2, vec3 p3, vec3 p4) {

			float mua;
			float mub;

			vec3 p13 = p1 - p3;
			vec3 p43 = p4 - p3;

			vec3 p21 = p2 - p1;

			float d1343 = dot( p13, p43 );
			float d4321 = dot( p43, p21 );
			float d1321 = dot( p13, p21 );
			float d4343 = dot( p43, p43 );
			float d2121 = dot( p21, p21 );

			float denom = d2121 * d4343 - d4321 * d4321;

			float numer = d1343 * d4321 - d1321 * d4343;

			mua = numer / denom;
			mua = clamp( mua, 0.0, 1.0 );
			mub = ( d1343 + d4321 * ( mua ) ) / d4343;
			mub = clamp( mub, 0.0, 1.0 );

			return vec2( mua, mub );

		}

		void main() {

			#include <clipping_planes_fragment>

			#ifdef USE_DASH

				if ( vUv.y < - 1.0 || vUv.y > 1.0 ) discard; // discard endcaps

				if ( mod( vLineDistance + dashOffset, dashSize + gapSize ) > dashSize ) discard; // todo - FIX

			#endif

			float alpha = opacity;

			#ifdef WORLD_UNITS

				// Find the closest points on the view ray and the line segment
				vec3 rayEnd = normalize( worldPos.xyz ) * 1e5;
				vec3 lineDir = worldEnd - worldStart;
				vec2 params = closestLineToLine( worldStart, worldEnd, vec3( 0.0, 0.0, 0.0 ), rayEnd );

				vec3 p1 = worldStart + lineDir * params.x;
				vec3 p2 = rayEnd * params.y;
				vec3 delta = p1 - p2;
				float len = length( delta );
				float norm = len / linewidth;

				#ifndef USE_DASH

					#ifdef USE_ALPHA_TO_COVERAGE

						float dnorm = fwidth( norm );
						alpha = 1.0 - smoothstep( 0.5 - dnorm, 0.5 + dnorm, norm );

					#else

						if ( norm > 0.5 ) {

							discard;

						}

					#endif

				#endif

			#else

				#ifdef USE_ALPHA_TO_COVERAGE

					// artifacts appear on some hardware if a derivative is taken within a conditional
					float a = vUv.x;
					float b = ( vUv.y > 0.0 ) ? vUv.y - 1.0 : vUv.y + 1.0;
					float len2 = a * a + b * b;
					float dlen = fwidth( len2 );

					if ( abs( vUv.y ) > 1.0 ) {

						alpha = 1.0 - smoothstep( 1.0 - dlen, 1.0 + dlen, len2 );

					}

				#else

					if ( abs( vUv.y ) > 1.0 ) {

						float a = vUv.x;
						float b = ( vUv.y > 0.0 ) ? vUv.y - 1.0 : vUv.y + 1.0;
						float len2 = a * a + b * b;

						if ( len2 > 1.0 ) discard;

					}

				#endif

			#endif

			vec4 diffuseColor = vec4( diffuse, alpha );

			#include <logdepthbuf_fragment>
			#include <color_fragment>

			gl_FragColor = vec4( diffuseColor.rgb, alpha );

			#include <tonemapping_fragment>
			#include <colorspace_fragment>
			#include <fog_fragment>
			#include <premultiplied_alpha_fragment>

		}
		`};class I extends s.ShaderMaterial{constructor(t){super({type:"LineMaterial",uniforms:s.UniformsUtils.clone(s.ShaderLib.line.uniforms),vertexShader:s.ShaderLib.line.vertexShader,fragmentShader:s.ShaderLib.line.fragmentShader,clipping:!0}),this.isLineMaterial=!0,this.setValues(t)}get color(){return this.uniforms.diffuse.value}set color(t){this.uniforms.diffuse.value=t}get worldUnits(){return"WORLD_UNITS"in this.defines}set worldUnits(t){t===!0?this.defines.WORLD_UNITS="":delete this.defines.WORLD_UNITS}get linewidth(){return this.uniforms.linewidth.value}set linewidth(t){this.uniforms.linewidth&&(this.uniforms.linewidth.value=t)}get dashed(){return"USE_DASH"in this.defines}set dashed(t){t===!0!==this.dashed&&(this.needsUpdate=!0),t===!0?this.defines.USE_DASH="":delete this.defines.USE_DASH}get dashScale(){return this.uniforms.dashScale.value}set dashScale(t){this.uniforms.dashScale.value=t}get dashSize(){return this.uniforms.dashSize.value}set dashSize(t){this.uniforms.dashSize.value=t}get dashOffset(){return this.uniforms.dashOffset.value}set dashOffset(t){this.uniforms.dashOffset.value=t}get gapSize(){return this.uniforms.gapSize.value}set gapSize(t){this.uniforms.gapSize.value=t}get opacity(){return this.uniforms.opacity.value}set opacity(t){this.uniforms&&(this.uniforms.opacity.value=t)}get resolution(){return this.uniforms.resolution.value}set resolution(t){this.uniforms.resolution.value.copy(t)}get alphaToCoverage(){return"USE_ALPHA_TO_COVERAGE"in this.defines}set alphaToCoverage(t){this.defines&&(t===!0!==this.alphaToCoverage&&(this.needsUpdate=!0),t===!0?(this.defines.USE_ALPHA_TO_COVERAGE="",this.extensions.derivatives=!0):(delete this.defines.USE_ALPHA_TO_COVERAGE,this.extensions.derivatives=!1))}}const G=new s.Vector3,H=new s.Vector3,g=new s.Vector4,v=new s.Vector4,b=new s.Vector4,V=new s.Vector3,R=new s.Matrix4,_=new s.Line3,N=new s.Vector3,T=new s.Box3,D=new s.Sphere,E=new s.Vector4;let M,A;function $(o,t,e){return E.set(0,0,-t,1).applyMatrix4(o.projectionMatrix),E.multiplyScalar(1/E.w),E.x=A/e.width,E.y=A/e.height,E.applyMatrix4(o.projectionMatrixInverse),E.multiplyScalar(1/E.w),Math.abs(Math.max(E.x,E.y))}function nt(o,t){const e=o.matrixWorld,i=o.geometry,n=i.attributes.instanceStart,r=i.attributes.instanceEnd,a=Math.min(i.instanceCount,n.count);for(let c=0,f=a;c<f;c++){_.start.fromBufferAttribute(n,c),_.end.fromBufferAttribute(r,c),_.applyMatrix4(e);const p=new s.Vector3,d=new s.Vector3;M.distanceSqToSegment(_.start,_.end,d,p),d.distanceTo(p)<A*.5&&t.push({point:d,pointOnLine:p,distance:M.origin.distanceTo(d),object:o,face:null,faceIndex:c,uv:null,uv1:null})}}function st(o,t,e){const i=t.projectionMatrix,r=o.material.resolution,a=o.matrixWorld,c=o.geometry,f=c.attributes.instanceStart,p=c.attributes.instanceEnd,d=Math.min(c.instanceCount,f.count),l=-t.near;M.at(1,b),b.w=1,b.applyMatrix4(t.matrixWorldInverse),b.applyMatrix4(i),b.multiplyScalar(1/b.w),b.x*=r.x/2,b.y*=r.y/2,b.z=0,V.copy(b),R.multiplyMatrices(t.matrixWorldInverse,a);for(let h=0,S=d;h<S;h++){if(g.fromBufferAttribute(f,h),v.fromBufferAttribute(p,h),g.w=1,v.w=1,g.applyMatrix4(R),v.applyMatrix4(R),g.z>l&&v.z>l)continue;if(g.z>l){const C=g.z-v.z,L=(g.z-l)/C;g.lerp(v,L)}else if(v.z>l){const C=v.z-g.z,L=(v.z-l)/C;v.lerp(g,L)}g.applyMatrix4(i),v.applyMatrix4(i),g.multiplyScalar(1/g.w),v.multiplyScalar(1/v.w),g.x*=r.x/2,g.y*=r.y/2,v.x*=r.x/2,v.y*=r.y/2,_.start.copy(g),_.start.z=0,_.end.copy(v),_.end.z=0;const w=_.closestPointToPointParameter(V,!0);_.at(w,N);const U=s.MathUtils.lerp(g.z,v.z,w),B=U>=-1&&U<=1,x=V.distanceTo(N)<A*.5;if(B&&x){_.start.fromBufferAttribute(f,h),_.end.fromBufferAttribute(p,h),_.start.applyMatrix4(a),_.end.applyMatrix4(a);const C=new s.Vector3,L=new s.Vector3;M.distanceSqToSegment(_.start,_.end,L,C),e.push({point:L,pointOnLine:C,distance:M.origin.distanceTo(L),object:o,face:null,faceIndex:h,uv:null,uv1:null})}}}class ot extends s.Mesh{constructor(t=new q,e=new I({color:Math.random()*16777215})){super(t,e),this.isLineSegments2=!0,this.type="LineSegments2"}computeLineDistances(){const t=this.geometry,e=t.attributes.instanceStart,i=t.attributes.instanceEnd,n=new Float32Array(2*e.count);for(let a=0,c=0,f=e.count;a<f;a++,c+=2)G.fromBufferAttribute(e,a),H.fromBufferAttribute(i,a),n[c]=c===0?0:n[c-1],n[c+1]=n[c]+G.distanceTo(H);const r=new s.InstancedInterleavedBuffer(n,2,1);return t.setAttribute("instanceDistanceStart",new s.InterleavedBufferAttribute(r,1,0)),t.setAttribute("instanceDistanceEnd",new s.InterleavedBufferAttribute(r,1,1)),this}raycast(t,e){const i=this.material.worldUnits,n=t.camera;n===null&&!i&&console.error('LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.');const r=t.params.Line2!==void 0&&t.params.Line2.threshold||0;M=t.ray;const a=this.matrixWorld,c=this.geometry,f=this.material;A=f.linewidth+r,c.boundingSphere===null&&c.computeBoundingSphere(),D.copy(c.boundingSphere).applyMatrix4(a);let p;if(i)p=A*.5;else{const l=Math.max(n.near,D.distanceToPoint(M.origin));p=$(n,l,f.resolution)}if(D.radius+=p,M.intersectsSphere(D)===!1)return;c.boundingBox===null&&c.computeBoundingBox(),T.copy(c.boundingBox).applyMatrix4(a);let d;if(i)d=A*.5;else{const l=Math.max(n.near,T.distanceToPoint(M.origin));d=$(n,l,f.resolution)}T.expandByScalar(d),M.intersectsBox(T)!==!1&&(i?nt(this,e):st(this,n,e))}}class Q extends q{constructor(){super(),this.isLineGeometry=!0,this.type="LineGeometry"}setPositions(t){const e=t.length-3,i=new Float32Array(2*e);for(let n=0;n<e;n+=3)i[2*n]=t[n],i[2*n+1]=t[n+1],i[2*n+2]=t[n+2],i[2*n+3]=t[n+3],i[2*n+4]=t[n+4],i[2*n+5]=t[n+5];return super.setPositions(i),this}setColors(t){const e=t.length-3,i=new Float32Array(2*e);for(let n=0;n<e;n+=3)i[2*n]=t[n],i[2*n+1]=t[n+1],i[2*n+2]=t[n+2],i[2*n+3]=t[n+3],i[2*n+4]=t[n+4],i[2*n+5]=t[n+5];return super.setColors(i),this}fromLine(t){const e=t.geometry;return this.setPositions(e.attributes.position.array),this}}class rt extends ot{constructor(t=new Q,e=new I({color:Math.random()*16777215})){super(t,e),this.isLine2=!0,this.type="Line2"}}const at=2*Math.PI,ct={container:document.body,placement:"top-right",size:128,lineWidth:20,animated:!0,speed:1,offset:{top:10,left:10,right:10,bottom:10},font:{family:"helvetica",weight:900},resolution:64,sphere:{enabled:!0,color:16777215,opacity:0,hoverColor:16777215,hoverOpacity:.2},x:{text:"X",colors:{main:"#ff3653"}},y:{text:"Y",colors:{main:"#8adb00"}},z:{text:"Z",colors:{main:"#2c8fff"}},nx:{line:!1,colors:{main:"#ff3653"}},ny:{line:!1,colors:{main:"#8adb00"}},nz:{line:!1,colors:{main:"#2c8fff"}}},k=["x","y","z","nx","ny","nz"],lt={x:[[1,0,0],[0,Math.PI*.5,0]],y:[[0,1,0],[-Math.PI*.5,0,0]],z:[[0,0,1],[0,0,0]],nx:[[-1,0,0],[0,-Math.PI*.5,0]],ny:[[0,-1,0],[Math.PI*.5,0,0]],nz:[[0,0,-1],[0,Math.PI,0]]},dt=o=>{const t=new s.Color,e=[],i=[];if(k.forEach((c,f)=>{const p=o[c];if(p.line===!1)return;const d=f<3?1.1:-1.1,l=f<3?1:1.125;e.push(c.includes("x")?l*d:0,c.includes("y")?l*d:0,c.includes("z")?l*d:0,0,0,0);const h=p.colors.main,[S,m]=Array.isArray(h)?h:[h,h];i.push(...t.set(m).toArray(),...t.set(S).toArray())}),!e.length)return null;const n=new Q;n.setPositions(e),n.setColors(i);const r=new I({linewidth:o.lineWidth??20,vertexColors:!0,resolution:new s.Vector2(window.innerWidth,window.innerHeight)}),a=new rt(n,r);return a.computeLineDistances(),a.scale.set(1,1,1),a.renderOrder=1,a},ut=o=>{const t=typeof o=="string"?document.querySelector(o):o;if(!t)throw Error("Invalid DOM element");return t};function ft({color:o,opacity:t}={}){const e=new s.SphereGeometry(1.8,64,64),i=new s.Mesh(e,new s.MeshBasicMaterial({color:o,side:s.BackSide,transparent:!0,opacity:t??.2}));return i.renderOrder=0,i}function pt(o,t,e,i,n,r,a,c=!0,f=!1){const p=document.createElement("canvas");t=t??64;const d=.02;p.width=t*2+t*(d*4),p.height=t+t*(d*2);const l=t/2,h=t/2+t*d,S=h*3,m=p.getContext("2d");if(X(m,l,h,h,e,c,f),X(m,l,S,h,r||"#FFF",c,f),i!=null){const U=o.family||"sans-serif",B=o.weight||500,x=ht(m,i,U,B,t);m.textAlign="center",m.textBaseline="middle",m.fillStyle=n||"#000",m.fillText(i,h,h+x),m.fillStyle=a||n||"#000",m.fillText(i,S,h+x)}const w=new s.CanvasTexture(p);return w.colorSpace=s.SRGBColorSpace,w.wrapS=w.wrapT=s.RepeatWrapping,w.repeat.x=.5,new s.SpriteMaterial({map:w,toneMapped:!1,transparent:!0})}function X(o,t,e,i,n,r,a=!1){const c=i*.1;t=a?t-c:t,o.beginPath(),o.arc(e,i,t,0,2*Math.PI),o.closePath(),a&&(o.globalAlpha=.2),r&&(o.fillStyle=n,o.fill()),a&&(o.globalAlpha=1,o.strokeStyle=n,o.lineWidth=c,o.stroke())}function ht(o,t,e,i,n){const r=Math.sqrt(Math.pow(n*.7,2)/2);let a=r,c=0,f=0;do{o.font=`${i} ${a}px ${e}`;const l=o.measureText(t);c=l.width,f=l.fontBoundingBoxDescent,a--}while(c>r&&a>0);const p=Math.min(r/c,r/f),d=Math.floor(a*p);return o.font=`${i} ${d}px ${e}`,r/f}function mt(o){const t=new s.Color,{font:e,resolution:i}=o;return k.map((n,r)=>{const{text:a,colors:c,circle:f,border:p}=o[n],d=r<3,l=d?n:n[1],{text:h,main:S,hover:m,hoverText:w}=c,U=Array.isArray(S)?S[1]:S,B=p&&a,x=new s.Sprite(pt(e,i,t.set(U).getStyle(),a,h!=null?t.set(h).getStyle():null,m!=null?t.set(m).getStyle():null,w!=null?t.set(w).getStyle():null,f??!0,p));return x.userData.axis=n,x.userData.forceScale=B,x.scale.setScalar(B||d?.6:.4),x.position[l]=d?1.4:-1.4,x.renderOrder=100,x})}const gt=[["x",0,3],["y",1,4],["z",2,5]],Y=1,Z=.5,J=new s.Vector3;function vt(o,t){J.set(0,0,1).applyQuaternion(t.quaternion),gt.forEach(([e,i,n])=>{const r=J[e];o[i].material.opacity=r>=0?Y:Z,o[n].material.opacity=r>=0?Z:Y})}const _t=(o,t,e=10)=>Math.abs(o.clientX-t.x)<e&&Math.abs(o.clientY-t.y)<e;function W(o){for(let t=0,e=o.length;t<e;t++)o[t].scale.setScalar(t<3||o[t].userData.forceScale?.6:.4),o[t].material.map.offset.x=1}const K=new s.Raycaster,F=new s.Vector2;function tt(o,t,e,i){F.x=(o.clientX-t.left)/t.width*2-1,F.y=-((o.clientY-t.top)/t.height)*2+1,K.setFromCamera(F,e);const n=K.intersectObjects(i);return n.length?n[0].object:null}const yt=(o,t,e)=>Math.min(Math.max(o,t),e),et=(o,{color:t,opacity:e,hoverColor:i,hoverOpacity:n}={},r=!0)=>{const a=o.material;a.color.set(r&&i||t||16777215),a.opacity=r?n??.2:e??0},P=new s.Matrix4,it=new s.Euler;class St extends s.Object3D{constructor(e,i,n){super();u(this,"enabled",!0);u(this,"camera");u(this,"target",new s.Vector3);u(this,"animated",!0);u(this,"speed",1);u(this,"animating",!1);u(this,"_sphere");u(this,"_sphereConfig");u(this,"_spritePoints");u(this,"_viewport",new s.Vector4);u(this,"_originalViewport",new s.Vector4);u(this,"_originalScissor",new s.Vector4);u(this,"_renderer");u(this,"_orthoCamera",new s.OrthographicCamera(-1.8,1.8,1.8,-1.8,0,4));u(this,"_container");u(this,"_domElement");u(this,"_domRect");u(this,"_dragging",!1);u(this,"_distance",0);u(this,"_clock",new s.Clock);u(this,"_targetPosition",new s.Vector3);u(this,"_targetQuaternion",new s.Quaternion);u(this,"_quaternionStart",new s.Quaternion);u(this,"_quaternionEnd",new s.Quaternion);u(this,"_mouseStart",new s.Vector2);u(this,"_mouseAngle",new s.Vector2);u(this,"_controls");u(this,"_controlsListeners");this._renderer=i,this.camera=e,this._orthoCamera.position.set(0,0,2),n={...ct,...n||{}};const{container:r,placement:a,size:c,animated:f,speed:p,offset:d,sphere:l,id:h,className:S}=n;this.animated=f,this.speed=p;const m=dt(n);m&&this.add(m),this._spritePoints=mt(n),this.add(...this._spritePoints),l.enabled&&(this._sphere=ft(l),this._sphereConfig=l,this.add(this._sphere)),this._container=r?ut(r):document.body,this._domElement=z(a,c,d,h,S),this._container.appendChild(this._domElement),this._startListening(),this.update()}render(){this.animating&&this._animate();const{_renderer:e,_viewport:i}=this,n=e.getScissorTest(),r=e.autoClear;return e.autoClear=!1,e.setViewport(i),n&&e.setScissor(i),e.clear(!1,!0,!1),e.render(this,this._orthoCamera),e.setViewport(this._originalViewport),n&&e.setScissor(this._originalScissor),e.autoClear=r,this}domUpdate(){this._domRect=this._domElement.getBoundingClientRect();const e=this._renderer,i=this._domRect,n=e.domElement.getBoundingClientRect();return this._viewport.set(i.left-n.left,e.domElement.clientHeight-(i.top-n.top+i.height),i.width,i.height),e.getViewport(this._originalViewport),e.getScissorTest()&&e.getScissor(this._originalScissor),this}cameraUpdate(){return this._updateOrientation(),this}update(e=!0){return e&&this._controls&&this._controls.update(),this.domUpdate().cameraUpdate()}attachControls(e){this.detachControls(),this.target=e.target,this._controlsListeners={start:()=>e.enabled=!1,end:()=>e.enabled=!0,change:()=>this.update(!1)},this.addEventListener("start",this._controlsListeners.start),this.addEventListener("end",this._controlsListeners.end),e.addEventListener("change",this._controlsListeners.change),this._controls=e}detachControls(){!this._controlsListeners||!this._controls||(this.target=new s.Vector3().copy(this._controls.target),this.removeEventListener("start",this._controlsListeners.start),this.removeEventListener("end",this._controlsListeners.end),this._controls.removeEventListener("change",this._controlsListeners.change),this._controlsListeners=void 0,this._controls=void 0)}dispose(){this.detachControls(),this.children.forEach(e=>{var n,r,a,c;const i=e;(n=i.material)==null||n.dispose(),(a=(r=i.material)==null?void 0:r.map)==null||a.dispose(),(c=i.geometry)==null||c.dispose()}),this._domElement.remove()}_updateOrientation(e=!0){e&&(this.quaternion.copy(this.camera.quaternion).invert(),this.updateMatrixWorld()),vt(this._spritePoints,this.camera)}_animate(){const{position:e,quaternion:i}=this.camera;if(e.set(0,0,1),!this.animated){e.applyQuaternion(this._quaternionEnd).multiplyScalar(this._distance).add(this.target),i.copy(this._targetQuaternion),this._updateOrientation(),this.animating=!1,this.dispatchEvent({type:"change"}),this.dispatchEvent({type:"end"});return}const r=this._clock.getDelta()*at*this.speed;this._quaternionStart.rotateTowards(this._quaternionEnd,r),e.applyQuaternion(this._quaternionStart).multiplyScalar(this._distance).add(this.target),i.rotateTowards(this._targetQuaternion,r),this._updateOrientation(),requestAnimationFrame(()=>this.dispatchEvent({type:"change"})),this._quaternionStart.angleTo(this._quaternionEnd)===0&&(this.animating=!1,this.dispatchEvent({type:"end"}))}_setOrientation(e){const i=this.camera,n=this.target,[r,a]=lt[e];this._targetPosition.fromArray(r),this._targetQuaternion.setFromEuler(it.fromArray(a)),this._targetPosition.multiplyScalar(this._distance).add(n),P.setPosition(i.position),P.lookAt(i.position,n,this.up),this._quaternionStart.setFromRotationMatrix(P),P.setPosition(this._targetPosition),P.lookAt(this._targetPosition,n,this.up),this._quaternionEnd.setFromRotationMatrix(P),this.animating=!0,this._clock.start(),this.dispatchEvent({type:"start"})}_startListening(){this._domElement.onpointerdown=e=>this._onPointerDown(e),this._domElement.onpointermove=e=>this._onPointerMove(e),this._domElement.onpointerleave=()=>this._onPointerLeave()}_onPointerDown(e){if(!this.enabled)return;const i=a=>{if(!this._dragging){if(_t(a,this._mouseStart))return;W(this._spritePoints),this._dragging=!0}this._mouseAngle.set(a.clientX,a.clientY).sub(this._mouseStart).multiplyScalar(1/this._domRect.width*Math.PI),this.rotation.x=yt(r.x+this._mouseAngle.y,Math.PI/-2+.001,Math.PI/2-.001),this.rotation.y=r.y+this._mouseAngle.x,this.updateMatrixWorld(),this._quaternionStart.copy(this.quaternion).invert(),this.camera.position.set(0,0,1).applyQuaternion(this._quaternionStart).multiplyScalar(this._distance).add(this.target),this.camera.rotation.setFromQuaternion(this._quaternionStart),this._updateOrientation(!1),this.dispatchEvent({type:"change"})},n=()=>{if(document.removeEventListener("pointermove",i,!1),document.removeEventListener("pointerup",n,!1),!this._dragging)return this._handleClick(e);this._dragging=!1,this.dispatchEvent({type:"end"})};if(this.animating)return;e.preventDefault(),this._mouseStart.set(e.clientX,e.clientY);const r=it.copy(this.rotation);this._distance=this.camera.position.distanceTo(this.target),document.addEventListener("pointermove",i,!1),document.addEventListener("pointerup",n,!1),this.dispatchEvent({type:"start"})}_onPointerMove(e){!this.enabled||this._dragging||(this._sphere&&et(this._sphere,this._sphereConfig),this._handleHover(e))}_onPointerLeave(){!this.enabled||this._dragging||(this._sphere&&et(this._sphere,this._sphereConfig,!1),W(this._spritePoints),this._domElement.style.cursor="")}_handleClick(e){const i=tt(e,this._domRect,this._orthoCamera,this._spritePoints);i&&(this._setOrientation(i.userData.axis),this.dispatchEvent({type:"change"}))}_handleHover(e){const i=tt(e,this._domRect,this._orthoCamera,this._spritePoints);W(this._spritePoints),i?(i.material.map.offset.x=.5,i.scale.multiplyScalar(1.2),this._domElement.style.cursor="pointer"):this._domElement.style.cursor=""}}y.ViewportGizmo=St,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
//# sourceMappingURL=three-viewport-gizmo.umd.cjs.map