viral-viewer-2 6.0.9 → 6.1.1

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;
+}