@tonybfox/threejs-tools 1.0.4 → 1.0.6

package/dist/transform-controls/index.mjs

@@ -1,12 +1 @@
-import {
-  TransformControls,
-  TransformControlsGizmo,
-  TransformControlsPlane,
-  calculateBoundingBoxCenter
-} from "../chunk-YMMLYGHV.mjs";
-export {
-  TransformControls,
-  TransformControlsGizmo,
-  TransformControlsPlane,
-  calculateBoundingBoxCenter
-};
+import{a,b,c,d}from"../chunk-WZ4X7GQ2.mjs";export{a as TransformControls,c as TransformControlsGizmo,d as TransformControlsPlane,b as calculateBoundingBoxCenter};

package/dist/view-helper/index.cjs

@@ -1,435 +1 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/view-helper/src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ViewHelper: () => ViewHelper
-});
-module.exports = __toCommonJS(src_exports);
-
-// packages/view-helper/src/ViewHelper.ts
-var THREE = __toESM(require("three"));
-var AXIS_COLORS = {
-  x: "#ed4358",
-  y: "#82cc19",
-  z: "#3185eb"
-};
-var ViewHelper = class extends THREE.EventDispatcher {
-  constructor(camera, domElement, options = {}) {
-    super();
-    this.viewport = new THREE.Vector4();
-    // Animation properties
-    this.animating = false;
-    this.targetPosition = new THREE.Vector3();
-    this.targetQuaternion = new THREE.Quaternion();
-    this.q1 = new THREE.Quaternion();
-    this.q2 = new THREE.Quaternion();
-    this.dummy = new THREE.Object3D();
-    this.radius = 0;
-    this.turnRate = 2 * Math.PI;
-    // turn rate in angles per second
-    this.tempVecA = new THREE.Vector3();
-    // Interactive elements
-    this.interactiveObjects = [];
-    this.raycaster = new THREE.Raycaster();
-    this.mouse = new THREE.Vector2();
-    this.controls = options.controls;
-    this.camera = this.controls?.camera ?? camera;
-    this.domElement = domElement || document.body;
-    const defaultCenter = options.center ?? (this.controls ? this.controls.getTarget(new THREE.Vector3()) : new THREE.Vector3());
-    this.options = {
-      container: options.container || document.body,
-      size: options.size || 128,
-      position: options.position || "bottom-right",
-      offset: options.offset || { x: 20, y: 20 },
-      center: defaultCenter.clone(),
-      labels: {
-        x: options.labels?.x || "x",
-        y: options.labels?.y || "y",
-        z: options.labels?.z || "z",
-        ...options.labels
-      }
-    };
-    this.center = this.options.center.clone();
-    this.scene = new THREE.Scene();
-    this.scene.background = null;
-    this.orthoCamera = new THREE.OrthographicCamera(-2, 2, 2, -2, 0, 4);
-    this.orthoCamera.position.set(0, 0, 2);
-    this.createAxes();
-    this.createSprites();
-    this.setupEventListeners();
-  }
-  syncActiveCamera() {
-    if (this.controls) {
-      this.camera = this.controls.camera;
-    }
-    return this.camera;
-  }
-  getCameraPosition(target) {
-    if (this.controls) {
-      return this.controls.getPosition(target);
-    }
-    return target.copy(this.camera.position);
-  }
-  createAxes() {
-    const geometry = new THREE.CylinderGeometry(0.04, 0.04, 0.8, 5).rotateZ(-Math.PI / 2).translate(0.4, 0, 0);
-    const xAxisMaterial = new THREE.MeshBasicMaterial({
-      color: AXIS_COLORS.x,
-      toneMapped: false
-    });
-    const yAxisMaterial = new THREE.MeshBasicMaterial({
-      color: AXIS_COLORS.y,
-      toneMapped: false
-    });
-    const zAxisMaterial = new THREE.MeshBasicMaterial({
-      color: AXIS_COLORS.z,
-      toneMapped: false
-    });
-    this.axes = {
-      x: new THREE.Mesh(geometry.clone(), xAxisMaterial),
-      y: new THREE.Mesh(geometry.clone(), yAxisMaterial),
-      z: new THREE.Mesh(geometry.clone(), zAxisMaterial)
-    };
-    this.axes.y.rotation.z = Math.PI / 2;
-    this.axes.z.rotation.y = -Math.PI / 2;
-    this.scene.add(this.axes.x);
-    this.scene.add(this.axes.y);
-    this.scene.add(this.axes.z);
-  }
-  createSprites() {
-    const posXSprite = this.createSprite(AXIS_COLORS.x, this.options.labels.x);
-    const posYSprite = this.createSprite(AXIS_COLORS.y, this.options.labels.y);
-    const posZSprite = this.createSprite(AXIS_COLORS.z, this.options.labels.z);
-    const negXSprite = this.createSprite(AXIS_COLORS.x);
-    const negYSprite = this.createSprite(AXIS_COLORS.y);
-    const negZSprite = this.createSprite(AXIS_COLORS.z);
-    this.sprites = {
-      posX: posXSprite,
-      posY: posYSprite,
-      posZ: posZSprite,
-      negX: negXSprite,
-      negY: negYSprite,
-      negZ: negZSprite
-    };
-    this.sprites.posX.position.set(1, 0, 0);
-    this.sprites.posY.position.set(0, 1, 0);
-    this.sprites.posZ.position.set(0, 0, 1);
-    this.sprites.negX.position.set(-1, 0, 0);
-    this.sprites.negY.position.set(0, -1, 0);
-    this.sprites.negZ.position.set(0, 0, -1);
-    this.sprites.negX.material.opacity = 0.2;
-    this.sprites.negY.material.opacity = 0.2;
-    this.sprites.negZ.material.opacity = 0.2;
-    this.sprites.posX.userData.type = "posX";
-    this.sprites.posY.userData.type = "posY";
-    this.sprites.posZ.userData.type = "posZ";
-    this.sprites.negX.userData.type = "negX";
-    this.sprites.negY.userData.type = "negY";
-    this.sprites.negZ.userData.type = "negZ";
-    Object.values(this.sprites).forEach((sprite) => {
-      this.scene.add(sprite);
-      this.interactiveObjects.push(sprite);
-    });
-  }
-  createSprite(color, text) {
-    const pixelRatio = window.devicePixelRatio || 1;
-    const size = 128 * pixelRatio;
-    const radius = 28 * pixelRatio;
-    const canvas = document.createElement("canvas");
-    canvas.width = size;
-    canvas.height = size;
-    const context = canvas.getContext("2d");
-    context.imageSmoothingEnabled = true;
-    context.imageSmoothingQuality = "high";
-    context.scale(pixelRatio, pixelRatio);
-    const center = size / (2 * pixelRatio);
-    const actualRadius = radius / pixelRatio;
-    context.beginPath();
-    context.arc(center, center, actualRadius, 0, 2 * Math.PI);
-    context.closePath();
-    context.fillStyle = color;
-    context.fill();
-    if (text) {
-      context.font = "bold 48px Arial, sans-serif";
-      context.textAlign = "center";
-      context.textBaseline = "middle";
-      context.fillStyle = "#ffffff";
-      context.strokeStyle = "#000000";
-      context.lineWidth = 2;
-      context.strokeText(text, center, center);
-      context.fillText(text, center, center);
-    }
-    const texture = new THREE.CanvasTexture(canvas);
-    texture.colorSpace = THREE.SRGBColorSpace;
-    texture.generateMipmaps = false;
-    texture.minFilter = THREE.LinearFilter;
-    texture.magFilter = THREE.LinearFilter;
-    return new THREE.Sprite(
-      new THREE.SpriteMaterial({
-        map: texture,
-        toneMapped: false,
-        alphaTest: 0.1
-      })
-    );
-  }
-  setupEventListeners() {
-    this.pointerDownHandler = (event) => {
-      this.handleClick(event);
-    };
-    this.domElement.addEventListener("pointerdown", this.pointerDownHandler);
-  }
-  render(renderer) {
-    this.renderer = renderer;
-    const activeCamera = this.syncActiveCamera();
-    this.scene.quaternion.copy(activeCamera.quaternion).invert();
-    this.scene.updateMatrixWorld();
-    const size = this.options.size;
-    const canvasWidth = renderer.domElement.width / renderer.getPixelRatio();
-    const canvasHeight = renderer.domElement.height / renderer.getPixelRatio();
-    let x, y;
-    switch (this.options.position) {
-      case "top-left":
-        x = this.options.offset.x;
-        y = canvasHeight - size - this.options.offset.y;
-        break;
-      case "top-right":
-        x = canvasWidth - size - this.options.offset.x;
-        y = canvasHeight - size - this.options.offset.y;
-        break;
-      case "bottom-left":
-        x = this.options.offset.x;
-        y = this.options.offset.y;
-        break;
-      case "bottom-right":
-      default:
-        x = canvasWidth - size - this.options.offset.x;
-        y = this.options.offset.y;
-        break;
-    }
-    renderer.getViewport(this.viewport);
-    const autoClear = renderer.autoClear;
-    renderer.setViewport(x, y, size, size);
-    renderer.autoClear = false;
-    renderer.setScissorTest(true);
-    renderer.setScissor(x, y, size, size);
-    renderer.clearDepth();
-    renderer.render(this.scene, this.orthoCamera);
-    renderer.setScissorTest(false);
-    renderer.autoClear = autoClear;
-    renderer.setViewport(
-      this.viewport.x,
-      this.viewport.y,
-      this.viewport.z,
-      this.viewport.w
-    );
-  }
-  handleClick(event) {
-    if (this.animating || !this.renderer) return false;
-    this.syncActiveCamera();
-    const rect = this.domElement.getBoundingClientRect();
-    const size = this.options.size;
-    let offsetX, offsetY;
-    switch (this.options.position) {
-      case "top-left":
-        offsetX = rect.left + this.options.offset.x;
-        offsetY = rect.top + this.options.offset.y;
-        break;
-      case "top-right":
-        offsetX = rect.left + rect.width - size - this.options.offset.x;
-        offsetY = rect.top + this.options.offset.y;
-        break;
-      case "bottom-left":
-        offsetX = rect.left + this.options.offset.x;
-        offsetY = rect.top + rect.height - size - this.options.offset.y;
-        break;
-      case "bottom-right":
-      default:
-        offsetX = rect.left + rect.width - size - this.options.offset.x;
-        offsetY = rect.top + rect.height - size - this.options.offset.y;
-        break;
-    }
-    this.mouse.x = (event.clientX - offsetX) / size * 2 - 1;
-    this.mouse.y = -((event.clientY - offsetY) / size) * 2 + 1;
-    if (this.mouse.x < -1 || this.mouse.x > 1 || this.mouse.y < -1 || this.mouse.y > 1) {
-      return false;
-    }
-    this.raycaster.setFromCamera(this.mouse, this.orthoCamera);
-    const intersects = this.raycaster.intersectObjects(this.interactiveObjects);
-    if (intersects.length > 0) {
-      const intersection = intersects[0];
-      const object = intersection.object;
-      this.prepareAnimationData(object, this.center);
-      if (this.controls) {
-        this.startControlsAnimation(this.center);
-      } else {
-        this.animating = true;
-        this.dispatchEvent({ type: "animationStart" });
-      }
-      return true;
-    }
-    return false;
-  }
-  prepareAnimationData(object, focusPoint) {
-    switch (object.userData.type) {
-      case "posX":
-        this.targetPosition.set(1, 0, 0);
-        this.targetQuaternion.setFromEuler(new THREE.Euler(0, Math.PI * 0.5, 0));
-        break;
-      case "posY":
-        this.targetPosition.set(0, 1, 0);
-        this.targetQuaternion.setFromEuler(
-          new THREE.Euler(-Math.PI * 0.5, 0, 0)
-        );
-        break;
-      case "posZ":
-        this.targetPosition.set(0, 0, 1);
-        this.targetQuaternion.setFromEuler(new THREE.Euler());
-        break;
-      case "negX":
-        this.targetPosition.set(-1, 0, 0);
-        this.targetQuaternion.setFromEuler(
-          new THREE.Euler(0, -Math.PI * 0.5, 0)
-        );
-        break;
-      case "negY":
-        this.targetPosition.set(0, -1, 0);
-        this.targetQuaternion.setFromEuler(new THREE.Euler(Math.PI * 0.5, 0, 0));
-        break;
-      case "negZ":
-        this.targetPosition.set(0, 0, -1);
-        this.targetQuaternion.setFromEuler(new THREE.Euler(0, Math.PI, 0));
-        break;
-      default:
-        console.error("ViewHelper: Invalid axis.");
-        return;
-    }
-    const cameraPosition = this.getCameraPosition(this.tempVecA);
-    this.radius = cameraPosition.distanceTo(focusPoint);
-    this.targetPosition.multiplyScalar(this.radius).add(focusPoint);
-    this.dummy.position.copy(focusPoint);
-    this.dummy.lookAt(cameraPosition);
-    this.q1.copy(this.dummy.quaternion);
-    this.dummy.lookAt(this.targetPosition);
-    this.q2.copy(this.dummy.quaternion);
-  }
-  startControlsAnimation(focusPoint) {
-    const controls = this.controls;
-    if (!controls) {
-      return;
-    }
-    controls.enabled = false;
-    controls.stop?.();
-    this.animating = true;
-    this.dispatchEvent({ type: "animationStart" });
-    const applyLookAt = () => {
-      controls.setLookAt(
-        this.targetPosition.x,
-        this.targetPosition.y,
-        this.targetPosition.z,
-        focusPoint.x,
-        focusPoint.y,
-        focusPoint.z,
-        true
-      );
-      setTimeout(() => {
-        controls.enabled = true;
-      }, 100);
-    };
-    try {
-      void Promise.resolve(applyLookAt()).catch((error) => {
-        console.warn("ViewHelper: Unable to set camera look-at.", error);
-      }).finally(() => {
-        this.animating = false;
-        this.dispatchEvent({ type: "animationEnd" });
-      });
-    } catch (error) {
-      console.warn("ViewHelper: Unable to set camera look-at.", error);
-      this.animating = false;
-      this.dispatchEvent({ type: "animationEnd" });
-    }
-  }
-  update(delta) {
-    this.syncActiveCamera();
-    if (this.controls) {
-      return;
-    }
-    if (!this.animating) return;
-    const step = delta * this.turnRate;
-    this.q1.rotateTowards(this.q2, step);
-    this.camera.position.set(0, 0, 1).applyQuaternion(this.q1).multiplyScalar(this.radius).add(this.center);
-    this.camera.quaternion.rotateTowards(this.targetQuaternion, step);
-    if (this.q1.angleTo(this.q2) === 0) {
-      this.animating = false;
-      this.dispatchEvent({ type: "animationEnd" });
-    }
-  }
-  setLabels(labelX, labelY, labelZ) {
-    if (labelX !== void 0) this.options.labels.x = labelX;
-    if (labelY !== void 0) this.options.labels.y = labelY;
-    if (labelZ !== void 0) this.options.labels.z = labelZ;
-    this.updateLabels();
-  }
-  updateLabels() {
-    this.sprites.posX.material.map?.dispose();
-    this.sprites.posY.material.map?.dispose();
-    this.sprites.posZ.material.map?.dispose();
-    this.sprites.posX.material.dispose();
-    this.sprites.posY.material.dispose();
-    this.sprites.posZ.material.dispose();
-    const newPosX = this.createSprite(AXIS_COLORS.x, this.options.labels.x);
-    const newPosY = this.createSprite(AXIS_COLORS.y, this.options.labels.y);
-    const newPosZ = this.createSprite(AXIS_COLORS.z, this.options.labels.z);
-    this.sprites.posX.material = newPosX.material;
-    this.sprites.posY.material = newPosY.material;
-    this.sprites.posZ.material = newPosZ.material;
-  }
-  dispose() {
-    this.axes.x.geometry.dispose();
-    this.axes.y.geometry.dispose();
-    this.axes.z.geometry.dispose();
-    this.axes.x.material.dispose();
-    this.axes.y.material.dispose();
-    this.axes.z.material.dispose();
-    Object.values(this.sprites).forEach((sprite) => {
-      sprite.material.map?.dispose();
-      sprite.material.dispose();
-    });
-    if (this.pointerDownHandler) {
-      this.domElement.removeEventListener(
-        "pointerdown",
-        this.pointerDownHandler
-      );
-    }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ViewHelper
-});
+"use strict";var f=Object.create;var m=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var b=(n,p)=>{for(var t in p)m(n,t,{get:p[t],enumerable:!0})},d=(n,p,t,s)=>{if(p&&typeof p=="object"||typeof p=="function")for(let e of T(p))!R.call(n,e)&&e!==t&&m(n,e,{get:()=>p[e],enumerable:!(s=H(p,e))||s.enumerable});return n};var v=(n,p,t)=>(t=n!=null?f(y(n)):{},d(p||!n||!n.__esModule?m(t,"default",{value:n,enumerable:!0}):t,n)),w=n=>d(m({},"__esModule",{value:!0}),n);var x={};b(x,{ViewHelper:()=>u});module.exports=w(x);var i=v(require("three")),c={x:"#ed4358",y:"#82cc19",z:"#3185eb"},u=class extends i.EventDispatcher{constructor(t,s,e={}){super();this.viewport=new i.Vector4;this.animating=!1;this.targetPosition=new i.Vector3;this.targetQuaternion=new i.Quaternion;this.q1=new i.Quaternion;this.q2=new i.Quaternion;this.dummy=new i.Object3D;this.radius=0;this.turnRate=2*Math.PI;this.tempVecA=new i.Vector3;this.interactiveObjects=[];this.raycaster=new i.Raycaster;this.mouse=new i.Vector2;this.controls=e.controls,this.camera=this.controls?.camera??t,this.domElement=s||document.body;let a=e.center??(this.controls?this.controls.getTarget(new i.Vector3):new i.Vector3);this.options={container:e.container||document.body,size:e.size||128,position:e.position||"bottom-right",offset:e.offset||{x:20,y:20},center:a.clone(),labels:{x:e.labels?.x||"x",y:e.labels?.y||"y",z:e.labels?.z||"z",...e.labels}},this.center=this.options.center.clone(),this.scene=new i.Scene,this.scene.background=null,this.orthoCamera=new i.OrthographicCamera(-2,2,2,-2,0,4),this.orthoCamera.position.set(0,0,2),this.createAxes(),this.createSprites(),this.setupEventListeners()}syncActiveCamera(){return this.controls&&(this.camera=this.controls.camera),this.camera}getCameraPosition(t){return this.controls?this.controls.getPosition(t):t.copy(this.camera.position)}createAxes(){let t=new i.CylinderGeometry(.04,.04,.8,5).rotateZ(-Math.PI/2).translate(.4,0,0),s=new i.MeshBasicMaterial({color:c.x,toneMapped:!1}),e=new i.MeshBasicMaterial({color:c.y,toneMapped:!1}),a=new i.MeshBasicMaterial({color:c.z,toneMapped:!1});this.axes={x:new i.Mesh(t.clone(),s),y:new i.Mesh(t.clone(),e),z:new i.Mesh(t.clone(),a)},this.axes.y.rotation.z=Math.PI/2,this.axes.z.rotation.y=-Math.PI/2,this.scene.add(this.axes.x),this.scene.add(this.axes.y),this.scene.add(this.axes.z)}createSprites(){let t=this.createSprite(c.x,this.options.labels.x),s=this.createSprite(c.y,this.options.labels.y),e=this.createSprite(c.z,this.options.labels.z),a=this.createSprite(c.x),h=this.createSprite(c.y),r=this.createSprite(c.z);this.sprites={posX:t,posY:s,posZ:e,negX:a,negY:h,negZ:r},this.sprites.posX.position.set(1,0,0),this.sprites.posY.position.set(0,1,0),this.sprites.posZ.position.set(0,0,1),this.sprites.negX.position.set(-1,0,0),this.sprites.negY.position.set(0,-1,0),this.sprites.negZ.position.set(0,0,-1),this.sprites.negX.material.opacity=.2,this.sprites.negY.material.opacity=.2,this.sprites.negZ.material.opacity=.2,this.sprites.posX.userData.type="posX",this.sprites.posY.userData.type="posY",this.sprites.posZ.userData.type="posZ",this.sprites.negX.userData.type="negX",this.sprites.negY.userData.type="negY",this.sprites.negZ.userData.type="negZ",Object.values(this.sprites).forEach(o=>{this.scene.add(o),this.interactiveObjects.push(o)})}createSprite(t,s){let e=window.devicePixelRatio||1,a=128*e,h=28*e,r=document.createElement("canvas");r.width=a,r.height=a;let o=r.getContext("2d");o.imageSmoothingEnabled=!0,o.imageSmoothingQuality="high",o.scale(e,e);let l=a/(2*e),g=h/e;o.beginPath(),o.arc(l,l,g,0,2*Math.PI),o.closePath(),o.fillStyle=t,o.fill(),s&&(o.font="bold 48px Arial, sans-serif",o.textAlign="center",o.textBaseline="middle",o.fillStyle="#ffffff",o.strokeStyle="#000000",o.lineWidth=2,o.strokeText(s,l,l),o.fillText(s,l,l));let E=new i.CanvasTexture(r);return E.colorSpace=i.SRGBColorSpace,E.generateMipmaps=!1,E.minFilter=i.LinearFilter,E.magFilter=i.LinearFilter,new i.Sprite(new i.SpriteMaterial({map:E,toneMapped:!1,alphaTest:.1}))}setupEventListeners(){this.pointerDownHandler=t=>{this.handleClick(t)},this.domElement.addEventListener("pointerdown",this.pointerDownHandler)}render(t){this.renderer=t;let s=this.syncActiveCamera();this.scene.quaternion.copy(s.quaternion).invert(),this.scene.updateMatrixWorld();let e=this.options.size,a=t.domElement.width/t.getPixelRatio(),h=t.domElement.height/t.getPixelRatio(),r,o;switch(this.options.position){case"top-left":r=this.options.offset.x,o=h-e-this.options.offset.y;break;case"top-right":r=a-e-this.options.offset.x,o=h-e-this.options.offset.y;break;case"bottom-left":r=this.options.offset.x,o=this.options.offset.y;break;case"bottom-right":default:r=a-e-this.options.offset.x,o=this.options.offset.y;break}t.getViewport(this.viewport);let l=t.autoClear;t.setViewport(r,o,e,e),t.autoClear=!1,t.setScissorTest(!0),t.setScissor(r,o,e,e),t.clearDepth(),t.render(this.scene,this.orthoCamera),t.setScissorTest(!1),t.autoClear=l,t.setViewport(this.viewport.x,this.viewport.y,this.viewport.z,this.viewport.w)}handleClick(t){if(this.animating||!this.renderer)return!1;this.syncActiveCamera();let s=this.domElement.getBoundingClientRect(),e=this.options.size,a,h;switch(this.options.position){case"top-left":a=s.left+this.options.offset.x,h=s.top+this.options.offset.y;break;case"top-right":a=s.left+s.width-e-this.options.offset.x,h=s.top+this.options.offset.y;break;case"bottom-left":a=s.left+this.options.offset.x,h=s.top+s.height-e-this.options.offset.y;break;case"bottom-right":default:a=s.left+s.width-e-this.options.offset.x,h=s.top+s.height-e-this.options.offset.y;break}if(this.mouse.x=(t.clientX-a)/e*2-1,this.mouse.y=-((t.clientY-h)/e)*2+1,this.mouse.x<-1||this.mouse.x>1||this.mouse.y<-1||this.mouse.y>1)return!1;this.raycaster.setFromCamera(this.mouse,this.orthoCamera);let r=this.raycaster.intersectObjects(this.interactiveObjects);if(r.length>0){let l=r[0].object;return this.prepareAnimationData(l,this.center),this.controls?this.startControlsAnimation(this.center):(this.animating=!0,this.dispatchEvent({type:"animationStart"})),!0}return!1}prepareAnimationData(t,s){switch(t.userData.type){case"posX":this.targetPosition.set(1,0,0),this.targetQuaternion.setFromEuler(new i.Euler(0,Math.PI*.5,0));break;case"posY":this.targetPosition.set(0,1,0),this.targetQuaternion.setFromEuler(new i.Euler(-Math.PI*.5,0,0));break;case"posZ":this.targetPosition.set(0,0,1),this.targetQuaternion.setFromEuler(new i.Euler);break;case"negX":this.targetPosition.set(-1,0,0),this.targetQuaternion.setFromEuler(new i.Euler(0,-Math.PI*.5,0));break;case"negY":this.targetPosition.set(0,-1,0),this.targetQuaternion.setFromEuler(new i.Euler(Math.PI*.5,0,0));break;case"negZ":this.targetPosition.set(0,0,-1),this.targetQuaternion.setFromEuler(new i.Euler(0,Math.PI,0));break;default:console.error("ViewHelper: Invalid axis.");return}let e=this.getCameraPosition(this.tempVecA);this.radius=e.distanceTo(s),this.targetPosition.multiplyScalar(this.radius).add(s),this.dummy.position.copy(s),this.dummy.lookAt(e),this.q1.copy(this.dummy.quaternion),this.dummy.lookAt(this.targetPosition),this.q2.copy(this.dummy.quaternion)}startControlsAnimation(t){let s=this.controls;if(!s)return;s.enabled=!1,s.stop?.(),this.animating=!0,this.dispatchEvent({type:"animationStart"});let e=()=>{s.setLookAt(this.targetPosition.x,this.targetPosition.y,this.targetPosition.z,t.x,t.y,t.z,!0),setTimeout(()=>{s.enabled=!0},100)};try{Promise.resolve(e()).catch(a=>{console.warn("ViewHelper: Unable to set camera look-at.",a)}).finally(()=>{this.animating=!1,this.dispatchEvent({type:"animationEnd"})})}catch(a){console.warn("ViewHelper: Unable to set camera look-at.",a),this.animating=!1,this.dispatchEvent({type:"animationEnd"})}}update(t){if(this.syncActiveCamera(),this.controls||!this.animating)return;let s=t*this.turnRate;this.q1.rotateTowards(this.q2,s),this.camera.position.set(0,0,1).applyQuaternion(this.q1).multiplyScalar(this.radius).add(this.center),this.camera.quaternion.rotateTowards(this.targetQuaternion,s),this.q1.angleTo(this.q2)===0&&(this.animating=!1,this.dispatchEvent({type:"animationEnd"}))}setLabels(t,s,e){t!==void 0&&(this.options.labels.x=t),s!==void 0&&(this.options.labels.y=s),e!==void 0&&(this.options.labels.z=e),this.updateLabels()}updateLabels(){this.sprites.posX.material.map?.dispose(),this.sprites.posY.material.map?.dispose(),this.sprites.posZ.material.map?.dispose(),this.sprites.posX.material.dispose(),this.sprites.posY.material.dispose(),this.sprites.posZ.material.dispose();let t=this.createSprite(c.x,this.options.labels.x),s=this.createSprite(c.y,this.options.labels.y),e=this.createSprite(c.z,this.options.labels.z);this.sprites.posX.material=t.material,this.sprites.posY.material=s.material,this.sprites.posZ.material=e.material}dispose(){this.axes.x.geometry.dispose(),this.axes.y.geometry.dispose(),this.axes.z.geometry.dispose(),this.axes.x.material.dispose(),this.axes.y.material.dispose(),this.axes.z.material.dispose(),Object.values(this.sprites).forEach(t=>{t.material.map?.dispose(),t.material.dispose()}),this.pointerDownHandler&&this.domElement.removeEventListener("pointerdown",this.pointerDownHandler)}};0&&(module.exports={ViewHelper});

package/dist/view-helper/index.mjs

@@ -1,6 +1 @@
-import {
-  ViewHelper
-} from "../chunk-IAZH4OHC.mjs";
-export {
-  ViewHelper
-};
+import{a}from"../chunk-UJF4S4J3.mjs";export{a as ViewHelper};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonybfox/threejs-tools",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "A single entry point that bundles all Three.js tools (camera, terrain, measurements, helpers, and more).",
   "private": false,
   "main": "./dist/index.cjs",