@operato/scene-visualizer 10.0.0-beta.1 → 10.0.0-beta.2

package/dist/threed/floor/floor.js

@@ -1,51 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from '../real-object.js';
-export function createFloor(component) {
-    var { fillStyle } = component.state;
-    if (!fillStyle || fillStyle == 'none') {
-        return;
-    }
-    var floorGeometry = new THREE.BoxGeometry(1, 1, 1);
-    var floorMaterial;
-    const texture = RealObject.buildFillStyleTexture(component);
-    if (texture) {
-        const color = '#424b57';
-        floorMaterial = [
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            }),
-            new THREE.MeshStandardMaterial({
-                map: texture
-            }),
-            new THREE.MeshStandardMaterial({
-                color
-            })
-        ];
-    }
-    else if (typeof fillStyle == 'string') {
-        floorMaterial = new THREE.MeshStandardMaterial({
-            color: fillStyle
-        });
-    }
-    if (!floorMaterial) {
-        return;
-    }
-    const mesh = new THREE.Mesh(floorGeometry, floorMaterial);
-    var { width, height } = component.state;
-    mesh.scale.set(width, height, 5);
-    mesh.rotation.x = -Math.PI / 2;
-    mesh.position.y = -2;
-    mesh.name = 'floor';
-    mesh.receiveShadow = true;
-    return mesh;
-}
-//# sourceMappingURL=floor.js.map

package/dist/threed/floor/floor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"floor.js","sourceRoot":"","sources":["../../../src/threed/floor/floor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,MAAM,UAAU,WAAW,CAAC,SAAoB;IAC9C,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC,KAAK,CAAA;IAEnC,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,MAAM,EAAE,CAAC;QACtC,OAAM;IACR,CAAC;IAED,IAAI,aAAa,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAClD,IAAI,aAA4D,CAAA;IAEhE,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAE3D,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,KAAK,GAAG,SAAS,CAAA;QAEvB,aAAa,GAAG;YACd,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,GAAG,EAAE,OAAO;aACb,CAAC;YACF,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC7B,KAAK;aACN,CAAC;SACH,CAAA;IACH,CAAC;SAAM,IAAI,OAAO,SAAS,IAAI,QAAQ,EAAE,CAAC;QACxC,aAAa,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAC7C,KAAK,EAAE,SAAS;SACjB,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAM;IACR,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;IAEzD,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC,KAAK,CAAA;IAEvC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAChC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;IAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAEpB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAA;IACnB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;IAEzB,OAAO,IAAI,CAAA;AACb,CAAC","sourcesContent":["import * as THREE from 'three'\nimport { Component } from '@hatiolab/things-scene'\nimport { RealObject } from '../real-object.js'\n\nexport function createFloor(component: Component): THREE.Mesh | undefined {\n  var { fillStyle } = component.state\n\n  if (!fillStyle || fillStyle == 'none') {\n    return\n  }\n\n  var floorGeometry = new THREE.BoxGeometry(1, 1, 1)\n  var floorMaterial: THREE.Material | THREE.Material[] | undefined\n\n  const texture = RealObject.buildFillStyleTexture(component)\n\n  if (texture) {\n    const color = '#424b57'\n\n    floorMaterial = [\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      }),\n      new THREE.MeshStandardMaterial({\n        map: texture\n      }),\n      new THREE.MeshStandardMaterial({\n        color\n      })\n    ]\n  } else if (typeof fillStyle == 'string') {\n    floorMaterial = new THREE.MeshStandardMaterial({\n      color: fillStyle\n    })\n  }\n\n  if (!floorMaterial) {\n    return\n  }\n\n  const mesh = new THREE.Mesh(floorGeometry, floorMaterial)\n\n  var { width, height } = component.state\n\n  mesh.scale.set(width, height, 5)\n  mesh.rotation.x = -Math.PI / 2\n  mesh.position.y = -2\n\n  mesh.name = 'floor'\n  mesh.receiveShadow = true\n\n  return mesh\n}\n"]}

package/dist/threed/html/elements.d.ts

@@ -1,2 +0,0 @@
-export declare var PIXEL_RATIO: number;
-export declare function createCanvas(width: number, height: number): HTMLCanvasElement;

package/dist/threed/html/elements.js

@@ -1,21 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-export var PIXEL_RATIO = (function () {
-    var ctx = document.createElement('canvas').getContext('2d'), dpr = window.devicePixelRatio || 1, bsr = ctx.webkitBackingStorePixelRatio ||
-        ctx.mozBackingStorePixelRatio ||
-        ctx.msBackingStorePixelRatio ||
-        ctx.oBackingStorePixelRatio ||
-        ctx.backingStorePixelRatio ||
-        1;
-    return dpr / bsr;
-})();
-export function createCanvas(width, height) {
-    let canvas = document.createElement('canvas');
-    canvas.width = width;
-    canvas.height = height;
-    canvas.style.width = width + 'px';
-    canvas.style.height = height + 'px';
-    return canvas;
-}
-//# sourceMappingURL=elements.js.map

package/dist/threed/html/elements.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elements.js","sourceRoot":"","sources":["../../../src/threed/html/elements.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,IAAI,WAAW,GAAG,CAAC;IACxB,IAAI,GAAG,GAAQ,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,EAC9D,GAAG,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC,EAClC,GAAG,GACD,GAAG,CAAC,4BAA4B;QAChC,GAAG,CAAC,yBAAyB;QAC7B,GAAG,CAAC,wBAAwB;QAC5B,GAAG,CAAC,uBAAuB;QAC3B,GAAG,CAAC,sBAAsB;QAC1B,CAAC,CAAA;IACL,OAAO,GAAG,GAAG,GAAG,CAAA;AAClB,CAAC,CAAC,EAAE,CAAA;AAEJ,MAAM,UAAU,YAAY,CAAC,KAAa,EAAE,MAAc;IACxD,IAAI,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;IAE7C,MAAM,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;IACjC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAEnC,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport var PIXEL_RATIO = (function () {\n  var ctx: any = document.createElement('canvas').getContext('2d'),\n    dpr = window.devicePixelRatio || 1,\n    bsr =\n      ctx.webkitBackingStorePixelRatio ||\n      ctx.mozBackingStorePixelRatio ||\n      ctx.msBackingStorePixelRatio ||\n      ctx.oBackingStorePixelRatio ||\n      ctx.backingStorePixelRatio ||\n      1\n  return dpr / bsr\n})()\n\nexport function createCanvas(width: number, height: number): HTMLCanvasElement {\n  let canvas = document.createElement('canvas')\n\n  canvas.width = width\n  canvas.height = height\n  canvas.style.width = width + 'px'\n  canvas.style.height = height + 'px'\n\n  return canvas\n}\n"]}

package/dist/threed/index.d.ts

@@ -1,16 +0,0 @@
-export * from './common.js';
-export * from './three-dimensional-container.js';
-export * from './real-object.js';
-export { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.js';
-export * from './real-object-dummy.js';
-export * from './real-object-extrude.js';
-export * from './real-object-camera.js';
-export * from './real-object-dom-element.js';
-export * from './real-object-gltf.js';
-export * from './real-object-group.js';
-export * from './real-object-mesh.js';
-export * from './real-object-plane.js';
-export * from './real-object-scene.js';
-export * from './real-object-sprite-2d.js';
-export * from './real-object-sprite.js';
-export * from './real-object-text.js';

package/dist/threed/index.js

@@ -1,17 +0,0 @@
-export * from './common.js';
-export * from './three-dimensional-container.js';
-export * from './real-object.js';
-export { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.js';
-export * from './real-object-dummy.js';
-export * from './real-object-extrude.js';
-export * from './real-object-camera.js';
-export * from './real-object-dom-element.js';
-export * from './real-object-gltf.js';
-export * from './real-object-group.js';
-export * from './real-object-mesh.js';
-export * from './real-object-plane.js';
-export * from './real-object-scene.js';
-export * from './real-object-sprite-2d.js';
-export * from './real-object-sprite.js';
-export * from './real-object-text.js';
-//# sourceMappingURL=index.js.map

package/dist/threed/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/threed/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kCAAkC,CAAA;AAChD,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,yBAAyB,EAAE,gCAAgC,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC5H,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA","sourcesContent":["export * from './common.js'\nexport * from './three-dimensional-container.js'\nexport * from './real-object.js'\nexport { registerRealObjectFactory, registerDefaultRealObjectFactory, createRealObjectFor } from './real-object-registry.js'\nexport * from './real-object-dummy.js'\nexport * from './real-object-extrude.js'\nexport * from './real-object-camera.js'\nexport * from './real-object-dom-element.js'\nexport * from './real-object-gltf.js'\nexport * from './real-object-group.js'\nexport * from './real-object-mesh.js'\nexport * from './real-object-plane.js'\nexport * from './real-object-scene.js'\nexport * from './real-object-sprite-2d.js'\nexport * from './real-object-sprite.js'\nexport * from './real-object-text.js'\n"]}

package/dist/threed/interfaces.d.ts

@@ -1,15 +0,0 @@
-import type * as THREE from 'three';
-import type { Component, IRealObject } from '@hatiolab/things-scene';
-import type { ThreeDimensionalContainer } from './three-dimensional-container.js';
-/**
- * Three.js 기반 RealObject 인터페이스.
- * IRealObject(things-scene, THREE-free)를 확장하여 Three.js 관련 멤버를 추가.
- */
-export interface IThreeRealObject extends IRealObject {
-    readonly object3d: THREE.Object3D;
-    readonly component: Component;
-    readonly threeContainer: ThreeDimensionalContainer | undefined;
-    build(): void;
-    updateRotate(): void;
-    updateScale(): void;
-}

package/dist/threed/interfaces.js

@@ -1,5 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-export {};
-//# sourceMappingURL=interfaces.js.map

package/dist/threed/interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/threed/interfaces.ts"],"names":[],"mappings":"AAAA;;GAEG","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport type * as THREE from 'three'\nimport type { Component, IRealObject } from '@hatiolab/things-scene'\n\nimport type { ThreeDimensionalContainer } from './three-dimensional-container.js'\n\n/**\n * Three.js 기반 RealObject 인터페이스.\n * IRealObject(things-scene, THREE-free)를 확장하여 Three.js 관련 멤버를 추가.\n */\nexport interface IThreeRealObject extends IRealObject {\n  readonly object3d: THREE.Object3D\n  readonly component: Component\n  readonly threeContainer: ThreeDimensionalContainer | undefined\n  build(): void\n  updateRotate(): void\n  updateScale(): void\n}\n"]}

package/dist/threed/managers/camera-manager.d.ts

@@ -1,14 +0,0 @@
-import * as THREE from 'three';
-import { CameraConfig } from './types.js';
-export declare class CameraManager {
-    private _camera?;
-    private _cameraZPos;
-    get camera(): THREE.PerspectiveCamera | undefined;
-    get zoom(): number | undefined;
-    get cameraZPos(): number;
-    setup(width: number, height: number, config: CameraConfig): THREE.PerspectiveCamera;
-    addToScene(scene: THREE.Scene): void;
-    updateAspect(width: number, height: number): void;
-    updateProperties(config: Partial<CameraConfig>): void;
-    destroy(): void;
-}

package/dist/threed/managers/camera-manager.js

@@ -1,60 +0,0 @@
-import * as THREE from 'three';
-export class CameraManager {
-    constructor() {
-        this._cameraZPos = 0;
-    }
-    get camera() {
-        return this._camera;
-    }
-    get zoom() {
-        var _a;
-        return (_a = this._camera) === null || _a === void 0 ? void 0 : _a.zoom;
-    }
-    get cameraZPos() {
-        return this._cameraZPos;
-    }
-    setup(width, height, config) {
-        const { fov, near, far, zoom, cameraX, cameraY, cameraZ } = config;
-        const aspect = width / height;
-        this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far);
-        let cameraXPos = height * 0.8;
-        let cameraYPos = width * 0.8;
-        this._cameraZPos = Math.min(500, Math.floor(Math.min(width, height)));
-        if (cameraX != undefined)
-            cameraXPos = cameraX * width;
-        if (cameraY != undefined)
-            cameraYPos = cameraY * height;
-        if (cameraZ != undefined)
-            this._cameraZPos = cameraZ * Math.floor(Math.min(width, height));
-        this._camera.position.set(cameraXPos, this._cameraZPos, cameraYPos);
-        this._camera.zoom = zoom * 0.01;
-        return this._camera;
-    }
-    addToScene(scene) {
-        scene.add(this._camera);
-        this._camera.lookAt(scene.position);
-    }
-    updateAspect(width, height) {
-        if (this._camera) {
-            this._camera.aspect = width / height;
-            this._camera.updateProjectionMatrix();
-        }
-    }
-    updateProperties(config) {
-        if (!this._camera)
-            return;
-        if (config.fov !== undefined)
-            this._camera.fov = config.fov;
-        if (config.near !== undefined)
-            this._camera.near = config.near;
-        if (config.far !== undefined)
-            this._camera.far = config.far;
-        if (config.zoom !== undefined)
-            this._camera.zoom = config.zoom * 0.01;
-        this._camera.updateProjectionMatrix();
-    }
-    destroy() {
-        delete this._camera;
-    }
-}
-//# sourceMappingURL=camera-manager.js.map

package/dist/threed/managers/camera-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"camera-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/camera-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,OAAO,aAAa;IAA1B;QAEU,gBAAW,GAAW,CAAC,CAAA;IA4DjC,CAAC;IA1DC,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,IAAI,IAAI;;QACN,OAAO,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAA;IAC3B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,WAAW,CAAA;IACzB,CAAC;IAED,KAAK,CAAC,KAAa,EAAE,MAAc,EAAE,MAAoB;QACvD,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;QAClE,MAAM,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;QAE7B,IAAI,CAAC,OAAO,GAAG,IAAI,KAAK,CAAC,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;QAElE,IAAI,UAAU,GAAG,MAAM,GAAG,GAAG,CAAA;QAC7B,IAAI,UAAU,GAAG,KAAK,GAAG,GAAG,CAAA;QAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;QAErE,IAAI,OAAO,IAAI,SAAS;YAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAA;QACtD,IAAI,OAAO,IAAI,SAAS;YAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAA;QACvD,IAAI,OAAO,IAAI,SAAS;YAAE,IAAI,CAAC,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;QAE1F,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;QACnE,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;QAE/B,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,UAAU,CAAC,KAAkB;QAC3B,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,OAAQ,CAAC,CAAA;QACxB,IAAI,CAAC,OAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IACtC,CAAC;IAED,YAAY,CAAC,KAAa,EAAE,MAAc;QACxC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;YACpC,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE,CAAA;QACvC,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,MAA6B;QAC5C,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAM;QAEzB,IAAI,MAAM,CAAC,GAAG,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;QAC3D,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;QAC9D,IAAI,MAAM,CAAC,GAAG,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAA;QAC3D,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;QAErE,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE,CAAA;IACvC,CAAC;IAED,OAAO;QACL,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;CACF","sourcesContent":["import * as THREE from 'three'\nimport { CameraConfig } from './types.js'\n\nexport class CameraManager {\n  private _camera?: THREE.PerspectiveCamera\n  private _cameraZPos: number = 0\n\n  get camera() {\n    return this._camera\n  }\n\n  get zoom() {\n    return this._camera?.zoom\n  }\n\n  get cameraZPos() {\n    return this._cameraZPos\n  }\n\n  setup(width: number, height: number, config: CameraConfig) {\n    const { fov, near, far, zoom, cameraX, cameraY, cameraZ } = config\n    const aspect = width / height\n\n    this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far)\n\n    let cameraXPos = height * 0.8\n    let cameraYPos = width * 0.8\n    this._cameraZPos = Math.min(500, Math.floor(Math.min(width, height)))\n\n    if (cameraX != undefined) cameraXPos = cameraX * width\n    if (cameraY != undefined) cameraYPos = cameraY * height\n    if (cameraZ != undefined) this._cameraZPos = cameraZ * Math.floor(Math.min(width, height))\n\n    this._camera.position.set(cameraXPos, this._cameraZPos, cameraYPos)\n    this._camera.zoom = zoom * 0.01\n\n    return this._camera\n  }\n\n  addToScene(scene: THREE.Scene) {\n    scene.add(this._camera!)\n    this._camera!.lookAt(scene.position)\n  }\n\n  updateAspect(width: number, height: number) {\n    if (this._camera) {\n      this._camera.aspect = width / height\n      this._camera.updateProjectionMatrix()\n    }\n  }\n\n  updateProperties(config: Partial<CameraConfig>) {\n    if (!this._camera) return\n\n    if (config.fov !== undefined) this._camera.fov = config.fov\n    if (config.near !== undefined) this._camera.near = config.near\n    if (config.far !== undefined) this._camera.far = config.far\n    if (config.zoom !== undefined) this._camera.zoom = config.zoom * 0.01\n\n    this._camera.updateProjectionMatrix()\n  }\n\n  destroy() {\n    delete this._camera\n  }\n}\n"]}

package/dist/threed/managers/controls-manager.d.ts

@@ -1,50 +0,0 @@
-import { Component } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-export declare class ControlsManager {
-    private _camera?;
-    private _host?;
-    private _state;
-    private _autoRotate;
-    private _autoRotateSpeed;
-    private _dampingFactor;
-    private _rotateSpeed;
-    private _panSpeed;
-    private _lastScale;
-    private _spherical;
-    private _sphericalDelta;
-    private _panOffset;
-    private _target;
-    private _target0;
-    private _position0;
-    private _rotateStart;
-    private _rotateEnd;
-    private _rotateDelta;
-    private _panStart;
-    private _panEnd;
-    private _panDelta;
-    private _offset;
-    private _quat;
-    private _quatInverse;
-    private _lastPosition;
-    private _lastQuaternion;
-    private _panLeftV;
-    private _panUpV;
-    private _panCalcOffset;
-    get isActive(): boolean;
-    setup(camera: THREE.Camera, host: Component): void;
-    onDragStart(e: DragEvent): void;
-    onDragMove(e: DragEvent): void;
-    onDragEnd(_e: DragEvent): void;
-    onTouchStart(e: TouchEvent): void;
-    onTouchMove(e: TouchEvent): void;
-    onTouchEnd(_e: TouchEvent): void;
-    onKeyDown(e: KeyboardEvent): void;
-    update(): boolean;
-    reset(): void;
-    setAutoRotate(enabled: boolean): void;
-    markCameraChanged(): void;
-    destroy(): void;
-    private _handleRotateMove;
-    private _handlePanMove;
-    private _pan;
-}

package/dist/threed/managers/controls-manager.js

@@ -1,249 +0,0 @@
-import * as THREE from 'three';
-const EPS = 0.000001;
-export class ControlsManager {
-    constructor() {
-        this._state = 0 /* State.NONE */;
-        this._autoRotate = false;
-        this._autoRotateSpeed = 2.0;
-        this._dampingFactor = 0.15;
-        this._rotateSpeed = 0.1;
-        this._panSpeed = 0.25;
-        this._lastScale = 1;
-        // Spherical coordinate state
-        this._spherical = new THREE.Spherical();
-        this._sphericalDelta = new THREE.Spherical();
-        this._panOffset = new THREE.Vector3();
-        this._target = new THREE.Vector3();
-        // For reset
-        this._target0 = new THREE.Vector3();
-        this._position0 = new THREE.Vector3();
-        // Interaction tracking
-        this._rotateStart = new THREE.Vector2();
-        this._rotateEnd = new THREE.Vector2();
-        this._rotateDelta = new THREE.Vector2();
-        this._panStart = new THREE.Vector2();
-        this._panEnd = new THREE.Vector2();
-        this._panDelta = new THREE.Vector2();
-        // Cached for update()
-        this._offset = new THREE.Vector3();
-        this._lastPosition = new THREE.Vector3();
-        this._lastQuaternion = new THREE.Quaternion();
-        // Pan helpers
-        this._panLeftV = new THREE.Vector3();
-        this._panUpV = new THREE.Vector3();
-        this._panCalcOffset = new THREE.Vector3();
-    }
-    get isActive() {
-        return !!this._camera;
-    }
-    setup(camera, host) {
-        var _a;
-        this._camera = camera;
-        this._host = host;
-        this._target.set(0, 0, 0);
-        this._target0.copy(this._target);
-        this._position0.copy(camera.position);
-        this._quat = new THREE.Quaternion().setFromUnitVectors(camera.up, new THREE.Vector3(0, 1, 0));
-        this._quatInverse = this._quat.clone().invert();
-        const state = host.state;
-        this._autoRotate = (!((_a = host.app) === null || _a === void 0 ? void 0 : _a.isEditMode) && state.autoRotate) || false;
-        this._autoRotateSpeed = state.rotationSpeed || 2.0;
-        this.update();
-    }
-    // === Drag events (things-scene → component method) ===
-    onDragStart(e) {
-        this._autoRotate = false;
-        this._state = e.altKey ? 2 /* State.PAN */ : 1 /* State.ROTATE */;
-        if (this._state === 1 /* State.ROTATE */) {
-            this._rotateStart.set(e.offsetX, e.offsetY);
-        }
-        else {
-            this._panStart.set(e.offsetX, e.offsetY);
-        }
-    }
-    onDragMove(e) {
-        this._state = e.altKey ? 2 /* State.PAN */ : 1 /* State.ROTATE */;
-        if (this._state === 1 /* State.ROTATE */) {
-            this._handleRotateMove(e.offsetX, e.offsetY);
-        }
-        else {
-            this._handlePanMove(e.offsetX, e.offsetY);
-        }
-    }
-    onDragEnd(_e) {
-        var _a, _b;
-        this._state = 0 /* State.NONE */;
-        this._autoRotate = ((_a = this._host) === null || _a === void 0 ? void 0 : _a.state.autoRotate) || false;
-        (_b = this._host) === null || _b === void 0 ? void 0 : _b.invalidate();
-    }
-    // === Touch events ===
-    onTouchStart(e) {
-        var _a, _b;
-        const t0 = e.touches[0];
-        const x = (_a = t0.offsetX) !== null && _a !== void 0 ? _a : t0.pageX;
-        const y = (_b = t0.offsetY) !== null && _b !== void 0 ? _b : t0.pageY;
-        switch (e.touches.length) {
-            case 1:
-                this._rotateStart.set(x, y);
-                this._state = 3 /* State.TOUCH_ROTATE */;
-                break;
-            case 2:
-                this._lastScale = e.scale || 1;
-                this._panStart.set(x, y);
-                this._state = 4 /* State.TOUCH_PAN */;
-                break;
-            default:
-                this._state = 0 /* State.NONE */;
-        }
-    }
-    onTouchMove(e) {
-        var _a, _b;
-        const t0 = e.touches[0];
-        const x = (_a = t0.offsetX) !== null && _a !== void 0 ? _a : t0.pageX;
-        const y = (_b = t0.offsetY) !== null && _b !== void 0 ? _b : t0.pageY;
-        switch (e.touches.length) {
-            case 1:
-                if (this._state !== 3 /* State.TOUCH_ROTATE */)
-                    return;
-                this._handleRotateMove(x, y);
-                break;
-            case 2:
-                if (Math.abs(this._lastScale - (e.scale || 1)) > 0.05)
-                    return;
-                if (this._state !== 4 /* State.TOUCH_PAN */)
-                    return;
-                this._handlePanMove(x, y);
-                break;
-            default:
-                this._state = 0 /* State.NONE */;
-        }
-    }
-    onTouchEnd(_e) {
-        this._lastScale = 1;
-        this._state = 0 /* State.NONE */;
-    }
-    // === Keyboard ===
-    onKeyDown(e) {
-        const speed = 7.0;
-        switch (e.keyCode) {
-            case 38: /* ArrowUp    */
-                this._pan(0, speed);
-                break;
-            case 40: /* ArrowDown  */
-                this._pan(0, -speed);
-                break;
-            case 37: /* ArrowLeft  */
-                this._pan(speed, 0);
-                break;
-            case 39: /* ArrowRight */
-                this._pan(-speed, 0);
-                break;
-            default: return;
-        }
-        this.update();
-    }
-    // === Public API ===
-    update() {
-        var _a;
-        const camera = this._camera;
-        const position = camera.position;
-        this._offset.copy(position).sub(this._target);
-        this._offset.applyQuaternion(this._quat);
-        this._spherical.setFromVector3(this._offset);
-        this._spherical.theta += this._sphericalDelta.theta;
-        if (this._autoRotate && this._state === 0 /* State.NONE */) {
-            // autoRotateSpeed = rotations per minute, 60fps 기준
-            // damping의 영향을 받지 않도록 _spherical에 직접 적용
-            const angle = ((2 * Math.PI) / 60) * (this._autoRotateSpeed / 60);
-            this._spherical.theta -= angle;
-        }
-        this._spherical.phi += this._sphericalDelta.phi;
-        this._spherical.phi = Math.max(0, Math.min(Math.PI, this._spherical.phi));
-        this._spherical.makeSafe();
-        this._target.add(this._panOffset);
-        this._offset.setFromSpherical(this._spherical);
-        this._offset.applyQuaternion(this._quatInverse);
-        position.copy(this._target).add(this._offset);
-        camera.lookAt(this._target);
-        // Damping: 부드러운 감속 (드래그 중 약간의 지연, 릴리즈 후 관성)
-        const decay = 1 - this._dampingFactor;
-        this._sphericalDelta.theta *= decay;
-        this._sphericalDelta.phi *= decay;
-        this._panOffset.multiplyScalar(decay);
-        if (this._lastPosition.distanceToSquared(position) > EPS ||
-            8 * (1 - this._lastQuaternion.dot(camera.quaternion)) > EPS) {
-            this._lastPosition.copy(position);
-            this._lastQuaternion.copy(camera.quaternion);
-            (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
-            return true;
-        }
-        return false;
-    }
-    reset() {
-        this._target.copy(this._target0);
-        this._camera.position.copy(this._position0);
-        this._camera.updateProjectionMatrix();
-        this._sphericalDelta.set(0, 0, 0);
-        this._panOffset.set(0, 0, 0);
-        this._state = 0 /* State.NONE */;
-        this.update();
-    }
-    setAutoRotate(enabled) {
-        var _a;
-        this._autoRotate = enabled;
-        (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
-    }
-    markCameraChanged() {
-        var _a;
-        (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
-    }
-    destroy() {
-        delete this._camera;
-        delete this._host;
-    }
-    // === Private: rotate / pan math ===
-    _handleRotateMove(x, y) {
-        var _a;
-        this._rotateEnd.set(x, y);
-        this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart);
-        const { width, height } = this._host.bounds;
-        this._sphericalDelta.theta -= ((2 * Math.PI * this._rotateDelta.x) / width) * this._rotateSpeed;
-        this._sphericalDelta.phi -= ((2 * Math.PI * this._rotateDelta.y) / height) * this._rotateSpeed;
-        this._rotateStart.copy(this._rotateEnd);
-        (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate(); // delta만 누적, 적용은 threed_animate → update()에서 1번
-    }
-    _handlePanMove(x, y) {
-        var _a;
-        this._panEnd.set(x, y);
-        this._panDelta.subVectors(this._panEnd, this._panStart);
-        this._pan(this._panDelta.x, this._panDelta.y);
-        this._panStart.copy(this._panEnd);
-        (_a = this._host) === null || _a === void 0 ? void 0 : _a.invalidate();
-    }
-    _pan(deltaX, deltaY) {
-        deltaX *= this._panSpeed;
-        deltaY *= this._panSpeed;
-        const { width, height } = this._host.bounds;
-        const cam = this._camera;
-        if (cam.isPerspectiveCamera) {
-            this._panCalcOffset.copy(cam.position).sub(this._target);
-            let targetDistance = this._panCalcOffset.length();
-            targetDistance *= Math.tan(((cam.fov / 2) * Math.PI) / 180.0);
-            this._panLeftV.setFromMatrixColumn(cam.matrix, 0);
-            this._panLeftV.multiplyScalar((-2 * deltaX * targetDistance) / height);
-            this._panOffset.add(this._panLeftV);
-            this._panUpV.setFromMatrixColumn(cam.matrix, 1);
-            this._panUpV.multiplyScalar((2 * deltaY * targetDistance) / height);
-            this._panOffset.add(this._panUpV);
-        }
-        else if (cam.isOrthographicCamera) {
-            this._panLeftV.setFromMatrixColumn(cam.matrix, 0);
-            this._panLeftV.multiplyScalar((-deltaX * (cam.right - cam.left)) / cam.zoom / width);
-            this._panOffset.add(this._panLeftV);
-            this._panUpV.setFromMatrixColumn(cam.matrix, 1);
-            this._panUpV.multiplyScalar((deltaY * (cam.top - cam.bottom)) / cam.zoom / height);
-            this._panOffset.add(this._panUpV);
-        }
-    }
-}
-//# sourceMappingURL=controls-manager.js.map

package/dist/threed/managers/controls-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/controls-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nconst EPS = 0.000001\n\nconst enum State {\n  NONE,\n  ROTATE,\n  PAN,\n  TOUCH_ROTATE,\n  TOUCH_PAN\n}\n\nexport class ControlsManager {\n  private _camera?: THREE.Camera\n  private _host?: Component\n\n  private _state = State.NONE\n  private _autoRotate = false\n  private _autoRotateSpeed = 2.0\n  private _dampingFactor = 0.15\n  private _rotateSpeed = 0.1\n  private _panSpeed = 0.25\n  private _lastScale = 1\n\n  // Spherical coordinate state\n  private _spherical = new THREE.Spherical()\n  private _sphericalDelta = new THREE.Spherical()\n  private _panOffset = new THREE.Vector3()\n  private _target = new THREE.Vector3()\n\n  // For reset\n  private _target0 = new THREE.Vector3()\n  private _position0 = new THREE.Vector3()\n\n  // Interaction tracking\n  private _rotateStart = new THREE.Vector2()\n  private _rotateEnd = new THREE.Vector2()\n  private _rotateDelta = new THREE.Vector2()\n  private _panStart = new THREE.Vector2()\n  private _panEnd = new THREE.Vector2()\n  private _panDelta = new THREE.Vector2()\n\n  // Cached for update()\n  private _offset = new THREE.Vector3()\n  private _quat!: THREE.Quaternion\n  private _quatInverse!: THREE.Quaternion\n  private _lastPosition = new THREE.Vector3()\n  private _lastQuaternion = new THREE.Quaternion()\n\n  // Pan helpers\n  private _panLeftV = new THREE.Vector3()\n  private _panUpV = new THREE.Vector3()\n  private _panCalcOffset = new THREE.Vector3()\n\n  get isActive(): boolean {\n    return !!this._camera\n  }\n\n  setup(camera: THREE.Camera, host: Component) {\n    this._camera = camera\n    this._host = host\n\n    this._target.set(0, 0, 0)\n    this._target0.copy(this._target)\n    this._position0.copy(camera.position)\n\n    this._quat = new THREE.Quaternion().setFromUnitVectors(\n      camera.up,\n      new THREE.Vector3(0, 1, 0)\n    )\n    this._quatInverse = this._quat.clone().invert()\n\n    const state = host.state\n    this._autoRotate = (!host.app?.isEditMode && state.autoRotate) || false\n    this._autoRotateSpeed = state.rotationSpeed || 2.0\n\n    this.update()\n  }\n\n  // === Drag events (things-scene → component method) ===\n\n  onDragStart(e: DragEvent) {\n    this._autoRotate = false\n    this._state = e.altKey ? State.PAN : State.ROTATE\n\n    if (this._state === State.ROTATE) {\n      this._rotateStart.set(e.offsetX, e.offsetY)\n    } else {\n      this._panStart.set(e.offsetX, e.offsetY)\n    }\n  }\n\n  onDragMove(e: DragEvent) {\n    this._state = e.altKey ? State.PAN : State.ROTATE\n\n    if (this._state === State.ROTATE) {\n      this._handleRotateMove(e.offsetX, e.offsetY)\n    } else {\n      this._handlePanMove(e.offsetX, e.offsetY)\n    }\n  }\n\n  onDragEnd(_e: DragEvent) {\n    this._state = State.NONE\n    this._autoRotate = this._host?.state.autoRotate || false\n    this._host?.invalidate()\n  }\n\n  // === Touch events ===\n\n  onTouchStart(e: TouchEvent) {\n    const t0 = e.touches[0]\n    const x = (t0 as any).offsetX ?? t0.pageX\n    const y = (t0 as any).offsetY ?? t0.pageY\n\n    switch (e.touches.length) {\n      case 1:\n        this._rotateStart.set(x, y)\n        this._state = State.TOUCH_ROTATE\n        break\n      case 2:\n        this._lastScale = (e as any).scale || 1\n        this._panStart.set(x, y)\n        this._state = State.TOUCH_PAN\n        break\n      default:\n        this._state = State.NONE\n    }\n  }\n\n  onTouchMove(e: TouchEvent) {\n    const t0 = e.touches[0]\n    const x = (t0 as any).offsetX ?? t0.pageX\n    const y = (t0 as any).offsetY ?? t0.pageY\n\n    switch (e.touches.length) {\n      case 1:\n        if (this._state !== State.TOUCH_ROTATE) return\n        this._handleRotateMove(x, y)\n        break\n      case 2:\n        if (Math.abs(this._lastScale - ((e as any).scale || 1)) > 0.05) return\n        if (this._state !== State.TOUCH_PAN) return\n        this._handlePanMove(x, y)\n        break\n      default:\n        this._state = State.NONE\n    }\n  }\n\n  onTouchEnd(_e: TouchEvent) {\n    this._lastScale = 1\n    this._state = State.NONE\n  }\n\n  // === Keyboard ===\n\n  onKeyDown(e: KeyboardEvent) {\n    const speed = 7.0\n\n    switch (e.keyCode) {\n      case 38: /* ArrowUp    */ this._pan(0, speed); break\n      case 40: /* ArrowDown  */ this._pan(0, -speed); break\n      case 37: /* ArrowLeft  */ this._pan(speed, 0); break\n      case 39: /* ArrowRight */ this._pan(-speed, 0); break\n      default: return\n    }\n\n    this.update()\n  }\n\n  // === Public API ===\n\n  update(): boolean {\n    const camera = this._camera!\n    const position = camera.position\n\n    this._offset.copy(position).sub(this._target)\n    this._offset.applyQuaternion(this._quat)\n    this._spherical.setFromVector3(this._offset)\n\n    this._spherical.theta += this._sphericalDelta.theta\n\n    if (this._autoRotate && this._state === State.NONE) {\n      // autoRotateSpeed = rotations per minute, 60fps 기준\n      // damping의 영향을 받지 않도록 _spherical에 직접 적용\n      const angle = ((2 * Math.PI) / 60) * (this._autoRotateSpeed / 60)\n      this._spherical.theta -= angle\n    }\n    this._spherical.phi += this._sphericalDelta.phi\n    this._spherical.phi = Math.max(0, Math.min(Math.PI, this._spherical.phi))\n    this._spherical.makeSafe()\n\n    this._target.add(this._panOffset)\n    this._offset.setFromSpherical(this._spherical)\n    this._offset.applyQuaternion(this._quatInverse)\n\n    position.copy(this._target).add(this._offset)\n    camera.lookAt(this._target)\n\n    // Damping: 부드러운 감속 (드래그 중 약간의 지연, 릴리즈 후 관성)\n    const decay = 1 - this._dampingFactor\n    this._sphericalDelta.theta *= decay\n    this._sphericalDelta.phi *= decay\n    this._panOffset.multiplyScalar(decay)\n\n    if (\n      this._lastPosition.distanceToSquared(position) > EPS ||\n      8 * (1 - this._lastQuaternion.dot(camera.quaternion)) > EPS\n    ) {\n      this._lastPosition.copy(position)\n      this._lastQuaternion.copy(camera.quaternion)\n      this._host?.invalidate()\n      return true\n    }\n    return false\n  }\n\n  reset() {\n    this._target.copy(this._target0)\n    this._camera!.position.copy(this._position0)\n    ;(this._camera as THREE.PerspectiveCamera).updateProjectionMatrix()\n    this._sphericalDelta.set(0, 0, 0)\n    this._panOffset.set(0, 0, 0)\n    this._state = State.NONE\n    this.update()\n  }\n\n  setAutoRotate(enabled: boolean) {\n    this._autoRotate = enabled\n    this._host?.invalidate()\n  }\n\n  markCameraChanged() {\n    this._host?.invalidate()\n  }\n\n  destroy() {\n    delete this._camera\n    delete this._host\n  }\n\n  // === Private: rotate / pan math ===\n\n  private _handleRotateMove(x: number, y: number) {\n    this._rotateEnd.set(x, y)\n    this._rotateDelta.subVectors(this._rotateEnd, this._rotateStart)\n\n    const { width, height } = this._host!.bounds\n    this._sphericalDelta.theta -= ((2 * Math.PI * this._rotateDelta.x) / width) * this._rotateSpeed\n    this._sphericalDelta.phi -= ((2 * Math.PI * this._rotateDelta.y) / height) * this._rotateSpeed\n\n    this._rotateStart.copy(this._rotateEnd)\n    this._host?.invalidate() // delta만 누적, 적용은 threed_animate → update()에서 1번\n  }\n\n  private _handlePanMove(x: number, y: number) {\n    this._panEnd.set(x, y)\n    this._panDelta.subVectors(this._panEnd, this._panStart)\n    this._pan(this._panDelta.x, this._panDelta.y)\n    this._panStart.copy(this._panEnd)\n    this._host?.invalidate()\n  }\n\n  private _pan(deltaX: number, deltaY: number) {\n    deltaX *= this._panSpeed\n    deltaY *= this._panSpeed\n\n    const { width, height } = this._host!.bounds\n    const cam = this._camera as any\n\n    if (cam.isPerspectiveCamera) {\n      this._panCalcOffset.copy(cam.position).sub(this._target)\n      let targetDistance = this._panCalcOffset.length()\n      targetDistance *= Math.tan(((cam.fov / 2) * Math.PI) / 180.0)\n\n      this._panLeftV.setFromMatrixColumn(cam.matrix, 0)\n      this._panLeftV.multiplyScalar((-2 * deltaX * targetDistance) / height)\n      this._panOffset.add(this._panLeftV)\n\n      this._panUpV.setFromMatrixColumn(cam.matrix, 1)\n      this._panUpV.multiplyScalar((2 * deltaY * targetDistance) / height)\n      this._panOffset.add(this._panUpV)\n    } else if (cam.isOrthographicCamera) {\n      this._panLeftV.setFromMatrixColumn(cam.matrix, 0)\n      this._panLeftV.multiplyScalar((-deltaX * (cam.right - cam.left)) / cam.zoom / width)\n      this._panOffset.add(this._panLeftV)\n\n      this._panUpV.setFromMatrixColumn(cam.matrix, 1)\n      this._panUpV.multiplyScalar((deltaY * (cam.top - cam.bottom)) / cam.zoom / height)\n      this._panOffset.add(this._panUpV)\n    }\n  }\n}\n"]}

package/dist/threed/managers/event-manager3d.d.ts

@@ -1,19 +0,0 @@
-import * as THREE from 'three';
-import type { IThreeRealObject } from '../interfaces.js';
-export declare class EventManager3D {
-    private _mouse;
-    private _raycaster;
-    private _lastFocused?;
-    private _lastHovered?;
-    get mouse(): THREE.Vector2;
-    get lastFocused(): IThreeRealObject | undefined;
-    set lastFocused(value: IThreeRealObject | undefined);
-    get lastHovered(): IThreeRealObject | undefined;
-    set lastHovered(value: IThreeRealObject | undefined);
-    updateMouseNDC(px: number, py: number, left: number, top: number, width: number, height: number): void;
-    getObjectByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Object3D | undefined;
-    getObjectsByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Intersection[];
-    handleClick(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent): IThreeRealObject | undefined;
-    handleHover(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent): void;
-    destroy(): void;
-}