@abi-software/scaffoldvuer 1.11.0-demo.0 → 1.11.0-demo.2

package/dist/scaffoldvuer.js

@@ -31656,7 +31656,7 @@ const E4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         /* 2 */
         /***/
         (o) => {
-          o.exports = /* @__PURE__ */ JSON.parse('{"name":"zincjs","version":"1.14.1","description":"ZincJS (Web-based-Zinc-Visualisation)","main":"build/zinc.js","directories":{"doc":"docs"},"files":["package.json","LICENSE","README.md","src/*","build/zinc.js","build/zinc.frontend.js","build/zinc.js.map","webpack.config.js"],"scripts":{"build-bundle":"webpack --config webpack.frontend.js; webpack --config webpack.backend.js","build-backend":"webpack --config webpack.backend.js","test":"npm --prefix ./test install && npm --prefix ./test run test-ci","changelog":"auto-changelog -p --output CHANGELOG.md --template keepachangelog","jsdoc":"jsdoc -c jsdoc_conf.json","version":"npm run build-bundle;npm run jsdoc;npm run changelog; git add CHANGELOG.md docs","release:beta":"npm version prerelease --preid=beta; npm publish --tag beta","release:minor":"npm version minor; npm publish","release:patch":"npm version patch;  npm publish"},"repository":{"type":"git","url":"git+https://github.com/alan-wu/ZincJS.git"},"keywords":["library","webgl","3d","zincjs"],"author":"Alan Wu <alan.wu@auckland.ac.nz>","license":"MIT","bugs":{"url":"https://github.com/alan-wu/ZincJS/issues"},"homepage":"http://alan-wu.github.io/ZincJS/","devDependencies":{"@babel/core":"^7.23.9","@babel/preset-env":"^7.23.9","auto-changelog":"^2.4.0","babel-loader":"^9.1.3","babel-preset-minify":"^0.5.1","file-loader":"^6.2.0","jsdoc":"^4.0.2","raw-loader":"^4.0.2","webpack":"^5.90.3","webpack-cli":"^5.1.4","webpack-node-externals":"^3.0.0"},"dependencies":{"css-element-queries":"^1.2.2","lodash":"^4.17.19","promise-polyfill":"^8.1.3","three":"^0.130.1","three-spritetext":"1.6.2","url-loader":"^4.1.1","url-polyfill":"^1.1.7","webworkify-webpack":"^2.1.5"}}');
+          o.exports = /* @__PURE__ */ JSON.parse('{"name":"zincjs","version":"1.14.2","description":"ZincJS (Web-based-Zinc-Visualisation)","main":"build/zinc.js","directories":{"doc":"docs"},"files":["package.json","LICENSE","README.md","src/*","build/zinc.js","build/zinc.frontend.js","build/zinc.js.map","webpack.config.js"],"scripts":{"build-bundle":"webpack --config webpack.frontend.js; webpack --config webpack.backend.js","build-backend":"webpack --config webpack.backend.js","test":"npm --prefix ./test install && npm --prefix ./test run test-ci","changelog":"auto-changelog -p --output CHANGELOG.md --template keepachangelog","jsdoc":"jsdoc -c jsdoc_conf.json","version":"npm run build-bundle;npm run jsdoc;npm run changelog; git add CHANGELOG.md docs","release:beta":"npm version prerelease --preid=beta; npm publish --tag beta","release:minor":"npm version minor; npm publish","release:patch":"npm version patch;  npm publish"},"repository":{"type":"git","url":"git+https://github.com/alan-wu/ZincJS.git"},"keywords":["library","webgl","3d","zincjs"],"author":"Alan Wu <alan.wu@auckland.ac.nz>","license":"MIT","bugs":{"url":"https://github.com/alan-wu/ZincJS/issues"},"homepage":"http://alan-wu.github.io/ZincJS/","devDependencies":{"@babel/core":"^7.23.9","@babel/preset-env":"^7.23.9","auto-changelog":"^2.4.0","babel-loader":"^9.1.3","babel-preset-minify":"^0.5.1","file-loader":"^6.2.0","jsdoc":"^4.0.2","raw-loader":"^4.0.2","webpack":"^5.90.3","webpack-cli":"^5.1.4","webpack-node-externals":"^3.0.0"},"dependencies":{"css-element-queries":"^1.2.2","lodash":"^4.17.19","promise-polyfill":"^8.1.3","three":"^0.130.1","three-spritetext":"1.6.2","url-loader":"^4.1.1","url-polyfill":"^1.1.7","webworkify-webpack":"^2.1.5"}}');
         },
         /* 3 */
         /***/
@@ -36450,12 +36450,15 @@ void main() {
               A.forEach((C) => {
                 C.isLines && T(C);
               }), R && M.forEach((C) => C.forEachLine(T, R));
-            }, this.findObjectsWithAnatomicalId = (T, R) => (A.forEach((C) => {
-              C.anatomicalId === T && objectsArray.push(C);
-            }), R && M.forEach((C) => {
-              var I = C.findObjectsWithAnatomicalId(T, R);
-              objectsArray.push(...I);
-            }), objectsArray), this.findObjectsWithGroupName = (T, R) => {
+            }, this.findObjectsWithAnatomicalId = (T, R) => {
+              var C = [];
+              return A.forEach((I) => {
+                I.anatomicalId === T && C.push(I);
+              }), R && M.forEach((I) => {
+                var b = I.findObjectsWithAnatomicalId(T, R);
+                C.push(...b);
+              }), C;
+            }, this.findObjectsWithGroupName = (T, R) => {
               var C = [];
               return A.forEach((I) => {
                 var b = I.groupName ? I.groupName.toLowerCase() : I.groupName, F = T && T.toLowerCase();
@@ -38907,7 +38910,8 @@ const AM = /* @__PURE__ */ pr(Y4, [["render", J4], ["__scopeId", "data-v-d55fc9a
       hover: [],
       drawerOpen: !0,
       nodeNumbers: 0,
-      module: void 0
+      module: void 0,
+      checkedRegions: []
     };
   },
   computed: {
@@ -38919,7 +38923,13 @@ const AM = /* @__PURE__ */ pr(Y4, [["render", J4], ["__scopeId", "data-v-d55fc9a
     treeDataEntry: {
       deep: !0,
       handler: function(n) {
-        this.isReady && this.setColourField(n);
+        this.isReady && (this.setColourField(n), this.checkedRegions = n.filter((e) => e.label !== "_helper"));
+      }
+    },
+    checkedRegions: {
+      deep: !0,
+      handler: function(n) {
+        this.isReady && this.$emit("checked-regions", n);
       }
     }
   },
@@ -38995,7 +39005,7 @@ const AM = /* @__PURE__ */ pr(Y4, [["render", J4], ["__scopeId", "data-v-d55fc9a
     },
     checkChanged: function(n, e) {
       const t = n.isRegion, i = n.isPrimitives, r = e.checkedKeys.includes(n.id), s = this.module.scene.getRootRegion().findChildFromPath(n.regionPath);
-      t && (r ? s.showAllPrimitives() : s.hideAllPrimitives()), i && s.findObjectsWithGroupName(n.label).forEach((a) => {
+      t && (r ? (s.showAllPrimitives(), this.checkedRegions.push(n)) : (s.hideAllPrimitives(), this.checkedRegions = this.checkedRegions.filter((o) => o.label !== n.label))), i && s.findObjectsWithGroupName(n.label).forEach((a) => {
         const c = r && !n.disabled;
         a.setVisibility(c);
       });
@@ -39180,14 +39190,23 @@ const AM = /* @__PURE__ */ pr(Y4, [["render", J4], ["__scopeId", "data-v-d55fc9a
         this.setTreeVisibilityWithFullPaths(c, e, t, !0);
       });
     },
-    checkAllKeys: function() {
-      const n = [], e = [];
-      gM(this.treeData[0], n), this.setTreeVisibilityWithFullPaths(
+    setCheckedKeys: function(n, e) {
+      this.$nextTick(() => {
+        e && this.$refs.treeControls.$refs.regionTree.setCheckedKeys([]), n.forEach((t) => {
+          this.$refs.treeControls.$refs.regionTree.setChecked(t, !0, !0);
+        });
+      });
+    },
+    checkAllKeys: function(n = []) {
+      const e = [], t = [];
+      gM(this.treeData[0], e);
+      const i = e.filter((r) => !n.some((s) => r.includes(s)));
+      this.setTreeVisibilityWithFullPaths(
         this.treeData[0],
-        n,
-        e,
+        i,
+        t,
         !0
-      ), this.$refs.treeControls.$refs.regionTree.setCheckedKeys(e);
+      ), this.$refs.treeControls.$refs.regionTree.setCheckedKeys(t);
     },
     getState: function() {
       let n = this.$refs.treeControls.$refs.regionTree.getCheckedKeys();
@@ -39249,7 +39268,7 @@ function e5(n, e, t, i, r, s) {
     ], 2)
   ], 2);
 }
-const _M = /* @__PURE__ */ pr(q4, [["render", e5], ["__scopeId", "data-v-6a2ad2bc"]]), SM = tw("main", {
+const _M = /* @__PURE__ */ pr(q4, [["render", e5], ["__scopeId", "data-v-ea94892e"]]), SM = tw("main", {
   state: () => ({
     userProfile: {
       token: ""
@@ -39277,10 +39296,6 @@ const _M = /* @__PURE__ */ pr(q4, [["render", e5], ["__scopeId", "data-v-6a2ad2b
     Tooltip: QM
   },
   props: {
-    clientHeight: {
-      type: Number,
-      default: 200
-    },
     createData: {
       type: Object,
       default: {
@@ -39340,13 +39355,8 @@ const _M = /* @__PURE__ */ pr(q4, [["render", e5], ["__scopeId", "data-v-6a2ad2b
   computed: {
     ...Vv(SM, ["userToken"]),
     position: function() {
-      let n = 20;
-      this.region && (n = 35);
-      const e = this.x - 100, t = this.clientHeight - (this.y - n);
-      return {
-        left: e + "px",
-        bottom: t >= 0 ? `${t}px` : "0px"
-      };
+      let n = 40;
+      return this.region && (n = 55), { left: this.x - 40 + "px", top: this.y - n + "px" };
     }
   },
   methods: {
@@ -39479,7 +39489,7 @@ function s5(n, e, t, i, r, s) {
     }, 8, ["visible", "onHide"])
   ], 4);
 }
-const TM = /* @__PURE__ */ pr(t5, [["render", s5], ["__scopeId", "data-v-e7ed9762"]]), qa = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2, MOVE: 3 }, o5 = function(n, e, t) {
+const TM = /* @__PURE__ */ pr(t5, [["render", s5], ["__scopeId", "data-v-d3f76b72"]]), qa = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2, MOVE: 3 }, o5 = function(n, e, t) {
   this.eventType = n, this.identifiers = e, this.zincObjects = t;
 }, a5 = function(n, e, t) {
   this.targetedID = [];
@@ -42509,7 +42519,7 @@ const R5 = {
     isNerves: {
       type: Object,
       default: {
-        regions: ["nerves", "Spinal nerves"]
+        regions: ["nerves"]
       }
     },
     /**
@@ -42601,7 +42611,6 @@ const R5 = {
   data: function() {
     return {
       annotator: void 0,
-      clientHeight: 200,
       colourRadio: !0,
       createData: {
         drawingBox: !1,
@@ -42732,7 +42741,8 @@ const R5 = {
         region: "",
         group: "",
         isSearch: !1
-      })
+      }),
+      checkedRegions: []
     };
   },
   watch: {
@@ -42837,6 +42847,30 @@ const R5 = {
     }
   },
   methods: {
+    setCheckedRegions: function(n) {
+      this.checkedRegions = n;
+    },
+    zoomToNerves: function(n, e = !1) {
+      if (this.$module.scene) {
+        const t = [];
+        this.$module.scene.getRootRegion().getChildRegions().forEach((r) => {
+          const s = r.getName();
+          if (e) {
+            if (r.hideAllPrimitives(), s === "Nerves") {
+              const o = n.reduce((a, c) => {
+                const d = this.findObjectsWithGroupName(c).map((h) => (h.setVisibility(!0), `${h.region.uuid}/${h.uuid}`));
+                return a.push(...d), a;
+              }, []);
+              t.push(...o);
+            }
+          } else if (this.checkedRegions.find((a) => a.label === s)) {
+            r.showAllPrimitives();
+            const c = r.getAllObjects().map((l) => l.region.uuid);
+            t.push(...c);
+          }
+        }), this.fitWindow(), this.$refs.scaffoldTreeControls.setCheckedKeys([...new Set(t)], e);
+      }
+    },
     enableAxisDisplay: function(n, e) {
       this.$module.scene && this.$module.scene.enableAxisDisplay(n, e);
     },
@@ -42862,12 +42896,11 @@ const R5 = {
       const e = (t = this.isNerves) == null ? void 0 : t.regions;
       if (e) {
         const i = n.getRegion().getFullPath().toLowerCase();
-        let r = !0;
-        for (let s = 0; s < e.length && r; s++)
-          if (i.includes(e[s].toLowerCase())) {
-            Pv++, n.userData.isNerves = !0, r = !1;
-            const o = n.groupName.toLowerCase();
-            o in Fv && (Iv++, n.setAnatomicalId(Fv[o]), console.log(o, n.anatomicalId, n.uuid));
+        for (let r = 0; r < e.length; r++)
+          if (i.includes(e[r].toLowerCase())) {
+            Pv++, n.userData.isNerves = !0;
+            const s = n.groupName.toLowerCase();
+            s in Fv && (Iv++, n.setAnatomicalId(Fv[s]), console.log(s, n.anatomicalId, n.uuid));
           } else
             n.userData.isNerves = !1;
       }
@@ -43321,7 +43354,7 @@ const R5 = {
      * @arg objects objects to be set for the selected
      */
     updatePrimitiveControls: function(n) {
-      this.selectedObjects = n, this.selectedObjects && this.selectedObjects.length > 0 ? this.$refs.primitiveControls.setObject(this.selectedObjects[0]) : this.$refs.primitiveControls.setObject(void 0);
+      this.viewingMode === "Exploration" && (this.selectedObjects = n, this.selectedObjects && this.selectedObjects.length > 0 ? this.$refs.primitiveControls.setObject(this.selectedObjects[0]) : this.$refs.primitiveControls.setObject(void 0));
     },
     /**
      * A callback used by children components. Set the selected zinc object
@@ -43561,6 +43594,20 @@ const R5 = {
         this.$_liveCoordinatesUpdated
       ), this.$module.setupLiveCoordinates(void 0)), this.tData.active = !1, this.tData.visible = !1, this.tData.region = void 0;
     },
+    /**
+     * 
+     * @param flag boolean
+     * @param nerves array of nerve names
+     */
+    setGreyScale: function(n, e = []) {
+      this.$module.scene.getRootRegion().getAllObjects(!0).forEach((i) => {
+        if (e.length) {
+          const r = i.groupName.toLowerCase();
+          i.userData.isNerves && (e.includes(r) || i.setGreyScale(n));
+        } else
+          i.userData.isNerves || i.setGreyScale(n);
+      }), this.$refs.scaffoldTreeControls.updateAllNodeColours();
+    },
     /**
      * @public
      * Function to toggle colour/greyscale of primitives.
@@ -43568,10 +43615,8 @@ const R5 = {
      * @arg {Boolean} `flag`
      */
     setColour: function(n, e = !1) {
-      console.log(n, this.colourRadio), this.isReady && this.$module.scene && typeof n == "boolean" && (e || n !== this.colourRadio) && (this.loading = !0, setTimeout(() => {
-        this.$module.scene.getRootRegion().getAllObjects(!0).forEach((i) => {
-          i.userData.isNerves || i.setGreyScale(!n);
-        }), this.$refs.scaffoldTreeControls.updateAllNodeColours(), this.loading = !1, this.colourRadio = n;
+      this.isReady && this.$module.scene && typeof n == "boolean" && (e || n !== this.colourRadio) && (this.loading = !0, setTimeout(() => {
+        this.setGreyScale(!n), this.loading = !1, this.colourRadio = n;
       }, 100));
     },
     /**
@@ -43876,7 +43921,7 @@ const R5 = {
     adjustLayout: function() {
       if (this.$refs.scaffoldContainer) {
         let n = this.$refs.scaffoldContainer.clientWidth;
-        this.clientHeight = this.$refs.scaffoldContainer.clientHeight, this.minimisedSlider = n < 812, this.minimisedSlider ? this.sliderPosition = this.drawerOpen ? "right" : "left" : this.sliderPosition = "";
+        this.minimisedSlider = n < 812, this.minimisedSlider ? this.sliderPosition = this.drawerOpen ? "right" : "left" : this.sliderPosition = "";
       }
     },
     toggleRendering: function(n) {
@@ -43923,7 +43968,6 @@ function H5(n, e, t, i, r, s) {
   return Lt((ye(), Le("div", F5, [
     le(o),
     le(a, {
-      clientHeight: n.clientHeight,
       createData: n.createData,
       label: n.tData.label,
       region: n.tData.region,
@@ -43938,7 +43982,7 @@ function H5(n, e, t, i, r, s) {
       onConfirmComment: e[2] || (e[2] = (E) => s.confirmComment(E)),
       onConfirmDelete: e[3] || (e[3] = (E) => s.confirmDelete()),
       onTooltipHide: e[4] || (e[4] = (E) => s.onTooltipHide())
-    }, null, 8, ["clientHeight", "createData", "label", "region", "visible", "x", "y", "annotationDisplay", "annotationFeature", "offlineAnnotationEnabled"]),
+    }, null, 8, ["createData", "label", "region", "visible", "x", "y", "annotationDisplay", "annotationFeature", "offlineAnnotationEnabled"]),
     Ne("div", {
       id: "organsDisplayArea",
       ref: "display",
@@ -44031,17 +44075,19 @@ function H5(n, e, t, i, r, s) {
             "show-colour-picker": s.enableColourPicker,
             onObjectSelected: s.objectSelected,
             onObjectHovered: s.objectHovered,
-            onDrawerToggled: s.drawerToggled
-          }, null, 8, ["isReady", "show-colour-picker", "onObjectSelected", "onObjectHovered", "onDrawerToggled"])
+            onDrawerToggled: s.drawerToggled,
+            onCheckedRegions: s.setCheckedRegions
+          }, null, 8, ["isReady", "show-colour-picker", "onObjectSelected", "onObjectHovered", "onDrawerToggled", "onCheckedRegions"])
         ]),
         _: 1
       }, 8, ["visible"]),
       Ne("div", P5, [
-        le(g, {
+        n.viewingMode === "Exploration" ? (ye(), ke(g, {
+          key: 0,
           ref: "primitiveControls",
           createData: n.createData,
           onPrimitivesUpdated: s.primitivesUpdated
-        }, null, 8, ["createData", "onPrimitivesUpdated"])
+        }, null, 8, ["createData", "onPrimitivesUpdated"])) : Ve("", !0)
       ]),
       n.timeVarying ? (ye(), ke(h, {
         key: 3,
@@ -44447,7 +44493,7 @@ function H5(n, e, t, i, r, s) {
     [A, n.loading]
   ]);
 }
-const Y5 = /* @__PURE__ */ pr(R5, [["render", H5], ["__scopeId", "data-v-f707b2f0"]]);
+const Y5 = /* @__PURE__ */ pr(R5, [["render", H5], ["__scopeId", "data-v-7f1948c3"]]);
 export {
   Y5 as ScaffoldVuer
 };