viral-viewer-2 6.2.6 → 6.2.8

package/dist/components/loader/viral-viewer-revit.loader.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralViewerRevitLoader = void 0;
+const THREE = require("three");
+class ViralViewerRevitLoader {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+    }
+    loadRevit(model) {
+        this.progressNoneStructuralGeometries(model);
+        this.progressStructuralGeometries(model);
+    }
+    progressStructuralGeometries(model) {
+        const modelMesh = new THREE.Mesh();
+        for (let index = 0; index < model.StructuralGeometries.length; index++) {
+            // if(index==0) continue;
+            const geometry = model.StructuralGeometries[index];
+            const material = model.Materials[geometry.MaterialIndex];
+            this.addCustomMesh3(modelMesh, geometry.Indices, geometry.Vertices, material);
+        }
+        modelMesh.castShadow = true;
+        modelMesh.receiveShadow = true;
+        this.viralViewerApi.viralScene.addObject(modelMesh);
+    }
+    progressNoneStructuralGeometries(model) {
+        const modelMesh = new THREE.Mesh();
+        modelMesh.castShadow = true;
+        modelMesh.receiveShadow = true;
+        for (let index = 0; index < model.NoneStructuralGeometries.length; index++) {
+            const geometry = model.NoneStructuralGeometries[index];
+            const material = model.Materials[geometry.MaterialIndex];
+            this.addCustomMesh4(modelMesh, geometry.Indices, geometry.Vertices, material, geometry.Instances);
+        }
+        this.viralViewerApi.viralScene.addObject(modelMesh);
+    }
+    addCustomMesh3(mesh, indices, vertices, material) {
+        const geometry = new THREE.BufferGeometry();
+        let verticePoints = [];
+        for (let i = 0; i < indices.length; i++) {
+            const index = indices[i];
+            const point = vertices[index];
+            verticePoints.push(-point.X);
+            verticePoints.push(point.Z);
+            verticePoints.push(point.Y);
+        }
+        const buffer = new Float32Array(verticePoints);
+        let colorString = this.rgbToHex(material.Red, material.Green, material.Blue);
+        geometry.setAttribute("position", new THREE.BufferAttribute(buffer, 3));
+        let newMaterial = new THREE.MeshPhongMaterial({
+            color: colorString,
+            opacity: material.Opacity,
+            transparent: true,
+            flatShading: true,
+        });
+        const edges = new THREE.EdgesGeometry(geometry, 90);
+        const line = new THREE.LineSegments(edges, new THREE.LineBasicMaterial({ color: "#202020" }));
+        const childMesh = new THREE.Mesh(geometry, newMaterial);
+        childMesh.castShadow = true;
+        childMesh.receiveShadow = true;
+        childMesh.add(line);
+        mesh.add(childMesh);
+    }
+    addCustomMesh4(mesh, indices, vertices, material, instances) {
+        const geometry = new THREE.BufferGeometry();
+        let verticePoints = [];
+        for (let i = 0; i < indices.length; i++) {
+            const index = indices[i];
+            const point = vertices[index];
+            verticePoints.push(-point.X);
+            verticePoints.push(point.Z);
+            verticePoints.push(point.Y);
+        }
+        const buffer = new Float32Array(verticePoints);
+        let colorString = this.rgbToHex(material.Red, material.Green, material.Blue);
+        geometry.setAttribute("position", new THREE.BufferAttribute(buffer, 3));
+        let newMaterial = new THREE.MeshPhongMaterial({
+            color: colorString,
+            opacity: material.Opacity,
+            transparent: true,
+            flatShading: true
+        });
+        for (let index = 0; index < instances.length; index++) {
+            const instance = instances[index];
+            let cloneGeometry = geometry.clone();
+            const childMesh = new THREE.Mesh(cloneGeometry, newMaterial);
+            childMesh.castShadow = true;
+            childMesh.receiveShadow = true;
+            let numbers = [
+                instance.BasisX.X,
+                -instance.BasisX.Z,
+                -instance.BasisX.Y,
+                0,
+                -instance.BasisZ.X,
+                instance.BasisZ.Z,
+                instance.BasisZ.Y,
+                0,
+                -instance.BasisY.X,
+                instance.BasisY.Z,
+                instance.BasisY.Y,
+                0,
+                -instance.Offset.X,
+                instance.Offset.Z,
+                instance.Offset.Y,
+                1,
+            ];
+            let matrix4 = new THREE.Matrix4();
+            matrix4.fromArray(numbers);
+            childMesh.applyMatrix4(matrix4);
+            const edges = new THREE.EdgesGeometry(childMesh.geometry);
+            const line = new THREE.LineSegments(edges, new THREE.LineBasicMaterial({ color: "#202020" }));
+            childMesh.add(line);
+            mesh.add(childMesh);
+        }
+    }
+    rgbToHex(r, g, b) {
+        return "#" + this.componentToHex(r) + this.componentToHex(g) + this.componentToHex(b);
+    }
+    componentToHex(c) {
+        var hex = c.toString(16);
+        return hex.length == 1 ? "0" + hex : hex;
+    }
+}
+exports.ViralViewerRevitLoader = ViralViewerRevitLoader;
+//# sourceMappingURL=viral-viewer-revit.loader.js.map

package/dist/components/loader/viral-viewer-revit.loader.js.map

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

package/dist/components/loader/viral.loader.d.ts

@@ -0,0 +1,11 @@
+import { ViralViewerApi } from "../../viral-viewer-api";
+import { ViralPointCloudLoader } from "./viral-point-cloud.loader";
+import { ViralRevitLoader } from "./viral-revit.loader";
+import { ViralThreeLoader } from "./viral-three.loader";
+export declare class ViralLoader {
+    viralViewerApi: ViralViewerApi;
+    viralRevitLoader: ViralRevitLoader;
+    pointCloudLoader: ViralPointCloudLoader;
+    threeLoader: ViralThreeLoader;
+    constructor(viralViewerApi: ViralViewerApi);
+}

package/dist/components/loader/viral.loader.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralLoader = void 0;
+const viral_point_cloud_loader_1 = require("./viral-point-cloud.loader");
+const viral_revit_loader_1 = require("./viral-revit.loader");
+const viral_three_loader_1 = require("./viral-three.loader");
+class ViralLoader {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.viralRevitLoader = new viral_revit_loader_1.ViralRevitLoader(this.viralViewerApi);
+        this.pointCloudLoader = new viral_point_cloud_loader_1.ViralPointCloudLoader(this.viralViewerApi);
+        this.threeLoader = new viral_three_loader_1.ViralThreeLoader(this.viralViewerApi);
+    }
+}
+exports.ViralLoader = ViralLoader;
+//# sourceMappingURL=viral.loader.js.map

package/dist/components/loader/viral.loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral.loader.js","sourceRoot":"","sources":["../../../src/components/loader/viral.loader.ts"],"names":[],"mappings":";;;AACA,yEAAmE;AACnE,6DAAwD;AACxD,6DAAwD;AAGxD,MAAa,WAAW;IAIpB,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAC7C,IAAI,CAAC,gBAAgB,GAAG,IAAI,qCAAgB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAClE,IAAI,CAAC,gBAAgB,GAAG,IAAI,gDAAqB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACvE,IAAI,CAAC,WAAW,GAAG,IAAI,qCAAgB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACjE,CAAC;CACJ;AATD,kCASC"}

package/dist/components/material/viral-material-manager.d.ts

@@ -0,0 +1,14 @@
+import { LineBasicMaterial, Material, MeshPhongMaterial, ShaderMaterial } from "three";
+import { ViralViewerApi } from "../../viral-viewer-api";
+import { Dictionary } from "../../types";
+export declare class ViralMaterialManager {
+    private viralViewerApi;
+    hoverMaterial: MeshPhongMaterial;
+    selectedMaterial: MeshPhongMaterial;
+    lineMaterial: LineBasicMaterial;
+    vertexShader: string;
+    fragmentShader: string;
+    outlineMaterial: ShaderMaterial;
+    materials: Dictionary<number, Material>;
+    constructor(viralViewerApi: ViralViewerApi);
+}

package/dist/components/material/viral-material-manager.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralMaterialManager = void 0;
+const three_1 = require("three");
+const colors_1 = require("../../const/colors");
+const types_1 = require("../../types");
+const __1 = require("../..");
+class ViralMaterialManager {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.hoverMaterial = new three_1.MeshPhongMaterial({
+            color: __1.THREEUtil.hexToThreejsColor(colors_1.LightTheme.secondary),
+            opacity: 0.7,
+            transparent: true,
+            depthTest: false,
+            name: "Render Material",
+            flatShading: true
+        });
+        this.selectedMaterial = new three_1.MeshPhongMaterial({
+            color: __1.THREEUtil.hexToThreejsColor(colors_1.LightTheme.secondary),
+            opacity: 0.7,
+            transparent: true,
+            name: "Render Material",
+            depthTest: false,
+            flatShading: true
+        });
+        this.lineMaterial = new three_1.LineBasicMaterial({
+            color: __1.THREEUtil.hexToThreejsColor(colors_1.LightTheme.accent),
+            linewidth: 500,
+            // depthTest: false,
+        });
+        this.vertexShader = `
+uniform float outline;
+void main() {
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position + normal * outline, 1.0);
+}
+`;
+        this.fragmentShader = `
+uniform vec3 color;
+uniform float opacity;
+void main() {
+  gl_FragColor = vec4(color, opacity);
+}
+`;
+        this.outlineMaterial = new three_1.ShaderMaterial({
+            uniforms: {
+                color: { value: new three_1.Color(colors_1.LightTheme.secondary) },
+                opacity: { value: 1.0 },
+                outline: { value: 0.1 },
+            },
+            vertexShader: this.vertexShader,
+            fragmentShader: this.fragmentShader,
+            side: three_1.BackSide,
+        });
+        this.materials = new types_1.Dictionary();
+        this.viralViewerApi.lifeCycleEvent.emit(types_1.ViralutionEvent.LOADED_MATERIAL_MANAGER);
+    }
+}
+exports.ViralMaterialManager = ViralMaterialManager;
+//# sourceMappingURL=viral-material-manager.js.map

package/dist/components/material/viral-material-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-material-manager.js","sourceRoot":"","sources":["../../../src/components/material/viral-material-manager.ts"],"names":[],"mappings":";;;AAAA,iCAOe;AAEf,+CAAgD;AAChD,uCAA0D;AAC1D,6BAAkC;AAElC,MAAa,oBAAoB;IAmD/B,YAAoB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAlD3C,kBAAa,GAAG,IAAI,yBAAiB,CAAC;YAC3C,KAAK,EAAE,aAAS,CAAC,iBAAiB,CAAC,mBAAU,CAAC,SAAS,CAAC;YACxD,OAAO,EAAE,GAAG;YACZ,WAAW,EAAE,IAAI;YACjB,SAAS,EAAC,KAAK;YACf,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAC,IAAI;SACjB,CAAC,CAAC;QACI,qBAAgB,GAAG,IAAI,yBAAiB,CAAC;YAC9C,KAAK,EAAE,aAAS,CAAC,iBAAiB,CAAC,mBAAU,CAAC,SAAS,CAAC;YACxD,OAAO,EAAE,GAAG;YACZ,WAAW,EAAE,IAAI;YACjB,IAAI,EAAE,iBAAiB;YACvB,SAAS,EAAC,KAAK;YACf,WAAW,EAAC,IAAI;SACjB,CAAC,CAAC;QAEI,iBAAY,GAAG,IAAI,yBAAiB,CAAC;YAC1C,KAAK,EAAE,aAAS,CAAC,iBAAiB,CAAC,mBAAU,CAAC,MAAM,CAAC;YACrD,SAAS,EAAE,GAAG;YACd,oBAAoB;SACrB,CAAC,CAAC;QAEH,iBAAY,GAAG;;;;;CAKhB,CAAC;QAEA,mBAAc,GAAG;;;;;;CAMlB,CAAC;QAEO,oBAAe,GAAG,IAAI,sBAAc,CAAC;YAC1C,QAAQ,EAAE;gBACR,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,aAAK,CAAC,mBAAU,CAAC,SAAS,CAAC,EAAE;gBACjD,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;gBACvB,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;aACxB;YACD,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,IAAI,EAAE,gBAAQ;SACf,CAAC,CAAC;QACH,cAAS,GAAiC,IAAI,kBAAU,EAAoB,CAAC;QAG3E,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,IAAI,CAAC,uBAAe,CAAC,uBAAuB,CAAC,CAAC;IAEnF,CAAC;CACF;AAvDD,oDAuDC"}

package/dist/components/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/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/mouse/viral-mouse.js.map

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

package/dist/components/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/components/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/components/navigation-cube/components/cube-camera.js.map

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

package/dist/components/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;
+}