@abi-software/map-utilities 1.2.2-beta.7 → 1.3.0

package/dist/map-utilities.js

@@ -9861,9 +9861,14 @@ const LS = function(t = {}) {
     return {
       textLabel: this.label,
       autoHideTimeout: 0,
-      iconColor: NS
+      iconColor: NS,
+      tooltipContainer: null
     };
   },
+  mounted() {
+    const t = document.querySelector(".mapcontent");
+    t ? this.tooltipContainer = t : this.tooltipContainer = document.body;
+  },
   methods: {
     copyToClipboard: async function() {
       let t = !0;
@@ -9897,7 +9902,9 @@ function zS(t, e, r, n, a, i) {
     placement: "bottom",
     "hide-after": t.autoHideTimeout,
     effect: "clipboard-tooltip",
-    onHide: i.resetSettings
+    onHide: i.resetSettings,
+    teleported: !0,
+    "append-to": t.tooltipContainer
   }, {
     default: U(() => [
       X(l, {
@@ -9918,9 +9925,9 @@ function zS(t, e, r, n, a, i) {
       }, 8, ["class", "onClick"])
     ]),
     _: 1
-  }, 8, ["content", "hide-after", "onHide"]);
+  }, 8, ["content", "hide-after", "onHide", "append-to"]);
 }
-const Uh = /* @__PURE__ */ Ur(RS, [["render", zS], ["__scopeId", "data-v-4f7842bc"]]), VS = {
+const Uh = /* @__PURE__ */ Ur(RS, [["render", zS], ["__scopeId", "data-v-08b3bab3"]]), VS = {
   name: "AnnotationPopup",
   props: {
     annotationEntry: {
@@ -27000,15 +27007,19 @@ const jO = 1.3, ZO = 24 * 60 * 60 * 1e3, XO = "Reset position", pv = "Lock zoom"
       iconColor: tL,
       zoomEnabled: !1,
       connectivityError: null,
-      timeoutID: void 0
+      timeoutID: void 0,
+      connectivityGraphContainer: null
     };
   },
   mounted() {
-    this.refreshCache(), this.loadCacheData(), this.run().then((t) => {
+    this.updateTooltipContainer(), this.refreshCache(), this.loadCacheData(), this.run().then((t) => {
       this.showGraph(this.entry);
     });
   },
   methods: {
+    updateTooltipContainer: function() {
+      this.connectivityGraphContainer = this.$refs.connectivityGraphRef;
+    },
     loadCacheData: function() {
       const t = sessionStorage.getItem("connectivity-graph-source"), e = sessionStorage.getItem("connectivity-graph-labels"), r = sessionStorage.getItem("connectivity-graph-pathlist"), n = sessionStorage.getItem("connectivity-graph-schema-version");
       if (t && (this.selectedSource = t), r && (this.pathList = JSON.parse(r)), e) {
@@ -27167,10 +27178,13 @@ const jO = 1.3, ZO = 24 * 60 * 60 * 1e3, XO = "Reset position", pv = "Lock zoom"
       }, rL);
     }
   }
-}, aL = { class: "connectivity-graph" }, iL = {
+}, aL = {
+  class: "connectivity-graph",
+  ref: "connectivityGraphRef"
+}, iL = {
   ref: "graphCanvas",
   class: "graph-canvas"
-}, oL = { class: "control-panel control-panel-tools" }, sL = { class: "visually-hidden" }, lL = { class: "visually-hidden" }, uL = { class: "visually-hidden" }, cL = { class: "visually-hidden" }, dL = /* @__PURE__ */ Mm('<div class="control-panel control-panel-nodes" data-v-6acf6401><div class="node-key" data-v-6acf6401><div class="key-box-container" data-v-6acf6401><div class="key-box key-box-dendrite" data-v-6acf6401> Origin </div><div class="key-box key-box-node" data-v-6acf6401> Components </div><div class="key-box key-box-axon" data-v-6acf6401> Destination </div></div></div></div>', 1), fL = {
+}, oL = { class: "control-panel control-panel-tools" }, sL = { class: "visually-hidden" }, lL = { class: "visually-hidden" }, uL = { class: "visually-hidden" }, cL = { class: "visually-hidden" }, dL = /* @__PURE__ */ Mm('<div class="control-panel control-panel-nodes" data-v-14856fe8><div class="node-key" data-v-14856fe8><div class="key-box-container" data-v-14856fe8><div class="key-box key-box-dendrite" data-v-14856fe8> Origin </div><div class="key-box key-box-node" data-v-14856fe8> Components </div><div class="key-box key-box-axon" data-v-14856fe8> Destination </div></div></div></div>', 1), fL = {
   key: 0,
   class: "connectivity-graph-error"
 }, vL = { key: 0 };
@@ -27185,7 +27199,9 @@ function hL(t, e, r, n, a, i) {
         X(u, {
           content: t.resetLabel,
           placement: "top",
-          effect: "control-tooltip"
+          effect: "control-tooltip",
+          teleported: !0,
+          "append-to": t.connectivityGraphContainer
         }, {
           default: U(() => [
             X(l, {
@@ -27206,11 +27222,13 @@ function hL(t, e, r, n, a, i) {
             }, 8, ["onClick"])
           ]),
           _: 1
-        }, 8, ["content"]),
+        }, 8, ["content", "append-to"]),
         X(u, {
           content: t.zoomLockLabel,
           placement: "top",
-          effect: "control-tooltip"
+          effect: "control-tooltip",
+          teleported: !0,
+          "append-to": t.connectivityGraphContainer
         }, {
           default: U(() => [
             X(l, {
@@ -27231,11 +27249,13 @@ function hL(t, e, r, n, a, i) {
             }, 8, ["onClick"])
           ]),
           _: 1
-        }, 8, ["content"]),
+        }, 8, ["content", "append-to"]),
         X(u, {
           content: t.zoomInLabel,
           placement: "left",
-          effect: "control-tooltip"
+          effect: "control-tooltip",
+          teleported: !0,
+          "append-to": t.connectivityGraphContainer
         }, {
           default: U(() => [
             X(l, {
@@ -27256,11 +27276,13 @@ function hL(t, e, r, n, a, i) {
             }, 8, ["onClick"])
           ]),
           _: 1
-        }, 8, ["content"]),
+        }, 8, ["content", "append-to"]),
         X(u, {
           content: t.zoomOutLabel,
           placement: "left",
-          effect: "control-tooltip"
+          effect: "control-tooltip",
+          teleported: !0,
+          "append-to": t.connectivityGraphContainer
         }, {
           default: U(() => [
             X(l, {
@@ -27281,7 +27303,7 @@ function hL(t, e, r, n, a, i) {
             }, 8, ["onClick"])
           ]),
           _: 1
-        }, 8, ["content"])
+        }, 8, ["content", "append-to"])
       ], 2)
     ]),
     dL,
@@ -27293,7 +27315,7 @@ function hL(t, e, r, n, a, i) {
     [f, t.loading]
   ]);
 }
-const nF = /* @__PURE__ */ Ur(nL, [["render", hL], ["__scopeId", "data-v-6acf6401"]]), pL = function(t) {
+const nF = /* @__PURE__ */ Ur(nL, [["render", hL], ["__scopeId", "data-v-14856fe8"]]), pL = function(t) {
   return t ? t.charAt(0).toUpperCase() + t.slice(1) : "";
 }, gL = {
   name: "ConnectionDialog",