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

package/dist/three-container.d.ts

@@ -1,61 +0,0 @@
-import { Component, ComponentNature, Container, Properties } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-import './three-layout.js';
-import { ThreeDimensionalContainer } from './threed/three-dimensional-container.js';
-import { SceneManager, CameraManager, RendererManager, LightManager, ControlsManager, EventManager3D, LightingConfig } from './threed/managers/index.js';
-export declare class ThreeContainer extends Container implements ThreeDimensionalContainer {
-    protected sceneManager: SceneManager;
-    protected cameraManager: CameraManager;
-    protected rendererManager: RendererManager;
-    protected lightManager: LightManager;
-    protected controlsManager: ControlsManager;
-    protected eventManager: EventManager3D;
-    _initalizeComplete?: Promise<void>;
-    _onFocus?: (e: FocusEvent) => void;
-    _onResize?: (e: Event) => void;
-    containable(component: Component): boolean;
-    is3dContainer(): boolean;
-    createObjects(components: Component[]): void;
-    destroy_scene3d(): void;
-    protected getLightingConfig(): LightingConfig;
-    protected getCss3DSceneAttribute(): string | undefined;
-    update(): void;
-    resize(): void;
-    init_scene3d(): void;
-    threed_animate(): void;
-    stop(): void;
-    get scene3d(): THREE.Scene | undefined;
-    get renderer3d(): THREE.WebGLRenderer | undefined;
-    get mixer(): THREE.AnimationMixer | undefined;
-    get zoom(): number | undefined;
-    get css3DScene(): THREE.Scene;
-    get css3DRenderer(): import("three/examples/jsm/renderers/CSS3DRenderer.js").CSS3DRenderer;
-    buildOverlays(): void;
-    render_threed(): void;
-    render(ctx: CanvasRenderingContext2D): void;
-    postrender(ctx: CanvasRenderingContext2D): void;
-    dispose(): void;
-    get layout(): any;
-    get nature(): ComponentNature;
-    getObjectByRaycast(): THREE.Object3D | undefined;
-    getObjectsByRaycast(): THREE.Intersection<THREE.Object3D<THREE.Object3DEventMap>>[] | undefined;
-    _showWebglNoSupportText(context: CanvasRenderingContext2D): void;
-    onchange(after: Properties, before: Properties): void;
-    onmousedown(e: MouseEvent): void;
-    onmouseup(e: MouseEvent): void;
-    onmousemove(e: MouseEvent): void;
-    onmouseleave(e: MouseEvent): void;
-    onwheel(e: WheelEvent): void;
-    ondblclick(e: MouseEvent): void;
-    ondragstart(e: DragEvent): void;
-    ondragmove(e: DragEvent): void;
-    ondragend(e: DragEvent): void;
-    ontouchstart(e: TouchEvent): void;
-    onpan(e: TouchEvent): void;
-    ontouchend(e: TouchEvent): void;
-    onkeydown(e: KeyboardEvent): void;
-    onpinch(e: TouchEvent): void;
-    ondoubletap(): void;
-    handleMouseWheel(event: WheelEvent): void;
-    onredraw(): void;
-}

package/dist/three-container.js

@@ -1,371 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import { Container, error, FPS, Layout, sceneComponent } from '@hatiolab/things-scene';
-import './three-layout.js';
-import { createRealObjectFor } from './threed/real-object-registry.js';
-import { SceneManager, CameraManager, RendererManager, LightManager, ControlsManager, EventManager3D } from './threed/managers/index.js';
-const NATURE = {
-    mutable: false,
-    resizable: true,
-    rotatable: true,
-    properties: [
-        {
-            type: 'select',
-            label: 'precision',
-            name: 'precision',
-            property: {
-                options: [
-                    { display: 'High', value: 'highp' },
-                    { display: 'Medium', value: 'mediump' },
-                    { display: 'Low', value: 'lowp' }
-                ]
-            }
-        },
-        { type: 'checkbox', label: 'anti-alias', name: 'antialias', property: 'antialias' },
-        { type: 'checkbox', label: '3dmode', name: 'threed', property: 'threed' },
-        { type: 'checkbox', label: 'auto-rotate', name: 'autoRotate', property: 'autoRotate' },
-        { type: 'checkbox', label: 'debug', name: 'debug', property: 'debug' }
-    ],
-    help: 'scene/component/three-container'
-};
-const WEBGL_NO_SUPPORT_TEXT = 'WebGL no support';
-let ThreeContainer = class ThreeContainer extends Container {
-    constructor() {
-        super(...arguments);
-        this.sceneManager = new SceneManager();
-        this.cameraManager = new CameraManager();
-        this.rendererManager = new RendererManager();
-        this.lightManager = new LightManager();
-        this.controlsManager = new ControlsManager();
-        this.eventManager = new EventManager3D();
-    }
-    containable(component) {
-        return true;
-    }
-    is3dContainer() {
-        return true;
-    }
-    /* THREE Object related .. */
-    createObjects(components) {
-        for (const component of components) {
-            try {
-                const item = createRealObjectFor(component);
-                if (item) {
-                    component._realObject = item;
-                    item.update();
-                    item.updateTransform();
-                    if (component.isHTMLElement()) {
-                        this.rendererManager.css3DScene.add(item.object3d);
-                    }
-                    else {
-                        this.sceneManager.scene.add(item.object3d);
-                    }
-                }
-            }
-            catch (err) {
-                error(err);
-            }
-        }
-    }
-    destroy_scene3d() {
-        this.stop();
-        window.removeEventListener('focus', this._onFocus);
-        window.removeEventListener('resize', this._onResize);
-        this.controlsManager.destroy();
-        this.lightManager.destroy();
-        this.rendererManager.destroy();
-        this.cameraManager.destroy();
-        this.sceneManager.destroy();
-        this.eventManager.destroy();
-    }
-    getLightingConfig() {
-        return {
-            hemisphere: { skyColor: 0xdddddd, groundColor: 0x333333, intensity: 0.035 }
-        };
-    }
-    getCss3DSceneAttribute() {
-        return 'three-container:css3d-renderer';
-    }
-    update() {
-        const { width, height } = this.bounds;
-        const { fov = 45, near = 0.1, far = 20000, antialias = true, precision = 'highp', cameraX, cameraY, cameraZ, exposure = 2.5 } = this.state;
-        const components = this.components || [];
-        // SCENE
-        const scene = this.sceneManager.setup();
-        // CAMERA
-        const camera = this.cameraManager.setup(width, height, {
-            fov, near, far, zoom: this.getState('zoom'), cameraX, cameraY, cameraZ
-        });
-        this.cameraManager.addToScene(scene);
-        // RENDERER (WebGL)
-        if (!this.rendererManager.setupWebGL(width, height, { precision, antialias, exposure })) {
-            return;
-        }
-        // CONTROLS
-        this.controlsManager.setup(camera, this);
-        // LIGHTS
-        this.lightManager.setup(scene, camera, this.getLightingConfig());
-        // MIXER
-        this.sceneManager.setupMixer();
-        // CREATE 3D OBJECTS
-        this.createObjects(components);
-        camera.updateProjectionMatrix();
-        // FLOOR
-        this.sceneManager.addFloor(this);
-        // POSTPROCESSING
-        this.rendererManager.setupComposer(scene, camera, width, height);
-        // CSS3D
-        this.rendererManager.setupCSS3D(this.app.isViewMode, this.getCss3DSceneAttribute());
-        // EVENT LISTENERS
-        this._onFocus = () => this.render_threed();
-        this._onResize = () => this.resize();
-        window.addEventListener('resize', this._onResize);
-        window.addEventListener('focus', this._onFocus);
-        this.buildOverlays();
-        this.resize();
-    }
-    resize() {
-        const { width, height } = this.bounds;
-        this.cameraManager.updateAspect(width, height);
-        this.rendererManager.resize(width, height);
-    }
-    init_scene3d() {
-        this.root.on('redraw', this.onredraw, this);
-        if (this.sceneManager.scene) {
-            this.destroy_scene3d();
-        }
-        this.update();
-        this.onchangeData && this.onchangeData(this.data, this.data);
-    }
-    threed_animate() {
-        if (!this.controlsManager.isActive) {
-            return;
-        }
-        this.sceneManager.updateAnimation();
-        this.controlsManager.update();
-        this.render_threed();
-    }
-    stop() { }
-    get scene3d() {
-        if (!this.sceneManager.scene) {
-            this.init_scene3d();
-        }
-        return this.sceneManager.scene;
-    }
-    get renderer3d() {
-        return this.rendererManager.renderer;
-    }
-    get mixer() {
-        return this.sceneManager.mixer;
-    }
-    get zoom() {
-        return this.cameraManager.zoom;
-    }
-    get css3DScene() {
-        return this.rendererManager.css3DScene;
-    }
-    get css3DRenderer() {
-        return this.rendererManager.css3DRenderer;
-    }
-    buildOverlays() {
-        this.element.appendChild(this.css3DRenderer.domElement);
-    }
-    render_threed() {
-        this.rendererManager.render();
-    }
-    /* Container Overrides */
-    render(ctx) {
-        if (this.app.isViewMode) {
-            this.setState('threed', true);
-        }
-        if (this.state.threed && !this.rendererManager.noSupportWebgl && this.cameraManager.camera) {
-            this.rendererManager.renderCSS3D(this.cameraManager.camera);
-            return;
-        }
-        super.render(ctx);
-    }
-    postrender(ctx) {
-        const { left, top, debug, threed } = this.state;
-        let { width, height } = this.bounds;
-        width = Math.floor(width);
-        height = Math.floor(height);
-        if (threed) {
-            if (!this.sceneManager.scene) {
-                this.init_scene3d();
-                this.render_threed();
-            }
-            if (this.rendererManager.noSupportWebgl) {
-                this._showWebglNoSupportText(ctx);
-                return;
-            }
-            if (!this.rendererManager.renderer) {
-                return;
-            }
-            const { width: rw, height: rh } = this.rendererManager.getSize();
-            ctx.drawImage(this.rendererManager.domElement, 0, 0, rw, rh, left, top, width, height);
-            if (debug) {
-                ctx.font = 100 + 'px Arial';
-                ctx.textAlign = 'center';
-                ctx.fillStyle = 'black';
-                ctx.globalAlpha = 0.5;
-                ctx.fillText(String(FPS()), 100, 100);
-            }
-        }
-        else {
-            super.postrender(ctx);
-        }
-    }
-    dispose() {
-        this.root.off('redraw', this.onredraw, this);
-        this.rendererManager.disposeCSS3DScene();
-        this.destroy_scene3d();
-        super.dispose();
-    }
-    get layout() {
-        return Layout.get('three');
-    }
-    get nature() {
-        return NATURE;
-    }
-    getObjectByRaycast() {
-        if (!this.cameraManager.camera || !this.sceneManager.scene)
-            return;
-        return this.eventManager.getObjectByRaycast(this.cameraManager.camera, this.sceneManager.scene);
-    }
-    getObjectsByRaycast() {
-        if (!this.cameraManager.camera || !this.sceneManager.scene)
-            return;
-        return this.eventManager.getObjectsByRaycast(this.cameraManager.camera, this.sceneManager.scene);
-    }
-    _showWebglNoSupportText(context) {
-        context.save();
-        const { width, height } = this.state;
-        context.font = width / 20 + 'px Arial';
-        context.textAlign = 'center';
-        context.fillText(WEBGL_NO_SUPPORT_TEXT, width / 2 - width / 40, height / 2);
-        context.restore();
-    }
-    /* Event Handlers */
-    onchange(after, before) {
-        if (after.hasOwnProperty('width') || after.hasOwnProperty('height') || after.hasOwnProperty('threed'))
-            this.destroy_scene3d();
-        if (after.hasOwnProperty('autoRotate')) {
-            this.controlsManager.setAutoRotate(after.autoRotate);
-        }
-        if (after.hasOwnProperty('fov') ||
-            after.hasOwnProperty('near') ||
-            after.hasOwnProperty('far') ||
-            after.hasOwnProperty('zoom')) {
-            const { near, far, zoom, fov } = this.state;
-            this.cameraManager.updateProperties({ near, far, zoom, fov });
-            this.controlsManager.markCameraChanged();
-        }
-    }
-    onmousedown(e) { }
-    onmouseup(e) {
-        if (this.controlsManager.isActive) {
-            const { left, top, width, height } = this.state;
-            const pointer = this.transcoordC2S(e.offsetX, e.offsetY);
-            this.eventManager.updateMouseNDC(pointer.x, pointer.y, left, top, width, height);
-            this.eventManager.handleClick(this.cameraManager.camera, this.sceneManager.scene, e);
-            e.stopPropagation();
-        }
-    }
-    onmousemove(e) {
-        if (this.controlsManager.isActive) {
-            const { left, top, width, height } = this.state;
-            const pointer = this.transcoordC2S(e.offsetX, e.offsetY);
-            this.eventManager.updateMouseNDC(pointer.x, pointer.y, left, top, width, height);
-            this.eventManager.handleHover(this.cameraManager.camera, this.sceneManager.scene, e);
-            e.stopPropagation();
-        }
-    }
-    onmouseleave(e) { }
-    onwheel(e) {
-        if (this.controlsManager.isActive) {
-            this.handleMouseWheel(e);
-            e.stopPropagation();
-        }
-    }
-    ondblclick(e) {
-        if (this.controlsManager.isActive) {
-            this.setState('zoom', this.getState('zoom'));
-            this.controlsManager.reset();
-            e.stopPropagation();
-        }
-    }
-    // things-scene 이벤트 → ControlsManager (orbit/pan 처리)
-    ondragstart(e) {
-        if (this.controlsManager.isActive) {
-            this.controlsManager.onDragStart(e);
-            e.stopPropagation();
-        }
-    }
-    ondragmove(e) {
-        if (this.controlsManager.isActive) {
-            this.controlsManager.onDragMove(e);
-            e.stopPropagation();
-        }
-    }
-    ondragend(e) {
-        if (this.controlsManager.isActive) {
-            this.controlsManager.onDragEnd(e);
-            e.stopPropagation();
-        }
-    }
-    ontouchstart(e) {
-        if (this.controlsManager.isActive) {
-            this.controlsManager.onTouchStart(e);
-            e.stopPropagation();
-        }
-    }
-    onpan(e) {
-        if (this.controlsManager.isActive) {
-            this.controlsManager.onTouchMove(e);
-            e.stopPropagation();
-        }
-    }
-    ontouchend(e) {
-        if (this.controlsManager.isActive) {
-            this.controlsManager.onTouchEnd(e);
-            e.stopPropagation();
-        }
-    }
-    onkeydown(e) {
-        if (this.controlsManager.isActive) {
-            this.controlsManager.onKeyDown(e);
-            e.stopPropagation();
-        }
-    }
-    onpinch(e) {
-        if (this.controlsManager.isActive) {
-            var zoom = this.getState('zoom');
-            //@ts-ignore
-            zoom *= e.scale;
-            if (zoom < 100)
-                zoom = 100;
-            this.setState('zoom', zoom);
-            e.stopPropagation();
-        }
-    }
-    ondoubletap() {
-        this.controlsManager.reset();
-    }
-    handleMouseWheel(event) {
-        var zoom = this.getState('zoom');
-        zoom += -event.deltaY * 0.1;
-        if (zoom < 100)
-            zoom = 100;
-        this.setState('zoom', zoom);
-    }
-    onredraw() {
-        this.threed_animate();
-    }
-};
-ThreeContainer = __decorate([
-    sceneComponent('3d-container')
-], ThreeContainer);
-export { ThreeContainer };
-//# sourceMappingURL=three-container.js.map

package/dist/three-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"three-container.js","sourceRoot":"","sources":["../src/three-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport {\n  Component,\n  ComponentNature,\n  Container,\n  error,\n  FPS,\n  Layout,\n  Properties,\n  sceneComponent\n} from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nimport './three-layout.js'\nimport { ThreeDimensionalContainer } from './threed/three-dimensional-container.js'\nimport { RealObjectDomElement } from './threed/real-object-dom-element.js'\nimport { createRealObjectFor } from './threed/real-object-registry.js'\nimport {\n  SceneManager,\n  CameraManager,\n  RendererManager,\n  LightManager,\n  ControlsManager,\n  EventManager3D,\n  LightingConfig\n} from './threed/managers/index.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'precision',\n      name: 'precision',\n      property: {\n        options: [\n          { display: 'High', value: 'highp' },\n          { display: 'Medium', value: 'mediump' },\n          { display: 'Low', value: 'lowp' }\n        ]\n      }\n    },\n    { type: 'checkbox', label: 'anti-alias', name: 'antialias', property: 'antialias' },\n    { type: 'checkbox', label: '3dmode', name: 'threed', property: 'threed' },\n    { type: 'checkbox', label: 'auto-rotate', name: 'autoRotate', property: 'autoRotate' },\n    { type: 'checkbox', label: 'debug', name: 'debug', property: 'debug' }\n  ],\n  help: 'scene/component/three-container'\n}\n\nconst WEBGL_NO_SUPPORT_TEXT = 'WebGL no support'\n\n@sceneComponent('3d-container')\nexport class ThreeContainer extends Container implements ThreeDimensionalContainer {\n  protected sceneManager = new SceneManager()\n  protected cameraManager = new CameraManager()\n  protected rendererManager = new RendererManager()\n  protected lightManager = new LightManager()\n  protected controlsManager = new ControlsManager()\n  protected eventManager = new EventManager3D()\n\n  _initalizeComplete?: Promise<void>\n  _onFocus?: (e: FocusEvent) => void\n  _onResize?: (e: Event) => void\n\n  containable(component: Component) {\n    return true\n  }\n\n  is3dContainer() {\n    return true\n  }\n\n  /* THREE Object related .. */\n\n  createObjects(components: Component[]) {\n    for (const component of components) {\n      try {\n        const item = createRealObjectFor(component)\n        if (item) {\n          component._realObject = item\n          item.update()\n          item.updateTransform()\n\n          if (component.isHTMLElement()) {\n            this.rendererManager.css3DScene.add((item as RealObjectDomElement).object3d)\n          } else {\n            this.sceneManager.scene!.add(item.object3d)\n          }\n        }\n      } catch (err) {\n        error(err)\n      }\n    }\n  }\n\n  destroy_scene3d() {\n    this.stop()\n\n    window.removeEventListener('focus', this._onFocus!)\n    window.removeEventListener('resize', this._onResize!)\n\n    this.controlsManager.destroy()\n    this.lightManager.destroy()\n    this.rendererManager.destroy()\n    this.cameraManager.destroy()\n    this.sceneManager.destroy()\n    this.eventManager.destroy()\n  }\n\n  protected getLightingConfig(): LightingConfig {\n    return {\n      hemisphere: { skyColor: 0xdddddd, groundColor: 0x333333, intensity: 0.035 }\n    }\n  }\n\n  protected getCss3DSceneAttribute(): string | undefined {\n    return 'three-container:css3d-renderer'\n  }\n\n  update() {\n    const { width, height } = this.bounds\n    const {\n      fov = 45,\n      near = 0.1,\n      far = 20000,\n      antialias = true,\n      precision = 'highp',\n      cameraX,\n      cameraY,\n      cameraZ,\n      exposure = 2.5\n    } = this.state\n\n    const components = this.components || []\n\n    // SCENE\n    const scene = this.sceneManager.setup()\n\n    // CAMERA\n    const camera = this.cameraManager.setup(width, height, {\n      fov, near, far, zoom: this.getState('zoom'), cameraX, cameraY, cameraZ\n    })\n    this.cameraManager.addToScene(scene)\n\n    // RENDERER (WebGL)\n    if (!this.rendererManager.setupWebGL(width, height, { precision, antialias, exposure })) {\n      return\n    }\n\n    // CONTROLS\n    this.controlsManager.setup(camera, this)\n\n    // LIGHTS\n    this.lightManager.setup(scene, camera, this.getLightingConfig())\n\n    // MIXER\n    this.sceneManager.setupMixer()\n\n    // CREATE 3D OBJECTS\n    this.createObjects(components)\n    camera.updateProjectionMatrix()\n\n    // FLOOR\n    this.sceneManager.addFloor(this as any)\n\n    // POSTPROCESSING\n    this.rendererManager.setupComposer(scene, camera, width, height)\n\n    // CSS3D\n    this.rendererManager.setupCSS3D(this.app.isViewMode, this.getCss3DSceneAttribute())\n\n    // EVENT LISTENERS\n    this._onFocus = () => this.render_threed()\n    this._onResize = () => this.resize()\n    window.addEventListener('resize', this._onResize)\n    window.addEventListener('focus', this._onFocus)\n\n    this.buildOverlays()\n    this.resize()\n  }\n\n  resize() {\n    const { width, height } = this.bounds\n    this.cameraManager.updateAspect(width, height)\n    this.rendererManager.resize(width, height)\n  }\n\n  init_scene3d() {\n    this.root.on('redraw', this.onredraw, this)\n\n    if (this.sceneManager.scene) {\n      this.destroy_scene3d()\n    }\n\n    this.update()\n\n    this.onchangeData && this.onchangeData(this.data, this.data)\n  }\n\n  threed_animate() {\n    if (!this.controlsManager.isActive) {\n      return\n    }\n\n    this.sceneManager.updateAnimation()\n    this.controlsManager.update()\n    this.render_threed()\n  }\n\n  stop() {}\n\n  get scene3d() {\n    if (!this.sceneManager.scene) {\n      this.init_scene3d()\n    }\n    return this.sceneManager.scene\n  }\n\n  get renderer3d() {\n    return this.rendererManager.renderer\n  }\n\n  get mixer() {\n    return this.sceneManager.mixer\n  }\n\n  get zoom() {\n    return this.cameraManager.zoom\n  }\n\n  get css3DScene() {\n    return this.rendererManager.css3DScene\n  }\n\n  get css3DRenderer() {\n    return this.rendererManager.css3DRenderer\n  }\n\n  buildOverlays() {\n    this.element!.appendChild(this.css3DRenderer.domElement)\n  }\n\n  render_threed() {\n    this.rendererManager.render()\n  }\n\n  /* Container Overrides */\n\n  render(ctx: CanvasRenderingContext2D) {\n    if (this.app.isViewMode) {\n      this.setState('threed', true)\n    }\n\n    if (this.state.threed && !this.rendererManager.noSupportWebgl && this.cameraManager.camera) {\n      this.rendererManager.renderCSS3D(this.cameraManager.camera)\n      return\n    }\n\n    super.render(ctx)\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    const { left, top, debug, threed } = this.state\n    let { width, height } = this.bounds\n\n    width = Math.floor(width)\n    height = Math.floor(height)\n\n    if (threed) {\n      if (!this.sceneManager.scene) {\n        this.init_scene3d()\n        this.render_threed()\n      }\n\n      if (this.rendererManager.noSupportWebgl) {\n        this._showWebglNoSupportText(ctx)\n        return\n      }\n\n      if (!this.rendererManager.renderer) {\n        return\n      }\n\n      const { width: rw, height: rh } = this.rendererManager.getSize()\n      ctx.drawImage(this.rendererManager.domElement!, 0, 0, rw, rh, left, top, width, height)\n\n      if (debug) {\n        ctx.font = 100 + 'px Arial'\n        ctx.textAlign = 'center'\n        ctx.fillStyle = 'black'\n        ctx.globalAlpha = 0.5\n        ctx.fillText(String(FPS()), 100, 100)\n      }\n    } else {\n      super.postrender(ctx)\n    }\n  }\n\n  dispose() {\n    this.root.off('redraw', this.onredraw, this)\n    this.rendererManager.disposeCSS3DScene()\n    this.destroy_scene3d()\n    super.dispose()\n  }\n\n  get layout(): any {\n    return Layout.get('three')\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  getObjectByRaycast(): THREE.Object3D | undefined {\n    if (!this.cameraManager.camera || !this.sceneManager.scene) return\n    return this.eventManager.getObjectByRaycast(this.cameraManager.camera, this.sceneManager.scene)\n  }\n\n  getObjectsByRaycast() {\n    if (!this.cameraManager.camera || !this.sceneManager.scene) return\n    return this.eventManager.getObjectsByRaycast(this.cameraManager.camera, this.sceneManager.scene)\n  }\n\n  _showWebglNoSupportText(context: CanvasRenderingContext2D) {\n    context.save()\n    const { width, height } = this.state\n    context.font = width / 20 + 'px Arial'\n    context.textAlign = 'center'\n    context.fillText(WEBGL_NO_SUPPORT_TEXT, width / 2 - width / 40, height / 2)\n    context.restore()\n  }\n\n  /* Event Handlers */\n\n  onchange(after: Properties, before: Properties) {\n    if (after.hasOwnProperty('width') || after.hasOwnProperty('height') || after.hasOwnProperty('threed'))\n      this.destroy_scene3d()\n\n    if (after.hasOwnProperty('autoRotate')) {\n      this.controlsManager.setAutoRotate(after.autoRotate)\n    }\n\n    if (\n      after.hasOwnProperty('fov') ||\n      after.hasOwnProperty('near') ||\n      after.hasOwnProperty('far') ||\n      after.hasOwnProperty('zoom')\n    ) {\n      const { near, far, zoom, fov } = this.state\n      this.cameraManager.updateProperties({ near, far, zoom, fov })\n      this.controlsManager.markCameraChanged()\n    }\n  }\n\n  onmousedown(e: MouseEvent) {}\n\n  onmouseup(e: MouseEvent) {\n    if (this.controlsManager.isActive) {\n      const { left, top, width, height } = this.state\n      const pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n      this.eventManager.updateMouseNDC(pointer.x, pointer.y, left, top, width, height)\n\n      this.eventManager.handleClick(this.cameraManager.camera!, this.sceneManager.scene!, e)\n      e.stopPropagation()\n    }\n  }\n\n  onmousemove(e: MouseEvent) {\n    if (this.controlsManager.isActive) {\n      const { left, top, width, height } = this.state\n      const pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n      this.eventManager.updateMouseNDC(pointer.x, pointer.y, left, top, width, height)\n\n      this.eventManager.handleHover(this.cameraManager.camera!, this.sceneManager.scene!, e)\n      e.stopPropagation()\n    }\n  }\n\n  onmouseleave(e: MouseEvent) {}\n\n  onwheel(e: WheelEvent) {\n    if (this.controlsManager.isActive) {\n      this.handleMouseWheel(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondblclick(e: MouseEvent) {\n    if (this.controlsManager.isActive) {\n      this.setState('zoom', this.getState('zoom'))\n      this.controlsManager.reset()\n      e.stopPropagation()\n    }\n  }\n\n  // things-scene 이벤트 → ControlsManager (orbit/pan 처리)\n  ondragstart(e: DragEvent) {\n    if (this.controlsManager.isActive) {\n      this.controlsManager.onDragStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragmove(e: DragEvent) {\n    if (this.controlsManager.isActive) {\n      this.controlsManager.onDragMove(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragend(e: DragEvent) {\n    if (this.controlsManager.isActive) {\n      this.controlsManager.onDragEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  ontouchstart(e: TouchEvent) {\n    if (this.controlsManager.isActive) {\n      this.controlsManager.onTouchStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpan(e: TouchEvent) {\n    if (this.controlsManager.isActive) {\n      this.controlsManager.onTouchMove(e)\n      e.stopPropagation()\n    }\n  }\n\n  ontouchend(e: TouchEvent) {\n    if (this.controlsManager.isActive) {\n      this.controlsManager.onTouchEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  onkeydown(e: KeyboardEvent) {\n    if (this.controlsManager.isActive) {\n      this.controlsManager.onKeyDown(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpinch(e: TouchEvent) {\n    if (this.controlsManager.isActive) {\n      var zoom = this.getState('zoom')\n      //@ts-ignore\n      zoom *= e.scale\n      if (zoom < 100) zoom = 100\n      this.setState('zoom', zoom)\n      e.stopPropagation()\n    }\n  }\n\n  ondoubletap() {\n    this.controlsManager.reset()\n  }\n\n  handleMouseWheel(event: WheelEvent) {\n    var zoom = this.getState('zoom')\n    zoom += -event.deltaY * 0.1\n    if (zoom < 100) zoom = 100\n    this.setState('zoom', zoom)\n  }\n\n  onredraw() {\n    this.threed_animate()\n  }\n}\n"]}

package/dist/three-controls.d.ts

@@ -1,111 +0,0 @@
-/**
- * @author qiao / https://github.com/qiao
- * @author mrdoob / http://mrdoob.com
- * @author alteredq / http://alteredqualia.com/
- * @author WestLangley / http://github.com/WestLangley
- * @author erich666 / http://erichaines.com
- */
-import { Component } from '@hatiolab/things-scene';
-import * as THREE from 'three';
-export declare class ThreeControls {
-    object: THREE.Camera;
-    component: Component;
-    enabled: boolean;
-    target: THREE.Vector3;
-    minDistance: number;
-    maxDistance: number;
-    minZoom: number;
-    maxZoom: number;
-    minPolarAngle: number;
-    maxPolarAngle: number;
-    minAzimuthAngle: number;
-    maxAzimuthAngle: number;
-    enableDamping: boolean;
-    dampingFactor: number;
-    enableZoom: boolean;
-    zoomSpeed: number;
-    enableRotate: boolean;
-    rotateSpeed: number;
-    enablePan: boolean;
-    keyPanSpeed: number;
-    autoRotate: boolean;
-    autoRotateSpeed: number;
-    enableKeys: boolean;
-    keys: {
-        LEFT: number;
-        UP: number;
-        RIGHT: number;
-        BOTTOM: number;
-    };
-    mouseButtons: {
-        ORBIT: THREE.MOUSE;
-        ZOOM: THREE.MOUSE;
-        PAN: THREE.MOUSE;
-    };
-    target0: THREE.Vector3;
-    position0: THREE.Vector3;
-    zoom0: number;
-    cameraChanged: boolean;
-    lastScale: number;
-    private _state;
-    private _spherical;
-    private _sphericalDelta;
-    private _scale;
-    private _panOffset;
-    private _zoomChanged;
-    private _rotateStart;
-    private _rotateEnd;
-    private _rotateDelta;
-    private _panStart;
-    private _panEnd;
-    private _panDelta;
-    private _dollyStart;
-    private _dollyEnd;
-    private _dollyDelta;
-    private _startTime;
-    private _offsetTheta;
-    private _offset;
-    private _quat;
-    private _quatInverse;
-    private _lastPosition;
-    private _lastQuaternion;
-    private _panLeftV;
-    private _panUpV;
-    private _panCalcOffset;
-    constructor(object: THREE.Camera, component: Component);
-    getPolarAngle(): number;
-    getAzimuthalAngle(): number;
-    saveState(): void;
-    reset(): void;
-    update(): boolean;
-    dispose(): void;
-    onDragStart(event: DragEvent): void;
-    onDragMove(event: DragEvent): void;
-    onDragEnd(event: DragEvent): void;
-    onKeyDown(event: KeyboardEvent): void;
-    onTouchStart(event: TouchEvent): void;
-    onTouchMove(event: TouchEvent): void;
-    onTouchEnd(event: TouchEvent): void;
-    doAutoRotate(autoRotate: boolean): void;
-    private _getAutoRotationAngle;
-    private _getZoomScale;
-    private _rotateLeft;
-    private _rotateUp;
-    private _panLeft;
-    private _panUp;
-    private _pan;
-    private _dollyIn;
-    private _dollyOut;
-    private _handleDragStartRotate;
-    private _handleDragStartDolly;
-    private _handleDragStartPan;
-    private _handleDragMoveRotate;
-    private _handleDragMoveDolly;
-    private _handleDragMovePan;
-    private _handleKeyDown;
-    private _handleTouchStartRotate;
-    private _handleTouchStartPan;
-    private _handleTouchMoveRotate;
-    private _handleTouchMovePan;
-}
-export default ThreeControls;