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

package/dist/threed/managers/event-manager3d.js

@@ -1,76 +0,0 @@
-import * as THREE from 'three';
-export class EventManager3D {
-    constructor() {
-        this._mouse = new THREE.Vector2();
-        this._raycaster = new THREE.Raycaster();
-    }
-    get mouse() {
-        return this._mouse;
-    }
-    get lastFocused() {
-        return this._lastFocused;
-    }
-    set lastFocused(value) {
-        this._lastFocused = value;
-    }
-    get lastHovered() {
-        return this._lastHovered;
-    }
-    set lastHovered(value) {
-        this._lastHovered = value;
-    }
-    updateMouseNDC(px, py, left, top, width, height) {
-        this._mouse.x = ((px - left) / width) * 2 - 1;
-        this._mouse.y = -((py - top) / height) * 2 + 1;
-    }
-    getObjectByRaycast(camera, scene) {
-        const intersects = this.getObjectsByRaycast(camera, scene);
-        if (intersects && intersects.length > 0) {
-            let object = intersects[0].object;
-            while (object) {
-                if (object.userData.context) {
-                    return object;
-                }
-                object = object.parent;
-            }
-        }
-    }
-    getObjectsByRaycast(camera, scene) {
-        this._raycaster.setFromCamera(this._mouse, camera);
-        return this._raycaster.intersectObjects(scene.children, true);
-    }
-    handleClick(camera, scene, event) {
-        var _a;
-        if (this._lastFocused) {
-            this._lastFocused.focused = false;
-        }
-        const object = this.getObjectByRaycast(camera, scene);
-        const realObject = object === null || object === void 0 ? void 0 : object.userData.context;
-        if (realObject) {
-            realObject.focused = true;
-            this._lastFocused = realObject;
-            (_a = realObject.component) === null || _a === void 0 ? void 0 : _a.trigger('click', event);
-        }
-        return realObject;
-    }
-    handleHover(camera, scene, event) {
-        var _a, _b;
-        const object = this.getObjectByRaycast(camera, scene);
-        const realObject = object === null || object === void 0 ? void 0 : object.userData.context;
-        if (realObject !== this._lastHovered) {
-            if (this._lastHovered) {
-                (_a = this._lastHovered.component) === null || _a === void 0 ? void 0 : _a.trigger('mouseleave', event);
-                this._lastHovered = undefined;
-            }
-            if (realObject) {
-                this._lastHovered = realObject;
-                (_b = this._lastHovered.component) === null || _b === void 0 ? void 0 : _b.trigger('mouseenter', event);
-            }
-        }
-    }
-    destroy() {
-        this._lastFocused = undefined;
-        this._lastHovered = undefined;
-    }
-}
-//# sourceMappingURL=event-manager3d.js.map

package/dist/threed/managers/event-manager3d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"event-manager3d.js","sourceRoot":"","sources":["../../../src/threed/managers/event-manager3d.ts"],"names":[],"mappings":"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","sourcesContent":["import * as THREE from 'three'\nimport type { IThreeRealObject } from '../interfaces.js'\n\nexport class EventManager3D {\n  private _mouse = new THREE.Vector2()\n  private _raycaster = new THREE.Raycaster()\n  private _lastFocused?: IThreeRealObject\n  private _lastHovered?: IThreeRealObject\n\n  get mouse() {\n    return this._mouse\n  }\n\n  get lastFocused() {\n    return this._lastFocused\n  }\n\n  set lastFocused(value: IThreeRealObject | undefined) {\n    this._lastFocused = value\n  }\n\n  get lastHovered() {\n    return this._lastHovered\n  }\n\n  set lastHovered(value: IThreeRealObject | undefined) {\n    this._lastHovered = value\n  }\n\n  updateMouseNDC(px: number, py: number, left: number, top: number, width: number, height: number) {\n    this._mouse.x = ((px - left) / width) * 2 - 1\n    this._mouse.y = -((py - top) / height) * 2 + 1\n  }\n\n  getObjectByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Object3D | undefined {\n    const intersects = this.getObjectsByRaycast(camera, scene)\n\n    if (intersects && intersects.length > 0) {\n      let object: THREE.Object3D | null = intersects[0].object\n      while (object) {\n        if (object.userData.context) {\n          return object\n        }\n        object = object.parent\n      }\n    }\n  }\n\n  getObjectsByRaycast(camera: THREE.Camera, scene: THREE.Scene): THREE.Intersection[] {\n    this._raycaster.setFromCamera(this._mouse, camera)\n    return this._raycaster.intersectObjects(scene.children, true)\n  }\n\n  handleClick(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent): IThreeRealObject | undefined {\n    if (this._lastFocused) {\n      this._lastFocused.focused = false\n    }\n\n    const object = this.getObjectByRaycast(camera, scene)\n    const realObject = object?.userData.context as IThreeRealObject | undefined\n\n    if (realObject) {\n      realObject.focused = true\n      this._lastFocused = realObject\n      realObject.component?.trigger('click', event)\n    }\n\n    return realObject\n  }\n\n  handleHover(camera: THREE.Camera, scene: THREE.Scene, event: MouseEvent) {\n    const object = this.getObjectByRaycast(camera, scene)\n    const realObject = object?.userData.context as IThreeRealObject | undefined\n\n    if (realObject !== this._lastHovered) {\n      if (this._lastHovered) {\n        this._lastHovered.component?.trigger('mouseleave', event)\n        this._lastHovered = undefined\n      }\n\n      if (realObject) {\n        this._lastHovered = realObject\n        this._lastHovered.component?.trigger('mouseenter', event)\n      }\n    }\n  }\n\n  destroy() {\n    this._lastFocused = undefined\n    this._lastHovered = undefined\n  }\n}\n"]}

package/dist/threed/managers/index.d.ts

@@ -1,7 +0,0 @@
-export { SceneManager } from './scene-manager.js';
-export { CameraManager } from './camera-manager.js';
-export { RendererManager } from './renderer-manager.js';
-export { LightManager } from './light-manager.js';
-export { ControlsManager } from './controls-manager.js';
-export { EventManager3D } from './event-manager3d.js';
-export type { CameraConfig, RendererConfig, LightingConfig } from './types.js';

package/dist/threed/managers/index.js

@@ -1,7 +0,0 @@
-export { SceneManager } from './scene-manager.js';
-export { CameraManager } from './camera-manager.js';
-export { RendererManager } from './renderer-manager.js';
-export { LightManager } from './light-manager.js';
-export { ControlsManager } from './controls-manager.js';
-export { EventManager3D } from './event-manager3d.js';
-//# sourceMappingURL=index.js.map

package/dist/threed/managers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/threed/managers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA","sourcesContent":["export { SceneManager } from './scene-manager.js'\nexport { CameraManager } from './camera-manager.js'\nexport { RendererManager } from './renderer-manager.js'\nexport { LightManager } from './light-manager.js'\nexport { ControlsManager } from './controls-manager.js'\nexport { EventManager3D } from './event-manager3d.js'\nexport type { CameraConfig, RendererConfig, LightingConfig } from './types.js'\n"]}

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

@@ -1,7 +0,0 @@
-import * as THREE from 'three';
-import { LightingConfig } from './types.js';
-export declare class LightManager {
-    private lights;
-    setup(scene: THREE.Scene, camera: THREE.Camera, config: LightingConfig): void;
-    destroy(): void;
-}

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

@@ -1,37 +0,0 @@
-import * as THREE from 'three';
-export class LightManager {
-    constructor() {
-        this.lights = [];
-    }
-    setup(scene, camera, config) {
-        const { hemisphere, directional, point } = config;
-        const hemiLight = new THREE.HemisphereLight(hemisphere.skyColor, hemisphere.groundColor, hemisphere.intensity);
-        scene.add(hemiLight);
-        this.lights.push(hemiLight);
-        if (directional) {
-            const dirLight = new THREE.DirectionalLight(directional.color, directional.intensity);
-            if (directional.attachToCamera) {
-                camera.add(dirLight);
-            }
-            else {
-                scene.add(dirLight);
-            }
-            this.lights.push(dirLight);
-        }
-        if (point) {
-            const pointLight = new THREE.PointLight(point.color, point.intensity, undefined, point.decay);
-            pointLight.power = point.power;
-            pointLight.castShadow = point.castShadow;
-            pointLight.position.set(...point.position);
-            pointLight.shadow.camera.near = point.shadowNear;
-            pointLight.shadow.camera.far = point.shadowFar;
-            scene.add(pointLight);
-            this.lights.push(pointLight);
-        }
-    }
-    destroy() {
-        this.lights.forEach(light => light.dispose());
-        this.lights = [];
-    }
-}
-//# sourceMappingURL=light-manager.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"light-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/light-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,OAAO,YAAY;IAAzB;QACU,WAAM,GAAkB,EAAE,CAAA;IAmCpC,CAAC;IAjCC,KAAK,CAAC,KAAkB,EAAE,MAAoB,EAAE,MAAsB;QACpE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;QAEjD,MAAM,SAAS,GAAG,IAAI,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;QAC9G,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QACpB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAE3B,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,QAAQ,GAAG,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;YACrF,IAAI,WAAW,CAAC,cAAc,EAAE,CAAC;gBAC/B,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YACtB,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;YACrB,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;QAC5B,CAAC;QAED,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,UAAU,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;YAC7F,UAAU,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;YAC9B,UAAU,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;YACxC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAA;YAC1C,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,UAAU,CAAA;YAChD,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,CAAC,SAAS,CAAA;YAC9C,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;YACrB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAA;QAC7C,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;IAClB,CAAC;CACF","sourcesContent":["import * as THREE from 'three'\nimport { LightingConfig } from './types.js'\n\nexport class LightManager {\n  private lights: THREE.Light[] = []\n\n  setup(scene: THREE.Scene, camera: THREE.Camera, config: LightingConfig) {\n    const { hemisphere, directional, point } = config\n\n    const hemiLight = new THREE.HemisphereLight(hemisphere.skyColor, hemisphere.groundColor, hemisphere.intensity)\n    scene.add(hemiLight)\n    this.lights.push(hemiLight)\n\n    if (directional) {\n      const dirLight = new THREE.DirectionalLight(directional.color, directional.intensity)\n      if (directional.attachToCamera) {\n        camera.add(dirLight)\n      } else {\n        scene.add(dirLight)\n      }\n      this.lights.push(dirLight)\n    }\n\n    if (point) {\n      const pointLight = new THREE.PointLight(point.color, point.intensity, undefined, point.decay)\n      pointLight.power = point.power\n      pointLight.castShadow = point.castShadow\n      pointLight.position.set(...point.position)\n      pointLight.shadow.camera.near = point.shadowNear\n      pointLight.shadow.camera.far = point.shadowFar\n      scene.add(pointLight)\n      this.lights.push(pointLight)\n    }\n  }\n\n  destroy() {\n    this.lights.forEach(light => light.dispose())\n    this.lights = []\n  }\n}\n"]}

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

@@ -1,30 +0,0 @@
-import * as THREE from 'three';
-import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
-import { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import { RendererConfig } from './types.js';
-export declare class RendererManager {
-    private _renderer?;
-    private _css3DRenderer?;
-    private _css3DScene?;
-    private _composer?;
-    private _noSupportWebgl;
-    get renderer(): THREE.WebGLRenderer | undefined;
-    get css3DRenderer(): CSS3DRenderer;
-    get css3DScene(): THREE.Scene;
-    get composer(): EffectComposer | undefined;
-    get noSupportWebgl(): boolean;
-    get domElement(): HTMLCanvasElement | undefined;
-    setupWebGL(width: number, height: number, config: RendererConfig): boolean;
-    setupCSS3D(isViewMode: boolean, sceneAttr?: string): void;
-    private createCSS3DRenderer;
-    setupComposer(scene: THREE.Scene, camera: THREE.Camera, width: number, height: number): EffectComposer;
-    resize(width: number, height: number): void;
-    render(): void;
-    renderCSS3D(camera: THREE.Camera): void;
-    getSize(): {
-        width: number;
-        height: number;
-    };
-    destroy(): void;
-    disposeCSS3DScene(): void;
-}

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

@@ -1,120 +0,0 @@
-import * as THREE from 'three';
-import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
-import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js';
-import { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-export class RendererManager {
-    constructor() {
-        this._noSupportWebgl = false;
-    }
-    get renderer() {
-        return this._renderer;
-    }
-    get css3DRenderer() {
-        if (!this._css3DRenderer) {
-            this._css3DRenderer = this.createCSS3DRenderer();
-        }
-        return this._css3DRenderer;
-    }
-    get css3DScene() {
-        if (!this._css3DScene) {
-            this._css3DScene = new THREE.Scene();
-        }
-        return this._css3DScene;
-    }
-    get composer() {
-        return this._composer;
-    }
-    get noSupportWebgl() {
-        return this._noSupportWebgl;
-    }
-    get domElement() {
-        var _a;
-        return (_a = this._renderer) === null || _a === void 0 ? void 0 : _a.domElement;
-    }
-    setupWebGL(width, height, config) {
-        try {
-            const canvas = document.createElement('canvas');
-            const context = canvas.getContext('webgl2');
-            const renderer = new THREE.WebGLRenderer({
-                canvas,
-                context,
-                precision: config.precision,
-                alpha: true,
-                antialias: config.antialias
-            });
-            renderer.autoClear = true;
-            // @ts-ignore for three@0.150.1
-            renderer.outputColorSpace = THREE.SRGBColorSpace;
-            renderer.useLegacyLights = false;
-            renderer.toneMappingExposure = Math.pow(config.exposure, 5.0);
-            renderer.toneMapping = THREE.LinearToneMapping;
-            renderer.shadowMap.enabled = true;
-            renderer.setClearColor(0xffffff, 0);
-            renderer.setSize(width, height);
-            this._renderer = renderer;
-            this._noSupportWebgl = false;
-            return true;
-        }
-        catch (e) {
-            this._noSupportWebgl = true;
-            return false;
-        }
-    }
-    setupCSS3D(isViewMode, sceneAttr) {
-        const renderer = this.css3DRenderer;
-        const div = renderer.domElement;
-        div.style.position = 'absolute';
-        div.style.top = '0';
-        div.style.pointerEvents = 'none';
-        if (sceneAttr) {
-            div.setAttribute('scene', sceneAttr);
-        }
-        if (!isViewMode) {
-            div.style.pointerEvents = 'none';
-        }
-    }
-    createCSS3DRenderer() {
-        return new CSS3DRenderer();
-    }
-    setupComposer(scene, camera, width, height) {
-        this._composer = new EffectComposer(this._renderer);
-        this._composer.setSize(width, height);
-        const renderPass = new RenderPass(scene, camera);
-        this._composer.addPass(renderPass);
-        return this._composer;
-    }
-    resize(width, height) {
-        var _a, _b, _c;
-        (_a = this._renderer) === null || _a === void 0 ? void 0 : _a.setSize(width, height);
-        (_b = this._css3DRenderer) === null || _b === void 0 ? void 0 : _b.setSize(width, height);
-        (_c = this._composer) === null || _c === void 0 ? void 0 : _c.setSize(width, height);
-    }
-    render() {
-        var _a;
-        (_a = this._composer) === null || _a === void 0 ? void 0 : _a.render();
-    }
-    renderCSS3D(camera) {
-        var _a;
-        (_a = this._css3DRenderer) === null || _a === void 0 ? void 0 : _a.render(this.css3DScene, camera);
-    }
-    getSize() {
-        var _a;
-        const v = new THREE.Vector2();
-        (_a = this._renderer) === null || _a === void 0 ? void 0 : _a.getSize(v);
-        return { width: v.x, height: v.y };
-    }
-    destroy() {
-        var _a, _b;
-        (_a = this._composer) === null || _a === void 0 ? void 0 : _a.dispose();
-        (_b = this._renderer) === null || _b === void 0 ? void 0 : _b.dispose();
-        delete this._composer;
-        delete this._renderer;
-    }
-    disposeCSS3DScene() {
-        if (this._css3DScene) {
-            const children = [...this._css3DScene.children];
-            children.forEach(child => this._css3DScene.remove(child));
-        }
-    }
-}
-//# sourceMappingURL=renderer-manager.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderer-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/renderer-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import * as THREE from 'three'\nimport { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js'\nimport { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js'\nimport { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer.js'\nimport { RendererConfig } from './types.js'\n\nexport class RendererManager {\n  private _renderer?: THREE.WebGLRenderer\n  private _css3DRenderer?: CSS3DRenderer\n  private _css3DScene?: THREE.Scene\n  private _composer?: EffectComposer\n  private _noSupportWebgl = false\n\n  get renderer() {\n    return this._renderer\n  }\n\n  get css3DRenderer() {\n    if (!this._css3DRenderer) {\n      this._css3DRenderer = this.createCSS3DRenderer()\n    }\n    return this._css3DRenderer\n  }\n\n  get css3DScene() {\n    if (!this._css3DScene) {\n      this._css3DScene = new THREE.Scene()\n    }\n    return this._css3DScene\n  }\n\n  get composer() {\n    return this._composer\n  }\n\n  get noSupportWebgl() {\n    return this._noSupportWebgl\n  }\n\n  get domElement() {\n    return this._renderer?.domElement\n  }\n\n  setupWebGL(width: number, height: number, config: RendererConfig): boolean {\n    try {\n      const canvas = document.createElement('canvas')\n      const context = canvas.getContext('webgl2')!\n\n      const renderer = new THREE.WebGLRenderer({\n        canvas,\n        context,\n        precision: config.precision,\n        alpha: true,\n        antialias: config.antialias\n      })\n\n      renderer.autoClear = true\n      // @ts-ignore for three@0.150.1\n      renderer.outputColorSpace = THREE.SRGBColorSpace\n      renderer.useLegacyLights = false\n      renderer.toneMappingExposure = Math.pow(config.exposure, 5.0)\n      renderer.toneMapping = THREE.LinearToneMapping\n      renderer.shadowMap.enabled = true\n      renderer.setClearColor(0xffffff, 0)\n      renderer.setSize(width, height)\n\n      this._renderer = renderer\n      this._noSupportWebgl = false\n      return true\n    } catch (e) {\n      this._noSupportWebgl = true\n      return false\n    }\n  }\n\n  setupCSS3D(isViewMode: boolean, sceneAttr?: string) {\n    const renderer = this.css3DRenderer\n    const div = renderer.domElement\n    div.style.position = 'absolute'\n    div.style.top = '0'\n    div.style.pointerEvents = 'none'\n\n    if (sceneAttr) {\n      div.setAttribute('scene', sceneAttr)\n    }\n\n    if (!isViewMode) {\n      div.style.pointerEvents = 'none'\n    }\n  }\n\n  private createCSS3DRenderer(): CSS3DRenderer {\n    return new CSS3DRenderer()\n  }\n\n  setupComposer(scene: THREE.Scene, camera: THREE.Camera, width: number, height: number) {\n    this._composer = new EffectComposer(this._renderer!)\n    this._composer.setSize(width, height)\n\n    const renderPass = new RenderPass(scene, camera)\n    this._composer.addPass(renderPass)\n\n    return this._composer\n  }\n\n  resize(width: number, height: number) {\n    this._renderer?.setSize(width, height)\n    this._css3DRenderer?.setSize(width, height)\n    this._composer?.setSize(width, height)\n  }\n\n  render() {\n    this._composer?.render()\n  }\n\n  renderCSS3D(camera: THREE.Camera) {\n    this._css3DRenderer?.render(this.css3DScene, camera)\n  }\n\n  getSize(): { width: number; height: number } {\n    const v = new THREE.Vector2()\n    this._renderer?.getSize(v)\n    return { width: v.x, height: v.y }\n  }\n\n  destroy() {\n    this._composer?.dispose()\n    this._renderer?.dispose()\n    delete this._composer\n    delete this._renderer\n  }\n\n  disposeCSS3DScene() {\n    if (this._css3DScene) {\n      const children = [...this._css3DScene.children]\n      children.forEach(child => this._css3DScene!.remove(child))\n    }\n  }\n}\n"]}

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

@@ -1,15 +0,0 @@
-import * as THREE from 'three';
-import { Component } from '@hatiolab/things-scene';
-export declare class SceneManager {
-    private _scene?;
-    private _mixer?;
-    private _clock?;
-    get scene(): THREE.Scene | undefined;
-    get mixer(): THREE.AnimationMixer | undefined;
-    setup(): THREE.Scene;
-    setupMixer(): THREE.AnimationMixer;
-    addFloor(component: Component): void;
-    addObject(obj3d: THREE.Object3D): void;
-    updateAnimation(): void;
-    destroy(): void;
-}

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

@@ -1,48 +0,0 @@
-import * as THREE from 'three';
-import { createFloor } from '../floor/floor.js';
-import { disposeObject3D } from '../utils/dispose.js';
-export class SceneManager {
-    get scene() {
-        return this._scene;
-    }
-    get mixer() {
-        return this._mixer;
-    }
-    setup() {
-        this._scene = new THREE.Scene();
-        return this._scene;
-    }
-    setupMixer() {
-        this._clock = new THREE.Clock(true);
-        this._mixer = new THREE.AnimationMixer(this._scene);
-        return this._mixer;
-    }
-    addFloor(component) {
-        const floor = createFloor(component);
-        if (floor) {
-            this._scene.add(floor);
-        }
-    }
-    addObject(obj3d) {
-        this._scene.add(obj3d);
-    }
-    updateAnimation() {
-        if (this._mixer && this._clock) {
-            this._mixer.update(this._clock.getDelta());
-        }
-    }
-    destroy() {
-        if (this._mixer) {
-            this._mixer.stopAllAction();
-            this._mixer.uncacheRoot(this._scene);
-        }
-        if (this._scene) {
-            disposeObject3D(this._scene);
-            this._scene.clear();
-        }
-        delete this._scene;
-        delete this._mixer;
-        delete this._clock;
-    }
-}
-//# sourceMappingURL=scene-manager.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scene-manager.js","sourceRoot":"","sources":["../../../src/threed/managers/scene-manager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAErD,MAAM,OAAO,YAAY;IAKvB,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,CAAA;QAC/B,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACnC,IAAI,CAAC,MAAM,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,MAAO,CAAC,CAAA;QACpD,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,QAAQ,CAAC,SAAoB;QAC3B,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAA;QACpC,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,MAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;IACH,CAAC;IAED,SAAS,CAAC,KAAqB;QAC7B,IAAI,CAAC,MAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IACzB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAA;QAC5C,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAA;YAC3B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,MAAO,CAAC,CAAA;QACvC,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YAC5B,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAA;QAClB,OAAO,IAAI,CAAC,MAAM,CAAA;QAClB,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;CACF","sourcesContent":["import * as THREE from 'three'\nimport { Component } from '@hatiolab/things-scene'\nimport { createFloor } from '../floor/floor.js'\nimport { disposeObject3D } from '../utils/dispose.js'\n\nexport class SceneManager {\n  private _scene?: THREE.Scene\n  private _mixer?: THREE.AnimationMixer\n  private _clock?: THREE.Clock\n\n  get scene() {\n    return this._scene\n  }\n\n  get mixer() {\n    return this._mixer\n  }\n\n  setup() {\n    this._scene = new THREE.Scene()\n    return this._scene\n  }\n\n  setupMixer() {\n    this._clock = new THREE.Clock(true)\n    this._mixer = new THREE.AnimationMixer(this._scene!)\n    return this._mixer\n  }\n\n  addFloor(component: Component) {\n    const floor = createFloor(component)\n    if (floor) {\n      this._scene!.add(floor)\n    }\n  }\n\n  addObject(obj3d: THREE.Object3D) {\n    this._scene!.add(obj3d)\n  }\n\n  updateAnimation() {\n    if (this._mixer && this._clock) {\n      this._mixer.update(this._clock.getDelta())\n    }\n  }\n\n  destroy() {\n    if (this._mixer) {\n      this._mixer.stopAllAction()\n      this._mixer.uncacheRoot(this._scene!)\n    }\n\n    if (this._scene) {\n      disposeObject3D(this._scene)\n      this._scene.clear()\n    }\n\n    delete this._scene\n    delete this._mixer\n    delete this._clock\n  }\n}\n"]}

package/dist/threed/managers/types.d.ts

@@ -1,36 +0,0 @@
-export interface CameraConfig {
-    fov: number;
-    near: number;
-    far: number;
-    zoom: number;
-    cameraX?: number;
-    cameraY?: number;
-    cameraZ?: number;
-}
-export interface RendererConfig {
-    precision: string;
-    antialias: boolean;
-    exposure: number;
-}
-export interface LightingConfig {
-    hemisphere: {
-        skyColor: number;
-        groundColor: number;
-        intensity: number;
-    };
-    directional?: {
-        color: number;
-        intensity: number;
-        attachToCamera: boolean;
-    };
-    point?: {
-        color: number;
-        intensity: number;
-        decay: number;
-        power: number;
-        castShadow: boolean;
-        position: [number, number, number];
-        shadowNear: number;
-        shadowFar: number;
-    };
-}

package/dist/threed/managers/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/threed/managers/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/threed/managers/types.ts"],"names":[],"mappings":"","sourcesContent":["export interface CameraConfig {\n  fov: number\n  near: number\n  far: number\n  zoom: number\n  cameraX?: number\n  cameraY?: number\n  cameraZ?: number\n}\n\nexport interface RendererConfig {\n  precision: string\n  antialias: boolean\n  exposure: number\n}\n\nexport interface LightingConfig {\n  hemisphere: { skyColor: number; groundColor: number; intensity: number }\n  directional?: { color: number; intensity: number; attachToCamera: boolean }\n  point?: {\n    color: number\n    intensity: number\n    decay: number\n    power: number\n    castShadow: boolean\n    position: [number, number, number]\n    shadowNear: number\n    shadowFar: number\n  }\n}\n"]}

package/dist/threed/real-object-camera-meshed.d.ts

@@ -1,12 +0,0 @@
-import * as THREE from 'three';
-import { RealObjectMesh } from './real-object-mesh.js';
-export declare class RealObjectCamera extends RealObjectMesh {
-    protected _camera?: THREE.PerspectiveCamera;
-    update(): void;
-    get camera(): THREE.PerspectiveCamera;
-    createCamera(): THREE.PerspectiveCamera;
-    updateCamera(): void;
-    build(): void;
-    clear(): THREE.Mesh<THREE.BufferGeometry<THREE.NormalBufferAttributes>, THREE.Material | THREE.Material[], THREE.Object3DEventMap>;
-    buildGeometry(): void;
-}

package/dist/threed/real-object-camera-meshed.js

@@ -1,49 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObjectMesh } from './real-object-mesh.js';
-import { UNIT_DIMENSION } from './common.js';
-const DEFAULT = {
-    far: 100000,
-    fov: 80,
-    near: 1,
-    zoom: 1
-};
-export class RealObjectCamera extends RealObjectMesh {
-    update() {
-        super.update();
-        this.updateCamera();
-    }
-    get camera() {
-        if (!this._camera) {
-            this._camera = this.createCamera();
-            this.updateCamera();
-        }
-        return this._camera;
-    }
-    createCamera() {
-        return new THREE.PerspectiveCamera();
-    }
-    updateCamera() {
-        var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state;
-        this.camera.far = far;
-        this.camera.fov = fov;
-        this.camera.near = near;
-        this.camera.zoom = zoom;
-    }
-    build() {
-        super.build();
-        this.object3d.add(this.camera);
-    }
-    clear() {
-        delete this._camera;
-        return super.clear();
-    }
-    buildGeometry() {
-        var { width = 1, height = 1, depth = 1 } = this.component.state.dimension || UNIT_DIMENSION;
-        var radius = Math.min(width, height, depth) / 2;
-        this.object3d.geometry = new THREE.SphereGeometry(radius, 32, 32);
-    }
-}
-//# sourceMappingURL=real-object-camera-meshed.js.map

package/dist/threed/real-object-camera-meshed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-camera-meshed.js","sourceRoot":"","sources":["../../src/threed/real-object-camera-meshed.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;CACR,CAAA;AAED,MAAM,OAAO,gBAAiB,SAAQ,cAAc;IAGlD,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,IAAI,MAAM;QACR,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,EAAE,CAAA;YAClC,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,YAAY;QACV,OAAO,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACtC,CAAC;IAED,YAAY;QACV,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE7G,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAA;IACzB,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC;IAED,KAAK;QACH,OAAO,IAAI,CAAC,OAAO,CAAA;QAEnB,OAAO,KAAK,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC;IAED,aAAa;QACX,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,IAAI,cAAc,CAAA;QAE3F,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;QAE/C,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;IACnE,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObjectMesh } from './real-object-mesh.js'\nimport { UNIT_DIMENSION } from './common.js'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nexport class RealObjectCamera extends RealObjectMesh {\n  protected _camera?: THREE.PerspectiveCamera\n\n  update() {\n    super.update()\n\n    this.updateCamera()\n  }\n\n  get camera(): THREE.PerspectiveCamera {\n    if (!this._camera) {\n      this._camera = this.createCamera()\n      this.updateCamera()\n    }\n\n    return this._camera\n  }\n\n  createCamera() {\n    return new THREE.PerspectiveCamera()\n  }\n\n  updateCamera() {\n    var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state\n\n    this.camera.far = far\n    this.camera.fov = fov\n    this.camera.near = near\n    this.camera.zoom = zoom\n  }\n\n  build() {\n    super.build()\n\n    this.object3d.add(this.camera)\n  }\n\n  clear() {\n    delete this._camera\n\n    return super.clear()\n  }\n\n  buildGeometry() {\n    var { width = 1, height = 1, depth = 1 } = this.component.state.dimension || UNIT_DIMENSION\n\n    var radius = Math.min(width, height, depth) / 2\n\n    this.object3d.geometry = new THREE.SphereGeometry(radius, 32, 32)\n  }\n}\n"]}

package/dist/threed/real-object-camera.d.ts

@@ -1,9 +0,0 @@
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-export declare class RealObjectCamera extends RealObject<THREE.PerspectiveCamera> {
-    protected _camera?: THREE.PerspectiveCamera;
-    build(): void;
-    update(): void;
-    protected getObject3dInstance(): THREE.PerspectiveCamera;
-    updateCamera(): void;
-}

package/dist/threed/real-object-camera.js

@@ -1,31 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import * as THREE from 'three';
-import { RealObject } from './real-object.js';
-const DEFAULT = {
-    far: 100000,
-    fov: 80,
-    near: 1,
-    zoom: 1
-};
-export class RealObjectCamera extends RealObject {
-    build() {
-        super.build();
-    }
-    update() {
-        super.update();
-        this.updateCamera();
-    }
-    getObject3dInstance() {
-        return new THREE.PerspectiveCamera();
-    }
-    updateCamera() {
-        var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state;
-        this.object3d.far = far;
-        this.object3d.fov = fov;
-        this.object3d.near = near;
-        this.object3d.zoom = zoom;
-    }
-}
-//# sourceMappingURL=real-object-camera.js.map

package/dist/threed/real-object-camera.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-camera.js","sourceRoot":"","sources":["../../src/threed/real-object-camera.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,MAAM;IACX,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;CACR,CAAA;AAED,MAAM,OAAO,gBAAiB,SAAQ,UAAmC;IAGvE,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,EAAE,CAAA;QAEd,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAES,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACtC,CAAC;IAED,YAAY;QACV,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE7G,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAA;QACvB,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAA;QACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;QACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;IAC3B,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { RealObject } from './real-object.js'\n\nconst DEFAULT = {\n  far: 100000,\n  fov: 80,\n  near: 1,\n  zoom: 1\n}\n\nexport class RealObjectCamera extends RealObject<THREE.PerspectiveCamera> {\n  protected _camera?: THREE.PerspectiveCamera\n\n  build() {\n    super.build()\n  }\n\n  update() {\n    super.update()\n\n    this.updateCamera()\n  }\n\n  protected getObject3dInstance() {\n    return new THREE.PerspectiveCamera()\n  }\n\n  updateCamera() {\n    var { near = DEFAULT.near, far = DEFAULT.far, fov = DEFAULT.fov, zoom = DEFAULT.zoom } = this.component.state\n\n    this.object3d.far = far\n    this.object3d.fov = fov\n    this.object3d.near = near\n    this.object3d.zoom = zoom\n  }\n}\n"]}

package/dist/threed/real-object-dom-element.d.ts

@@ -1,9 +0,0 @@
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import { RealObject } from './real-object.js';
-export declare class RealObjectDomElement extends RealObject<CSS3DObject> {
-    protected getObject3dInstance(): CSS3DObject;
-    get cz(): any;
-    build(): void;
-    updateDimension(): void;
-    updateAlpha(): void;
-}

package/dist/threed/real-object-dom-element.js

@@ -1,48 +0,0 @@
-/*
- * Copyright © HatioLab Inc. All rights reserved.
- */
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import { RealObject } from './real-object.js';
-export class RealObjectDomElement extends RealObject {
-    getObject3dInstance() {
-        return new CSS3DObject(this.component.element);
-    }
-    get cz() {
-        var { zPos = 0 } = this.component.state;
-        var { height } = this.component.bounds;
-        var { tz = 0 } = this.component.delta();
-        return zPos + tz + height / 2;
-    }
-    build() {
-        super.build();
-        var element = this.component.element;
-        if (!element)
-            return;
-        var { width, height } = this.component.bounds;
-        element.style.width = width + 'px';
-        element.style.height = height + 'px';
-        element.style.left = '';
-        element.style.top = '';
-    }
-    updateDimension() {
-        super.updateDimension();
-        var dimension = this.dimension;
-        var element = this.component.element;
-        if (!element)
-            return;
-        element.style.width = dimension.width + 'px';
-        element.style.height = dimension.height + 'px';
-    }
-    updateAlpha() {
-        super.updateAlpha();
-        // material의 opacity는 항상 0으로 유지되어야 하며,
-        // dom element의 opacity에 alpha를 적용해야한다.
-        // 하지만, 컬러톤의 반영 외에 transparent 기능은 하지 못하므로, 뒤에 있는 오브젝트를 보여주지 못한다.
-        var { alpha = 1 } = this.component.state;
-        var element = this.component.element;
-        if (element) {
-            element.style.opacity = String(alpha);
-        }
-    }
-}
-//# sourceMappingURL=real-object-dom-element.js.map

package/dist/threed/real-object-dom-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"real-object-dom-element.js","sourceRoot":"","sources":["../../src/threed/real-object-dom-element.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,OAAO,oBAAqB,SAAQ,UAAuB;IACrD,mBAAmB;QAC3B,OAAO,IAAI,WAAW,CAAE,IAAI,CAAC,SAAkE,CAAC,OAAQ,CAAC,CAAA;IAC3G,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACvC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QACtC,IAAI,EAAE,EAAE,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAW,CAAA;QAEhD,OAAO,IAAI,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC,CAAA;IAC/B,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,OAAO,GAAI,IAAI,CAAC,SAAkE,CAAC,OAAO,CAAA;QAC9F,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA;QAE7C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAA;QAClC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;QAEpC,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,CAAA;QACvB,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAA;QAEvB,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAC9B,IAAI,OAAO,GAAI,IAAI,CAAC,SAAkE,CAAC,OAAO,CAAA;QAC9F,IAAI,CAAC,OAAO;YAAE,OAAM;QAEpB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,GAAG,IAAI,CAAA;QAC5C,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;IAChD,CAAC;IAED,WAAW;QACT,KAAK,CAAC,WAAW,EAAE,CAAA;QAEnB,sCAAsC;QACtC,uCAAuC;QACvC,iEAAiE;QACjE,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAExC,IAAI,OAAO,GAAI,IAAI,CAAC,SAAkE,CAAC,OAAO,CAAA;QAC9F,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;QACvC,CAAC;IACH,CAAC;CACF","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { HTMLOverlayElement, HTMLOverlayContainer, DELTA } from '@hatiolab/things-scene'\n\nimport { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer.js'\nimport { RealObject } from './real-object.js'\n\nexport class RealObjectDomElement extends RealObject<CSS3DObject> {\n  protected getObject3dInstance() {\n    return new CSS3DObject((this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element!)\n  }\n\n  get cz() {\n    var { zPos = 0 } = this.component.state\n    var { height } = this.component.bounds\n    var { tz = 0 } = this.component.delta() as DELTA\n\n    return zPos + tz + height / 2\n  }\n\n  build() {\n    super.build()\n\n    var element = (this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element\n    if (!element) return\n\n    var { width, height } = this.component.bounds\n\n    element.style.width = width + 'px'\n    element.style.height = height + 'px'\n\n    element.style.left = ''\n    element.style.top = ''\n  }\n\n  updateDimension() {\n    super.updateDimension()\n\n    var dimension = this.dimension\n    var element = (this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element\n    if (!element) return\n\n    element.style.width = dimension.width + 'px'\n    element.style.height = dimension.height + 'px'\n  }\n\n  updateAlpha() {\n    super.updateAlpha()\n\n    // material의 opacity는 항상 0으로 유지되어야 하며,\n    // dom element의 opacity에 alpha를 적용해야한다.\n    // 하지만, 컬러톤의 반영 외에 transparent 기능은 하지 못하므로, 뒤에 있는 오브젝트를 보여주지 못한다.\n    var { alpha = 1 } = this.component.state\n\n    var element = (this.component as unknown as HTMLOverlayElement | HTMLOverlayContainer).element\n    if (element) {\n      element.style.opacity = String(alpha)\n    }\n  }\n}\n"]}