viral-viewer-2 6.2.6 → 6.2.8

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

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralScene = void 0;
+const three_1 = require("three");
+const types_1 = require("../../types");
+const TransformControls_1 = require("three/examples/jsm/controls/TransformControls");
+const colors_1 = require("../../const/colors");
+const __1 = require("../..");
+class ViralScene {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.scene = new three_1.Scene();
+        this.objects = [];
+        //#region Models
+        this.models = [];
+        this.mainModel = new three_1.Mesh();
+        this.isolateModel = new three_1.Mesh();
+        //#endregion
+        //for hide when camera change, for performance purpose
+        this.hideables = [];
+        this.selectables = [];
+        this.edges = [];
+        this.lights = [];
+        this.transformControls = null;
+        this.lightHelpers = [];
+        this.viralViewerApi.lifeCycleEvent.emit(types_1.ViralutionEvent.LOADED_SCENE);
+        //add main model
+        this.mainModel.name = "Viral Model";
+        this.addModel(this.mainModel);
+        //ad isolate model
+        this.isolateModel.name = "Isolate Model";
+        this.addModel(this.isolateModel);
+        this.addLights();
+        this.addPivotPoint();
+    }
+    //#region Add Main Objects
+    addObject(object) {
+        this.scene.add(object);
+        this.objects.push(object);
+    }
+    addModel(object) {
+        this.addObject(object);
+        this.models.push(object);
+    }
+    addEdge(object) {
+        this.addObject(object);
+        this.edges.push(object);
+    }
+    //#endregion
+    getObjectByName(name) {
+        var object = this.scene.getObjectByName(name);
+        return object;
+    }
+    addLights() {
+        const light1 = new three_1.DirectionalLight(0xffffff, 3);
+        light1.position.set(1, 1, 1).normalize();
+        const light2 = new three_1.DirectionalLight(0xffffff, 1.5);
+        light2.position.set(0, -1, 0).normalize();
+        const light3 = new three_1.DirectionalLight(0xffffff, 3);
+        light3.position.set(-1, 1, -1).normalize();
+        // const ambientLight = new AmbientLight(0xffffff, 1);
+        // ambientLight.position.set(0, 0, 0).normalize();
+        const sunlight = new three_1.DirectionalLight(0xffffff, 0.8);
+        sunlight.name = "sunlight";
+        sunlight.castShadow = true;
+        sunlight.position.set(500, 500, 500);
+        sunlight.shadow.camera.top = 500;
+        sunlight.shadow.camera.bottom = -500;
+        sunlight.shadow.camera.left = -500;
+        sunlight.shadow.camera.right = 500;
+        sunlight.shadow.camera.near = 1;
+        sunlight.shadow.camera.far = 20000;
+        sunlight.shadow.mapSize.x = 1024;
+        sunlight.shadow.mapSize.y = 1024;
+        sunlight.shadow.bias = -0.005;
+        sunlight.visible = false;
+        const sunlightHelper = new three_1.CameraHelper(sunlight.shadow.camera);
+        sunlightHelper.visible = false;
+        this.addObject(light1);
+        this.addObject(light2);
+        this.addObject(light3);
+        // this.addObject(ambientLight);
+        this.addObject(sunlight);
+        this.addObject(sunlightHelper);
+        this.lights.push(light1);
+        this.lights.push(light2);
+        this.lights.push(light3);
+        // this.lights.push(ambientLight);
+        this.lights.push(sunlight);
+        this.lightHelpers.push(sunlightHelper);
+    }
+    addPivotPoint() {
+        const sphereGeometry = new three_1.SphereGeometry(1, 32, 32);
+        const sphereMaterial = new three_1.MeshBasicMaterial({
+            color: __1.THREEUtil.hexToThreejsColor(colors_1.LightTheme.primary),
+            transparent: true,
+            opacity: 0.5,
+        });
+        const sphere = new three_1.Mesh(sphereGeometry, sphereMaterial);
+        sphere.name = "Viral Pivot Point";
+        sphere.visible = false;
+        this.addObject(sphere);
+    }
+    addTransformControls() {
+        if (this.viralViewerApi.viralCamera.camera) {
+            this.transformControls = new TransformControls_1.TransformControls(this.viralViewerApi.viralCamera.camera, this.viralViewerApi.viralRenderer.renderer.domElement);
+            this.addObject(this.transformControls);
+        }
+    }
+    //#region Helper
+    addCube() {
+        if (this.scene) {
+            const mesh = new three_1.Mesh(new three_1.BoxGeometry(1, 1, 1), new three_1.MeshStandardMaterial({ color: 0xff0000, wireframe: true }));
+            this.addObject(mesh);
+        }
+    }
+    addAxes() {
+        if (this.scene) {
+            const axesHelper = new three_1.AxesHelper(5);
+            this.addObject(axesHelper);
+        }
+    }
+    enableLightHelper(value) {
+        for (let index = 0; index < this.lightHelpers.length; index++) {
+            const element = this.lightHelpers[index];
+            element.visible = value;
+        }
+    }
+}
+exports.ViralScene = ViralScene;
+//# sourceMappingURL=viral-scene.js.map

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

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

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

@@ -0,0 +1,10 @@
+import { ViralViewerApi } from "../../viral-viewer-api";
+export declare class ViralSpinner {
+    viralViewerApi: ViralViewerApi;
+    private spinner;
+    private logo;
+    constructor(viralViewerApi: ViralViewerApi);
+    private injectSpinner;
+    showSpinner(): void;
+    hideSpinner(): void;
+}

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

@@ -0,0 +1,207 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralSpinner = void 0;
+const colors_1 = require("../../const/colors");
+const html_1 = require("../../utils/html");
+class ViralSpinner {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.spinner = null;
+        this.logo = `<svg
+    viewBox="0 0 135.46667 135.46667"
+    version="1.1"
+    id="svg7238"
+    sodipodi:docname="viral2-green.svg"
+    inkscape:export-filename="viral2-512.png"
+    inkscape:export-xdpi="96"
+    inkscape:export-ydpi="96"
+    inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:svg="http://www.w3.org/2000/svg">
+   <sodipodi:namedview
+      id="namedview7240"
+      pagecolor="#ffffff"
+      bordercolor="#000000"
+      borderopacity="0.25"
+      inkscape:showpageshadow="2"
+      inkscape:pageopacity="0.0"
+      inkscape:pagecheckerboard="0"
+      inkscape:deskcolor="#d1d1d1"
+      inkscape:document-units="px"
+      showgrid="false"
+      showborder="false"
+      inkscape:zoom="0.99327643"
+      inkscape:cx="-5.53723"
+      inkscape:cy="208.4012"
+      inkscape:window-width="1920"
+      inkscape:window-height="1025"
+      inkscape:window-x="-8"
+      inkscape:window-y="-8"
+      inkscape:window-maximized="1"
+      inkscape:current-layer="layer1" />
+   <defs
+      id="defs7235">
+     <linearGradient
+        inkscape:collect="always"
+        id="linearGradient1616">
+       <stop
+          style="stop-color:#56674d;stop-opacity:1;"
+          offset="0"
+          id="stop1612" />
+       <stop
+          style="stop-color:#ffffff;stop-opacity:0;"
+          offset="1"
+          id="stop1614" />
+     </linearGradient>
+     <linearGradient
+        inkscape:collect="always"
+        xlink:href="#linearGradient15690"
+        id="linearGradient18609"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-166.15654,32.013661)"
+        x1="307.17484"
+        y1="52.350281"
+        x2="326.05994"
+        y2="54.673866" />
+     <linearGradient
+        inkscape:collect="always"
+        id="linearGradient15690">
+       <stop
+          style="stop-color:#56674d;stop-opacity:1;"
+          offset="0"
+          id="stop15686" />
+       <stop
+          style="stop-color:#496e7c;stop-opacity:0;"
+          offset="1"
+          id="stop15688" />
+     </linearGradient>
+     <linearGradient
+        inkscape:collect="always"
+        xlink:href="#linearGradient15766"
+        id="linearGradient16111-2"
+        gradientUnits="userSpaceOnUse"
+        x1="94.716965"
+        y1="77.459938"
+        x2="120.0867"
+        y2="65.915489" />
+     <linearGradient
+        inkscape:collect="always"
+        id="linearGradient15766">
+       <stop
+          style="stop-color:#56674d;stop-opacity:1;"
+          offset="0"
+          id="stop15762" />
+       <stop
+          style="stop-color:#496e7c;stop-opacity:0;"
+          offset="1"
+          id="stop15764" />
+     </linearGradient>
+     <linearGradient
+        inkscape:collect="always"
+        xlink:href="#linearGradient15924"
+        id="linearGradient18611"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-166.15654,32.013661)"
+        x1="252.87965"
+        y1="104.78405"
+        x2="305.49805"
+        y2="61.56583" />
+     <linearGradient
+        inkscape:collect="always"
+        id="linearGradient15924">
+       <stop
+          style="stop-color:#56674d;stop-opacity:1;"
+          offset="0"
+          id="stop15920" />
+       <stop
+          style="stop-color:#ffffff;stop-opacity:0;"
+          offset="1"
+          id="stop15922" />
+     </linearGradient>
+     <linearGradient
+        inkscape:collect="always"
+        xlink:href="#linearGradient1616"
+        id="linearGradient18613"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(-166.15654,32.013661)"
+        x1="262.83365"
+        y1="98.616089"
+        x2="303.40704"
+        y2="56.86591" />
+   </defs>
+   <g
+      inkscape:label="Layer 1"
+      inkscape:groupmode="layer"
+      id="layer1"
+      transform="translate(-81.132986,-92.575601)">
+     <g
+        id="g489"
+        transform="matrix(1.5365255,0,0,1.474116,-14.471343,-5.8524295)">
+       <path
+          id="path11327-0-0-0"
+          style="fill:url(#linearGradient18609);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+          d="m 130.56075,85.04143 c 0.52476,0.26239 -18.03983,28.95537 -21.66379,32.11329 -3.42113,2.98116 -7.7736,3.69559 -11.21431,3.82302 -3.4407,0.12743 -10.95953,-1.27434 -10.95953,-1.27434 l 9.53171,15.82074 c 10.00038,14.90295 18.17614,-1.81278 29.33516,-18.06246 3.96568,-5.77479 7.78809,-12.47359 12.92015,-21.46123 4.04139,-7.0776 -7.96539,-10.97224 -7.94939,-10.95902 z" />
+       <path
+          style="fill:url(#linearGradient16111-2);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+          d="m 95.83013,56.198256 16.05664,29.946913 c 0,0 -10.06725,0.637171 -12.870796,-1.019467 L 87.652946,64.863746 c 0,0 -2.527248,-8.028321 8.177184,-8.66549 z"
+          id="path11425-3-4-8"
+          sodipodi:nodetypes="ccccc"
+          class="UnoptimicedTransforms"
+          transform="translate(-14.07671,30.372343)" />
+       <path
+          id="path11327-0-5-6-6-4-3"
+          style="fill:url(#linearGradient18611);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+          d="m 130.56075,85.04143 c -1.47647,3.17228 -18.24916,29.13777 -21.66379,32.11329 -3.42112,2.98116 -7.7736,3.69559 -11.2143,3.82302 -3.4407,0.12743 -10.95954,-1.27434 -10.95954,-1.27434 l 4.7656,7.91063 h 5.2e-4 c 0.002,0.001 10.85017,15.99897 19.37348,5.76286 2.99574,-3.59774 5.15135,-6.65533 6.98187,-9.54746 2.95629,-4.67075 5.06469,-8.90995 8.4947,-14.29586 14.90527,-23.40477 3.86084,-23.27687 4.22146,-24.49214 z"
+          sodipodi:nodetypes="csscccsssc" />
+       <path
+          id="path11327-0-5-6-6-7-5-9"
+          style="fill:url(#linearGradient18613);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.4;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
+          d="m 130.56075,85.04143 c -1.47647,3.17228 -18.24916,29.13777 -21.66379,32.11329 -3.42112,2.98116 -7.7736,3.69559 -11.2143,3.82302 -3.4407,0.12743 -10.95954,-1.27434 -10.95954,-1.27434 l 4.7656,7.91063 h 5.2e-4 c 0.002,0.001 12.41225,10.17869 19.50733,-1.0945 10.41305,-16.54503 3.05221,-4.8499 9.84606,-15.81454 14.04378,-22.66534 9.3575,-24.44829 9.71812,-25.66356 z"
+          sodipodi:nodetypes="csscccssc" />
+     </g>
+   </g>
+ </svg>`;
+        this.injectSpinner();
+    }
+    injectSpinner() {
+        // Create the @keyframes animation
+        const keyframes = `@keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+      }`;
+        // Create a style element and append the keyframes animation
+        const style = document.createElement('style');
+        style.innerHTML = keyframes;
+        // Append the style element to the document head
+        document.head.appendChild(style);
+        if (this.viralViewerApi.targetElement) {
+            this.spinner = document.createElement('div');
+            this.spinner.setAttribute('style', `position: absolute;top:0px;left:0px;right:0px;bottom:0px;background-color: ${colors_1.LightTheme.background};justify-content: center;align-items: center;display:none;    z-index: 100`);
+            const divWrapperDiv = document.createElement('div');
+            const spinnerCircle = document.createElement('div');
+            spinnerCircle.setAttribute('style', `width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; border-top: 2px solid ${colors_1.LightTheme.primary}; animation: spin 1.5s linear infinite;`);
+            //logo
+            const logo = html_1.HTMLUtil.createElementFromHTML(this.logo);
+            logo.setAttribute('style', "height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)");
+            divWrapperDiv.appendChild(spinnerCircle);
+            divWrapperDiv.appendChild(logo);
+            this.spinner.appendChild(divWrapperDiv);
+            this.viralViewerApi.targetElement.appendChild(this.spinner);
+        }
+    }
+    showSpinner() {
+        if (this.spinner) {
+            this.spinner.style.setProperty("display", 'flex');
+        }
+    }
+    hideSpinner() {
+        if (this.spinner) {
+            this.spinner.style.setProperty("display", 'none');
+        }
+    }
+}
+exports.ViralSpinner = ViralSpinner;
+//# sourceMappingURL=viral-spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viral-spinner.js","sourceRoot":"","sources":["../../../src/components/spinner/viral-spinner.ts"],"names":[],"mappings":";;;AAAA,+CAAgD;AAChD,2CAA4C;AAG5C,MAAa,YAAY;IA+JtB,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QA9JzC,YAAO,GAAuB,IAAI,CAAA;QAClC,SAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4JV,CAAA;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;IACxB,CAAC;IACO,aAAa;QAClB,kCAAkC;QAClC,MAAM,SAAS,GAAG;;;QAGhB,CAAC;QAEH,4DAA4D;QAC5D,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;QAE5B,gDAAgD;QAChD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE;YACpC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,8EAA8E,mBAAU,CAAC,UAAU,4EAA4E,CAAC,CAAA;YACnN,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAEpD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACpD,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,kGAAkG,mBAAU,CAAC,OAAO,yCAAyC,CAAC,CAAC;YACnM,MAAM;YACN,MAAM,IAAI,GAAG,eAAQ,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvD,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,gFAAgF,CAAC,CAAC;YAE7G,aAAa,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACzC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAEhC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YACxC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SAC9D;IACJ,CAAC;IACM,WAAW;QACf,IAAI,IAAI,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAC,MAAM,CAAC,CAAC;SACnD;IACJ,CAAC;IACM,WAAW;QACf,IAAI,IAAI,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,EAAC,MAAM,CAAC,CAAC;SACnD;IACJ,CAAC;CACH;AA3MD,oCA2MC"}

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

@@ -0,0 +1,6 @@
+import { ViralViewerApi } from "../../viral-viewer-api";
+export declare class ViralStats {
+    viralViewerApi: ViralViewerApi;
+    stats: Stats | null;
+    constructor(viralViewerApi: ViralViewerApi);
+}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralStats = void 0;
+const stats_1 = require("../../threejs-addon/stats");
+class ViralStats {
+    constructor(viralViewerApi) {
+        this.viralViewerApi = viralViewerApi;
+        this.stats = null;
+        if (this.viralViewerApi.targetElement) {
+            this.stats = (0, stats_1.default)();
+            this.stats.showPanel(0);
+            this.viralViewerApi.targetElement.appendChild(this.stats.dom);
+        }
+    }
+}
+exports.ViralStats = ViralStats;
+//# sourceMappingURL=viral-stats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viral-stats.js","sourceRoot":"","sources":["../../../src/components/stats/viral-stats.ts"],"names":[],"mappings":";;;AACA,qDAA8C;AAC9C,MAAa,UAAU;IAErB,YAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAD1C,UAAK,GAAiB,IAAI,CAAC;QAEhC,IAAI,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE;YACrC,IAAI,CAAC,KAAK,GAAG,IAAA,eAAK,GAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YACxB,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SAC/D;IACH,CAAC;CACF;AATD,gCASC"}

package/dist/components/tools/tools/viral-tool-ambient-occlusion.d.ts

@@ -0,0 +1,7 @@
+import { ViralViewerTool } from "../../../types";
+import { ViralTools } from "../viral-tools";
+export declare class ViralToolAmbientOcclusion {
+    viralTools: ViralTools;
+    constructor(viralTools: ViralTools);
+    activate(input: ViralViewerTool): void;
+}

package/dist/components/tools/tools/viral-tool-ambient-occlusion.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralToolAmbientOcclusion = void 0;
+class ViralToolAmbientOcclusion {
+    constructor(viralTools) {
+        this.viralTools = viralTools;
+    }
+    activate(input) {
+        if (input.activate) {
+        }
+        else {
+        }
+    }
+}
+exports.ViralToolAmbientOcclusion = ViralToolAmbientOcclusion;
+//# sourceMappingURL=viral-tool-ambient-occlusion.js.map

package/dist/components/tools/tools/viral-tool-ambient-occlusion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-tool-ambient-occlusion.js","sourceRoot":"","sources":["../../../../src/components/tools/tools/viral-tool-ambient-occlusion.ts"],"names":[],"mappings":";;;AAGA,MAAa,yBAAyB;IACpC,YAAmB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;IAAG,CAAC;IACtC,QAAQ,CAAC,KAAsB;QACpC,IAAI,KAAK,CAAC,QAAQ,EAAE;SACnB;aAAM;SACN;IACH,CAAC;CACF;AAPD,8DAOC"}

package/dist/components/tools/tools/viral-tool-dark-mode.d.ts

@@ -0,0 +1,7 @@
+import { ViralViewerTool } from "../../../types";
+import { ViralTools } from "../viral-tools";
+export declare class ViralToolDarkMode {
+    viralTools: ViralTools;
+    constructor(viralTools: ViralTools);
+    activate(input: ViralViewerTool): void;
+}

package/dist/components/tools/tools/viral-tool-dark-mode.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralToolDarkMode = void 0;
+class ViralToolDarkMode {
+    constructor(viralTools) {
+        this.viralTools = viralTools;
+    }
+    activate(input) {
+        if (this.viralTools.viralViewerApi.targetElement) {
+            if (input.activate) {
+                this.viralTools.viralViewerApi.targetElement.style.setProperty("background-color", "#303030");
+            }
+            else {
+                this.viralTools.viralViewerApi.targetElement.style.setProperty("background-color", "unset");
+            }
+            this.viralTools.viralViewerApi.localStorageService.setObject("viral-viewer-tool", this.viralTools.tools);
+        }
+    }
+}
+exports.ViralToolDarkMode = ViralToolDarkMode;
+//# sourceMappingURL=viral-tool-dark-mode.js.map

package/dist/components/tools/tools/viral-tool-dark-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-tool-dark-mode.js","sourceRoot":"","sources":["../../../../src/components/tools/tools/viral-tool-dark-mode.ts"],"names":[],"mappings":";;;AAIA,MAAa,iBAAiB;IAE1B,YAAmB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;IAEzC,CAAC;IACM,QAAQ,CAAC,KAAsB;QAClC,IAAI,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,aAAa,EAAE;YAC9C,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAChB,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;aAEjG;iBACI;gBACD,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;aAC/F;YACD,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,mBAAmB,CAAC,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;SAC3G;IACL,CAAC;CACJ;AAjBD,8CAiBC"}

package/dist/components/tools/tools/viral-tool-elevation.d.ts

@@ -0,0 +1,11 @@
+import { Vector2 } from "three";
+import { ViralViewerTool } from "../../../types";
+import { ViralTools } from "../viral-tools";
+export declare class ViralToolElevation {
+    viralTools: ViralTools;
+    isActivated: boolean;
+    constructor(viralTools: ViralTools);
+    activate(input: ViralViewerTool): void;
+    onMouseMove(mousePoint: Vector2): void;
+    onMouseClick(mousePoint: Vector2): void;
+}

package/dist/components/tools/tools/viral-tool-elevation.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViralToolElevation = void 0;
+class ViralToolElevation {
+    constructor(viralTools) {
+        this.viralTools = viralTools;
+        this.isActivated = false;
+    }
+    activate(input) {
+        this.isActivated = input.activate;
+    }
+    onMouseMove(mousePoint) {
+        if (mousePoint) {
+            let result = this.viralTools.viralViewerApi.viralCamera.clientToWorld();
+            if (result && result.length > 0) {
+                let coordinate = result[0].point;
+            }
+        }
+    }
+    onMouseClick(mousePoint) {
+        if (mousePoint) {
+            let result = this.viralTools.viralViewerApi.viralCamera.clientToWorld();
+            if (result && result.length > 0) {
+                let coordinate = result[0].point;
+            }
+        }
+    }
+}
+exports.ViralToolElevation = ViralToolElevation;
+//# sourceMappingURL=viral-tool-elevation.js.map

package/dist/components/tools/tools/viral-tool-elevation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viral-tool-elevation.js","sourceRoot":"","sources":["../../../../src/components/tools/tools/viral-tool-elevation.ts"],"names":[],"mappings":";;;AAIA,MAAa,kBAAkB;IAE3B,YAAmB,UAAsB;QAAtB,eAAU,GAAV,UAAU,CAAY;QADlC,gBAAW,GAAG,KAAK,CAAC;IAG3B,CAAC;IACM,QAAQ,CAAC,KAAsB;QAClC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAA;IACrC,CAAC;IACM,WAAW,CAAC,UAAmB;QAClC,IAAI,UAAU,EAAE;YACZ,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;YACxE,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,IAAI,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;aACpC;SACJ;IACL,CAAC;IAEM,YAAY,CAAC,UAAkB;QAElC,IAAG,UAAU,EACb;YACI,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;YACxE,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,IAAI,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;aACpC;SACJ;IACL,CAAC;CACJ;AA3BD,gDA2BC"}

package/dist/components/tools/tools/viral-tool-measure.d.ts

@@ -0,0 +1,33 @@
+import { Scene, Vector2, Vector3 } from "three";
+import { ViralViewerTool } from "../../../types";
+import { ViralTools } from "../viral-tools";
+interface ViralMeasure {
+    point1: Vector3;
+    point2: Vector3;
+}
+export declare class ViralToolMeasure {
+    viralTools: ViralTools;
+    viralToolMeasureScene: Scene;
+    isActivated: boolean;
+    measures: ViralMeasure[];
+    private point1;
+    private point2;
+    private tempPoint2;
+    private defaultSprite;
+    private measureObject;
+    private tempMeasure;
+    private tempSprite1;
+    private tempLine;
+    private tempSprite2;
+    constructor(viralTools: ViralTools);
+    activate(input: ViralViewerTool): void;
+    onMouseMove(mousePoint: Vector2): void;
+    onMouseClick(mousePoint: Vector2): void;
+    private resetPickedPoints;
+    private makeSprite;
+    private makeLine;
+    private makeDistanceSprite;
+    private dispose;
+    onKeyPress(evt: KeyboardEvent): void;
+}
+export {};