viral-viewer-2 6.0.9 → 6.1.0

package/dist/components/event-handler/keyboard/viral-keyboard.d.ts

@@ -0,0 +1,17 @@
+import { ViralKeyboardEventType, ViralViewerApi } from "../../..";
+export declare class ViralKeyboard {
+    viralViewerApi: ViralViewerApi;
+    constructor(viralViewerApi: ViralViewerApi);
+    private setupKeyPress;
+    private keydownQueuedEvents;
+    private keyupQueuedEvents;
+    /**
+     *
+     * @param type Mouse type event
+     * @param key key of action
+     * @param resolve callback
+     */
+    addEventListener(type: ViralKeyboardEventType, key: string, resolve: (evt: KeyboardEvent) => void): void;
+    removeEventListener(type: ViralKeyboardEventType, key: string): void;
+    getAllEventListener(): void;
+}

package/dist/components/event-handler/keyboard/viral-keyboard.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralKeyboard = void 0;
+const __1 = require("../../..");
+class ViralKeyboard {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        //#region Event Handler
+        this.keydownQueuedEvents = [];
+        this.keyupQueuedEvents = [];
+        this.setupKeyPress();
+    }
+    setupKeyPress() {
+        document.addEventListener("keydown", (event) => {
+            if (this.keydownQueuedEvents.length > 0) {
+                this.keydownQueuedEvents.forEach((element) => {
+                    const [actionKey, callbackResolve] = element;
+                    callbackResolve(event);
+                });
+            }
+            //#region Tools
+            if (this.viralViewerApi.viralTools.viralToolMeasure.isActivated) {
+                this.viralViewerApi.viralTools.viralToolMeasure.onKeyPress(event);
+            }
+            //#endregion
+        });
+        document.addEventListener("keyup", (event) => {
+            if (this.keyupQueuedEvents.length > 0) {
+                this.keyupQueuedEvents.forEach((element) => {
+                    const [actionKey, callbackResolve] = element;
+                    callbackResolve(event);
+                });
+            }
+            //#region Tools
+            if (this.viralViewerApi.viralTools.viralToolMeasure.isActivated) {
+                this.viralViewerApi.viralTools.viralToolMeasure.onKeyPress(event);
+            }
+            //#endregion
+        });
+    }
+    /**
+     *
+     * @param type Mouse type event
+     * @param key key of action
+     * @param resolve callback
+     */
+    addEventListener(type, key, resolve) {
+        switch (type) {
+            case __1.ViralKeyboardEventType.KEYDOWN:
+                this.keydownQueuedEvents.push([key, resolve]);
+                break;
+            case __1.ViralKeyboardEventType.KEYUP:
+                this.keyupQueuedEvents.push([key, resolve]);
+                break;
+            default:
+                break;
+        }
+    }
+    removeEventListener(type, key) {
+        switch (type) {
+            case __1.ViralKeyboardEventType.KEYDOWN:
+                {
+                    let index = this.keydownQueuedEvents.findIndex((x) => x[0] == key);
+                    this.keydownQueuedEvents.splice(index, 1);
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    getAllEventListener() {
+        console.log(this.keydownQueuedEvents);
+    }
+}
+exports.ViralKeyboard = ViralKeyboard;
+//# sourceMappingURL=viral-keyboard.js.map

package/dist/components/event-handler/keyboard/viral-keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-keyboard.js","sourceRoot":"","sources":["../../../../src/components/event-handler/keyboard/viral-keyboard.ts"],"names":[],"mappings":";;;AAAA,gCAAkE;AAElE,MAAa,aAAa;IACxB,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAiCjD,uBAAuB;QACf,wBAAmB,GAA6C,EAAE,CAAC;QACnE,sBAAiB,GAA6C,EAAE,CAAC;QAlCvE,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,aAAa;QACnB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvC,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;oBAC3C,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,OAAO,CAAC;oBAC7C,eAAe,CAAC,KAAK,CAAC,CAAC;gBACzB,CAAC,CAAC,CAAC;aACJ;YACD,eAAe;YACf,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE;gBAC/D,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;aACnE;YACD,YAAY;QACd,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC1D,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACrC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;oBACzC,MAAM,CAAC,SAAS,EAAE,eAAe,CAAC,GAAG,OAAO,CAAC;oBAC7C,eAAe,CAAC,KAAK,CAAC,CAAC;gBACzB,CAAC,CAAC,CAAC;aACJ;YACD,eAAe;YACf,IAAI,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE;gBAC/D,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;aACnE;YACD,YAAY;QACd,CAAC,CAAC,CAAC;IACL,CAAC;IAKD;;;;;OAKG;IAEI,gBAAgB,CACrB,IAA4B,EAC5B,GAAW,EACX,OAAqC;QAErC,QAAQ,IAAI,EAAE;YACZ,KAAK,0BAAsB,CAAC,OAAO;gBACjC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;gBAC9C,MAAM;YACR,KAAK,0BAAsB,CAAC,KAAK;gBAC/B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;gBAC5C,MAAM;YACR;gBACE,MAAM;SACT;IACH,CAAC;IAEM,mBAAmB,CAAC,IAA4B,EAAE,GAAW;QAClE,QAAQ,IAAI,EAAE;YACZ,KAAK,0BAAsB,CAAC,OAAO;gBACjC;oBACE,IAAI,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;oBACnE,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iBAC3C;gBACD,MAAM;YACR;gBACE,MAAM;SACT;IACH,CAAC;IAEM,mBAAmB;QACxB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACxC,CAAC;CAEF;AA9ED,sCA8EC"}

package/dist/components/event-handler/mouse/viral-mouse.d.ts

@@ -0,0 +1,31 @@
+import { Vector2 } from "three";
+import { ViralViewerApi } from "../../../viral-viewer-api";
+import { ViralMouseEventType } from "../../../types";
+export declare class ViralMouse {
+    viralViewerApi: ViralViewerApi;
+    position: Vector2;
+    rawPosition: Vector2;
+    private mouseMoveQueuedEvents;
+    private mouseDownLeftQueuedEvents;
+    private mouseUpLeftQueuedEvents;
+    private mouseDownRightQueuedEvents;
+    private mouseUpRightQueuedEvents;
+    constructor(viralViewerApi: ViralViewerApi);
+    private setupMousePositionUpdate;
+    /**
+     *
+     * @param type Mouse type event
+     * @param key key of action
+     * @param resolve callback
+     */
+    addEventListener(type: ViralMouseEventType, key: string, resolve: (result: any) => void): void;
+    removeEventListener(type: ViralMouseEventType, key: string): void;
+    getAllEventListener(): void;
+    private hoverMeshes;
+    private hover;
+    private reverseColor;
+    private setupMouseDown;
+    private handleClick;
+    private setupMouseUp;
+    private handleMouseUp;
+}

package/dist/components/event-handler/mouse/viral-mouse.js

@@ -0,0 +1,234 @@
+"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.ViralMouse = void 0;
+const three_1 = require("three");
+const types_1 = require("../../../types");
+class ViralMouse {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.position = new three_1.Vector2();
+        this.rawPosition = new three_1.Vector2();
+        this.mouseMoveQueuedEvents = [];
+        this.mouseDownLeftQueuedEvents = [];
+        this.mouseUpLeftQueuedEvents = [];
+        this.mouseDownRightQueuedEvents = [];
+        this.mouseUpRightQueuedEvents = [];
+        //#endregion
+        //#region Hover
+        this.hoverMeshes = [];
+        this.handleClick = (_event) => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            if (this.viralViewerApi) {
+                if (_event.button == 0) {
+                    if (this.mouseDownLeftQueuedEvents.length > 0) {
+                        this.mouseDownLeftQueuedEvents.forEach(element => {
+                            const [actionKey, callbackResolve] = element;
+                            callbackResolve(_event);
+                        });
+                    }
+                    let result = this.viralViewerApi.viralCamera.clientToWorld();
+                    // console.log(result)
+                    if (result && result.length > 0) {
+                        let object = this.viralViewerApi.viralScene.getObjectByName("Viral Pivot Point");
+                        if (object) {
+                            object.position.copy(result[0].point);
+                            object.visible = true;
+                        }
+                        this.viralViewerApi.viralRenderer.render();
+                        (_a = this.viralViewerApi.viralCamera.camera) === null || _a === void 0 ? void 0 : _a.updateMatrixWorld();
+                        (_b = this.viralViewerApi.viralCamera.cameraControls) === null || _b === void 0 ? void 0 : _b.setOrbitPoint(result[0].point.x, result[0].point.y, result[0].point.z);
+                        //#region Tools
+                        if (this.viralViewerApi.viralTools.viralToolMeasure.isActivated) {
+                            this.viralViewerApi.viralTools.viralToolMeasure.onMouseClick(this.position);
+                        }
+                        if (this.viralViewerApi.viralTools.viralToolElevation.isActivated) {
+                            this.viralViewerApi.viralTools.viralToolElevation.onMouseClick(this.position);
+                        }
+                        //#endregion
+                    }
+                }
+                if (_event.button == 2) {
+                    if (this.mouseDownRightQueuedEvents.length > 0) {
+                        this.mouseDownRightQueuedEvents.forEach(element => {
+                            const [actionKey, callbackResolve] = element;
+                            callbackResolve(_event);
+                        });
+                    }
+                }
+            }
+        });
+        this.handleMouseUp = (_event) => __awaiter(this, void 0, void 0, function* () {
+            if (this.viralViewerApi) {
+                if (_event.button == 0) {
+                    let object = this.viralViewerApi.viralScene.getObjectByName("Viral Pivot Point");
+                    if (object) {
+                        object.visible = false;
+                    }
+                    if (this.mouseUpLeftQueuedEvents.length > 0) {
+                        this.mouseUpLeftQueuedEvents.forEach(element => {
+                            const [actionKey, callbackResolve] = element;
+                            callbackResolve(_event);
+                        });
+                    }
+                }
+                if (_event.button == 2) {
+                    if (this.mouseUpRightQueuedEvents.length > 0) {
+                        this.mouseUpRightQueuedEvents.forEach(element => {
+                            const [actionKey, callbackResolve] = element;
+                            callbackResolve(_event);
+                        });
+                    }
+                }
+            }
+        });
+        this.setupMousePositionUpdate(this.viralViewerApi.viralRenderer.renderer.domElement);
+        this.setupMouseDown(this.viralViewerApi.viralRenderer.renderer.domElement);
+        this.setupMouseUp(this.viralViewerApi.viralRenderer.renderer.domElement);
+    }
+    setupMousePositionUpdate(domElement) {
+        domElement.onmousemove = (event) => {
+            this.rawPosition.x = event.clientX;
+            this.rawPosition.y = event.clientY;
+            const bounds = domElement.getBoundingClientRect();
+            // this.position.x = ((event.clientX - bounds.left) / (bounds.right - bounds.left)) * 2 - 1;
+            // this.position.y = -((event.clientY - bounds.top) / (bounds.bottom - bounds.top)) * 2 + 1;
+            // this.position.x = ((event.clientX - bounds.left) / (bounds.width)) * 2 - 1;
+            // this.position.y = -((event.clientY - bounds.top) / (bounds.height)) * 2 + 1;
+            this.position.x = ((event.clientX - bounds.left) / (bounds.width - bounds.left)) * 2 - 1;
+            this.position.y = -((event.clientY - bounds.top) / (bounds.bottom - bounds.top)) * 2 + 1;
+            // this.hover();
+            if (this.mouseMoveQueuedEvents.length > 0) {
+                this.mouseMoveQueuedEvents.forEach(element => {
+                    const [actionKey, callbackResolve] = element;
+                    callbackResolve(this.position);
+                });
+            }
+            //#region Tools
+            if (this.viralViewerApi.viralTools.viralToolElevation.isActivated) {
+                this.viralViewerApi.viralTools.viralToolElevation.onMouseMove(this.position);
+            }
+            if (this.viralViewerApi.viralTools.viralToolMeasure.isActivated) {
+                this.viralViewerApi.viralTools.viralToolMeasure.onMouseMove(this.position);
+            }
+            //#endregion
+        };
+    }
+    //#region Mouse Event Handler
+    /**
+     *
+     * @param type Mouse type event
+     * @param key key of action
+     * @param resolve callback
+     */
+    addEventListener(type, key, resolve) {
+        switch (type) {
+            case types_1.ViralMouseEventType.ON_MOUSE_MOVE:
+                this.mouseMoveQueuedEvents.push([key, resolve]);
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_DOWN_LEFT:
+                this.mouseDownLeftQueuedEvents.push([key, resolve]);
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_UP_LEFT:
+                this.mouseUpLeftQueuedEvents.push([key, resolve]);
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_DOWN_RIGHT:
+                this.mouseDownRightQueuedEvents.push([key, resolve]);
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_UP_RIGHT:
+                this.mouseUpRightQueuedEvents.push([key, resolve]);
+                break;
+            default:
+                break;
+        }
+    }
+    removeEventListener(type, key) {
+        switch (type) {
+            case types_1.ViralMouseEventType.ON_MOUSE_MOVE:
+                {
+                    let index = this.mouseMoveQueuedEvents.findIndex(x => x[0] == key);
+                    this.mouseMoveQueuedEvents.splice(index, 1);
+                }
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_DOWN_LEFT:
+                {
+                    let index = this.mouseDownLeftQueuedEvents.findIndex(x => x[0] == key);
+                    this.mouseDownLeftQueuedEvents.splice(index, 1);
+                }
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_UP_LEFT:
+                {
+                    let index = this.mouseUpLeftQueuedEvents.findIndex(x => x[0] == key);
+                    this.mouseUpLeftQueuedEvents.splice(index, 1);
+                }
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_DOWN_RIGHT:
+                {
+                    let index = this.mouseDownRightQueuedEvents.findIndex(x => x[0] == key);
+                    this.mouseDownRightQueuedEvents.splice(index, 1);
+                }
+                break;
+            case types_1.ViralMouseEventType.ON_MOUSE_UP_RIGHT:
+                {
+                    let index = this.mouseUpRightQueuedEvents.findIndex(x => x[0] == key);
+                    this.mouseUpRightQueuedEvents.splice(index, 1);
+                }
+                break;
+            default:
+                break;
+        }
+    }
+    getAllEventListener() {
+        console.log(this.mouseMoveQueuedEvents);
+        console.log(this.mouseUpLeftQueuedEvents);
+        console.log(this.mouseDownLeftQueuedEvents);
+        console.log(this.mouseUpRightQueuedEvents);
+        console.log(this.mouseDownRightQueuedEvents);
+    }
+    hover() {
+        if (this.viralViewerApi) {
+            let result = this.viralViewerApi.viralCamera.clientToWorld();
+            if (result && result.length > 0) {
+                let mesh = result[0];
+                if (mesh.object instanceof three_1.Mesh) {
+                    mesh.object.material.userData.oldColor = mesh.object.material.color;
+                    mesh.object.material.color.set(Math.random() * 0xffffff);
+                    this.hoverMeshes.push(mesh.object);
+                    this.viralViewerApi.viralRenderer.render();
+                    return;
+                }
+            }
+            this.reverseColor();
+        }
+    }
+    reverseColor() {
+        if (this.hoverMeshes.length == 0)
+            return;
+        for (let index = 0; index < this.hoverMeshes.length; index++) {
+            const element = this.hoverMeshes[index];
+            element.material.color.set(element.material.userData.oldColor);
+        }
+        this.hoverMeshes = [];
+        this.viralViewerApi.viralRenderer.render();
+    }
+    //#endregion
+    //#region Mouse Down
+    setupMouseDown(domElement) {
+        domElement.onmousedown = this.handleClick;
+    }
+    //#endregion
+    //#region Mouse Up
+    setupMouseUp(domElement) {
+        domElement.onmouseup = this.handleMouseUp;
+    }
+}
+exports.ViralMouse = ViralMouse;
+//# sourceMappingURL=viral-mouse.js.map

package/dist/components/event-handler/mouse/viral-mouse.js.map

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

package/dist/gui/context-menu/viral-context-menu.d.ts

@@ -0,0 +1,17 @@
+import { ViralViewerApi } from "../../viral-viewer-api";
+export declare class ViralContextMenu {
+    viralViewerApi: ViralViewerApi;
+    private contextMenu;
+    private contextItems;
+    constructor(viralViewerApi: ViralViewerApi);
+    private injectContextMenu;
+    showContextMenu(top: number, left: number, itemKeys: number[]): void;
+    hideContextMenu(): void;
+    private initContent;
+    /**
+     *
+     * @param itemName
+     * @param resolve callback when user click
+     */
+    addContextItem(itemKey: number, itemName: string, resolve: (result: any) => void): void;
+}

package/dist/gui/context-menu/viral-context-menu.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralContextMenu = void 0;
+const colors_1 = require("../../const/colors");
+const html_1 = require("../../utils/html");
+class ViralContextMenu {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.contextMenu = null;
+        this.contextItems = [];
+        this.injectContextMenu();
+    }
+    injectContextMenu() {
+        const hoverEffect = `
+        .hover-element {
+            transition: background-color 0.3s ease;
+        }
+        .hover-element:hover {
+            background-color: ${colors_1.LightTheme.primary};
+
+        }`;
+        // Create a style element and append the keyframes animation
+        const style = document.createElement("style");
+        style.innerHTML = hoverEffect;
+        // Append the style element to the document head
+        document.head.appendChild(style);
+        if (this.viralViewerApi.targetElement) {
+            this.contextMenu = document.createElement("div");
+            this.contextMenu.setAttribute("style", `position: absolute;top:0px;left:0px;background-color: ${colors_1.LightTheme.background};justify-content: center;display:none; z-index: 100; flex-direction:column; padding: 10px 0; border-radius:10px`);
+            this.viralViewerApi.targetElement.appendChild(this.contextMenu);
+        }
+    }
+    showContextMenu(top, left, itemKeys) {
+        if (this.contextMenu) {
+            this.initContent(itemKeys);
+            this.contextMenu.style.setProperty("display", "flex");
+            this.contextMenu.style.setProperty("top", `${top}px`);
+            this.contextMenu.style.setProperty("left", `${left}px`);
+        }
+    }
+    hideContextMenu() {
+        if (this.contextMenu) {
+            this.contextMenu.style.setProperty("display", "none");
+        }
+    }
+    initContent(itemKeys) {
+        var _a;
+        while (this.contextMenu && this.contextMenu.firstChild) {
+            this.contextMenu.removeChild(this.contextMenu.firstChild);
+        }
+        for (let index = 0; index < this.contextItems.length; index++) {
+            if (itemKeys.findIndex((x) => x == this.contextItems[index][0]) < 0) {
+                continue;
+            }
+            const [itemKey, itemName, callbackResolve] = this.contextItems[index];
+            const item = html_1.HTMLUtil.createElementFromHTML(`<div class="hover-element" style="padding: 5px 10px; cursor: pointer; color:#666">${itemName}</div>`);
+            item.addEventListener("click", (ev) => {
+                ev.stopPropagation();
+                callbackResolve(ev);
+            });
+            (_a = this.contextMenu) === null || _a === void 0 ? void 0 : _a.appendChild(item);
+        }
+    }
+    /**
+     *
+     * @param itemName
+     * @param resolve callback when user click
+     */
+    addContextItem(itemKey, itemName, resolve) {
+        this.contextItems.push([itemKey, itemName, resolve]);
+    }
+}
+exports.ViralContextMenu = ViralContextMenu;
+//# sourceMappingURL=viral-context-menu.js.map

package/dist/gui/context-menu/viral-context-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-context-menu.js","sourceRoot":"","sources":["../../../src/gui/context-menu/viral-context-menu.ts"],"names":[],"mappings":"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"}

package/dist/gui/navigation-cube/components/cube-camera.d.ts

@@ -0,0 +1,15 @@
+import CameraControls from "camera-controls";
+import { Vector3, PerspectiveCamera } from 'three';
+import { ViralNavigationCube } from "../viral-navigation-cube";
+export declare class CubeCamera {
+    viralNavigationCube: ViralNavigationCube;
+    camera: PerspectiveCamera | null;
+    cameraControls: CameraControls | null;
+    cameraControlOldPosition: Vector3;
+    cameraControlNewPosition: Vector3;
+    cameraControlHasMoved: boolean;
+    constructor(viralNavigationCube: ViralNavigationCube);
+    setupCamera(): void;
+    updateCubeCamera(): void;
+    setupHandle(): void;
+}

package/dist/gui/navigation-cube/components/cube-camera.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CubeCamera = void 0;
+const camera_controls_1 = require("camera-controls");
+const three_1 = require("three");
+const subsetOfTHREE = {
+    Vector2: three_1.Vector2,
+    Vector3: three_1.Vector3,
+    Vector4: three_1.Vector4,
+    Quaternion: three_1.Quaternion,
+    Matrix4: three_1.Matrix4,
+    Spherical: three_1.Spherical,
+    Box3: three_1.Box3,
+    Sphere: three_1.Sphere,
+    Raycaster: three_1.Raycaster,
+    MathUtils: three_1.MathUtils,
+};
+class CubeCamera {
+    constructor(viralNavigationCube) {
+        this.viralNavigationCube = viralNavigationCube;
+        this.camera = null;
+        this.cameraControls = null;
+        this.cameraControlOldPosition = new three_1.Vector3();
+        this.cameraControlNewPosition = new three_1.Vector3();
+        this.cameraControlHasMoved = false;
+        this.setupCamera();
+        this.setupHandle();
+    }
+    setupCamera() {
+        if (this.viralNavigationCube.targetElement && this.viralNavigationCube.cubeRenderer) {
+            const width = this.viralNavigationCube.targetElement.offsetWidth;
+            const height = this.viralNavigationCube.targetElement.offsetHeight;
+            this.camera = new three_1.PerspectiveCamera(60, width / height, 0.01, 100);
+            this.camera.position.set(0, 0, 2);
+            camera_controls_1.default.install({ THREE: subsetOfTHREE });
+            this.cameraControls = new camera_controls_1.default(this.camera, this.viralNavigationCube.cubeRenderer.renderer.domElement);
+            this.cameraControls.dollyToCursor = false;
+            this.cameraControls.infinityDolly = false;
+            this.cameraControls.setTarget(0, 0, 0);
+            this.cameraControls.polarRotateSpeed = 0.15;
+            this.cameraControls.azimuthRotateSpeed = 0.15;
+            this.cameraControls.mouseButtons.middle = camera_controls_1.default.ACTION.NONE;
+            this.cameraControls.mouseButtons.wheel = camera_controls_1.default.ACTION.NONE;
+        }
+    }
+    updateCubeCamera() {
+        var _a;
+        let cameraControlTarget = new three_1.Vector3();
+        this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls.getTarget(cameraControlTarget);
+        let cameraControlPosition = new three_1.Vector3();
+        this.viralNavigationCube.viralViewerApi.viralCamera.cameraControls.getPosition(cameraControlPosition);
+        //Hieu 2 vector
+        let vector = cameraControlPosition.sub(cameraControlTarget);
+        //Chuan hoa
+        vector.normalize();
+        //Do lon vector bang 2
+        vector.multiplyScalar(2);
+        (_a = this.cameraControls) === null || _a === void 0 ? void 0 : _a.setPosition(vector.x, vector.y, vector.z);
+    }
+    setupHandle() {
+        function antiMoveOnDown(e) {
+            this.cameraControlHasMoved = false;
+        }
+        function antiMoveOnMove(e) {
+            this.cameraControlHasMoved = true;
+        }
+        window.addEventListener('mousedown', antiMoveOnDown, false);
+        window.addEventListener('mousemove', antiMoveOnMove, false);
+        window.addEventListener('touchstart', antiMoveOnDown, false);
+        window.addEventListener('touchmove', antiMoveOnMove, true);
+    }
+}
+exports.CubeCamera = CubeCamera;
+//# sourceMappingURL=cube-camera.js.map

package/dist/gui/navigation-cube/components/cube-camera.js.map

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

package/dist/gui/navigation-cube/components/cube-renderer.d.ts

@@ -0,0 +1,9 @@
+import { WebGLRenderer } from "three";
+import { ViralNavigationCube } from "../viral-navigation-cube";
+export declare class CubeRenderer {
+    viralNavigationCube: ViralNavigationCube;
+    renderer: WebGLRenderer;
+    constructor(viralNavigationCube: ViralNavigationCube);
+    setupRenderer(): void;
+    render(): void;
+}

package/dist/gui/navigation-cube/components/cube-renderer.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CubeRenderer = void 0;
+const three_1 = require("three");
+class CubeRenderer {
+    constructor(viralNavigationCube) {
+        this.viralNavigationCube = viralNavigationCube;
+        // clock: Clock = new Clock();
+        this.renderer = new three_1.WebGLRenderer({
+            alpha: true,
+            antialias: true,
+            logarithmicDepthBuffer: true,
+        });
+        this.setupRenderer();
+    }
+    setupRenderer() {
+        if (this.viralNavigationCube.targetElement) {
+            this.renderer.setClearColor(0x000000, 0);
+            this.renderer.setSize(this.viralNavigationCube.targetElement.offsetWidth, this.viralNavigationCube.targetElement.offsetHeight);
+            this.viralNavigationCube.targetElement.appendChild(this.renderer.domElement);
+        }
+    }
+    render() {
+        if (this.viralNavigationCube.cubeScene && this.viralNavigationCube.cubeCamera && this.viralNavigationCube.cubeCamera.camera) {
+            this.viralNavigationCube.cubeCamera.camera.updateMatrixWorld(true);
+            this.renderer.render(this.viralNavigationCube.cubeScene.scene, this.viralNavigationCube.cubeCamera.camera);
+        }
+    }
+}
+exports.CubeRenderer = CubeRenderer;
+//# sourceMappingURL=cube-renderer.js.map

package/dist/gui/navigation-cube/components/cube-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cube-renderer.js","sourceRoot":"","sources":["../../../../src/gui/navigation-cube/components/cube-renderer.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAG7C,MAAa,YAAY;IAOrB,YAAmB,mBAAwC;QAAxC,wBAAmB,GAAnB,mBAAmB,CAAqB;QAN3D,8BAA8B;QAC9B,aAAQ,GAAkB,IAAI,qBAAa,CAAC;YACxC,KAAK,EAAE,IAAI;YACX,SAAS,EAAE,IAAI;YACf,sBAAsB,EAAE,IAAI;SAC/B,CAAC,CAAC;QAEC,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IACM,aAAa;QAChB,IAAI,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE;YACxC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YACzC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YAC/H,IAAI,CAAC,mBAAmB,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;SAEhF;IAEL,CAAC;IACM,MAAM;QACT,IAAI,IAAI,CAAC,mBAAmB,CAAC,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,IAAI,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,MAAM,EAAE;YACzH,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACnE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;SAC9G;IAGL,CAAC;CAmBJ;AA7CD,oCA6CC"}

package/dist/gui/navigation-cube/components/cube-scene.d.ts

@@ -0,0 +1,13 @@
+import { Scene, Mesh, Object3D, MeshBasicMaterial, BufferGeometry } from 'three';
+import { ViralNavigationCube } from '../viral-navigation-cube';
+export declare class CubeScene {
+    viralNavigationCube: ViralNavigationCube;
+    scene: Scene;
+    objects: Object3D[];
+    cube: Mesh | null;
+    activePlane: Mesh<BufferGeometry, MeshBasicMaterial> | null;
+    constructor(viralNavigationCube: ViralNavigationCube);
+    addObject(object: Object3D): void;
+    addCube(): void;
+    addPlanes(): void;
+}