@abi-software/scaffoldvuer 1.13.0 → 1.13.1-beta.1

package/dist/scaffoldvuer.js

@@ -9143,7 +9143,7 @@ function S3(n, e, t, i, r, s) {
     ], 544)) : ke("", !0)
   ], 512);
 }
-const My = /* @__PURE__ */ ki(M3, [["render", S3], ["__scopeId", "data-v-24f88254"]]);
+const My = /* @__PURE__ */ ki(M3, [["render", S3], ["__scopeId", "data-v-f06acb4f"]]);
 var wy = { exports: {} }, Wm = {}, jm;
 function _3() {
   return jm || (jm = 1, function(n) {
@@ -31804,7 +31804,7 @@ const D4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         /* 2 */
         /***/
         (o) => {
-          o.exports = /* @__PURE__ */ JSON.parse('{"name":"zincjs","version":"1.16.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"}}');
+          o.exports = /* @__PURE__ */ JSON.parse('{"name":"zincjs","version":"1.16.3","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 */
         /***/
@@ -32687,9 +32687,12 @@ const D4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             this._lod.setMaterial(u);
           }, p.prototype.getClosestVertexIndex = function() {
             var u = -1, y = this.getMorph();
-            if (y && y.geoemtry) {
+            if (y && y.geometry) {
               var v = y.geometry.attributes.position;
-              if (this._b1.setFromBufferAttribute(v), this._b1.getCenter(this._v1), v) for (var m = -1, x = 0, w = 0; w < v.count; w++) this._v2.fromArray(v.array, 3 * w), x = this._v2.distanceTo(this._v1), m == -1 ? m = x : m > x && (m = x, u = w);
+              if (v) {
+                this._b1.setFromBufferAttribute(v), this._b1.getCenter(this._v1);
+                for (var m = -1, x = 0, w = 0; w < v.count; w++) this._v2.fromArray(v.array, 3 * w), x = this._v2.distanceTo(this._v1), m == -1 ? m = x : m > x && (m = x, u = w);
+              }
             }
             return u;
           }, p.prototype.getClosestVertex = function(u) {
@@ -32703,7 +32706,7 @@ const D4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
                 if (w) return u ? y.applyMatrix4(v.matrixWorld) : y;
               } else return y.fromArray(v.geometry.attributes.position.array, 3 * this.closestVertexIndex), u ? y.applyMatrix4(v.matrixWorld) : y;
             }
-            return this.getBoundingBox(), y.copy(this.center), u ? y.applyMatrix4(this.morph.matrixWorld) : y;
+            return this.getBoundingBox(), y.copy(this.center), y;
           }, p.prototype.getBoundingBox = function() {
             if (this.visible) {
               var u = this._lod.getCurrentMorph();
@@ -32761,7 +32764,7 @@ const D4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             return v;
           }, p.prototype.setPosition = function(u, y, v) {
             var m = this.getGroup();
-            m && (m.position.set(u, y, v), m.updateMatrix(), this.boundingBoxUpdateRequired = !0);
+            m && (m.position.set(u, y, v), m.matrixWorldNeedsUpdate = !0, m.updateMatrix(), m.updateWorldMatrix(!0, !0), this.boundingBoxUpdateRequired = !0);
           }, p.prototype.loadAdditionalSources = function(u) {
             u.load(h(filename), meshloader(region, colour, opacity, localTimeEnabled, localMorphColour, void 0, void 0, void 0, void 0, finishCallback), this.onProgress(filename), this.onError(finishCallback));
           }, p.prototype.setScaleAll = function(u) {
@@ -37739,32 +37742,41 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
   const t = n[0] - e[0], i = n[1] - e[1], r = n[2] - e[2];
   return Math.sqrt(t * t + i * i + r * r);
 }, B4 = (n) => {
-  const e = n.zincObjects;
-  if (e.length > 0 && e[0]) {
-    const t = e[0];
-    if (t.isEditable && t.isLines2) {
-      const i = n.identifiers[0].extraData.intersected;
-      if (i && i.faceIndex > -1) {
-        const r = t.getVerticesByFaceIndex(i.faceIndex), s = n.identifiers[0].extraData.intersected.pointOnLine;
-        if (r.length > 1) {
-          const o = Id(r[0], [s.x, s.y, s.z]), a = Id(r[1], [s.x, s.y, s.z]);
-          return o > a ? { zincObject: t, faceIndex: i.faceIndex, vertexIndex: i.faceIndex * 2 + 1, point: r[0] } : { zincObject: t, faceIndex: i.faceIndex, vertexIndex: i.faceIndex * 2, point: r[1] };
-        }
-      }
+  var t;
+  const e = (t = n[0].data) == null ? void 0 : t.zincObject;
+  if (e && e.isEditable && e.isPointset) {
+    const i = n[0].extraData.intersected;
+    if (i && i.index > -1) {
+      const r = e.getVerticesByIndex(i.index);
+      if (r)
+        return { zincObject: e, index: i.index, point: r };
     }
   }
 }, U4 = (n) => {
+  var t;
+  const e = (t = n[0].data) == null ? void 0 : t.zincObject;
+  if (e && e.isEditable && e.isLines2) {
+    const i = n[0].extraData.intersected;
+    if (i && i.faceIndex > -1) {
+      const r = e.getVerticesByFaceIndex(i.faceIndex), s = n[0].extraData.intersected.pointOnLine;
+      if (r.length > 1) {
+        const o = Id(r[0], [s.x, s.y, s.z]), a = Id(r[1], [s.x, s.y, s.z]);
+        return o > a ? { zincObject: e, faceIndex: i.faceIndex, vertexIndex: i.faceIndex * 2 + 1, point: r[0] } : { zincObject: e, faceIndex: i.faceIndex, vertexIndex: i.faceIndex * 2, point: r[1] };
+      }
+    }
+  }
+}, z4 = (n) => {
   const e = n.zincObjects;
   if (e.length > 0 && e[0])
     return e[0];
-}, z4 = (n) => {
+}, k4 = (n) => {
   const e = n.zincObjects;
   if (e.length > 0 && e[0]) {
     const t = e[0];
     if (t.isEditable)
       return t;
   }
-}, k4 = (n, e, t) => {
+}, V4 = (n, e, t) => {
   if (n != null && n.isEditable && (n != null && n.isPointset)) {
     let i = !1;
     for (let r = 0; r < 3 && !i; r++)
@@ -37792,7 +37804,7 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
     return n.editVertices(r, e * 2), n.boundingBoxUpdateRequired = !0, !0;
   }
   return !1;
-}, V4 = (n, e) => {
+}, G4 = (n, e) => {
   const t = e.getBoundingBox(), i = new Pr.THREE.Vector3().subVectors(t.max, t.min), r = new Pr.THREE.BoxGeometry(i.x, i.y, i.z);
   i.addVectors(t.min, t.max).multiplyScalar(0.5);
   const s = r.getAttribute("position"), o = s.count, a = [];
@@ -37822,7 +37834,7 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
   const i = n.findIndex((s) => s.uuid === e);
   let r;
   return i > -1 && (r = n[i], t && n.splice(i, 1)), r;
-}, G4 = (n, e) => {
+}, H4 = (n, e) => {
   const t = [];
   if (n && e && e.length > 0) {
     const i = {}, r = {}, s = [n, ...n.getChildRegions(!0)];
@@ -37833,7 +37845,7 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
     });
   }
   return t;
-}, H4 = (n) => {
+}, W4 = (n) => {
   if (n) {
     const e = [];
     return n.forEach((i) => {
@@ -37856,7 +37868,7 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
     });
   }
   return t;
-}, W4 = (n) => {
+}, j4 = (n) => {
   const e = n.getMorph();
   let t = "position";
   n.isLines2 && (t = "instanceStart");
@@ -37875,7 +37887,7 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
   n.isPointset ? s = "MultiPoint" : n.isLines2 ? s = "MultiLineString" : s = "Feature";
   const o = s !== "Feature", a = s === "Feature" ? "Feature annotation" : "Drawn annotation";
   if (s) {
-    const c = W4(n);
+    const c = j4(n);
     let l = e.slice(-1) === "/" ? e : e + "/";
     l = l + t;
     const d = l, h = {
@@ -37941,7 +37953,7 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
         e.push(i);
   }
   return e;
-}, j4 = {
+}, $4 = {
   name: "LinesControls",
   components: {
     Button: Ko,
@@ -38037,7 +38049,7 @@ const Rc = /* @__PURE__ */ HC(Pr), Ai = {
     }
   }
 };
-function $4(n, e, t, i, r, s) {
+function Z4(n, e, t, i, r, s) {
   const o = bi, a = ti, c = fr, l = Ui, d = Ko, h = dr, f = zi;
   return ve(), Ve(f, { class: "lines-container" }, {
     default: de(() => [
@@ -38322,7 +38334,7 @@ function $4(n, e, t, i, r, s) {
     _: 1
   });
 }
-const MM = /* @__PURE__ */ ki(j4, [["render", $4], ["__scopeId", "data-v-0deb177d"]]), Z4 = {
+const MM = /* @__PURE__ */ ki($4, [["render", Z4], ["__scopeId", "data-v-0deb177d"]]), X4 = {
   name: "PointsControls",
   components: {
     Col: bi,
@@ -38390,7 +38402,7 @@ const MM = /* @__PURE__ */ ki(j4, [["render", $4], ["__scopeId", "data-v-0deb177
         this.translation[1] - this.pTranslation[1],
         this.translation[2] - this.pTranslation[2]
       ];
-      this.edited = k4(this.zincObject, this.currentIndex, n) || this.edited;
+      this.edited = V4(this.zincObject, this.currentIndex, n) || this.edited;
       for (let e = 0; e < 3; e++)
         this.pTranslation[e] = this.translation[e];
     },
@@ -38408,7 +38420,7 @@ const MM = /* @__PURE__ */ ki(j4, [["render", $4], ["__scopeId", "data-v-0deb177
     }
   }
 };
-function X4(n, e, t, i, r, s) {
+function Y4(n, e, t, i, r, s) {
   const o = bi, a = ti, c = fr, l = Ui, d = Qo, h = qo, f = Ko, g = dr, p = zi;
   return ve(), Ve(p, { class: "pointset-container" }, {
     default: de(() => [
@@ -38648,7 +38660,7 @@ function X4(n, e, t, i, r, s) {
     _: 1
   });
 }
-const wM = /* @__PURE__ */ ki(Z4, [["render", X4], ["__scopeId", "data-v-d1de9c65"]]), Y4 = {
+const wM = /* @__PURE__ */ ki(X4, [["render", Y4], ["__scopeId", "data-v-d1de9c65"]]), J4 = {
   name: "TextureSlidesControls",
   components: {
     Col: bi,
@@ -38703,7 +38715,7 @@ const wM = /* @__PURE__ */ ki(Z4, [["render", X4], ["__scopeId", "data-v-d1de9c6
     }
   }
 };
-function J4(n, e, t, i, r, s) {
+function K4(n, e, t, i, r, s) {
   const o = Qo, a = qo, c = bi, l = ti, d = fr, h = Nc, f = It, g = Ui, p = dr, u = tu, y = dy, v = zi;
   return ve(), Ve(v, { class: "t-slides-container" }, {
     default: de(() => [
@@ -38748,7 +38760,7 @@ function J4(n, e, t, i, r, s) {
                     modelValue: m.value,
                     "onUpdate:modelValue": (w) => m.value = w,
                     class: "my-slider",
-                    step: 0.01,
+                    step: 5e-3,
                     min: 0,
                     max: 1,
                     "show-tooltip": !1,
@@ -38832,7 +38844,7 @@ function J4(n, e, t, i, r, s) {
     _: 1
   });
 }
-const AM = /* @__PURE__ */ ki(Y4, [["render", J4], ["__scopeId", "data-v-12185b7f"]]), K4 = {
+const AM = /* @__PURE__ */ ki(J4, [["render", K4], ["__scopeId", "data-v-f65f296c"]]), q4 = {
   name: "TransformationControls",
   components: {
     Col: bi,
@@ -38857,27 +38869,18 @@ const AM = /* @__PURE__ */ ki(Y4, [["render", J4], ["__scopeId", "data-v-12185b7
   watch: {
     boundingDims: {
       handler: function(n) {
-        const e = n.centre, t = n.size;
-        this.min = [
-          e[0] - t[0],
-          e[1] - t[1],
-          e[2] - t[2]
-        ], this.max = [
-          e[0] + t[0],
-          e[1] + t[1],
-          e[2] + t[2]
-        ];
+        this.calculateMinAndMax();
       },
       immediate: !0,
       deep: !0
     }
   },
   methods: {
-    setObject: function(n) {
-      if (n.isZincObject) {
-        this.zincObject = An(n);
-        const e = this.zincObject.getGroup(), t = this.zincObject.userData.originalPos;
-        e && e.position && (this.x = e.position.x, this.y = e.position.y, this.z = e.position.z, this.zincObject.isGlyphset ? this.scale = this.zincObject.globalScale : this.scale = e.scale.x, this.enableScaling = !this.zincObject.isTextureSlides, t && this.boundingDims && (this.min = [
+    calculateMinAndMax: function() {
+      var n, e;
+      if (this.zincObject) {
+        const t = (e = (n = this.zincObject) == null ? void 0 : n.userData) == null ? void 0 : e.originalPos;
+        t && this.boundingDims && (this.min = [
           t[0] - this.boundingDims.size[0],
           t[1] - this.boundingDims.size[1],
           t[2] - this.boundingDims.size[2]
@@ -38885,7 +38888,14 @@ const AM = /* @__PURE__ */ ki(Y4, [["render", J4], ["__scopeId", "data-v-12185b7
           t[0] + this.boundingDims.size[0],
           t[1] + this.boundingDims.size[1],
           t[2] + this.boundingDims.size[2]
-        ]));
+        ]);
+      }
+    },
+    setObject: function(n) {
+      if (n.isZincObject) {
+        this.zincObject = An(n);
+        const e = this.zincObject.getGroup();
+        this.zincObject.userData.originalPos, e && e.position && (this.x = e.position.x, this.y = e.position.y, this.z = e.position.z, this.zincObject.isGlyphset ? this.scale = this.zincObject.globalScale : this.scale = e.scale.x, this.enableScaling = !this.zincObject.isTextureSlides, this.calculateMinAndMax());
       } else
         this.zincObject = void 0, this.x = 0, this.y = 0, this.z = 0, this.scale = 1;
     },
@@ -38897,7 +38907,7 @@ const AM = /* @__PURE__ */ ki(Y4, [["render", J4], ["__scopeId", "data-v-12185b7
     }
   }
 };
-function q4(n, e, t, i, r, s) {
+function Q4(n, e, t, i, r, s) {
   const o = bi, a = ti, c = fr, l = Ui, d = dr, h = zi;
   return ve(), Ve(h, { class: "transformation-container" }, {
     default: de(() => [
@@ -39109,7 +39119,7 @@ function q4(n, e, t, i, r, s) {
     _: 1
   });
 }
-const SM = /* @__PURE__ */ ki(K4, [["render", q4], ["__scopeId", "data-v-cd88ead8"]]), Q4 = {
+const SM = /* @__PURE__ */ ki(q4, [["render", Q4], ["__scopeId", "data-v-caf40e87"]]), e5 = {
   name: "OpacityControls",
   components: {
     Container: zi,
@@ -39136,16 +39146,16 @@ const SM = /* @__PURE__ */ ki(K4, [["render", q4], ["__scopeId", "data-v-cd88ead
       return this.displayString = Math.floor(100 * n + 0.5) + "%", this.displayString;
     }
   }
-}, e5 = { class: "block" }, t5 = { class: "display" };
-function n5(n, e, t, i, r, s) {
+}, t5 = { class: "block" }, n5 = { class: "display" };
+function i5(n, e, t, i, r, s) {
   const o = ti, a = zi;
   return t.material ? (ve(), Ve(a, {
     key: 0,
     class: "opacity-container"
   }, {
     default: de(() => [
-      Ne("div", e5, [
-        Ne("span", t5, gt(n.displayString), 1),
+      Ne("div", t5, [
+        Ne("span", n5, gt(n.displayString), 1),
         le(o, {
           modelValue: t.material.opacity,
           "onUpdate:modelValue": e[0] || (e[0] = (c) => t.material.opacity = c),
@@ -39161,7 +39171,7 @@ function n5(n, e, t, i, r, s) {
     _: 1
   })) : ke("", !0);
 }
-const _M = /* @__PURE__ */ ki(Q4, [["render", n5], ["__scopeId", "data-v-cbfc46a5"]]), i5 = {
+const _M = /* @__PURE__ */ ki(e5, [["render", i5], ["__scopeId", "data-v-cbfc46a5"]]), r5 = {
   name: "PrimitiveControls",
   components: {
     Collapse: oy,
@@ -39216,7 +39226,7 @@ const _M = /* @__PURE__ */ ki(Q4, [["render", n5], ["__scopeId", "data-v-cbfc46a
     }
   }
 };
-function r5(n, e, t, i, r, s) {
+function s5(n, e, t, i, r, s) {
   const o = _M, a = ay, c = SM, l = AM, d = wM, h = MM, f = oy, g = kr, p = It;
   return Lt((ve(), Ce("div", {
     class: Te(["primitive-controls", { open: n.drawerOpen, close: !n.drawerOpen }])
@@ -39325,10 +39335,10 @@ function r5(n, e, t, i, r, s) {
     [mn, s.hasValidPrimitive]
   ]);
 }
-const TM = /* @__PURE__ */ ki(i5, [["render", r5], ["__scopeId", "data-v-83d11562"]]), s5 = (n, e) => {
+const TM = /* @__PURE__ */ ki(r5, [["render", s5], ["__scopeId", "data-v-83d11562"]]), o5 = (n, e) => {
   const t = n.label.toUpperCase(), i = e.label.toUpperCase();
   return t < i ? -1 : t > i ? 1 : 0;
-}, o5 = {
+}, a5 = {
   name: "ScaffoldTreeControls",
   components: {
     ElIconArrowLeft: zr,
@@ -39379,7 +39389,7 @@ const TM = /* @__PURE__ */ ki(i5, [["render", r5], ["__scopeId", "data-v-83d1156
   },
   methods: {
     addTreeItem: function(n, e, t) {
-      n.some((i) => i.label === e.label) || (Object.assign(e, { activeColour: this.getColour(e) }), n.push(e), n.sort((i, r) => s5(i, r)), this.nodeNumbers++, this.$nextTick(() => {
+      n.some((i) => i.label === e.label) || (Object.assign(e, { activeColour: this.getColour(e) }), n.push(e), n.sort((i, r) => o5(i, r)), this.nodeNumbers++, this.$nextTick(() => {
         !this.$refs.treeControls.$refs.regionTree.getCheckedKeys().includes(e.id) && t.getVisibility() && this.$refs.treeControls.$refs.regionTree.setChecked(e.id, !0);
       }));
     },
@@ -39663,7 +39673,7 @@ const TM = /* @__PURE__ */ ki(i5, [["render", r5], ["__scopeId", "data-v-83d1156
     },
     getState: function() {
       let n = this.$refs.treeControls.$refs.regionTree.getCheckedKeys();
-      return n.length === this.nodeNumbers ? { checkAll: !0, version: "2.0" } : { checkedItems: G4(
+      return n.length === this.nodeNumbers ? { checkAll: !0, version: "2.0" } : { checkedItems: H4(
         this.module.scene.getRootRegion(),
         n
       ), version: "2.0" };
@@ -39686,13 +39696,13 @@ const TM = /* @__PURE__ */ ki(i5, [["render", r5], ["__scopeId", "data-v-83d1156
       }
     }
   }
-}, a5 = { class: "traditional-container" };
-function l5(n, e, t, i, r, s) {
+}, l5 = { class: "traditional-container" };
+function c5(n, e, t, i, r, s) {
   const o = Vn("TreeControls"), a = zr, c = It;
   return ve(), Ce("div", {
     class: Te(["tree-controls", { open: n.drawerOpen, close: !n.drawerOpen }])
   }, [
-    Ne("div", a5, [
+    Ne("div", l5, [
       le(o, {
         mapType: "scaffold",
         title: "Regions",
@@ -39722,7 +39732,7 @@ function l5(n, e, t, i, r, s) {
     ], 2)
   ], 2);
 }
-const EM = /* @__PURE__ */ ki(o5, [["render", l5], ["__scopeId", "data-v-5394b615"]]), Dd = iw("main", {
+const EM = /* @__PURE__ */ ki(a5, [["render", c5], ["__scopeId", "data-v-5394b615"]]), Dd = iw("main", {
   state: () => ({
     userProfile: {
       token: ""
@@ -39738,7 +39748,7 @@ const EM = /* @__PURE__ */ ki(o5, [["render", l5], ["__scopeId", "data-v-5394b61
       this.userProfile.token = n;
     }
   }
-}), c5 = {
+}), u5 = {
   name: "ScaffoldTooltip",
   components: {
     Col: bi,
@@ -39853,14 +39863,14 @@ const EM = /* @__PURE__ */ ki(o5, [["render", l5], ["__scopeId", "data-v-5394b61
       immediate: !0
     }
   }
-}, u5 = { class: "tooltip-text" }, h5 = {
+}, h5 = { class: "tooltip-text" }, d5 = {
   key: 0,
   class: "tooltip-text"
-}, d5 = {
+}, f5 = {
   key: 1,
   class: "delete-container"
 };
-function f5(n, e, t, i, r, s) {
+function p5(n, e, t, i, r, s) {
   const o = Vn("CreateTooltipContent"), a = Vn("Tooltip"), c = bi, l = Ko, d = Ui, h = cu;
   return ve(), Ce("div", {
     style: Rt(s.position),
@@ -39878,8 +39888,8 @@ function f5(n, e, t, i, r, s) {
       onHide: s.hideTriggered
     }, {
       default: de(() => [
-        Ne("div", u5, gt(t.label), 1),
-        t.region ? (ve(), Ce("div", h5, "Region: " + gt(t.region), 1)) : ke("", !0),
+        Ne("div", h5, gt(t.label), 1),
+        t.region ? (ve(), Ce("div", d5, "Region: " + gt(t.region), 1)) : ke("", !0),
         Lt(le(o, {
           createData: t.createData,
           onConfirmCreate: e[0] || (e[0] = (f) => n.$emit("confirm-create", f)),
@@ -39896,7 +39906,7 @@ function f5(n, e, t, i, r, s) {
         }, null, 8, ["annotationEntry"]), [
           [mn, t.annotationDisplay && !t.createData.toBeConfirmed]
         ]),
-        t.createData.toBeDeleted ? (ve(), Ce("div", d5, [
+        t.createData.toBeDeleted ? (ve(), Ce("div", f5, [
           le(d, null, {
             default: de(() => [
               le(c, { span: 10 }, {
@@ -39943,9 +39953,9 @@ function f5(n, e, t, i, r, s) {
     }, 8, ["visible", "onHide"])
   ], 4);
 }
-const CM = /* @__PURE__ */ ki(c5, [["render", f5], ["__scopeId", "data-v-d3f76b72"]]), Qa = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2, MOVE: 3 }, p5 = function(n, e, t) {
+const CM = /* @__PURE__ */ ki(u5, [["render", p5], ["__scopeId", "data-v-d3f76b72"]]), Qa = { ALL: 0, SELECTED: 1, HIGHLIGHTED: 2, MOVE: 3 }, m5 = function(n, e, t) {
   this.eventType = n, this.identifiers = e, this.zincObjects = t;
-}, m5 = function(n, e, t) {
+}, g5 = function(n, e, t) {
   this.targetedID = [];
   const i = n, r = e;
   this.targetEventType = t;
@@ -39954,18 +39964,18 @@ const CM = /* @__PURE__ */ ki(c5, [["render", f5], ["__scopeId", "data-v-d3f76b7
     return t;
   }, this.notify = function(o, a, c, l) {
     if (o !== i && (s.targetEventType === Qa.ALL || s.targetEventType === a)) {
-      const d = new p5(a, c, l);
+      const d = new m5(a, c, l);
       r(d);
     }
   };
-}, g5 = function() {
+}, v5 = function() {
   const n = [];
   this.publish = function(e, t, i, r) {
     for (let s = 0; s < n.length; s++)
       n[s].notify(e, t, i, r);
   }, this.subscribe = function(e, t, i) {
     if (typeof t == "function") {
-      const r = new m5(e, t, i);
+      const r = new g5(e, t, i);
       return n.push(r), r;
     }
   }, this.unsubscribe = function(e) {
@@ -40063,7 +40073,7 @@ const wc = (n, e, t) => {
         o && o.isZincObject && s.material && s.material.emissive && s.material.emissive.setRGB(...e);
       });
     }
-}, v5 = function() {
+}, y5 = function() {
   let n = [], e = [];
   this.highlightColour = [1, 0, 0], this.selectColour = [0, 1, 0], this.originalColour = [0, 0, 0];
   const t = [], i = [], r = this, s = function(c, l) {
@@ -40136,7 +40146,7 @@ const wc = (n, e, t) => {
   }, this.reset = function() {
     r.resetSelected(), r.resetHighlighted();
   };
-}, gp = Rc.THREE, y5 = function() {
+}, gp = Rc.THREE, b5 = function() {
   const n = document.createElement("div");
   let e;
   if (n.style.height = "100%", Lv.isWebGLAvailable())
@@ -40147,7 +40157,7 @@ const wc = (n, e, t) => {
   }
   return { Zinc: Rc, renderer: e, container: n };
 }, Kt = function() {
-  Xn.call(this), this.scene = void 0, this.rendererContainer = void 0, this.displayArea = void 0, this.graphicsHighlight = new v5(), this.selectObjectOnPick = !0, this.zincRenderer = null, this.selectedScreenCoordinates = new gp.Vector3(), this.selectedCenter = void 0, this.liveUpdatesObjects = void 0, this.ignorePreviousSelected = !1;
+  Xn.call(this), this.scene = void 0, this.rendererContainer = void 0, this.displayArea = void 0, this.graphicsHighlight = new y5(), this.selectObjectOnPick = !0, this.zincRenderer = null, this.selectedScreenCoordinates = new gp.Vector3(), this.selectedCenter = void 0, this.liveUpdatesObjects = void 0, this.ignorePreviousSelected = !1;
 };
 Kt.prototype = Object.create(Xn.prototype);
 Kt.prototype.getIntersectedObject = function(n) {
@@ -40258,7 +40268,7 @@ Kt.prototype.getPlayRate = function(n) {
 };
 Kt.prototype.initialiseRenderer = function(n) {
   if (this.zincRenderer === void 0 || this.rendererContainer === void 0) {
-    let e = y5();
+    let e = b5();
     this.Zinc = e.Zinc, this.zincRenderer = e.renderer, this.rendererContainer = e.container;
   }
   n && (this.displayArea = n, this.displayArea.appendChild(this.rendererContainer), this.zincRenderer && this.zincRenderer.animate());
@@ -40266,15 +40276,15 @@ Kt.prototype.initialiseRenderer = function(n) {
 Kt.prototype.destroy = function() {
   this.zincRenderer && (this.zincRenderer.dispose(), this.zincRenderer.getThreeJSRenderer().dispose(), this.zincRenderer = void 0), Xn.prototype.destroy.call(this);
 };
-const b5 = function() {
+const x5 = function() {
   this.type = "anatomical", this.data = void 0, this.isAnnotation = !0;
-}, x5 = function() {
+}, M5 = function() {
   this.currentName = "", this.currentSystem = "", this.currentPart = "", this.currentSpecies = "", this.metaURL = "", this.viewURL = "", this.timeVarying = !1, this.currentTime = 0;
 }, LM = function(n) {
   Kt.call(this);
   const e = this;
   let t;
-  this.sceneData = new x5();
+  this.sceneData = new M5();
   const i = new Array(), r = new Array(), s = new Array(), o = new Array();
   let a, c;
   const l = n;
@@ -40462,7 +40472,7 @@ const b5 = function() {
   const x = function(S, T, E, C) {
     for (let I = 0; I < s.length; I++)
       s[I](C, e.scene.isTimeVarying());
-    const P = new b5(), b = C.region.getFullPath();
+    const P = new x5(), b = C.region.getFullPath();
     P.data = {
       species: e.sceneData.currentSpecies,
       system: S,
@@ -40588,7 +40598,7 @@ var _t = function() {
     return e;
   }, _t.apply(this, arguments);
 };
-function M5(n, e, t, i) {
+function w5(n, e, t, i) {
   function r(s) {
     return s instanceof t ? s : new t(function(o) {
       o(s);
@@ -40615,7 +40625,7 @@ function M5(n, e, t, i) {
     l((i = i.apply(n, [])).next());
   });
 }
-function w5(n, e) {
+function A5(n, e) {
   var t = { label: 0, sent: function() {
     if (s[0] & 1) throw s[1];
     return s[1];
@@ -40702,7 +40712,7 @@ function Wt(n, e) {
   }
   return s;
 }
-var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
+var S5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
   /** @class */
   function() {
     function n(e, t) {
@@ -40749,7 +40759,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
   }()
 ), uo = function(n) {
   return n[n.length - 1];
-}, S5 = function(n, e, t) {
+}, _5 = function(n, e, t) {
   var i = /* @__PURE__ */ new Map();
   if (e === void 0)
     return i;
@@ -40822,9 +40832,9 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
     }, n.prototype.clear = function() {
       this._size = void 0, this._tree.clear();
     }, n.prototype.delete = function(e) {
-      return this._size = void 0, _5(this._tree, e);
+      return this._size = void 0, T5(this._tree, e);
     }, n.prototype.entries = function() {
-      return new Ph(this, A5);
+      return new Ph(this, S5);
     }, n.prototype.forEach = function(e) {
       var t, i;
       try {
@@ -40842,7 +40852,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
         }
       }
     }, n.prototype.fuzzyGet = function(e, t) {
-      return S5(this._tree, e, t);
+      return _5(this._tree, e, t);
     }, n.prototype.get = function(e) {
       var t = Nd(this._tree, e);
       return t !== void 0 ? t.get(pn) : void 0;
@@ -40980,7 +40990,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
     return n.set(e.slice(s), g), g;
   }
   return n;
-}, _5 = function(n, e) {
+}, T5 = function(n, e) {
   var t = Wt($c(n, e), 2), i = t[0], r = t[1];
   if (i !== void 0) {
     if (i.delete(pn), i.size === 0)
@@ -41007,14 +41017,14 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
   }
 }, vp = function(n) {
   return n[n.length - 1];
-}, _a, yp = "or", DM = "and", T5 = "and_not", E5 = (
+}, _a, yp = "or", DM = "and", E5 = "and_not", C5 = (
   /** @class */
   function() {
     function n(e) {
       if ((e == null ? void 0 : e.fields) == null)
         throw new Error('MiniSearch: option "fields" must be provided');
       var t = e.autoVacuum == null || e.autoVacuum === !0 ? Bh : e.autoVacuum;
-      this._options = _t(_t(_t({}, Nh), e), { autoVacuum: t, searchOptions: _t(_t({}, Rv), e.searchOptions || {}), autoSuggestOptions: _t(_t({}, P5), e.autoSuggestOptions || {}) }), this._index = new Ih(), this._documentCount = 0, this._documentIds = /* @__PURE__ */ new Map(), this._idToShortId = /* @__PURE__ */ new Map(), this._fieldIds = {}, this._fieldLength = /* @__PURE__ */ new Map(), this._avgFieldLength = [], this._nextId = 0, this._storedFields = /* @__PURE__ */ new Map(), this._dirtCount = 0, this._currentVacuum = null, this._enqueuedVacuum = null, this._enqueuedVacuumConditions = Ud, this.addFields(this._options.fields);
+      this._options = _t(_t(_t({}, Nh), e), { autoVacuum: t, searchOptions: _t(_t({}, Rv), e.searchOptions || {}), autoSuggestOptions: _t(_t({}, I5), e.autoSuggestOptions || {}) }), this._index = new Ih(), this._documentCount = 0, this._documentIds = /* @__PURE__ */ new Map(), this._idToShortId = /* @__PURE__ */ new Map(), this._fieldIds = {}, this._fieldLength = /* @__PURE__ */ new Map(), this._avgFieldLength = [], this._nextId = 0, this._storedFields = /* @__PURE__ */ new Map(), this._dirtCount = 0, this._currentVacuum = null, this._enqueuedVacuum = null, this._enqueuedVacuumConditions = Ud, this.addFields(this._options.fields);
     }
     return n.prototype.add = function(e) {
       var t, i, r, s, o, a, c = this._options, l = c.extractField, d = c.tokenize, h = c.processTerm, f = c.fields, g = c.idField, p = l(e, g);
@@ -41227,9 +41237,9 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
         return i._enqueuedVacuumConditions = Ud, i.performVacuuming(e, r);
       }), this._enqueuedVacuum)) : this.vacuumConditionsMet(t) === !1 ? Promise.resolve() : (this._currentVacuum = this.performVacuuming(e), this._currentVacuum);
     }, n.prototype.performVacuuming = function(e, t) {
-      return M5(this, void 0, void 0, function() {
+      return w5(this, void 0, void 0, function() {
         var i, r, s, o, a, c, l, d, h, f, g, p, u, y, v, m, x, w, A, M, R, L, _, F, S;
-        return w5(this, function(T) {
+        return A5(this, function(T) {
           switch (T.label) {
             case 0:
               if (i = this._dirtCount, !this.vacuumConditionsMet(t)) return [3, 10];
@@ -41489,7 +41499,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
         return f(y);
       }).filter(function(y) {
         return !!y;
-      }), p = g.map(F5(d)), u = p.map(function(y) {
+      }), p = g.map(P5(d)), u = p.map(function(y) {
         return i.executeQuerySpec(y, d);
       });
       return this.combineResults(u, d.combineWith);
@@ -41565,7 +41575,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
       if (t === void 0 && (t = yp), e.length === 0)
         return /* @__PURE__ */ new Map();
       var i = t.toLowerCase();
-      return e.reduce(C5[i]) || /* @__PURE__ */ new Map();
+      return e.reduce(L5[i]) || /* @__PURE__ */ new Map();
     }, n.prototype.toJSON = function() {
       var e, t, i, r, s = [];
       try {
@@ -41626,9 +41636,9 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
                 }
                 var _ = o ? o(this._documentIds.get(L), t, this._storedFields.get(L)) : 1;
                 if (_) {
-                  var F = x.get(L), S = this._fieldLength.get(L)[m], T = R5(F, w, this._documentCount, S, A, a), E = i * v * _ * T, C = c.get(L);
+                  var F = x.get(L), S = this._fieldLength.get(L)[m], T = F5(F, w, this._documentCount, S, A, a), E = i * v * _ * T, C = c.get(L);
                   if (C) {
-                    C.score += E, I5(C.terms, e);
+                    C.score += E, O5(C.terms, e);
                     var P = Dh(C.match, t);
                     P ? P.push(y) : C.match[t] = [y];
                   } else
@@ -41736,7 +41746,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
   }()
 ), Dh = function(n, e) {
   return Object.prototype.hasOwnProperty.call(n, e) ? n[e] : void 0;
-}, C5 = (_a = {}, _a[yp] = function(n, e) {
+}, L5 = (_a = {}, _a[yp] = function(n, e) {
   var t, i;
   try {
     for (var r = ct(e.keys()), s = r.next(); !s.done; s = r.next()) {
@@ -41782,7 +41792,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
     }
   }
   return r;
-}, _a[T5] = function(n, e) {
+}, _a[E5] = function(n, e) {
   var t, i;
   try {
     for (var r = ct(e.keys()), s = r.next(); !s.done; s = r.next()) {
@@ -41799,10 +41809,10 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
     }
   }
   return n;
-}, _a), L5 = { k: 1.2, b: 0.7, d: 0.5 }, R5 = function(n, e, t, i, r, s) {
+}, _a), R5 = { k: 1.2, b: 0.7, d: 0.5 }, F5 = function(n, e, t, i, r, s) {
   var o = s.k, a = s.b, c = s.d, l = Math.log(1 + (t - e + 0.5) / (e + 0.5));
   return l * (c + n * (o + 1) / (n + o * (1 - a + a * i / r)));
-}, F5 = function(n) {
+}, P5 = function(n) {
   return function(e, t, i) {
     var r = typeof n.fuzzy == "function" ? n.fuzzy(e, t, i) : n.fuzzy || !1, s = typeof n.prefix == "function" ? n.prefix(e, t, i) : n.prefix === !0;
     return { term: e, fuzzy: r, prefix: s };
@@ -41813,7 +41823,7 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
     return n[e];
   },
   tokenize: function(n) {
-    return n.split(O5);
+    return n.split(D5);
   },
   processTerm: function(n) {
     return n.toLowerCase();
@@ -41832,13 +41842,13 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
   maxFuzzy: 6,
   boost: {},
   weights: { fuzzy: 0.45, prefix: 0.375 },
-  bm25: L5
-}, P5 = {
+  bm25: R5
+}, I5 = {
   combineWith: DM,
   prefix: function(n, e, t) {
     return e === t.length - 1;
   }
-}, Bd = { batchSize: 1e3, batchWait: 10 }, Ud = { minDirtFactor: 0.1, minDirtCount: 20 }, Bh = _t(_t({}, Bd), Ud), I5 = function(n, e) {
+}, Bd = { batchSize: 1e3, batchWait: 10 }, Ud = { minDirtFactor: 0.1, minDirtCount: 20 }, Bh = _t(_t({}, Bd), Ud), O5 = function(n, e) {
   n.includes(e) || n.push(e);
 }, Fv = function(n, e) {
   var t, i;
@@ -41878,10 +41888,10 @@ var A5 = "ENTRIES", RM = "KEYS", FM = "VALUES", pn = "", Ph = (
     }
   }
   return i;
-}, O5 = /[\n\r -#%-*,-/:;?@[-\]_{}\u00A0\u00A1\u00A7\u00AB\u00B6\u00B7\u00BB\u00BF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C77\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166E\u1680\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2000-\u200A\u2010-\u2029\u202F-\u2043\u2045-\u2051\u2053-\u205F\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4F\u3000-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]+/u;
-class D5 {
+}, D5 = /[\n\r -#%-*,-/:;?@[-\]_{}\u00A0\u00A1\u00A7\u00AB\u00B6\u00B7\u00BB\u00BF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u09FD\u0A76\u0AF0\u0C77\u0C84\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166E\u1680\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2000-\u200A\u2010-\u2029\u202F-\u2043\u2045-\u2051\u2053-\u205F\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E4F\u3000-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]+/u;
+class N5 {
   constructor() {
-    this._searchEngine = new E5({
+    this._searchEngine = new C5({
       fields: ["path", "name"],
       storeFields: ["path"],
       tokenize: (e, t) => e.split(/[\s/]+/)
@@ -41929,7 +41939,7 @@ class D5 {
       regionPath: void 0,
       label: 'Search Results for "'
     };
-    return Array.isArray(t) ? i.label += ",".join(t) : i.label += t, i.label += '"', e.length === 1 && (e[0].isRegion ? i.regionPath = e[0].getFullPath() : e[0].isZincObject && (i.regionPath = e[0].getRegion().getFullPath(), i.label = e[0].groupName)), i.zincObjects = H4(e), i;
+    return Array.isArray(t) ? i.label += ",".join(t) : i.label += t, i.label += '"', e.length === 1 && (e[0].isRegion ? i.regionPath = e[0].getFullPath() : e[0].isZincObject && (i.regionPath = e[0].getRegion().getFullPath(), i.label = e[0].groupName)), i.zincObjects = W4(e), i;
   }
   search(e) {
     let t;
@@ -41951,7 +41961,7 @@ class D5 {
     return Array.isArray(e) ? t = this.searchTerms(e) : t = this.search(e), this.processResults(t, e);
   }
 }
-const N5 = [
+const B5 = [
   {
     id: 0,
     nerve_id: "ILX:0793723",
@@ -42764,14 +42774,14 @@ const N5 = [
     "FMA subclasses (in human nerves)": ["FMA:6892", "FMA:6893"],
     "subclass labels": ["Right T9 grey ramus communicans", "Left T9 grey ramus communicans"]
   }
-], B5 = () => {
+], U5 = () => {
   const n = {};
-  return N5.forEach((e) => {
+  return B5.forEach((e) => {
     e.nerve_id && e.label !== "nerve" && e["subclass labels"].forEach((t) => {
       t in n || (n[t.toLowerCase()] = e.nerve_id);
     });
   }), n;
-}, U5 = [
+}, z5 = [
   {
     label: "urinary bladder",
     anatomicalId: "UBERON:0001255"
@@ -42808,13 +42818,13 @@ const N5 = [
     label: "lung",
     anatomicalId: "UBERON:0002048"
   }
-], z5 = () => {
+], k5 = () => {
   const n = {};
-  return U5.forEach((e) => {
+  return z5.forEach((e) => {
     const t = e.label.toLowerCase();
     t in n || (n[t.toLowerCase()] = e.anatomicalId);
   }), n;
-}, Ov = B5(), Dv = z5(), k5 = {
+}, Ov = U5(), Dv = k5(), V5 = {
   name: "ScaffoldVuer",
   components: {
     Button: Ko,
@@ -43346,11 +43356,11 @@ const N5 = [
     }
   },
   beforeCreate: function() {
-    this.$module = new LM(), this.selectedObjects = [], this.hoveredObjects = [], this.currentBackground = "white", this._currentURL = void 0, this.availableBackground = ["white", "black", "lightskyblue"], this.$_searchIndex = new D5();
+    this.$module = new LM(), this.selectedObjects = [], this.hoveredObjects = [], this.currentBackground = "white", this._currentURL = void 0, this.availableBackground = ["white", "black", "lightskyblue"], this.$_searchIndex = new N5();
   },
   mounted: function() {
     this.openMapRef = En(this.$refs.openMapRef), this.backgroundIconRef = En(this.$refs.backgroundIconRef), this.$refs.scaffoldTreeControls.setModule(this.$module);
-    let n = new g5();
+    let n = new v5();
     n.subscribe(this, this.eventNotifierCallback), this.$module.addNotifier(n), this.$module.addOrganPartAddedCallback(this.zincObjectAdded), this.$module.addOrganPartRemovedCallback(this.zincObjectRemoved), this.$module.initialiseRenderer(this.$refs.display), this.toggleRendering(this.render), this.ro = new ResizeObserver(this.adjustLayout).observe(
       this.$refs.scaffoldContainer.$el
     ), this.helpTextWait = [], this.helpTextWait.length = this.hoverVisibilities.length, this.defaultRate = this.$module.getPlayRate(), this.$module.zincRenderer.addPreRenderCallbackFunction(() => {
@@ -43435,7 +43445,7 @@ const N5 = [
         for (let o = 0; o < i.length; o++)
           s.includes(i[o].toLowerCase()) ? (n.userData.isNerves = !0, n.userData.defaultColour = `#${n.getColourHex()}`, n.userData.isGreyScale = !1, e in Ov && n.setAnatomicalId(Ov[e])) : n.userData.isNerves = !1;
       }
-      this.$emit("zinc-object-added", n);
+      this.calculateBoundingBox(), this.$emit("zinc-object-added", n);
     },
     /**
      * Internal only.
@@ -43531,7 +43541,9 @@ const N5 = [
       if (this.existDrawnFeatures = An(this.existDrawnFeatures.filter((s) => s.id !== r.item.id)), this.existDrawnFeatures.push(r.feature), this.offlineAnnotationEnabled) {
         r.group = e;
         let s = n;
-        s.slice(-1) === "/" && (s = s.slice(0, -1)), r.region = s, this.offlineAnnotations = JSON.parse(sessionStorage.getItem("anonymous-annotation")) || [], this.offlineAnnotations.push(r), sessionStorage.setItem("anonymous-annotation", JSON.stringify(this.offlineAnnotations));
+        s.slice(-1) === "/" && (s = s.slice(0, -1)), r.region = s, this.offlineAnnotations = JSON.parse(sessionStorage.getItem("anonymous-annotation")) || [];
+        const o = this.offlineAnnotations.find((a) => a.group === r.group && a.region === r.region && a.resource === r.resource && a.feature.geometry.type === r.feature.geometry.type);
+        o ? Object.assign(o, r) : this.offlineAnnotations.push(r), sessionStorage.setItem("anonymous-annotation", JSON.stringify(this.offlineAnnotations));
       }
       this.$emit("userPrimitivesUpdated", { region: n, group: e, zincObject: t });
     },
@@ -43571,12 +43583,13 @@ const N5 = [
             60962
           );
         else if (n.editingIndex > -1 && this._editingZincObject) {
-          this._editingZincObject.editVertices(
-            [this.createData.points[1]],
+          let t;
+          n.editingIndex > -1 && (this.createData.faceIndex > -1 ? t = this.createData.points[1] : t = this.createData.points[0]), this._editingZincObject.editVertices(
+            [t],
             n.editingIndex
           );
-          const t = this._editingZincObject.region.getFullPath() + "/", i = this._editingZincObject.groupName;
-          this.addAndEditAnnotations(t, i, this._editingZincObject, "Position Updated");
+          const i = this._editingZincObject.region.getFullPath() + "/", r = this._editingZincObject.groupName;
+          this.addAndEditAnnotations(i, r, this._editingZincObject, "Position Updated");
         }
         e && (this.addAndEditAnnotations(n.region, n.group, e.zincObject, "Create"), e.zincObject.isEditable = !0, this.tData.region = n.region, this.tData.label = n.group, this.changeActiveByName([n.group], n.region, !1));
       }
@@ -43587,7 +43600,7 @@ const N5 = [
      * Cancel create workflows. Reset all relevant UIs and data.
      */
     cancelCreate: function() {
-      this.createData.points.length = 0, this.createData.toBeConfirmed = !1, this._editingZincObject = void 0, this.createData.editingIndex = -1, this.createData.faceIndex = -1, this.tData.visible = !1, this.createData.toBeDeleted = !1, this._tempLine && (this.$module.scene.removeTemporaryPrimitive(this._tempLine), this._tempLine = void 0), this._tempPoint && (this.$module.scene.removeTemporaryPrimitive(this._tempPoint), this._tempPoint = void 0), this.annotationSidebar && this.$emit("annotation-close");
+      this.changeActiveByName(void 0), this.createData.points.length = 0, this.createData.toBeConfirmed = !1, this._editingZincObject = void 0, this.createData.editingIndex = -1, this.createData.faceIndex = -1, this.tData.visible = !1, this.createData.toBeDeleted = !1, this._tempLine && (this.$module.scene.removeTemporaryPrimitive(this._tempLine), this._tempLine = void 0), this._tempPoint && (this.$module.scene.removeTemporaryPrimitive(this._tempPoint), this._tempPoint = void 0), this.annotationSidebar && this.$emit("annotation-close");
     },
     /**
      * Internal only.
@@ -43643,7 +43656,7 @@ const N5 = [
     fitWindow: function() {
       if (this.$module.scene) {
         let n = !1;
-        this._boundingBoxGeo && (n = this._boundingBoxGeo.getVisibility(), this._boundingBoxGeo.setVisibility(!1)), this.$module.scene.viewAll(), this._boundingBoxGeo && (V4(this._boundingBoxGeo, this.$module.scene), this._boundingBoxGeo.setVisibility(n));
+        this._boundingBoxGeo && (n = this._boundingBoxGeo.getVisibility(), this._boundingBoxGeo.setVisibility(!1)), this.$module.scene.viewAll(), this._boundingBoxGeo && (G4(this._boundingBoxGeo, this.$module.scene), this._boundingBoxGeo.setVisibility(n));
       }
     },
     /**
@@ -43745,9 +43758,21 @@ const N5 = [
             this.setURLFinishCallback({ viewURL: n })
           );
     },
+    createEditTemporaryPoint: function(n) {
+      const e = n[0].extraData.worldCoords;
+      if (e && (this.createData.shape === "Point" || this.createData.editingIndex > -1) && this.createData.points.length === 0)
+        if (this.showRegionTooltipWithAnnotations(n, !0, !1), this.tData.x = 50, this.tData.y = 200, this._tempPoint) {
+          const t = this._tempPoint.geometry.getAttribute("position");
+          t.setXYZ(0, e[0], e[1], e[2]), t.needsUpdate = !0;
+        } else
+          this._tempPoint = this.$module.scene.addTemporaryPoints(
+            [e],
+            65535
+          );
+    },
     createEditTemporaryLines: function(n) {
       const e = n[0].extraData.worldCoords;
-      if (e && (this.createData.shape === "LineString" || this.createData.editingIndex > -1) && this.createData.points.length === 1)
+      if (e && (this.createData.shape === "LineString" || this.createData.editingIndex > -1 && this.createData.faceIndex > -1) && this.createData.points.length === 1)
         if (this.showRegionTooltipWithAnnotations(n, !0, !1), this.tData.x = 50, this.tData.y = 200, this._tempLine) {
           const t = this._tempLine.geometry.getAttribute("position");
           t.setXYZ(1, e[0], e[1], e[2]), t.needsUpdate = !0;
@@ -43757,11 +43782,14 @@ const N5 = [
             65535
           );
     },
+    createEditTemporaryPrimitive: function(n) {
+      this.createData.shape === "LineString" || this.createData.editingIndex > -1 && this.createData.faceIndex > -1 ? this.createEditTemporaryLines(n) : (this.createData.shape === "Point" || this.createData.editingIndex > -1) && this.createEditTemporaryPoint(n);
+    },
     draw: function(n) {
-      n && n.length > 0 && n[0].data.group && n[0].extraData.worldCoords && (this.createData.shape === "Point" ? this.drawPoint(n[0].extraData.worldCoords, n) : (this.createData.shape === "LineString" || this.createData.editingIndex > -1) && this.drawLine(n[0].extraData.worldCoords, n));
+      n && n.length > 0 && n[0].data.group && n[0].extraData.worldCoords && (this.createData.shape === "LineString" || this.createData.editingIndex > -1 && this.createData.faceIndex > -1 ? this.drawLine(n[0].extraData.worldCoords, n) : (this.createData.shape === "Point" || this.createData.editingIndex > -1 && this.createData.faceIndex === -1) && this.drawPoint(n[0].extraData.worldCoords, n));
     },
     drawPoint: function(n, e) {
-      this.createData.toBeConfirmed === !1 && (this.createData.points.length = 0, this.createData.points.push(n), this.createData.toBeConfirmed = !0, this.showRegionTooltipWithAnnotations(e, !0, !1), this.tData.x = 50, this.tData.y = 200, this._tempPoint = this.$module.scene.addTemporaryPoints([n], 16776960));
+      this.createData.toBeConfirmed === !1 && (this.createData.points.length = 0, this.createData.points.push(n), this.createData.toBeConfirmed = !0, this.showRegionTooltipWithAnnotations(e, !0, !1), this.tData.x = 50, this.tData.y = 200, this._tempPoint || (this._tempPoint = this.$module.scene.addTemporaryPoints([n], 16776960)));
     },
     drawLine: function(n, e) {
       this.createData.toBeConfirmed === !1 && (this.createData.points.length === 1 ? (this.createData.points.push(n), this.createData.toBeConfirmed = !0, this.showRegionTooltipWithAnnotations(e, !0, !1), this.tData.x = 50, this.tData.y = 200) : (this._tempPoint = this.$module.scene.addTemporaryPoints([n], 16776960), this.createData.points.push(n)));
@@ -43787,21 +43815,28 @@ const N5 = [
         this.isTransitioning = !0, n.enableAutoTumble(), n.autoTumble([1, 0], Math.PI, !0), setTimeout(this.stopFreeSpin, 4e3);
       }
     },
+    activateEditingMode: function(n) {
+      let e = B4(n);
+      e ? this.activatePointEditingMode(
+        e.zincObject,
+        e.index,
+        e.point
+      ) : (e = U4(n), e && this.activateLineEditingMode(
+        e.zincObject,
+        e.faceIndex,
+        e.vertexIndex,
+        e.point
+      ));
+    },
     activateAnnotationMode: function(n, e) {
       if (this.authorisedUser || this.offlineAnnotationEnabled)
         if (this.createData.toBeDeleted = !1, this.createData.shape !== "" || this.createData.editingIndex > -1)
           n.length > 0 && e.identifiers[0].coords && (this.createData.x = e.identifiers[0].coords.x, this.createData.y = e.identifiers[0].coords.y, this.draw(e.identifiers));
         else {
-          if (this.activeDrawMode === "Edit") {
-            const t = B4(e);
-            t && this.activateEditingMode(
-              t.zincObject,
-              t.faceIndex,
-              t.vertexIndex,
-              t.point
-            );
-          } else if (this.activeDrawMode === "Delete") {
-            const t = z4(e);
+          if (this.activeDrawMode === "Edit")
+            this.activateEditingMode(e.identifiers);
+          else if (this.activeDrawMode === "Delete") {
+            const t = k4(e);
             t && (this.createData.toBeDeleted = !0, this._editingZincObject = t);
           }
           this.activeDrawMode !== "Point" && this.activeDrawMode !== "LineString" ? this.showRegionTooltipWithAnnotations(e.identifiers, !0, !1) : this.showRegionTooltipWithAnnotations(e.identifiers, !0, !0);
@@ -43809,7 +43844,10 @@ const N5 = [
       else
         this.showRegionTooltipWithAnnotations(e.identifiers, !0, !0);
     },
-    activateEditingMode: function(n, e, t, i) {
+    activatePointEditingMode: function(n, e, t) {
+      this._editingZincObject = n, this.createData.faceIndex = -1, this.createData.editingIndex = e;
+    },
+    activateLineEditingMode: function(n, e, t, i) {
       this._editingZincObject = n, this.createData.faceIndex = e, this.createData.editingIndex = t, this.drawLine(i, void 0);
     },
     /**
@@ -43831,8 +43869,8 @@ const N5 = [
         if (n.identifiers.length > 0 && n.identifiers[0] && (i = n.identifiers[0].data.id ? n.identifiers[0].data.id : n.identifiers[0].data.group, n.identifiers[0].data.region && (r = n.identifiers[0].data.region)), n.eventType == 1)
           if (this.viewingMode === "Annotation") {
             this.tData.label = i, this.tData.region = r;
-            const s = U4(n);
-            if (this._editingZincObject = s, s) {
+            const s = z4(n);
+            if (this.createData.editingIndex === -1 && (this._editingZincObject = s), s) {
               const o = this._editingZincObject.region.getFullPath() + "/", a = this._editingZincObject.groupName;
               this.annotationFeature = xM(
                 this._editingZincObject,
@@ -43854,13 +43892,13 @@ const N5 = [
               group: ""
             }), this.$emit("scaffold-selected", n.identifiers);
         else if (n.eventType == 2)
-          this.hideRegionTooltip(), this.$refs.scaffoldTreeControls && (e.length > 0 ? this.$refs.scaffoldTreeControls.updateHoverUI(t) : this.$refs.scaffoldTreeControls.removeHover(!0)), n.identifiers.length > 0 && n.identifiers[0] && n.identifiers[0].coords && (this.tData.active = !1, (this.viewingMode !== "Annotation" || !this.annotationSidebar) && (this.tData.visible = !0), this.tData.label = i, this.tData.region = r, this.tData.x = n.identifiers[0].coords.x, this.tData.y = n.identifiers[0].coords.y, this.createEditTemporaryLines(n.identifiers)), this.$emit("scaffold-highlighted", n.identifiers);
+          this.hideRegionTooltip(), this.$refs.scaffoldTreeControls && (e.length > 0 ? this.$refs.scaffoldTreeControls.updateHoverUI(t) : this.$refs.scaffoldTreeControls.removeHover(!0)), n.identifiers.length > 0 && n.identifiers[0] && n.identifiers[0].coords && (this.tData.active = !1, (this.viewingMode !== "Annotation" || !this.annotationSidebar) && (this.tData.visible = !0), this.tData.label = i, this.tData.region = r, this.tData.x = n.identifiers[0].coords.x, this.tData.y = n.identifiers[0].coords.y, this.createEditTemporaryPrimitive(n.identifiers)), this.$emit("scaffold-highlighted", n.identifiers);
         else if (n.eventType == 3 && n.identifiers.length > 0 && n.identifiers[0]) {
           if (n.identifiers[0].coords) {
             const s = this.$refs.scaffoldContainer.$el.getBoundingClientRect();
             this.tData.x = n.identifiers[0].coords.x - s.left, this.tData.y = n.identifiers[0].coords.y - s.top;
           }
-          this.createEditTemporaryLines(n.identifiers);
+          this.createEditTemporaryPrimitive(n.identifiers);
         }
       }
     },
@@ -43996,13 +44034,13 @@ const N5 = [
           this.$module.scene
         );
         if (s)
-          return s.inView ? (n.includes("Search Results for") ? this.tData.active = !1 : this.tData.active = !0, this.tData.visible = !0, this.tData.label = n, this.tData.x = s.position.x, this.tData.y = s.position.y, this.tData.region = t, this.$_liveCoordinatesUpdated && this.$module.zincRenderer.removePostRenderCallbackFunction(
+          return s.inView ? (n.includes("Search Results for") ? this.tData.active = !1 : this.tData.active = !0, this.tData.visible = !0, this.tData.label = n, this.tData.x = s.position.x, this.tData.y = s.position.y, this.tData.region = t, this.$_liveCoordinatesUpdated && (this.$module.zincRenderer.removePostRenderCallbackFunction(
             this.$_liveCoordinatesUpdated
-          ), r && (this.$module.setupLiveCoordinates(e), this.$_liveCoordinatesUpdated = this.$module.zincRenderer.addPostRenderCallbackFunction(
+          ), this.$_liveCoordinatesUpdated = void 0), r && (this.$module.setupLiveCoordinates(e), this.$_liveCoordinatesUpdated = this.$module.zincRenderer.addPostRenderCallbackFunction(
             this.liveUpdateTooltipPosition
-          ))) : (this.hideRegionTooltip(), i && (this.$module.scene.viewAll(), this.$_regionTooltipCallback && this.$module.zincRenderer.removePostRenderCallbackFunction(
+          ))) : (this.hideRegionTooltip(), i && (this.$module.scene.viewAll(), this.$_regionTooltipCallback && (this.$module.zincRenderer.removePostRenderCallbackFunction(
             this.$_regionTooltipCallback
-          ), this.$_regionTooltipCallback = this.$module.zincRenderer.addPostRenderCallbackFunction(
+          ), this.$module.$_regionTooltipCallback = void 0), this.$_regionTooltipCallback = this.$module.zincRenderer.addPostRenderCallbackFunction(
             this.displayTooltipOfObjectsCallback(
               n,
               e,
@@ -44060,7 +44098,7 @@ const N5 = [
     showRegionTooltipWithAnnotations: function(n, e, t) {
       if (this.$module.scene) {
         const i = _v(this.$module.scene, n);
-        if (i && i.objects.length > 0)
+        if (this._editingZincObject && (i.regionPath = this._editingZincObject.region.getFullPath() + "/", i.label = this._editingZincObject.groupName), i && i.objects.length > 0)
           if (this.annotationSidebar) {
             const s = [{
               featureId: (this.tData.region ? this.tData.region + "/" : "") + this.tData.label,
@@ -44141,7 +44179,7 @@ const N5 = [
     hideRegionTooltip: function() {
       this.$_liveCoordinatesUpdated && (this.$module.zincRenderer.removePostRenderCallbackFunction(
         this.$_liveCoordinatesUpdated
-      ), this.$module.setupLiveCoordinates(void 0)), this.tData.active = !1, this.tData.visible = !1, this.tData.region = void 0;
+      ), this.$module.setupLiveCoordinates(void 0), this.$_liveCoordinatesUpdated = void 0), this.tData.active = !1, this.tData.visible = !1, this.tData.region = void 0;
     },
     /**
      * Currently will apply to non-nerve object and object without anatomical id
@@ -44310,6 +44348,12 @@ const N5 = [
         e && e.group && (e.isSearch ? this.search(e.group, !0) : this.changeActiveByName(e.group, e.region, !0));
       }
     },
+    calculateBoundingBox: function() {
+      if (this.isReady) {
+        const { centre: n, size: e } = this.$module.getCentreAndSize();
+        this.boundingDims.centre = n, this.boundingDims.size = e;
+      }
+    },
     downloadErrorCallback: function() {
       return (n) => {
         this.$emit("on-error", n);
@@ -44327,9 +44371,7 @@ const N5 = [
           ["x-plane", "y-plane", "z-plane"],
           [16733525, 5635925, 5592575],
           0.5
-        );
-        const { centre: e, size: t } = this.$module.getCentreAndSize();
-        this.boundingDims.centre = e, this.boundingDims.size = t, this.isReady = !0, this.$nextTick(() => {
+        ), this.calculateBoundingBox(), this.isReady = !0, this.$nextTick(() => {
           this.restoreSettings(n), this.$emit("on-ready");
         });
       };
@@ -44527,11 +44569,11 @@ const N5 = [
         this.setMarkerModeForObjectsWithName(n, e, "on");
     }
   }
-}, V5 = { class: "primitive-controls-box" }, G5 = { class: "animation-data" }, H5 = { class: "purple" }, W5 = { class: "animation-data" }, j5 = { class: "purple" }, $5 = { class: "animation-data" }, Z5 = { class: "bottom-right-control control-layer" }, X5 = { class: "control-layer" }, Y5 = { style: { "margin-bottom": "2px" } }, J5 = {
+}, G5 = { class: "primitive-controls-box" }, H5 = { class: "animation-data" }, W5 = { class: "purple" }, j5 = { class: "animation-data" }, $5 = { class: "purple" }, Z5 = { class: "animation-data" }, X5 = { class: "bottom-right-control control-layer" }, Y5 = { class: "control-layer" }, J5 = { style: { "margin-bottom": "2px" } }, K5 = {
   key: 0,
   class: "viewing-mode-title"
-}, K5 = ["onClick"], q5 = ["onClick"];
-function Q5(n, e, t, i, r, s) {
+}, q5 = ["onClick"], Q5 = ["onClick"];
+function eU(n, e, t, i, r, s) {
   const o = Vn("map-svg-sprite-color"), a = CM, c = Vn("DrawToolbar"), l = u0, d = It, h = cu, f = EM, g = TM, p = Vn("map-svg-icon"), u = ti, y = Ui, v = xy, m = Qo, x = qo, w = by, A = Ko, M = ty, R = ny, L = My, _ = td;
   return Lt((ve(), Ve(L, {
     ref: "scaffoldContainer",
@@ -44658,7 +44700,7 @@ function Q5(n, e, t, i, r, s) {
           ]),
           _: 1
         }, 8, ["visible"]),
-        Ne("div", V5, [
+        Ne("div", G5, [
           le(g, {
             class: "control-layer",
             ref: "primitiveControls",
@@ -44722,15 +44764,15 @@ function Q5(n, e, t, i, r, s) {
                     default: de(() => [
                       le(y, { class: "tab-content" }, {
                         default: de(() => [
-                          Ne("div", G5, [
+                          Ne("div", H5, [
                             e[33] || (e[33] = rt(" Original duration: ")),
-                            Ne("div", H5, gt(n.orginalDuration), 1)
+                            Ne("div", W5, gt(n.orginalDuration), 1)
                           ]),
-                          Ne("div", W5, [
+                          Ne("div", j5, [
                             e[34] || (e[34] = rt(" Animation duration: ")),
-                            Ne("div", j5, gt(n.animateDuration), 1)
+                            Ne("div", $5, gt(n.animateDuration), 1)
                           ]),
-                          Ne("div", $5, [
+                          Ne("div", Z5, [
                             e[35] || (e[35] = rt(" Playback speed ")),
                             le(x, {
                               teleported: !0,
@@ -44763,7 +44805,7 @@ function Q5(n, e, t, i, r, s) {
           ]),
           _: 1
         }, 8, ["visible"])) : ke("", !0),
-        Ne("div", Z5, [
+        Ne("div", X5, [
           le(h, {
             visible: n.hoverVisibilities[0].value,
             content: "Zoom in",
@@ -44877,7 +44919,7 @@ function Q5(n, e, t, i, r, s) {
           "virtual-triggering": ""
         }, {
           default: de(() => [
-            Ne("div", X5, [
+            Ne("div", Y5, [
               le(y, { class: "backgroundText" }, {
                 default: de(() => e[37] || (e[37] = [
                   rt("Viewing Mode")
@@ -44886,15 +44928,15 @@ function Q5(n, e, t, i, r, s) {
               }),
               le(y, { class: "backgroundControl" }, {
                 default: de(() => [
-                  Ne("div", Y5, [
+                  Ne("div", J5, [
                     (ve(!0), Ce(Ft, null, Gn(n.viewingModes, (F, S, T) => (ve(), Ce(Ft, { key: S }, [
-                      S === n.viewingMode ? (ve(), Ce("span", J5, [
+                      S === n.viewingMode ? (ve(), Ce("span", K5, [
                         Ne("b", null, gt(S), 1)
                       ])) : (ve(), Ce("span", {
                         key: 1,
                         class: "viewing-mode-unselected",
                         onClick: (E) => s.changeViewingMode(S)
-                      }, gt(S), 9, K5))
+                      }, gt(S), 9, q5))
                     ], 64))), 128))
                   ]),
                   le(y, { class: "viewing-mode-description" }, {
@@ -45000,7 +45042,7 @@ function Q5(n, e, t, i, r, s) {
                       F == n.currentBackground ? "active" : ""
                     ]),
                     onClick: (S) => s.backgroundChangeCallback(F)
-                  }, null, 10, q5))), 128))
+                  }, null, 10, Q5))), 128))
                 ]),
                 _: 1
               })
@@ -45074,7 +45116,7 @@ function Q5(n, e, t, i, r, s) {
     [_, n.loading]
   ]);
 }
-const sU = /* @__PURE__ */ ki(k5, [["render", Q5], ["__scopeId", "data-v-75641bca"]]);
+const oU = /* @__PURE__ */ ki(V5, [["render", eU], ["__scopeId", "data-v-2a126135"]]);
 export {
-  sU as ScaffoldVuer
+  oU as ScaffoldVuer
 };