@abi-software/flatmapvuer 1.19.0 → 1.19.1-demo.0

package/dist/flatmapvuer.js

@@ -9001,7 +9001,63 @@ var q_ = (e) => e && e.charAt(0).toUpperCase() + e.slice(1), J_ = (e) => {
 		}
 		return o;
 	});
-})))()), Z_ = Ie, Q_ = Re("main", {
+})))()), Z_ = Ie, Q_ = "#1b7f6b", $_ = "#f4f1de", ev = "#12312b", tv = "99+", nv = function(e) {
+	return (Array.isArray(e) ? e : []).map((e) => ({
+		label: String(e?.label || "").trim(),
+		curie: String(e?.curie || "").trim(),
+		count: Number(e?.count || 0)
+	})).filter((e) => e.curie && e.count > 0);
+}, rv = function(e) {
+	return e > 99 ? tv : String(e);
+}, iv = function(e) {
+	let t = document.createElement("div");
+	return t.className = "flatmapvuer-soma-location-marker", t.title = e.label || e.curie, t.style.width = "34px", t.style.height = "48px", t.style.display = "flex", t.style.alignItems = "center", t.style.justifyContent = "center", t.style.transform = "translate(-50%, -100%)", t.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 27 42" width="34" height="48" aria-hidden="true">
+    <ellipse style="fill: rgb(0, 0, 0); fill-opacity: 0.18;" cx="12" cy="36" rx="8" ry="4"/>
+    <path d="M12.25.25a12.254 12.254 0 0 0-12 12.494
+             c0 6.444 6.488 12.109 11.059 22.564.549 1.256 1.333 1.256 1.882 0
+             C17.762 24.853 24.25 19.186 24.25 12.744A12.254 12.254 0 0 0 12.25.25Z"
+          style="fill:${Q_};stroke:${$_};stroke-width:1.1"/>
+    <circle cx="12.5" cy="12.5" r="8" fill="${$_}"/>
+    <text x="12.5" y="16.1" text-anchor="middle" style="font-size:7.5px;font-weight:700;fill:${ev};font-family:Arial, sans-serif">${rv(e.count)}</text>
+  </svg>`, t;
+}, av = function(e, t) {
+	let n = Array.isArray(e?.modelFeatureIds?.(t)) ? e.modelFeatureIds(t) : [], r = [], i = /* @__PURE__ */ new Set();
+	for (let t of n) {
+		let n = e.annotation(t), a = String(n?.uri || "").trim();
+		a && !i.has(a) && (i.add(a), r.push({
+			type: "feature-uri",
+			value: a
+		}));
+	}
+	return !r.length && n.length && r.push({
+		type: "model",
+		value: t
+	}), r;
+}, ov = function(e) {
+	if (!e || e.addSomaLocationMarkers) return e;
+	let t = [];
+	return e.clearSomaLocationMarkers = function() {
+		t.forEach((t) => {
+			e.removeMarker(t);
+		}), t = [];
+	}, e.addSomaLocationMarkers = function(n) {
+		let r = nv(n), i = [];
+		return e.clearSomaLocationMarkers(), r.forEach((n) => {
+			let r = av(e, n.curie);
+			if (!r.length) return;
+			let a = !1;
+			r.forEach((r) => {
+				let i = iv(n), o = [];
+				if (r.type === "feature-uri") o = e.addMarkerByFeatureUri(r.value, { element: i });
+				else if (r.type === "model") {
+					let t = e.addMarker(r.value, { element: i });
+					o = t > -1 ? [t] : [];
+				}
+				o.length && (t.push(...o), a = !0);
+			}), a && i.push(n);
+		}), i;
+	}, e;
+}, sv = Re("main", {
 	state: () => ({ userProfile: { token: "" } }),
 	getters: { userToken(e) {
 		return e.userProfile.token;
@@ -9012,7 +9068,7 @@ var q_ = (e) => e && e.charAt(0).toUpperCase() + e.slice(1), J_ = (e) => {
 });
 //#endregion
 //#region node_modules/mitt/dist/mitt.mjs
-function $_(e) {
+function cv(e) {
 	return {
 		all: e ||= /* @__PURE__ */ new Map(),
 		on: function(t, n) {
@@ -9035,7 +9091,7 @@ function $_(e) {
 }
 //#endregion
 //#region src/components/EventBus.js
-var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
+var lv = new cv(), uv = "cannot be found on the map.", dv = (e) => {
 	let t = {
 		lng: 0,
 		lat: 0
@@ -9043,17 +9099,17 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 	return e.type === "Polygon" ? e.coordinates.length && (n = e.coordinates[0]) : n = e.coordinates, n && (e.type === "Point" ? (t.lng += parseFloat(n[0]), t.lat += parseFloat(n[1])) : (n.map((e) => {
 		t.lng += parseFloat(e[0]), t.lat += parseFloat(e[1]);
 	}), t.lng /= n.length, t.lat /= n.length)), t;
-}, rv = (e, t) => {
+}, fv = (e, t) => {
 	let n = [], r = e.organs ? e.organs : e.ftus, i = r ? r.filter((e, t) => r.findIndex((t) => t.label === e.label) === t) : void 0;
 	return i && i.forEach((e) => {
 		let r = {
 			label: e.label,
 			models: e.models,
 			key: `${t}.${e.label}`
-		}, i = rv(e, r.key);
+		}, i = fv(e, r.key);
 		i.length > 0 && (r.children = i), n.push(r);
 	}), n;
-}, iv = {
+}, pv = {
 	name: "FlatmapVuer",
 	components: {
 		MapSvgIcon: Oe,
@@ -9229,7 +9285,7 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 						enabled: e.enabled,
 						label: e.id,
 						key: e.id
-					}, r = rv(e, n.key);
+					}, r = fv(e, n.key);
 					r.length > 0 && (n.children = r), t.children.push(n);
 				}), this.systems.push(t);
 			}
@@ -9535,7 +9591,7 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 		emitConnectivityError: function(e) {
 			this.$emit("connectivity-error", { data: {
 				errorData: e,
-				errorMessage: tv
+				errorMessage: uv
 			} });
 		},
 		checkConnectivityTooltipEntry: function(e) {
@@ -9559,7 +9615,7 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 							featureId: e.featureId ? e.featureId : e.feature?.id,
 							offline: this.offlineAnnotationEnabled
 						});
-					}), t[0].feature) this.activeDrawTool || this.activeDrawMode || this.isValidDrawnCreated ? (this.featureAnnotationSubmitted = !1, this.activeDrawTool && this.createConnectivityBody(), this.displayTooltip(t[0].feature.id, nv(t[0].feature.geometry))) : this.rollbackAnnotationEvent();
+					}), t[0].feature) this.activeDrawTool || this.activeDrawMode || this.isValidDrawnCreated ? (this.featureAnnotationSubmitted = !1, this.activeDrawTool && this.createConnectivityBody(), this.displayTooltip(t[0].feature.id, dv(t[0].feature.geometry))) : this.rollbackAnnotationEvent();
 					else {
 						let e = this.annotationEntry.filter((e) => e.featureId && e.models).map((e) => e.models);
 						e.length > 0 && this.displayTooltip(e);
@@ -9794,7 +9850,7 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 					container: this.$refs.display,
 					tooltipDelay: 15
 				}).then((t) => {
-					this.mapImp = t, this.serverURL = this.mapImp.makeServerUrl("").slice(0, -1);
+					this.mapImp = ov(t), this.serverURL = this.mapImp.makeServerUrl("").slice(0, -1);
 					let n = this.mapImp.details.version;
 					this.setFlightPathInfo(n);
 					let r = this._stateToBeSet ? this._stateToBeSet : e;
@@ -9929,7 +9985,7 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 			return this.mapImp ? this.mapImp.search(e) : [];
 		},
 		onActionClick: function(e) {
-			ev.emit("onActionClick", e);
+			lv.emit("onActionClick", e);
 		},
 		setConnectionType: function(e) {
 			this.connectionType = e;
@@ -10287,7 +10343,7 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 		};
 	},
 	computed: {
-		...ze(Q_, ["userToken"]),
+		...ze(sv, ["userToken"]),
 		isValidDrawnCreated: function() {
 			return Object.keys(this.drawnCreatedEvent).length > 0;
 		},
@@ -10380,39 +10436,39 @@ var ev = new $_(), tv = "cannot be found on the map.", nv = (e) => {
 	beforeUnmount: function() {
 		this.tooltipObserver &&= (this.tooltipObserver.disconnect(), null);
 	}
-}, av = {
+}, mv = {
 	class: "flatmap-container",
 	ref: "flatmapContainer",
 	"element-loading-text": "Loading...",
 	"element-loading-background": "rgba(0, 0, 0, 0.3)"
-}, ov = { style: {
+}, hv = { style: {
 	height: "100%",
 	width: "100%",
 	position: "relative",
 	"overflow-y": "none"
-} }, sv = {
+} }, gv = {
 	style: {
 		height: "100%",
 		width: "100%"
 	},
 	ref: "display",
 	class: "flatmap-display"
-}, cv = { class: "beta-popovers" }, lv = {
+}, _v = { class: "beta-popovers" }, vv = {
 	key: 2,
 	class: "warning-text"
-}, uv = { class: "bottom-right-control" }, dv = ["innerHTML"], fv = { style: { "margin-bottom": "2px" } }, pv = {
+}, yv = { class: "bottom-right-control" }, bv = ["innerHTML"], xv = { style: { "margin-bottom": "2px" } }, Sv = {
 	key: 0,
 	class: "viewing-mode-title"
-}, mv = ["onClick"], hv = ["onClick"];
-function gv(e, n, r, i, a, o) {
+}, Cv = ["onClick"], wv = ["onClick"];
+function Tv(e, n, r, i, a, o) {
 	let s = L("map-svg-sprite-color"), f = A_, h = De, g = Mf, _ = Wg, v = ye, y = L("DrawToolbar"), b = L("map-svg-icon"), x = x_, S = L("tree-controls"), C = u_, w = be, D = fh, O = Pg, k = Fg, ee = Yh, A = Jh, j = kg, te = Ag, ne = L("Tooltip"), N = Ug, re = t_;
-	return U((M(), u("div", av, [m(s), d("div", ov, [
-		d("div", sv, null, 512),
+	return U((M(), u("div", mv, [m(s), d("div", hv, [
+		d("div", gv, null, 512),
 		e.flatmapError ? (M(), c(f, {
 			key: 0,
 			flatmapError: e.flatmapError
 		}, null, 8, ["flatmapError"])) : l("", !0),
-		U(d("div", cv, [d("div", null, [r.displayWarning || r.isLegacy ? (M(), c(_, {
+		U(d("div", _v, [d("div", null, [r.displayWarning || r.isLegacy ? (M(), c(_, {
 			key: 0,
 			placement: "right",
 			"popper-class": "warning-popper flatmap-popper",
@@ -10430,7 +10486,7 @@ function gv(e, n, r, i, a, o) {
 			})) : l("", !0), r.isLegacy ? (M(), u(t, { key: 1 }, [n[31] ||= d("span", { class: "warning-text" }, "Legacy Map", -1), d("div", {
 				class: "latest-map-text",
 				onClick: n[6] ||= (...e) => o.viewLatestMap && o.viewLatestMap(...e)
-			}, " Click here for the latest map ")], 64)) : r.displayWarning ? (M(), u("span", lv, "Beta")) : l("", !0)], 32)]),
+			}, " Click here for the latest map ")], 64)) : r.displayWarning ? (M(), u("span", vv, "Beta")) : l("", !0)], 32)]),
 			default: H(() => [r.isLegacy ? (M(), u("p", {
 				key: 0,
 				onMouseover: n[0] ||= (e) => o.showTooltip(7),
@@ -10540,7 +10596,7 @@ function gv(e, n, r, i, a, o) {
 			"onShowTooltip",
 			"onHideTooltip"
 		])) : l("", !0),
-		U(d("div", uv, [
+		U(d("div", yv, [
 			m(_, {
 				content: "Zoom in",
 				placement: "left",
@@ -10654,7 +10710,7 @@ function gv(e, n, r, i, a, o) {
 					reference: H(() => [U(d("div", {
 						class: "flatmap-marker-help",
 						innerHTML: e.flatmapMarker
-					}, null, 8, dv), [[ge, e.hoverVisibilities[0].value], [
+					}, null, 8, bv), [[ge, e.hoverVisibilities[0].value], [
 						N,
 						void 0,
 						"markerPopover"
@@ -10794,11 +10850,11 @@ function gv(e, n, r, i, a, o) {
 				}),
 				m(O, { class: "backgroundControl" }, {
 					default: H(() => [
-						d("div", fv, [(M(!0), u(t, null, F(e.viewingModes, (n, r) => (M(), u(t, { key: r }, [r === e.viewingMode ? (M(), u("span", pv, [d("b", null, R(r), 1)])) : (M(), u("span", {
+						d("div", xv, [(M(!0), u(t, null, F(e.viewingModes, (n, r) => (M(), u(t, { key: r }, [r === e.viewingMode ? (M(), u("span", Sv, [d("b", null, R(r), 1)])) : (M(), u("span", {
 							key: 1,
 							class: "viewing-mode-unselected",
 							onClick: (e) => o.changeViewingMode(r)
-						}, R(r), 9, mv))], 64))), 128))]),
+						}, R(r), 9, Cv))], 64))), 128))]),
 						m(O, { class: "viewing-mode-description" }, {
 							default: H(() => [p(R(o.modeDescription), 1)]),
 							_: 1
@@ -10936,7 +10992,7 @@ function gv(e, n, r, i, a, o) {
 							t == e.currentBackground ? "active" : ""
 						]),
 						onClick: (e) => o.backgroundChangeCallback(t)
-					}, null, 10, hv))), 128))]),
+					}, null, 10, wv))), 128))]),
 					_: 1
 				})
 			])]),
@@ -11008,22 +11064,22 @@ function gv(e, n, r, i, a, o) {
 		])) : l("", !0)
 	])])), [[re, e.loading]]);
 }
-var _v = /*#__PURE__*/ n_(iv, [["render", gv], ["__scopeId", "data-v-5d2365bc"]]), vv = {
+var Ev = /*#__PURE__*/ n_(pv, [["render", Tv], ["__scopeId", "data-v-d2e5e646"]]), Dv = {
 	"NCBITaxon:10114": "01fedbf9-d783-509c-a10c-827941ab13da",
 	"NCBITaxon:9823": "a336ac04-24db-561f-a25f-1c994fe17410",
 	"NCBITaxon:9606": "42ed6323-f645-5fbe-bada-9581819cf689",
 	"NCBITaxon:10090": "25285fab-48a0-5620-a6a0-f9a0374837d5",
 	"NCBITaxon:9685": "73060497-46a6-52bf-b975-cac511c127cb"
-}, yv = {
+}, Ov = {
 	name: "MultiFlatmapVuer",
-	components: { FlatmapVuer: _v },
+	components: { FlatmapVuer: Ev },
 	created: function() {
 		this.loadMapManager();
 	},
 	mounted: function() {
-		this.initialise(), ev.on("onActionClick", (e) => {
+		this.initialise(), lv.on("onActionClick", (e) => {
 			this.resourceSelected(e);
-		}), ev.on("open-pubmed-url", (e) => {
+		}), lv.on("open-pubmed-url", (e) => {
 			this.$emit("open-pubmed-url", e);
 		});
 	},
@@ -11171,7 +11227,7 @@ var _v = /*#__PURE__*/ n_(iv, [["render", gv], ["__scopeId", "data-v-5d2365bc"]]
 					let n = e.state;
 					if (!n.uuid) {
 						if (n.entry) {
-							let r = n.entry in vv ? vv[n.entry] : void 0;
+							let r = n.entry in Dv ? Dv[n.entry] : void 0;
 							t(this.createLegacyEntry(e, n.entry, r) || e);
 						}
 					} else if (n.entry) return new Promise(() => {
@@ -11381,23 +11437,23 @@ var _v = /*#__PURE__*/ n_(iv, [["render", gv], ["__scopeId", "data-v-5d2365bc"]]
 			t && this.$refs[t][0].forceContextLoss();
 		} }
 	}
-}, bv = {
+}, kv = {
 	class: "multi-container",
 	ref: "multiContainer"
-}, xv = {
+}, Av = {
 	key: 0,
 	style: {
 		position: "absolute",
 		"z-index": "100"
 	}
-}, Sv = { class: "option-label" }, Cv = { class: "option-title" }, wv = { class: "select-box-icon" }, Tv = {
+}, jv = { class: "option-label" }, Mv = { class: "option-title" }, Nv = { class: "select-box-icon" }, Pv = {
 	key: 1,
 	class: "option-title active-species"
-}, Ev = { class: "select-box-icon" }, Dv = ["aria-label", "onClick"];
-function Ov(e, n, r, i, a, o) {
-	let s = am, f = Yh, h = Jh, g = Wg, _ = _v, v = A_;
-	return M(), u("div", bv, [
-		r.disableUI ? l("", !0) : (M(), u("div", xv, [n[3] ||= d("div", { class: "species-display-text" }, "Species", -1), m(g, {
+}, Fv = { class: "select-box-icon" }, Iv = ["aria-label", "onClick"];
+function Lv(e, n, r, i, a, o) {
+	let s = am, f = Yh, h = Jh, g = Wg, _ = Ev, v = A_;
+	return M(), u("div", kv, [
+		r.disableUI ? l("", !0) : (M(), u("div", Av, [n[3] ||= d("div", { class: "species-display-text" }, "Species", -1), m(g, {
 			content: "Select a species",
 			placement: "right",
 			trigger: "manual",
@@ -11423,7 +11479,7 @@ function Ov(e, n, r, i, a, o) {
 					label: i,
 					value: i
 				}, {
-					default: H(() => [d("span", Sv, [e.activeSpecies === i ? (M(), u("span", Tv, [d("span", Ev, [d("i", { class: T(t.iconClass) }, null, 2)]), p(" " + R(i), 1)])) : (M(), c(s, {
+					default: H(() => [d("span", jv, [e.activeSpecies === i ? (M(), u("span", Pv, [d("span", Fv, [d("i", { class: T(t.iconClass) }, null, 2)]), p(" " + R(i), 1)])) : (M(), c(s, {
 						key: 0,
 						content: `Change species to ${i}`,
 						placement: "top",
@@ -11431,7 +11487,7 @@ function Ov(e, n, r, i, a, o) {
 						"show-after": 200,
 						"popper-class": "flatmap-species-option-tooltip"
 					}, {
-						default: H(() => [d("span", Cv, [d("span", wv, [d("i", { class: T(t.iconClass) }, null, 2)]), p(" " + R(i), 1)])]),
+						default: H(() => [d("span", Mv, [d("span", Nv, [d("i", { class: T(t.iconClass) }, null, 2)]), p(" " + R(i), 1)])]),
 						_: 2
 					}, 1032, ["content"])), r.enableOpenMapUI ? (M(), c(s, {
 						key: 2,
@@ -11466,7 +11522,7 @@ function Ov(e, n, r, i, a, o) {
 							}),
 							d("path", { d: "M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3" }),
 							d("path", { d: "M14.5 11.5v6M11.5 14.5h6" })
-						], -1)]], 8, Dv)]),
+						], -1)]], 8, Iv)]),
 						_: 2
 					}, 1032, ["content"])) : l("", !0)])]),
 					_: 2
@@ -11532,6 +11588,6 @@ function Ov(e, n, r, i, a, o) {
 		}, null, 8, ["flatmapError"])) : l("", !0)
 	], 512);
 }
-var kv = /*#__PURE__*/ n_(yv, [["render", Ov], ["__scopeId", "data-v-c3226113"]]);
+var Rv = /*#__PURE__*/ n_(Ov, [["render", Lv], ["__scopeId", "data-v-c3226113"]]);
 //#endregion
-export { _v as FlatmapVuer, kv as MultiFlatmapVuer };
+export { Ev as FlatmapVuer, Rv as MultiFlatmapVuer };