viral-viewer-2 6.2.6 → 6.2.8

package/dist/components/navigation-cube/components/cube.mouse.js

@@ -0,0 +1,109 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CubeMouse = void 0;
+const three_1 = require("three");
+class CubeMouse {
+    constructor(viralNavigationCube) {
+        this.viralNavigationCube = viralNavigationCube;
+        this.handleClick = (_event) => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+            if (!((_a = this.viralNavigationCube.cubeScene) === null || _a === void 0 ? void 0 : _a.activePlane) || ((_b = this.viralNavigationCube.cubeCamera) === null || _b === void 0 ? void 0 : _b.cameraControlHasMoved)) {
+                console.log("false");
+                return false;
+            }
+            let planePosition = new three_1.Vector3((_c = this.viralNavigationCube.cubeScene) === null || _c === void 0 ? void 0 : _c.activePlane.position.x, (_d = this.viralNavigationCube.cubeScene) === null || _d === void 0 ? void 0 : _d.activePlane.position.y, (_e = this.viralNavigationCube.cubeScene) === null || _e === void 0 ? void 0 : _e.activePlane.position.z);
+            //have children mean edge or corner
+            if (((_f = this.viralNavigationCube.cubeScene) === null || _f === void 0 ? void 0 : _f.activePlane.children.length) > 0) {
+                let combineX = 0;
+                let combineY = 0;
+                let combineZ = 0;
+                for (let index = 0; index < ((_g = this.viralNavigationCube.cubeScene) === null || _g === void 0 ? void 0 : _g.activePlane.children.length); index++) {
+                    const element = (_h = this.viralNavigationCube.cubeScene) === null || _h === void 0 ? void 0 : _h.activePlane.children[index];
+                    combineX += element.position.x;
+                    combineY += element.position.y;
+                    combineZ += element.position.z;
+                }
+                planePosition = new three_1.Vector3(combineX / ((_j = this.viralNavigationCube.cubeScene) === null || _j === void 0 ? void 0 : _j.activePlane.children.length), combineY / ((_k = this.viralNavigationCube.cubeScene) === null || _k === void 0 ? void 0 : _k.activePlane.children.length), combineZ / ((_l = this.viralNavigationCube.cubeScene) === null || _l === void 0 ? void 0 : _l.activePlane.children.length));
+            }
+            let cubeCameraTargetPoint = new three_1.Vector3();
+            (_m = this.viralNavigationCube.cubeCamera) === null || _m === void 0 ? void 0 : _m.cameraControls.getTarget(cubeCameraTargetPoint);
+            let directionVector = planePosition.clone().sub(cubeCameraTargetPoint).normalize();
+            (_o = this.viralNavigationCube.cubeCamera) === null || _o === void 0 ? void 0 : _o.cameraControlOldPosition.copy((_q = (_p = this.viralNavigationCube.cubeCamera) === null || _p === void 0 ? void 0 : _p.camera) === null || _q === void 0 ? void 0 : _q.position);
+            let targetPoint = new three_1.Vector3();
+            (_r = this.viralNavigationCube.viralViewerApi.viralCamera) === null || _r === void 0 ? void 0 : _r.cameraControls.getTarget(targetPoint);
+            let currentPosition = new three_1.Vector3();
+            (_s = this.viralNavigationCube.viralViewerApi.viralCamera) === null || _s === void 0 ? void 0 : _s.cameraControls.getPosition(currentPosition);
+            let distance = currentPosition
+                .clone()
+                .sub(targetPoint)
+                .length();
+            let newVector = new three_1.Vector3(Math.round(directionVector.x), Math.round(directionVector.y), Math.round(directionVector.z));
+            newVector.multiplyScalar(distance);
+            (_t = this.viralNavigationCube.viralViewerApi.viralCamera.camera) === null || _t === void 0 ? void 0 : _t.updateMatrixWorld();
+            (_u = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) === null || _u === void 0 ? void 0 : _u.setTarget(0, 0, 0);
+            directionVector.multiplyScalar(2);
+            (_v = this.viralNavigationCube.cubeCamera) === null || _v === void 0 ? void 0 : _v.cameraControls.setPosition(directionVector.x, directionVector.y, directionVector.z, true);
+            (_w = this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls) === null || _w === void 0 ? void 0 : _w.setPosition(newVector.x, newVector.y, newVector.z, true);
+        });
+        this.handleMove = (_event) => __awaiter(this, void 0, void 0, function* () {
+            var _x, _y, _z, _0, _1, _2;
+            if ((_x = this.viralNavigationCube.cubeScene) === null || _x === void 0 ? void 0 : _x.activePlane) {
+                this.viralNavigationCube.cubeScene.activePlane.material.opacity = 0;
+                this.viralNavigationCube.cubeScene.activePlane.material.needsUpdate = true;
+                for (let index = 0; index < this.viralNavigationCube.cubeScene.activePlane.children.length; index++) {
+                    let element = this.viralNavigationCube.cubeScene.activePlane.children[index];
+                    element.material.opacity = 0;
+                    element.needsUpdate = true;
+                }
+                this.viralNavigationCube.cubeScene.activePlane = null;
+            }
+            let x = _event.offsetX;
+            let y = _event.offsetY;
+            let size = (_y = this.viralNavigationCube.cubeRenderer) === null || _y === void 0 ? void 0 : _y.renderer.getSize(new three_1.Vector2());
+            let mouse = new three_1.Vector2(x / size.width * 2 - 1, -y / size.height * 2 + 1);
+            let raycaster = new three_1.Raycaster();
+            raycaster.setFromCamera(mouse, (_z = this.viralNavigationCube.cubeCamera) === null || _z === void 0 ? void 0 : _z.camera);
+            let intersects = raycaster.intersectObjects((_0 = this.viralNavigationCube.cubeScene) === null || _0 === void 0 ? void 0 : _0.objects);
+            if (intersects.length > 0 && intersects[0].object != ((_1 = this.viralNavigationCube.cubeScene) === null || _1 === void 0 ? void 0 : _1.cube)) {
+                if (intersects[0].object.parent && intersects[0].object.parent.name != '' && (intersects[0].object.parent.children.length == 2 || intersects[0].object.parent.children.length == 3)) {
+                    this.viralNavigationCube.cubeScene.activePlane = intersects[0].object.parent;
+                    for (let index = 0; index < this.viralNavigationCube.cubeScene.activePlane.children.length; index++) {
+                        let element = this.viralNavigationCube.cubeScene.activePlane.children[index];
+                        element.material.opacity = 0.2;
+                        element.needsUpdate = true;
+                    }
+                }
+                else {
+                    this.viralNavigationCube.cubeScene.activePlane = intersects[0].object;
+                    this.viralNavigationCube.cubeScene.activePlane.material.opacity = 0.2;
+                    this.viralNavigationCube.cubeScene.activePlane.material.needsUpdate = true;
+                }
+                (_2 = this.viralNavigationCube.cubeRenderer) === null || _2 === void 0 ? void 0 : _2.render();
+            }
+        });
+        if (this.viralNavigationCube.cubeRenderer) {
+            this.setupMouseClick(this.viralNavigationCube.cubeRenderer.renderer.domElement);
+            this.setupMouseMove(this.viralNavigationCube.cubeRenderer.renderer.domElement);
+        }
+    }
+    //#region Mouse Click
+    setupMouseClick(domElement) {
+        domElement.onclick = this.handleClick;
+    }
+    //#endregion
+    //#region Mouse Move
+    setupMouseMove(domElement) {
+        domElement.onmousemove = this.handleMove;
+    }
+}
+exports.CubeMouse = CubeMouse;
+//# sourceMappingURL=cube.mouse.js.map

package/dist/components/navigation-cube/components/cube.mouse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cube.mouse.js","sourceRoot":"","sources":["../../../../src/components/navigation-cube/components/cube.mouse.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation-cube/viral-navigation-cube.d.ts

@@ -0,0 +1,16 @@
+import { ViralViewerApi } from "../../viral-viewer-api";
+import { CubeCamera } from "./components/cube-camera";
+import { CubeRenderer } from "./components/cube-renderer";
+import { CubeScene } from "./components/cube-scene";
+import { CubeMouse } from "./components/cube.mouse";
+export declare class ViralNavigationCube {
+    viralViewerApi: ViralViewerApi;
+    targetElement: HTMLElement | null;
+    cubeScene: CubeScene | null;
+    cubeRenderer: CubeRenderer | null;
+    cubeCamera: CubeCamera | null;
+    cubeMouse: CubeMouse | null;
+    constructor(viralViewerApi: ViralViewerApi);
+    private injectCubeWrapperElement;
+    private handleClick;
+}

package/dist/components/navigation-cube/viral-navigation-cube.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralNavigationCube = void 0;
+const types_1 = require("../../types");
+const cube_camera_1 = require("./components/cube-camera");
+const cube_renderer_1 = require("./components/cube-renderer");
+const cube_scene_1 = require("./components/cube-scene");
+const cube_mouse_1 = require("./components/cube.mouse");
+class ViralNavigationCube {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.targetElement = null;
+        this.cubeScene = null;
+        this.cubeRenderer = null;
+        this.cubeCamera = null;
+        this.cubeMouse = null;
+        this.injectCubeWrapperElement();
+        this.targetElement = document.getElementById('orientCubeWrapper');
+        if (this.targetElement) {
+            this.cubeScene = new cube_scene_1.CubeScene(this);
+            this.cubeRenderer = new cube_renderer_1.CubeRenderer(this);
+            this.cubeCamera = new cube_camera_1.CubeCamera(this);
+            this.cubeMouse = new cube_mouse_1.CubeMouse(this);
+            // this.cubeRenderer.anim();
+        }
+        this.viralViewerApi.lifeCycleEvent.emit(types_1.ViralutionEvent.LOADED_CUBE);
+    }
+    injectCubeWrapperElement() {
+        if (this.viralViewerApi.targetElement) {
+            const wrapperDiv = document.createElement('div');
+            wrapperDiv.setAttribute("style", 'position:absolute; right:10px; top:10px; display:flex');
+            //home button
+            const button = document.createElement('div');
+            button.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" style="fill:#e2e6dc;cursor: pointer; filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));" height="20px" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"/></svg>`;
+            button.addEventListener('click', (ev) => { this.handleClick(); });
+            wrapperDiv.appendChild(button);
+            //cube div
+            const cubeDiv = document.createElement('div');
+            cubeDiv.setAttribute('style', 'height:130px; width:130px');
+            cubeDiv.id = 'orientCubeWrapper';
+            wrapperDiv.appendChild(cubeDiv);
+            this.viralViewerApi.targetElement.appendChild(wrapperDiv);
+        }
+    }
+    handleClick() {
+        this.viralViewerApi.viralCamera.focusModelByName();
+    }
+}
+exports.ViralNavigationCube = ViralNavigationCube;
+//# sourceMappingURL=viral-navigation-cube.js.map

package/dist/components/navigation-cube/viral-navigation-cube.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-navigation-cube.js","sourceRoot":"","sources":["../../../src/components/navigation-cube/viral-navigation-cube.ts"],"names":[],"mappings":";;;AAAA,uCAA8C;AAE9C,0DAAsD;AACtD,8DAA0D;AAC1D,wDAAoD;AACpD,wDAAoD;AAEpD,MAAa,mBAAmB;IAM5B,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QALjD,kBAAa,GAAuB,IAAI,CAAC;QACzC,cAAS,GAAqB,IAAI,CAAC;QACnC,iBAAY,GAAwB,IAAI,CAAC;QACzC,eAAU,GAAsB,IAAI,CAAC;QACrC,cAAS,GAAqB,IAAI,CAAC;QAE/B,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QAClE,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,IAAI,CAAC,SAAS,GAAG,IAAI,sBAAS,CAAC,IAAI,CAAC,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,IAAI,4BAAY,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAU,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,SAAS,GAAG,IAAI,sBAAS,CAAC,IAAI,CAAC,CAAC;YACrC,4BAA4B;SAC/B;QACD,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,uBAAe,CAAC,WAAW,CAAC,CAAC;IAEzE,CAAC;IACO,wBAAwB;QAC5B,IAAI,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE;YACnC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACjD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,uDAAuD,CAAC,CAAC;YAE1F,aAAa;YACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC7C,MAAM,CAAC,SAAS,GAAG,y0BAAy0B,CAAC;YAE71B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA,CAAC,CAAC,CAAC,CAAC;YAE7E,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAE/B,UAAU;YACV,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC9C,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC;YAC3D,OAAO,CAAC,EAAE,GAAG,mBAAmB,CAAA;YAEhC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAChC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;SAC7D;IAGL,CAAC;IACO,WAAW;QACf,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,gBAAgB,EAAE,CAAC;IACvD,CAAC;CACJ;AA9CD,kDA8CC"}

package/dist/components/post-processing/ambient-occlusion-effect.d.ts

@@ -0,0 +1,13 @@
+import { EffectComposer } from "../../threejs-addon/post-processing/effect-composer";
+import { OutputPass } from "../../threejs-addon/post-processing/output-pass";
+import { RenderPass } from "../../threejs-addon/post-processing/render-pass";
+import { SAOPass } from "../../threejs-addon/post-processing/sao-pass";
+import { ViralViewerApi } from "../../viral-viewer-api";
+export declare class AmbientOcclusionEffect {
+    private viralViewerApi;
+    composer: EffectComposer | null;
+    renderPass: RenderPass | null;
+    saoPass: SAOPass | null;
+    outputPass: OutputPass | null;
+    constructor(viralViewerApi: ViralViewerApi);
+}

package/dist/components/post-processing/ambient-occlusion-effect.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AmbientOcclusionEffect = void 0;
+const effect_composer_1 = require("../../threejs-addon/post-processing/effect-composer");
+const render_pass_1 = require("../../threejs-addon/post-processing/render-pass");
+const sao_pass_1 = require("../../threejs-addon/post-processing/sao-pass");
+class AmbientOcclusionEffect {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.composer = null;
+        //effect
+        this.renderPass = null;
+        this.saoPass = null;
+        this.outputPass = null;
+        if (this.viralViewerApi.viralScene) {
+            this.composer = new effect_composer_1.EffectComposer(this.viralViewerApi.viralRenderer.renderer);
+            this.composer.setSize(this.viralViewerApi.targetElement.offsetWidth, this.viralViewerApi.targetElement.offsetHeight);
+            this.renderPass = new render_pass_1.RenderPass(this.viralViewerApi.viralScene.scene, this.viralViewerApi.viralCamera.camera);
+            this.saoPass = new sao_pass_1.SAOPass(this.viralViewerApi.viralScene.scene, this.viralViewerApi.viralCamera.camera, true, true);
+            this.saoPass.resolution.set(8192, 8192);
+            this.saoPass.params.saoBias = 0.01;
+            this.saoPass.params.saoIntensity = 0.0012;
+            this.saoPass.params.saoScale = 0.3;
+            this.saoPass.params.saoKernelRadius = 40;
+            this.saoPass.params.saoBlurRadius = 4;
+            this.saoPass.params.saoMinResolution = 0;
+            this.composer.addPass(this.renderPass);
+            this.composer.addPass(this.saoPass);
+        }
+    }
+}
+exports.AmbientOcclusionEffect = AmbientOcclusionEffect;
+//# sourceMappingURL=ambient-occlusion-effect.js.map

package/dist/components/post-processing/ambient-occlusion-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ambient-occlusion-effect.js","sourceRoot":"","sources":["../../../src/components/post-processing/ambient-occlusion-effect.ts"],"names":[],"mappings":";;;AAAA,yFAAqF;AAErF,iFAA6E;AAC7E,2EAAuE;AAGvE,MAAa,sBAAsB;IAOjC,YAAoB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QANlD,aAAQ,GAA0B,IAAI,CAAC;QACvC,QAAQ;QACR,eAAU,GAAsB,IAAI,CAAC;QACrC,YAAO,GAAmB,IAAI,CAAC;QAC/B,eAAU,GAAsB,IAAI,CAAC;QAGnC,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,gCAAc,CAChC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,QAAQ,CAC3C,CAAC;YAEF,IAAI,CAAC,QAAQ,CAAC,OAAO,CACnB,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,WAAW,EAC7C,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,YAAY,CAC/C,CAAC;YACF,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAU,CAC9B,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,EACpC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CACvC,CAAC;YAEF,IAAI,CAAC,OAAO,GAAG,IAAI,kBAAO,CACxB,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,EACpC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,EACtC,IAAI,EACJ,IAAI,CACL,CAAC;YACF,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAExC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC;YAC1C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,GAAG,GAAG,CAAC;YACnC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,GAAG,EAAE,CAAC;YACzC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,CAAC;YACtC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,gBAAgB,GAAG,CAAC,CAAC;YAEzC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACvC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACrC;IACH,CAAC;CACF;AAzCD,wDAyCC"}

package/dist/components/post-processing/bloom-effect.d.ts

@@ -0,0 +1,11 @@
+import { EffectComposer } from "../../threejs-addon/post-processing/effect-composer";
+import { RenderPass } from "../../threejs-addon/post-processing/render-pass";
+import { UnrealBloomPass } from "../../threejs-addon/post-processing/unreal-bloom-pass";
+import { ViralViewerApi } from "../../viral-viewer-api";
+export declare class BloomEffect {
+    private viralViewerApi;
+    bloomComposer: EffectComposer | null;
+    renderPass: RenderPass | null;
+    bloomPass: UnrealBloomPass | null;
+    constructor(viralViewerApi: ViralViewerApi);
+}

package/dist/components/post-processing/bloom-effect.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BloomEffect = void 0;
+const three_1 = require("three");
+const effect_composer_1 = require("../../threejs-addon/post-processing/effect-composer");
+const render_pass_1 = require("../../threejs-addon/post-processing/render-pass");
+const unreal_bloom_pass_1 = require("../../threejs-addon/post-processing/unreal-bloom-pass");
+class BloomEffect {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.bloomComposer = null;
+        //effect
+        this.renderPass = null;
+        this.bloomPass = null;
+        if (this.viralViewerApi.viralScene) {
+            this.bloomComposer = new effect_composer_1.EffectComposer(this.viralViewerApi.viralRenderer.renderer);
+            this.renderPass = new render_pass_1.RenderPass(this.viralViewerApi.viralScene.scene, this.viralViewerApi.viralCamera.camera);
+            this.bloomPass = new unreal_bloom_pass_1.UnrealBloomPass(new three_1.Vector2(window.innerWidth, window.innerHeight), 1.5, 0.4, 0.85);
+            this.bloomPass.threshold = 0;
+            this.bloomPass.strength = 1;
+            this.bloomPass.radius = 0.5;
+            this.bloomComposer.addPass(this.renderPass);
+            this.bloomComposer.addPass(this.bloomPass);
+            this.bloomComposer.renderToScreen = false;
+        }
+    }
+}
+exports.BloomEffect = BloomEffect;
+//# sourceMappingURL=bloom-effect.js.map

package/dist/components/post-processing/bloom-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bloom-effect.js","sourceRoot":"","sources":["../../../src/components/post-processing/bloom-effect.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAChC,yFAAqF;AACrF,iFAA6E;AAC7E,6FAAwF;AAGxF,MAAa,WAAW;IAMtB,YAAoB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QALlD,kBAAa,GAA0B,IAAI,CAAC;QAC5C,QAAQ;QACR,eAAU,GAAsB,IAAI,CAAC;QACrC,cAAS,GAA2B,IAAI,CAAC;QAGvC,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;YAClC,IAAI,CAAC,aAAa,GAAG,IAAI,gCAAc,CACrC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,QAAQ,CAC3C,CAAC;YAEF,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAU,CAC9B,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,EACpC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CACvC,CAAC;YAEF,IAAI,CAAC,SAAS,GAAG,IAAI,mCAAe,CAClC,IAAI,eAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,EAClD,GAAG,EACH,GAAG,EACH,IAAI,CACL,CAAC;YACF,IAAI,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,CAAC;YAC7B,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,CAAC,CAAC;YAC5B,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,GAAG,CAAC;YAE5B,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAC5C,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC3C,IAAI,CAAC,aAAa,CAAC,cAAc,GAAG,KAAK,CAAC;SAC3C;IACH,CAAC;CACF;AAhCD,kCAgCC"}

package/dist/components/post-processing/outline-effect.d.ts

@@ -0,0 +1,13 @@
+import { EffectComposer } from "../../threejs-addon/post-processing/effect-composer";
+import { OutlinePass } from "../../threejs-addon/post-processing/outline-pass";
+import { RenderPass } from "../../threejs-addon/post-processing/render-pass";
+import { ViralViewerApi } from "../../viral-viewer-api";
+import { OutputPass } from "../../threejs-addon/post-processing/output-pass";
+export declare class OutlineEffect {
+    private viralViewerApi;
+    composer: EffectComposer | null;
+    renderPass: RenderPass | null;
+    outlinePass: OutlinePass | null;
+    outputPass: OutputPass | null;
+    constructor(viralViewerApi: ViralViewerApi);
+}

package/dist/components/post-processing/outline-effect.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OutlineEffect = void 0;
+const three_1 = require("three");
+const effect_composer_1 = require("../../threejs-addon/post-processing/effect-composer");
+const outline_pass_1 = require("../../threejs-addon/post-processing/outline-pass");
+const render_pass_1 = require("../../threejs-addon/post-processing/render-pass");
+const output_pass_1 = require("../../threejs-addon/post-processing/output-pass");
+class OutlineEffect {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.composer = null;
+        //effect
+        this.renderPass = null;
+        this.outlinePass = null;
+        this.outputPass = null;
+        if (this.viralViewerApi.viralScene) {
+            this.composer = new effect_composer_1.EffectComposer(this.viralViewerApi.viralRenderer.renderer);
+            this.renderPass = new render_pass_1.RenderPass(this.viralViewerApi.viralScene.scene, this.viralViewerApi.viralCamera.camera);
+            this.outlinePass = new outline_pass_1.OutlinePass(new three_1.Vector2(window.innerWidth, window.innerHeight), this.viralViewerApi.viralScene.scene, this.viralViewerApi.viralCamera.camera);
+            this.outlinePass.visibleEdgeColor.set("#ffffff");
+            this.outlinePass.hiddenEdgeColor.set("#ff5b24");
+            this.outlinePass.edgeThickness = 1;
+            this.outlinePass.usePatternTexture = false;
+            this.outputPass = new output_pass_1.OutputPass();
+            this.composer.addPass(this.renderPass);
+            this.composer.addPass(this.outlinePass);
+            this.composer.addPass(this.outputPass);
+        }
+    }
+}
+exports.OutlineEffect = OutlineEffect;
+//# sourceMappingURL=outline-effect.js.map

package/dist/components/post-processing/outline-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outline-effect.js","sourceRoot":"","sources":["../../../src/components/post-processing/outline-effect.ts"],"names":[],"mappings":";;;AAAA,iCAA+D;AAC/D,yFAAqF;AACrF,mFAA+E;AAC/E,iFAA6E;AAE7E,iFAA6E;AAE7E,MAAa,aAAa;IAMxB,YAAoB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QALlD,aAAQ,GAA0B,IAAI,CAAC;QACvC,QAAQ;QACR,eAAU,GAAsB,IAAI,CAAC;QACrC,gBAAW,GAAuB,IAAI,CAAC;QACvC,eAAU,GAAsB,IAAI,CAAC;QAEnC,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,gCAAc,CAChC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,QAAQ,CAC3C,CAAC;YAEF,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAU,CAC9B,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,EACpC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CACvC,CAAC;YAEF,IAAI,CAAC,WAAW,GAAG,IAAI,0BAAW,CAChC,IAAI,eAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,EAClD,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,KAAK,EACpC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CACvC,CAAC;YACF,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACjD,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,CAAC,WAAW,CAAC,aAAa,GAAG,CAAC,CAAC;YACnC,IAAI,CAAC,WAAW,CAAC,iBAAiB,GAAG,KAAK,CAAC;YAE3C,IAAI,CAAC,UAAU,GAAG,IAAI,wBAAU,EAAE,CAAC;YAEnC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACvC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACxC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACxC;IACH,CAAC;CACF;AAlCD,sCAkCC"}

package/dist/components/post-processing/post-processing-renderer.d.ts

@@ -0,0 +1,19 @@
+import { Camera, Scene, WebGLRenderer } from "three";
+import { N8AOPass } from "../../threejs-addon/n8ao/n8ao";
+import { EffectComposer } from "three/examples/jsm/postprocessing/EffectComposer";
+import { SMAAPass } from "three/examples/jsm/postprocessing/SMAAPass";
+import { ShaderPass } from "three/examples/jsm/postprocessing/ShaderPass";
+export declare class PostProcessingRenderer {
+    private renderer;
+    composer: EffectComposer;
+    renderPass: any;
+    gammaPass: ShaderPass | null;
+    na8oPass: N8AOPass | null;
+    smaaPass: SMAAPass | null;
+    constructor(renderer: WebGLRenderer);
+    render(): void;
+    initRenderPass(scene: Scene, camera: Camera): void;
+    initGammaPass(): void;
+    initN8aoPass(scene: Scene, camera: Camera): void;
+    initSMAAPass(): void;
+}

package/dist/components/post-processing/post-processing-renderer.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostProcessingRenderer = void 0;
+const n8ao_1 = require("../../threejs-addon/n8ao/n8ao");
+const EffectComposer_1 = require("three/examples/jsm/postprocessing/EffectComposer");
+const SMAAPass_1 = require("three/examples/jsm/postprocessing/SMAAPass");
+const post_processing_1 = require("../../threejs-addon/n8ao/post-processing");
+const ShaderPass_1 = require("three/examples/jsm/postprocessing/ShaderPass");
+const GammaCorrectionShader_1 = require("three/examples/jsm/shaders/GammaCorrectionShader");
+class PostProcessingRenderer {
+    constructor(renderer) {
+        this.renderer = renderer;
+        this.gammaPass = null;
+        this.na8oPass = null;
+        this.smaaPass = null;
+        this.composer = new EffectComposer_1.EffectComposer(this.renderer);
+        this.composer.setSize(window.innerWidth, window.innerHeight);
+    }
+    render() {
+        this.composer.render();
+    }
+    initRenderPass(scene, camera) {
+        this.renderPass = new post_processing_1.RenderPass(scene, camera);
+        this.composer.addPass(this.renderPass);
+    }
+    initGammaPass() {
+        this.gammaPass = new ShaderPass_1.ShaderPass(GammaCorrectionShader_1.GammaCorrectionShader);
+        this.composer.addPass(this.gammaPass);
+    }
+    initN8aoPass(scene, camera) {
+        this.na8oPass = new n8ao_1.N8AOPass(scene, camera);
+        this.na8oPass.configuration.denoiseRadius = 12;
+        this.na8oPass.configuration.intensity = 1;
+        this.na8oPass.configuration.aoSamples = 8;
+        this.na8oPass.configuration.denoiseSamples = 4;
+        //reduce resolution for performance purpose
+        this.na8oPass.configuration.halfRes = true;
+        this.composer.addPass(this.na8oPass);
+    }
+    initSMAAPass() {
+        let smaaPass = new SMAAPass_1.SMAAPass(window.innerWidth, window.innerHeight);
+        this.composer.addPass(smaaPass);
+    }
+}
+exports.PostProcessingRenderer = PostProcessingRenderer;
+//# sourceMappingURL=post-processing-renderer.js.map

package/dist/components/post-processing/post-processing-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"post-processing-renderer.js","sourceRoot":"","sources":["../../../src/components/post-processing/post-processing-renderer.ts"],"names":[],"mappings":";;;AACA,wDAAyD;AACzD,qFAAkF;AAClF,yEAAsE;AACtE,8EAKkD;AAClD,6EAA0E;AAC1E,4FAAyF;AAEzF,MAAa,sBAAsB;IAMjC,YAAoB,QAAuB;QAAvB,aAAQ,GAAR,QAAQ,CAAe;QAH3C,cAAS,GAAsB,IAAI,CAAC;QACpC,aAAQ,GAAoB,IAAI,CAAC;QACjC,aAAQ,GAAoB,IAAI,CAAC;QAE/B,IAAI,CAAC,QAAQ,GAAG,IAAI,+BAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;IACzB,CAAC;IAEM,cAAc,CAAC,KAAY,EAAE,MAAc;QAChD,IAAI,CAAC,UAAU,GAAG,IAAI,4BAAU,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAEzC,CAAC;IAEM,aAAa;QAElB,IAAI,CAAC,SAAS,GAAG,IAAI,uBAAU,CAAC,6CAAqB,CAAC,CAAC;QACvD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACvC,CAAC;IAEM,YAAY,CAAC,KAAY,EAAE,MAAc;QAC9C,IAAI,CAAC,QAAQ,GAAG,IAAI,eAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,aAAa,GAAG,EAAE,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,cAAc,GAAG,CAAC,CAAC;QAC/C,2CAA2C;QAC3C,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAE3C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC;IAGM,YAAY;QACjB,IAAI,QAAQ,GAAG,IAAI,mBAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;QACnE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;CACF;AA5CD,wDA4CC"}

package/dist/components/renderer/viral-renderer.d.ts

@@ -0,0 +1,11 @@
+import { WebGLRenderer } from "three";
+import { ViralViewerApi } from "../../viral-viewer-api";
+import { PostProcessingRenderer } from "../post-processing/post-processing-renderer";
+export declare class ViralRenderer {
+    viralViewerApi: ViralViewerApi;
+    renderer: WebGLRenderer;
+    postProcessingRenderer: PostProcessingRenderer;
+    constructor(viralViewerApi: ViralViewerApi);
+    updateSize(width: number, height: number): void;
+    render(): void;
+}

package/dist/components/renderer/viral-renderer.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralRenderer = void 0;
+const three_1 = require("three");
+const post_processing_renderer_1 = require("../post-processing/post-processing-renderer");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+class ViralRenderer {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.renderer = new three_1.WebGLRenderer({
+            alpha: true,
+            antialias: true,
+            stencil: false,
+            logarithmicDepthBuffer: true,
+            powerPreference: "high-performance",
+        });
+        // this.renderer.shadowMap.enabled = true;
+        // this.renderer.shadowMap.type = PCFSoftShadowMap;
+        // this.renderer.outputColorSpace = SRGBColorSpace;
+        this.renderer.setClearColor(0xffffff, 0);
+        this.renderer.setSize(this.viralViewerApi.targetElement.offsetWidth, this.viralViewerApi.targetElement.offsetHeight);
+        this.viralViewerApi.targetElement.appendChild(this.renderer.domElement);
+        this.postProcessingRenderer = new post_processing_renderer_1.PostProcessingRenderer(this.renderer);
+        this.viralViewerApi.lifeCycleEvent.emit(types_1.ViralutionEvent.LOADED_RENDERER);
+    }
+    updateSize(width, height) {
+        this.renderer.setSize(width, height);
+        this.postProcessingRenderer.composer.setSize(width, height);
+    }
+    render() {
+        var _a;
+        if (this.viralViewerApi.viralCamera &&
+            this.viralViewerApi.viralCamera.camera) {
+            //force update without wait for next frame
+            (_a = this.viralViewerApi.viralCamera.camera) === null || _a === void 0 ? void 0 : _a.updateMatrixWorld(true);
+            // this.renderer.render(
+            //   this.viralViewerApi.viralScene.scene,
+            //   this.viralViewerApi.viralCamera.camera
+            // );
+            if (this.viralViewerApi.options.isDev)
+                utils_1.LogUtil.information(this.renderer.info.render.calls);
+            this.postProcessingRenderer.render();
+            if (this.viralViewerApi.viralTools &&
+                this.viralViewerApi.viralTools.viralToolMeasure.isActivated) {
+                this.renderer.autoClear = false;
+                this.renderer.clearDepth();
+                this.renderer.render(this.viralViewerApi.viralTools.viralToolMeasure.viralToolMeasureScene, this.viralViewerApi.viralCamera.camera);
+                this.renderer.autoClear = true;
+            }
+        }
+    }
+}
+exports.ViralRenderer = ViralRenderer;
+//# sourceMappingURL=viral-renderer.js.map

package/dist/components/renderer/viral-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-renderer.js","sourceRoot":"","sources":["../../../src/components/renderer/viral-renderer.ts"],"names":[],"mappings":";;;AAAA,iCAMe;AAEf,0FAAqF;AACrF,uCAA8C;AAC9C,uCAAsC;AAEtC,MAAa,aAAa;IAgBxB,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAfjD,aAAQ,GAAkB,IAAI,qBAAa,CAAC;YAC1C,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,KAAK;YACd,sBAAsB,EAAE,IAAI;YAC5B,eAAe,EAAE,kBAAkB;SACpC,CAAC,CAAC;QAUD,0CAA0C;QAC1C,mDAAmD;QACnD,mDAAmD;QACnD,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,CAAC,OAAO,CACnB,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,WAAW,EAC7C,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,YAAY,CAC/C,CAAC;QAEF,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACxE,IAAI,CAAC,sBAAsB,GAAG,IAAI,iDAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,uBAAe,CAAC,eAAe,CAAC,CAAC;IAC3E,CAAC;IACM,UAAU,CAAC,KAAa,EAAE,MAAc;QAC7C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACrC,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAC9D,CAAC;IACM,MAAM;;QACX,IACE,IAAI,CAAC,cAAc,CAAC,WAAW;YAC/B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,EACtC;YACA,0CAA0C;YAC1C,MAAA,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,0CAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAChE,wBAAwB;YACxB,0CAA0C;YAC1C,2CAA2C;YAC3C,KAAK;YACL,IAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK;gBACpC,eAAO,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAEpD,IAAI,CAAC,sBAAsB,CAAC,MAAM,EAAE,CAAC;YACrC,IACE,IAAI,CAAC,cAAc,CAAC,UAAU;gBAC9B,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAC3D;gBACA,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,KAAK,CAAC;gBAChC,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;gBAC3B,IAAI,CAAC,QAAQ,CAAC,MAAM,CAClB,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,gBAAgB,CAAC,qBAAqB,EACrE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,MAAM,CACvC,CAAC;gBACF,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;aAChC;SACF;IACH,CAAC;CACF;AA/DD,sCA+DC"}

package/dist/components/scene/viral-scene.d.ts

@@ -0,0 +1,28 @@
+import { Scene, Mesh, Object3D, Light, CameraHelper } from "three";
+import { ViralViewerApi } from "../../viral-viewer-api";
+import { TransformControls } from "three/examples/jsm/controls/TransformControls";
+export declare class ViralScene {
+    viralViewerApi: ViralViewerApi;
+    scene: Scene;
+    objects: Object3D[];
+    models: Object3D[];
+    mainModel: Mesh;
+    isolateModel: Mesh;
+    hideables: Object3D[];
+    selectables: Object3D[];
+    edges: Object3D[];
+    lights: Light[];
+    transformControls: TransformControls | null;
+    lightHelpers: CameraHelper[];
+    constructor(viralViewerApi: ViralViewerApi);
+    addObject(object: Object3D): void;
+    addModel(object: Object3D): void;
+    addEdge(object: Object3D): void;
+    getObjectByName(name: string): Object3D<import("three").Object3DEventMap> | undefined;
+    addLights(): void;
+    addPivotPoint(): void;
+    addTransformControls(): void;
+    addCube(): void;
+    addAxes(): void;
+    enableLightHelper(value: boolean): void;
+}