@abi-software/map-side-bar 2.19.0 → 2.20.0

package/dist/map-side-bar.js

@@ -12947,7 +12947,7 @@ var hS = /*#__PURE__*/ uS(dS, [["render", mS], ["__scopeId", "data-v-6c749802"]]
 			onClick: (e) => r("clicked", n)
 		}, null, 10, bS))), 128))]));
 	}
-}, [["__scopeId", "data-v-afcfce15"]]), SS = {
+}, [["__scopeId", "data-v-172d1c0c"]]), SS = {
 	tab: "Tab",
 	enter: "Enter",
 	space: "Space",
@@ -19761,13 +19761,60 @@ function tz() {
 			timeout: n
 		});
 	}
+	function n(e, t, n) {
+		return `${e}/${t}/files/${encodeURIComponent(n)}`;
+	}
+	function r(e, t) {
+		if (t && e) {
+			for (let n = 0; n < e.length; n++) if (t === e[n].dataset.path) return e[n];
+		}
+	}
+	function i(e, t) {
+		if (t && e) return r(t, e.datacite.isSourceOf.path[0]);
+	}
+	function a(e, t, n, i) {
+		if (n && n.length > 0) {
+			let a;
+			if (e && t) {
+				let i = r(t, e.datacite.isSourceOf.path[0]);
+				i && (a = r(n, i.datacite.isSourceOf.path[0]));
+			}
+			if (a) return a;
+			if (i < n.length) return n[i];
+		}
+	}
+	function o(e, t) {
+		let n = `${e}/s3-resource/${t.datasetId}/${t.datasetVersion}/files/${t.file_path}?encodeBase64=true`;
+		return t.s3Bucket && (n += `&s3BucketName=${t.s3Bucket}`), n;
+	}
+	function s(e, t) {
+		let n = `${e}/thumbnail/neurolucida`;
+		return n += `?datasetId=${t.datasetId}`, n += `&version=${t.datasetVersion}`, n += `&path=files/${t.segmentationFilePath}`, t.s3Bucket && (n += `&s3BucketName=${t.s3Bucket}`), n;
+	}
+	function c(e, t) {
+		return `${e}/thumbnail/${t.id}`;
+	}
+	function l(e, n, r) {
+		t(`${e}/image/${r.id}`, {}, 2e4).then((e) => {
+			let t = n.find((e) => e.id === r.id), i = e.name;
+			i && (t.title = i);
+		}, (t) => (t.message.includes("timeout") && t.message.includes("exceeded") && r.fetchAttempts < 3 && (r.fetchAttempts += 1, l(e, n, r)), Promise.reject("Maximum iterations reached.")));
+	}
 	return {
 		defaultImg: e,
-		getRequest: t
+		getRequest: t,
+		getS3FilePath: n,
+		findEntryWithPathInArray: r,
+		getThumbnailForPlot: i,
+		getThumbnailForScaffold: a,
+		getImageURLFromS3: o,
+		getSegmentationThumbnailURL: s,
+		getThumbnailURLFromBiolucida: c,
+		getImageInfoFromBiolucida: l
 	};
 }
-var nz = ["src"], rz = ["src"], iz = {
-	key: 1,
+var nz = ["src"], rz = ["src", "crossorigin"], iz = {
+	key: 0,
 	class: "details"
 }, az = { key: 0 }, oz = { class: "title text-placeholder" }, sz = /*#__PURE__*/ vS({
 	__name: "Card",
@@ -19803,6 +19850,10 @@ var nz = ["src"], rz = ["src"], iz = {
 		shadow: {
 			type: String,
 			default: "always"
+		},
+		crossorigin: {
+			type: String,
+			default: "anonymous"
 		}
 	},
 	emits: ["card-clicked", "datalink-clicked"],
@@ -19816,12 +19867,8 @@ var nz = ["src"], rz = ["src"], iz = {
 			}
 			return t.protocol === "http:" || t.protocol === "https:";
 		}
-		let { defaultImg: r, getRequest: i } = tz(), a = B();
-		B(null), B(4);
-		let s = B(void 0), f = B(!1), h = B(!1), g = B(!1), _ = e, v = t, y = o(() => _.data.title && ((s ? s.value : !1) || f.value) && (_.data.link || _.data.userData));
-		o(() => showCardDetails ? height * .525 : height), o(() => width - 2 * b), o(() => height * .237);
-		let b = o(() => height * .076);
-		o(() => showCardDetails ? height * .525 : height), G(() => _.data, () => {
+		let { defaultImg: r, getRequest: i } = tz(), a = B(), s = B(void 0), f = B(!1), h = B(!1), g = B(!1), _ = e, v = o(() => _.data.crossorigin || _.crossorigin || "anonymous"), y = t, b = o(() => _.data.title && (s.value || f.value) && (_.data.link || _.data.userData));
+		G(() => _.data, () => {
 			s.value = void 0, f.value = !1, g.value = !1, h.value = !1, _.data.thumbnail ? n(_.data.thumbnail) && _.data.mimetype ? S(_.data.thumbnail, { fetchAttempts: 0 }) : s.value = _.data.thumbnail : f.value = !0, E(() => {
 				C();
 			});
@@ -19833,9 +19880,9 @@ var nz = ["src"], rz = ["src"], iz = {
 		function x() {
 			if (_.data.link) {
 				let e = document.createElement("a");
-				e.href = _.data.link, e.target = "_blank", document.body.appendChild(e), e.click(), v("datalink-clicked", _.data.link), e.remove();
+				e.href = _.data.link, e.target = "_blank", document.body.appendChild(e), e.click(), y("datalink-clicked", _.data.link), e.remove();
 			}
-			_.data.userData && v("card-clicked", _.data.userData);
+			_.data.userData && y("card-clicked", _.data.userData);
 		}
 		function S(e, t) {
 			i(e, {}, 11e3).then((e) => {
@@ -19848,7 +19895,7 @@ var nz = ["src"], rz = ["src"], iz = {
 		function C() {
 			if (_.data.hideTitle) h.value = !0, g.value = !0;
 			else {
-				let e = a;
+				let e = a.value;
 				e && e.offsetParent ? (g.value = !0, e.offsetWidth >= e.scrollWidth ? h.value = !0 : h.value = !1) : _.data.title.length > 20 ? h.value = !1 : h.value = !0;
 			}
 		}
@@ -19863,53 +19910,50 @@ var nz = ["src"], rz = ["src"], iz = {
 				}),
 				class: "card"
 			}, {
-				default: K(() => [Ce((L(), u("div", null, [
-					d("div", {
-						class: "cursor-pointer",
-						style: k(e.imageContainerStyle),
-						onClick: Te(x, ["prevent"])
-					}, [f.value ? (L(), u("img", {
-						key: 0,
-						src: W(r),
-						style: k(e.imageStyle)
-					}, null, 12, nz)) : (L(), u("img", {
-						key: 1,
-						src: s.value,
-						alt: "thumbnail loading ...",
-						style: k(e.imageStyle)
-					}, null, 12, rz))], 4),
-					l("", !0),
-					e.showCardDetails ? (L(), u("div", iz, [
-						e.data.hideType ? l("", !0) : (L(), u("p", az, [d("b", null, U(e.data.type), 1)])),
-						m(i, {
-							"virtual-ref": a.value,
-							disabled: h.value,
-							content: e.data.title,
-							placement: "top",
-							trigger: "hover",
-							"popper-class": "gallery-popper",
-							"virtual-triggering": ""
-						}, null, 8, [
-							"virtual-ref",
-							"disabled",
-							"content"
-						]),
-						Ce(d("p", {
-							ref_key: "titleText",
-							ref: a,
-							class: "title"
-						}, U(e.data.title), 513), [[be, !e.data.hideTitle]]),
-						Ce(d("p", oz, null, 512), [[be, e.data.hideTitle]]),
-						m(o, {
-							class: "button",
-							onClick: Te(x, ["prevent"]),
-							size: "large"
-						}, {
-							default: K(() => [p(" View " + U(e.data.type), 1)]),
-							_: 1
-						})
-					])) : l("", !0)
-				])), [[_, !y.value]])]),
+				default: K(() => [Ce((L(), u("div", null, [d("div", {
+					class: "cursor-pointer",
+					style: k(e.imageContainerStyle),
+					onClick: Te(x, ["prevent"])
+				}, [f.value ? (L(), u("img", {
+					key: 0,
+					src: W(r),
+					style: k(e.imageStyle)
+				}, null, 12, nz)) : (L(), u("img", {
+					key: 1,
+					src: s.value,
+					alt: "thumbnail loading ...",
+					crossorigin: v.value,
+					style: k(e.imageStyle)
+				}, null, 12, rz))], 4), e.showCardDetails ? (L(), u("div", iz, [
+					e.data.hideType ? l("", !0) : (L(), u("p", az, [d("b", null, U(e.data.type), 1)])),
+					m(i, {
+						"virtual-ref": a.value,
+						disabled: h.value,
+						content: e.data.title,
+						placement: "top",
+						trigger: "hover",
+						"popper-class": "gallery-popper",
+						"virtual-triggering": ""
+					}, null, 8, [
+						"virtual-ref",
+						"disabled",
+						"content"
+					]),
+					Ce(d("p", {
+						ref_key: "titleText",
+						ref: a,
+						class: "title"
+					}, U(e.data.title), 513), [[be, !e.data.hideTitle]]),
+					Ce(d("p", oz, null, 512), [[be, e.data.hideTitle]]),
+					m(o, {
+						class: "button",
+						onClick: Te(x, ["prevent"]),
+						size: "large"
+					}, {
+						default: K(() => [p(" View " + U(e.data.type), 1)]),
+						_: 1
+					})
+				])) : l("", !0)])), [[_, !b.value]])]),
 				_: 1
 			}, 8, [
 				"shadow",
@@ -19918,7 +19962,7 @@ var nz = ["src"], rz = ["src"], iz = {
 			]);
 		};
 	}
-}, [["__scopeId", "data-v-8306387d"]]), cz = {
+}, [["__scopeId", "data-v-f78dab5d"]]), cz = {
 	ref: "myButton",
 	class: "gallery"
 }, lz = { class: "gallery-strip" }, uz = {
@@ -19989,6 +20033,10 @@ var nz = ["src"], rz = ["src"], iz = {
 			shadow: {
 				type: String,
 				default: "always"
+			},
+			crossorigin: {
+				type: String,
+				default: "anonymous"
 			}
 		},
 		emits: ["card-clicked", "datalink-clicked"],
@@ -19996,12 +20044,7 @@ var nz = ["src"], rz = ["src"], iz = {
 			function i(e) {
 				return typeof window < "u" ? e * parseFloat(window.getComputedStyle(document.documentElement).fontSize) : e * 16;
 			}
-			let a = e, s = r, f = B(0), p = B(0), m = B(2), h = B(2), g = o(() => a.items.length), _ = o(() => p.value > 0), v = o(() => p.value < g.value - 1), y = o(() => .78 * a.cardWidth);
-			o(() => {
-				let e = .25;
-				return g.value * (a.cardWidth + e) - e;
-			});
-			let b = o(() => {
+			let a = e, s = r, f = B(0), p = B(0), m = B(2), h = B(2), g = o(() => a.items.length), _ = o(() => p.value > 0), v = o(() => p.value < g.value - 1), y = o(() => .78 * a.cardWidth), b = o(() => {
 				let e = i(.5), t = i(2), n = i(a.cardWidth), r = (a.maxWidth - 2 * t - 2 * e) / (1.1 * n);
 				return Math.max(1, Math.floor(r));
 			}), x = o(() => {
@@ -20069,6 +20112,7 @@ var nz = ["src"], rz = ["src"], iz = {
 						height: y.value,
 						shadow: e.shadow,
 						"show-card-details": e.showCardDetails,
+						crossorigin: e.crossorigin,
 						onCardClicked: w,
 						onDatalinkClicked: T
 					}, null, 8, [
@@ -20079,7 +20123,8 @@ var nz = ["src"], rz = ["src"], iz = {
 						"width",
 						"height",
 						"shadow",
-						"show-card-details"
+						"show-card-details",
+						"crossorigin"
 					])) : l("", !0)], 2))), 128))]),
 					r[3] ||= d("div", { class: "filler" }, null, -1),
 					e.items.length > 1 ? (L(), u("a", {
@@ -20102,7 +20147,7 @@ var nz = ["src"], rz = ["src"], iz = {
 				}, null, 8, ["count", "current"])) : l("", !0)
 			], 512));
 		}
-	}, [["__scopeId", "data-v-e745b327"]]) },
+	}, [["__scopeId", "data-v-a546ba46"]]) },
 	props: {
 		category: {
 			type: String,
@@ -27155,7 +27200,7 @@ function vK(e, n, r, i, a, o) {
 		], 64)) : l("", !0)])) : l("", !0)]))), 128))])])) : l("", !0)
 	])) : l("", !0);
 }
-var yK = /*#__PURE__*/ uS(RG, [["render", vK], ["__scopeId", "data-v-3a094b58"]]), bK = {
+var yK = /*#__PURE__*/ uS(RG, [["render", vK], ["__scopeId", "data-v-cbf988e3"]]), bK = {
 	name: "ConnectivityCard",
 	data() {
 		return { displayFields: ["id", "nerve-label"] };