@abi-software/map-side-bar 2.19.0 → 2.19.1-demo.0

package/dist/map-side-bar.js

@@ -22795,14 +22795,41 @@ function jU(e, t, n, r, i, a) {
 		d("div", AU, [m(h, { content: e.copyContent }, null, 8, ["content"])])
 	])])), [[g, e.loading]])], 512)], 512);
 }
-var MU = /*#__PURE__*/ uS(bU, [["render", jU], ["__scopeId", "data-v-5541a37f"]]), NU = 12;
-function PU() {
+var MU = /*#__PURE__*/ uS(bU, [["render", jU], ["__scopeId", "data-v-5541a37f"]]);
+//#endregion
+//#region src/utils/common.js
+function NU() {
 	let e = /* @__PURE__ */ new Uint8Array(16);
 	window.crypto.getRandomValues(e), e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128;
 	let t = Array.from(e).map((e) => e.toString(16).padStart(2, "0")).join("");
 	return `${t.slice(0, 8)}-${t.slice(8, 12)}-${t.slice(12, 16)}-${t.slice(16, 20)}-${t.slice(20)}`;
 }
-var FU = {
+function PU(e) {
+	if (!e) return "";
+	let t = String(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function FU(e, { formatLines: t = !1 } = {}) {
+	if (!e) return "";
+	let n = String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/(https?:\/\/[^\s"<>[]+)/g, (e) => {
+		let t = e.match(/^(.*?)([\].,;:!?]*)$/), n = t ? t[1] : e;
+		return `<a href="${n}" target="_blank" rel="noopener noreferrer">${n}</a>${t ? t[2] : ""}`;
+	}).replace(/\\n/g, "\n").replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+	return t ? n.split("\n").map((e) => `<div class="alert-line">${e.replace(/^\s*([A-Za-z][^:<]{0,120}:)/, "<strong>$1</strong>")}</div>`).join("\n") : n;
+}
+function IU(e, t) {
+	e?.$nextTick(() => {
+		let n = e?.$refs?.[t];
+		n && n.scrollIntoView({
+			behavior: "smooth",
+			block: "start",
+			inline: "nearest"
+		});
+	});
+}
+//#endregion
+//#region src/components/SearchHistory.vue
+var LU = 12, RU = {
 	name: "SearchHistory",
 	props: { localStorageKey: {
 		type: String,
@@ -22847,7 +22874,7 @@ var FU = {
 						saved: !1,
 						label: n,
 						longLabel: r,
-						id: PU(),
+						id: NU(),
 						updated: (/* @__PURE__ */ new Date()).getTime()
 					};
 					this.searchHistory.push(i), this.searchHistory = this.searchHistory.sort(this.sortSearchHistory), this.trimSearchHistory(), localStorage.setItem(this.localStorageKey, JSON.stringify(this.searchHistory));
@@ -22865,14 +22892,14 @@ var FU = {
 			}), t.length && (this.searchHistory = this.searchHistory.filter((e) => !t.includes(e.id)));
 		},
 		trimSearchHistory: function() {
-			if (this.searchHistory.length > NU) {
-				let e = this.searchHistory.filter((e) => e.saved), t = this.searchHistory.filter((e) => !e.saved), n = NU - this.searchHistory.length;
+			if (this.searchHistory.length > LU) {
+				let e = this.searchHistory.filter((e) => e.saved), t = this.searchHistory.filter((e) => !e.saved), n = LU - this.searchHistory.length;
 				this.searchHistory = [...e, ...t.slice(0, n)];
 			}
 		},
 		updateSearchHistory: function() {
 			this.searchHistory.forEach((e) => {
-				if (e.id ||= PU(), !e.label) {
+				if (e.id ||= NU(), !e.label) {
 					let { label: t, longLabel: n } = this.searchHistoryItemLabel(e.search, e.filters);
 					e.label = t, e.longLabel = n;
 				}
@@ -22880,8 +22907,8 @@ var FU = {
 			}), this.searchHistory = this.searchHistory.sort(this.sortSearchHistory), this.removeDuplicateSearchHistory(), this.trimSearchHistory(), localStorage.setItem(this.localStorageKey, JSON.stringify(this.searchHistory));
 		},
 		getParentComponentName: function() {
-			let e = this.localStorageKey?.indexOf("connectivity") !== -1, t = this.localStorageKey?.indexOf("dataset") !== -1;
-			return e ? "connectivity" : t ? "dataset" : "";
+			let e = this.localStorageKey?.indexOf("connectivity") !== -1, t = this.localStorageKey?.indexOf("dataset") !== -1, n = this.localStorageKey?.indexOf("cell-card") !== -1;
+			return e ? "connectivity" : t ? "dataset" : n ? "cell_card" : "";
 		},
 		search: function(e) {
 			this.$emit("search", e);
@@ -22921,22 +22948,22 @@ var FU = {
 			});
 		}
 	}
-}, IU = {
+}, zU = {
 	key: 0,
 	class: "history-container"
-}, LU = {
+}, BU = {
 	key: 0,
 	class: "saved-search-history"
-}, RU = { key: 1 }, zU = { class: "el-dropdown-select" }, BU = ["onClick"], VU = ["onClick"], HU = {
+}, VU = { key: 1 }, HU = { class: "el-dropdown-select" }, UU = ["onClick"], WU = ["onClick"], GU = {
 	key: 0,
 	viewBox: "0 0 24 24"
-}, UU = {
+}, KU = {
 	key: 1,
 	viewBox: "0 0 24 24"
-}, WU = { key: 0 }, GU = { key: 1 }, KU = { key: 2 };
-function qU(e, n, r, i, a, o) {
+}, qU = { key: 0 }, JU = { key: 1 }, YU = { key: 2 };
+function XU(e, n, r, i, a, o) {
 	let s = kx, f = Ug, h = Ee, g = zp, _ = Rg, v = Le, y = Kb, b = qb, x = Gb;
-	return a.searchHistory.length ? (L(), u("div", IU, [a.savedSearchHistory.length ? (L(), u("div", LU, [(L(!0), u(t, null, ie(a.savedSearchHistory, (e, n) => (L(), u(t, { key: e.id }, [n < 2 ? (L(), c(f, {
+	return a.searchHistory.length ? (L(), u("div", zU, [a.savedSearchHistory.length ? (L(), u("div", BU, [(L(!0), u(t, null, ie(a.savedSearchHistory, (e, n) => (L(), u(t, { key: e.id }, [n < 2 ? (L(), c(f, {
 		class: "search-tag",
 		key: n,
 		onClick: (t) => o.search(e),
@@ -22955,7 +22982,7 @@ function qU(e, n, r, i, a, o) {
 			_: 2
 		}, 1024)) : (L(), u(t, { key: 1 }, [p(U(e.label), 1)], 64))]),
 		_: 2
-	}, 1032, ["onClick"])) : l("", !0)], 64))), 128))])) : (L(), u("div", RU, [...n[0] ||= [d("span", { class: "empty-saved-search" }, "No Saved Searches", -1)]])), m(x, {
+	}, 1032, ["onClick"])) : l("", !0)], 64))), 128))])) : (L(), u("div", VU, [...n[0] ||= [d("span", { class: "empty-saved-search" }, "No Saved Searches", -1)]])), m(x, {
 		trigger: "click",
 		"hide-on-click": !1
 	}, {
@@ -22972,14 +22999,14 @@ function qU(e, n, r, i, a, o) {
 					reference: K(() => [d("span", {
 						class: "dropdown-clickable-item",
 						onClick: (t) => o.search(e)
-					}, U(e.label), 9, BU)]),
+					}, U(e.label), 9, UU)]),
 					default: K(() => [p(" " + U(e.longLabel), 1)]),
 					_: 2
 				}, 1024)) : (L(), u("span", {
 					key: 1,
 					class: "dropdown-clickable-item",
 					onClick: (t) => o.search(e)
-				}, U(e.label), 9, VU))]), d("div", null, [m(s, {
+				}, U(e.label), 9, WU))]), d("div", null, [m(s, {
 					width: "auto",
 					trigger: "hover",
 					"show-after": 200,
@@ -22994,12 +23021,12 @@ function qU(e, n, r, i, a, o) {
 						disabled: a.savedSearchHistory.length > 1 && !e.saved
 					}, {
 						default: K(() => [m(g, { color: "#8300BF" }, {
-							default: K(() => [e.saved ? (L(), u("svg", HU, [...n[2] ||= [d("path", { d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z" }, null, -1)]])) : (L(), u("svg", UU, [...n[3] ||= [d("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }, null, -1)]]))]),
+							default: K(() => [e.saved ? (L(), u("svg", GU, [...n[2] ||= [d("path", { d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z" }, null, -1)]])) : (L(), u("svg", KU, [...n[3] ||= [d("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }, null, -1)]]))]),
 							_: 2
 						}, 1024)]),
 						_: 2
 					}, 1032, ["onClick", "disabled"])]),
-					default: K(() => [a.savedSearchHistory.length > 1 && !e.saved ? (L(), u("span", WU, " Limit 2: Please remove a saved search before adding another. ")) : e.saved ? (L(), u("span", GU, "Remove from saved searches.")) : (L(), u("span", KU, "Add up to two saved searches."))]),
+					default: K(() => [a.savedSearchHistory.length > 1 && !e.saved ? (L(), u("span", qU, " Limit 2: Please remove a saved search before adding another. ")) : e.saved ? (L(), u("span", JU, "Remove from saved searches.")) : (L(), u("span", YU, "Add up to two saved searches."))]),
 					_: 2
 				}, 1024), m(s, {
 					width: "auto",
@@ -23027,18 +23054,18 @@ function qU(e, n, r, i, a, o) {
 			}, 1024))), 128))]),
 			_: 1
 		})]),
-		default: K(() => [d("span", zU, [n[1] ||= p(" Search history ", -1), m(g, { class: "el-icon--right" }, {
+		default: K(() => [d("span", HU, [n[1] ||= p(" Search history ", -1), m(g, { class: "el-icon--right" }, {
 			default: K(() => [m(h)]),
 			_: 1
 		})])]),
 		_: 1
 	})])) : l("", !0);
 }
-var JU = /*#__PURE__*/ uS(FU, [["render", qU], ["__scopeId", "data-v-884a863c"]]), YU = (e, t) => {
+var ZU = /*#__PURE__*/ uS(RU, [["render", XU], ["__scopeId", "data-v-14c013b9"]]), QU = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, XU = ["xlink:href"], ZU = /*#__PURE__*/ YU({
+}, $U = ["xlink:href"], eW = /*#__PURE__*/ QU({
 	__name: "SvgIcon",
 	props: {
 		icon: {
@@ -23051,9 +23078,9 @@ var JU = /*#__PURE__*/ uS(FU, [["render", qU], ["__scopeId", "data-v-884a863c"]]
 		}
 	},
 	setup(e) {
-		return (t, n) => (L(), u("svg", { class: D(["map-icon", { "map-icon-spin": e.spin }]) }, [d("use", { "xlink:href": `#${e.icon}` }, null, 8, XU)], 2));
+		return (t, n) => (L(), u("svg", { class: D(["map-icon", { "map-icon-spin": e.spin }]) }, [d("use", { "xlink:href": `#${e.icon}` }, null, 8, $U)], 2));
 	}
-}, [["__scopeId", "data-v-e172d5ff"]]), QU = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2horpanel</title>\n    <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-4\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", $U = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2vertpanel</title>\n    <g id=\"2vertpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-3\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", eW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>3panel</title>\n    <g id=\"3panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"11.5\" y1=\"7.5\" x2=\"11.5\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"11.5\" x2=\"11.5\" y2=\"11.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", tW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>4panel</title>\n    <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-2\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", nW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2horpanel</title>\n    <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-4\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"12\" y1=\"12.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"14.5\" y1=\"12\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"9.5\" y1=\"12\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", rW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2horpanel</title>\n    <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-4\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"14.5\" y1=\"16\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"9.5\" y1=\"16\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", iW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>4panel</title>\n    <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-2\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"10.5\" x2=\"5.5\" y2=\"10.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"13.8\" x2=\"5.5\" y2=\"13.8\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", aW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>changeBckgd</title>\n    <g id=\"changeBckgd\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-5\">\n            <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"7\" y=\"6\" width=\"10\" height=\"7\"></rect>\n            <line x1=\"12\" y1=\"13.5\" x2=\"12\" y2=\"16.5\" id=\"Line-4\" stroke=\"#FFFFFF\" stroke-width=\"2\"></line>\n            <line x1=\"7\" y1=\"16.5\" x2=\"17\" y2=\"16.5\" id=\"Line\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", oW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>close no bk</title>\n    <g id=\"close-no-bk\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"square\">\n        <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"currentColor\" stroke-width=\"2\">\n            <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n            <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n        </g>\n    </g>\n</svg>\n", sW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>close</title>\n    <g id=\"close\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-9\">\n            <g id=\"Group-8\" fill=\"currentColor\">\n                <circle id=\"Oval\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            </g>\n            <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n                <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n                <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n            </g>\n        </g>\n    </g>\n</svg>", cW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>closeFullScreen</title>\n    <g id=\"closeFullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 7.750000) rotate(-180.000000) translate(-6.750000, -7.750000) \" points=\"5 9.5 5 6 8.5 6\"></polyline>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 15.750000) rotate(-360.000000) translate(-17.250000, -15.750000) \" points=\"15.5 17.5 15.5 14 19 14\"></polyline>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 15.750000) scale(1, -1) rotate(-180.000000) translate(-6.750000, -15.750000) \" points=\"5 17.5 5 14 8.5 14\"></polyline>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 7.750000) scale(1, -1) rotate(-360.000000) translate(-17.250000, -7.750000) \" points=\"15.5 9.5 15.5 6 19 6\"></polyline>\n        </g>\n    </g>\n</svg>", lW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Comment</title>\n    <g id=\"Comment\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(165, 215)\"\n            d=\"M736 504a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112M128 128v640h192v160l224-160h352V128z\" />\n    </g>\n</svg>", uW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Connection</title>\n    <g id=\"Connection\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n            d=\"M640 384v64H448a128 128 0 0 0-128 128v128a128 128 0 0 0 128 128h320a128 128 0 0 0 128-128V576a128 128 0 0 0-64-110.848V394.88c74.56 26.368 128 97.472 128 181.056v128a192 192 0 0 1-192 192H448a192 192 0 0 1-192-192V576a192 192 0 0 1 192-192z\" />\n        <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n            d=\"M384 640v-64h192a128 128 0 0 0 128-128V320a128 128 0 0 0-128-128H256a128 128 0 0 0-128 128v128a128 128 0 0 0 64 110.848v70.272A192.064 192.064 0 0 1 64 448V320a192 192 0 0 1 192-192h320a192 192 0 0 1 192 192v128a192 192 0 0 1-192 192z\" />\n    </g>\n</svg>", dW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>dock</title>\n    <g id=\"dock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-8-Copy-2\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group-5\" transform=\"translate(2.972940, 3.512563)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n                <line x1=\"10.7289628\" y1=\"7.03553391\" x2=\"14.9716035\" y2=\"2.79289322\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(14.264497, 3.500000) rotate(-315.000000) translate(-14.264497, -3.500000) translate(11.264497, 2.000000)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n                <line x1=\"7.53553391\" y1=\"10.1584369\" x2=\"3.29289322\" y2=\"14.4010776\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(4.000000, 13.693971) rotate(-135.000000) translate(-4.000000, -13.693971) translate(1.000000, 12.193971)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>", fW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawLine</title>\n    <g id=\"drawLine\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(2 2.0625)\" d=\"m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z\" />\n    </g>\n</svg>", pW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawPoint</title>\n    <g id=\"drawPoint\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(1.875 2.5)\" d=\"m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z\" />\n    </g>\n</svg>", mW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawPolygon</title>\n    <g id=\"drawPolygon\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(1.875 1.625)\" d=\"m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z\" />\n    </g>\n</svg>", hW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawTrash</title>\n    <g id=\"drawTrash\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(2 1.5)\" d=\"M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z\" />\n    </g>\n</svg>", gW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>fitWindow</title>\n    <g id=\"fitWindow\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-3\">\n            <g id=\"Group-8-Copy\">\n                <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n                    <polyline id=\"Line-5\" points=\"0 3.5 0 0 4.80123862 0\"></polyline>\n                    <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"0 11.5 0 8 4.80123862 8\"></polyline>\n                    <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n                </g>\n            </g>\n            <g id=\"Group-12\" transform=\"translate(9.000000, 8.500000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                <circle id=\"Oval\" cx=\"3.5\" cy=\"3.5\" r=\"3.5\"></circle>\n                <line x1=\"8.75\" y1=\"8.75\" x2=\"6.25\" y2=\"6.25\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n            </g>\n        </g>\n    </g>\n</svg>", _W = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>fullScreen</title>\n    <g id=\"fullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-8-Copy\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n                <polyline id=\"Line-5\" points=\"7.68274333e-14 3.5 7.68274333e-14 0 4.80123862 0\"></polyline>\n                <polyline id=\"Line-5\" transform=\"translate(11.600619, 9.750000) rotate(-180.000000) translate(-11.600619, -9.750000) \" points=\"9.2 11.5 9.2 8 14.0012386 8\"></polyline>\n                <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"7.68274333e-14 11.5 7.68274333e-14 8 4.80123862 8\"></polyline>\n                <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n            </g>\n        </g>\n    </g>\n</svg>", vW = "<svg id=\"icons\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>DataPortal-Icons</title><circle cx=\"12\" cy=\"15.824\" r=\"0.753\"/><path d=\"M12,14.256a.75.75,0,0,1-.75-.75v-1c0-.529.419-.818.862-1.124.623-.43,1.138-.83,1.138-1.376A1.209,1.209,0,0,0,12,8.756a1.252,1.252,0,0,0-1.25,1.25.75.75,0,0,1-1.5,0A2.753,2.753,0,0,1,12,7.256a2.721,2.721,0,0,1,2.75,2.75,3.3,3.3,0,0,1-1.786,2.61c-.079.055-.152.1-.214.147v.743A.75.75,0,0,1,12,14.256Z\"/><path d=\"M12,5a7,7,0,1,1-7,7,7.008,7.008,0,0,1,7-7m0-2a9,9,0,1,0,9,9,9,9,0,0,0-9-9Z\"/></svg>", yW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>magnifyingGlass</title>\n    <g id=\"magnifyingGlass\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-19-Copy\">\n            <g id=\"Group-13-Copy\">\n                <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                    <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                    <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>", bW = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" x=\"0px\" y=\"0px\" viewBox=\"0 0 960 1200\" enable-background=\"new 0 0 960 960\" xml:space=\"preserve\"><g><path fill=\"#000000\" d=\"M670,499.992c0,5.5-4.5,10-10,10H300c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h360   c5.5,0,10,4.5,10,10V499.992z\"/><path fill=\"#000000\" d=\"M530,649.992c0,5.5-4.5,10-10,10h-80c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h80   c5.5,0,10,4.5,10,10V649.992z\"/><path fill=\"#000000\" d=\"M780,350.008c0,5.5-4.5,10-10,10H190c-5.516,0-10-4.5-10-10v-40c0-5.516,4.484-10,10-10h580   c5.5,0,10,4.484,10,10V350.008z\"/></g><text x=\"0\" y=\"975\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">Created by Wahyu Prihantoro</text><text x=\"0\" y=\"980\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">from the Noun Project</text></svg>", xW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>openMap</title>\n    <g id=\"openMap\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-5-Copy\" fill=\"currentColor\">\n            <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        </g>\n        <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"10\" width=\"10\" height=\"7\"></rect>\n        <rect id=\"Rectangle-Copy\" stroke=\"#FFFFFF\" x=\"9\" y=\"6\" width=\"10\" height=\"7\"></rect>\n    </g>\n</svg>", SW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Artboard Copy 6</title>\n    <g id=\"Artboard-Copy-6\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-5-Copy\" fill=\"currentColor\">\n            <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        </g>\n        <line x1=\"9\" y1=\"8\" x2=\"9\" y2=\"16\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n        <line x1=\"15\" y1=\"8\" x2=\"15\" y2=\"16\" id=\"Line-6-Copy-3\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n    </g>\n</svg>", CW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>permalink</title>\n    <g id=\"permalink\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <line x1=\"12.5\" y1=\"9\" x2=\"12.5\" y2=\"15\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></line>\n        <path d=\"M17,13 L17,16.5 C17,18.9852814 14.9852814,21 12.5,21 C10.0147186,21 8,18.9852814 8,16.5 L8,13 L10,13 L10,16.5 C10,17.8807119 11.1192881,19 12.5,19 C13.8254834,19 14.9100387,17.9684641 14.9946823,16.6643757 L15,16.5 L15,13 L17,13 Z M12.5,3 C14.9852814,3 17,5.01471863 17,7.5 L17,11 L15,11 L15,7.5 C15,6.11928813 13.8807119,5 12.5,5 C11.1745166,5 10.0899613,6.03153594 10.0053177,7.33562431 L10,7.5 L10,11 L8,11 L8,7.5 C8,5.01471863 10.0147186,3 12.5,3 Z\" id=\"Combined-Shape\" fill=\"#FFFFFF\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></path>\n    </g>\n</svg>", wW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>play</title>\n    <g id=\"play\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-9\">\n            <g id=\"Group-5-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            </g>\n            <polygon id=\"Triangle\" fill=\"#FFFFFF\" class=\"st0\" transform=\"translate(13.000000, 11.500000) rotate(-270.000000) translate(-13.000000, -11.500000) \" points=\"13 8 19 15 7 15\"></polygon>\n        </g>\n    </g>\n</svg>", TW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>resetZoom</title>\n    <g id=\"resetZoom\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-13-Copy-2\">\n            <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n            </g>\n            <g id=\"Group-4\" transform=\"translate(7.500000, 7.000000)\">\n                <path d=\"M3,5 C3.83613696,5 4.57640148,4.58952131 5.03027306,3.95908443 C5.19488093,3.73044075 5.32181864,3.47286529 5.40199763,3.19544657 C5.46580562,2.97467142 5.5,2.74132897 5.5,2.5 C5.5,2.26693547 5.46810753,2.04131982 5.40844867,1.82727914 C5.31560782,1.49418996 5.15552386,1.18913241 4.9437468,0.927656488 C4.48541251,0.361762414 3.78495332,0 3,0 C1.61928813,0 0.5,1.11928813 0.5,2.5 C0.5,3.88071187 1.61928813,5 3,5 Z\" id=\"Oval\" stroke=\"#FFFFFF\"></path>\n                <rect id=\"Rectangle\" fill=\"currentColor\" x=\"2.5\" y=\"2\" width=\"4\" height=\"1\"></rect>\n                <line x1=\"5.5\" y1=\"1.5\" x2=\"5.5\" y2=\"0.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n                <line x1=\"4.5\" y1=\"1.5\" x2=\"5.5\" y2=\"1.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            </g>\n        </g>\n    </g>\n</svg>", EW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>singlepanel</title>\n    <g id=\"singlepanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-5\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n        </g>\n    </g>\n</svg>", DW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>tooltips</title>\n    <g id=\"tooltips\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-15\">\n            <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <path d=\"M6,5 L18,5 C19.1045695,5 20,5.8954305 20,7 L20,15.5714286 C20,16.6759981 19.1045695,17.5714286 18,17.5714286 L15.4003471,17.5714286 L15.4003471,17.5714286 L12.8157442,20.271248 C12.4338253,20.6701921 11.8008107,20.6839938 11.4018666,20.3020749 C11.3997428,20.3000417 11.3976279,20.2979991 11.3955221,20.2959473 L8.59934577,17.5714286 L8.59934577,17.5714286 L6,17.5714286 C4.8954305,17.5714286 4,16.6759981 4,15.5714286 L4,7 C4,5.8954305 4.8954305,5 6,5 Z\" id=\"Rectangle\" fill=\"#FFFFFF\"></path>\n            <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\" fill=\"currentColor\">\n                <tspan x=\"8.5\" y=\"18\">?</tspan>\n            </text>\n        </g>\n    </g>\n</svg>", OW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>undock</title>\n    <g id=\"undock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-9\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group-5\" transform=\"translate(5.500000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n                <line x1=\"0.728962778\" y1=\"12.0355339\" x2=\"4.97160346\" y2=\"7.79289322\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(4.264497, 8.500000) rotate(-315.000000) translate(-4.264497, -8.500000) translate(1.264497, 7.000000)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n                <line x1=\"12.5355339\" y1=\"0.158436893\" x2=\"8.29289322\" y2=\"4.40107758\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(9.000000, 3.693971) rotate(-135.000000) translate(-9.000000, -3.693971) translate(6.000000, 2.193971)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>", kW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>zoomIn</title>\n    <g id=\"zoomIn\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-19-Copy\">\n            <g id=\"Group-13-Copy\">\n                <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                    <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                    <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n                </g>\n            </g>\n            <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n            <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(10.500000, 9.500000) rotate(90.000000) translate(-10.500000, -9.500000) \"></line>\n        </g>\n    </g>\n</svg>", AW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>zoomOut</title>\n    <g id=\"zoomOut\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-19-Copy-3\">\n            <g id=\"Group-13-Copy\">\n                <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                    <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                    <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n                </g>\n            </g>\n            <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", jW = (e, t, n, r) => {
+}, [["__scopeId", "data-v-e172d5ff"]]), tW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2horpanel</title>\n    <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-4\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", nW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2vertpanel</title>\n    <g id=\"2vertpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-3\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", rW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>3panel</title>\n    <g id=\"3panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"11.5\" y1=\"7.5\" x2=\"11.5\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"11.5\" x2=\"11.5\" y2=\"11.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", iW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>4panel</title>\n    <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-2\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", aW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2horpanel</title>\n    <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-4\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"12\" y1=\"12.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"14.5\" y1=\"12\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"9.5\" y1=\"12\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", oW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>2horpanel</title>\n    <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-4\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"14.5\" y1=\"16\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n          <line x1=\"9.5\" y1=\"16\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", sW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>4panel</title>\n    <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-2\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n            <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"10.5\" x2=\"5.5\" y2=\"10.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            <line x1=\"18.5\" y1=\"13.8\" x2=\"5.5\" y2=\"13.8\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", cW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>changeBckgd</title>\n    <g id=\"changeBckgd\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-5\">\n            <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"7\" y=\"6\" width=\"10\" height=\"7\"></rect>\n            <line x1=\"12\" y1=\"13.5\" x2=\"12\" y2=\"16.5\" id=\"Line-4\" stroke=\"#FFFFFF\" stroke-width=\"2\"></line>\n            <line x1=\"7\" y1=\"16.5\" x2=\"17\" y2=\"16.5\" id=\"Line\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", lW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>close no bk</title>\n    <g id=\"close-no-bk\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"square\">\n        <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"currentColor\" stroke-width=\"2\">\n            <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n            <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n        </g>\n    </g>\n</svg>\n", uW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>close</title>\n    <g id=\"close\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-9\">\n            <g id=\"Group-8\" fill=\"currentColor\">\n                <circle id=\"Oval\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            </g>\n            <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n                <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n                <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n            </g>\n        </g>\n    </g>\n</svg>", dW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>closeFullScreen</title>\n    <g id=\"closeFullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 7.750000) rotate(-180.000000) translate(-6.750000, -7.750000) \" points=\"5 9.5 5 6 8.5 6\"></polyline>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 15.750000) rotate(-360.000000) translate(-17.250000, -15.750000) \" points=\"15.5 17.5 15.5 14 19 14\"></polyline>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 15.750000) scale(1, -1) rotate(-180.000000) translate(-6.750000, -15.750000) \" points=\"5 17.5 5 14 8.5 14\"></polyline>\n            <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 7.750000) scale(1, -1) rotate(-360.000000) translate(-17.250000, -7.750000) \" points=\"15.5 9.5 15.5 6 19 6\"></polyline>\n        </g>\n    </g>\n</svg>", fW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Comment</title>\n    <g id=\"Comment\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(165, 215)\"\n            d=\"M736 504a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112M128 128v640h192v160l224-160h352V128z\" />\n    </g>\n</svg>", pW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Connection</title>\n    <g id=\"Connection\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n            d=\"M640 384v64H448a128 128 0 0 0-128 128v128a128 128 0 0 0 128 128h320a128 128 0 0 0 128-128V576a128 128 0 0 0-64-110.848V394.88c74.56 26.368 128 97.472 128 181.056v128a192 192 0 0 1-192 192H448a192 192 0 0 1-192-192V576a192 192 0 0 1 192-192z\" />\n        <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n            d=\"M384 640v-64h192a128 128 0 0 0 128-128V320a128 128 0 0 0-128-128H256a128 128 0 0 0-128 128v128a128 128 0 0 0 64 110.848v70.272A192.064 192.064 0 0 1 64 448V320a192 192 0 0 1 192-192h320a192 192 0 0 1 192 192v128a192 192 0 0 1-192 192z\" />\n    </g>\n</svg>", mW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>dock</title>\n    <g id=\"dock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-8-Copy-2\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group-5\" transform=\"translate(2.972940, 3.512563)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n                <line x1=\"10.7289628\" y1=\"7.03553391\" x2=\"14.9716035\" y2=\"2.79289322\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(14.264497, 3.500000) rotate(-315.000000) translate(-14.264497, -3.500000) translate(11.264497, 2.000000)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n                <line x1=\"7.53553391\" y1=\"10.1584369\" x2=\"3.29289322\" y2=\"14.4010776\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(4.000000, 13.693971) rotate(-135.000000) translate(-4.000000, -13.693971) translate(1.000000, 12.193971)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>", hW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawLine</title>\n    <g id=\"drawLine\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(2 2.0625)\" d=\"m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z\" />\n    </g>\n</svg>", gW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawPoint</title>\n    <g id=\"drawPoint\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(1.875 2.5)\" d=\"m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z\" />\n    </g>\n</svg>", _W = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawPolygon</title>\n    <g id=\"drawPolygon\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(1.875 1.625)\" d=\"m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z\" />\n    </g>\n</svg>", vW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>drawTrash</title>\n    <g id=\"drawTrash\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <path fill=\"#FFFFFF\" transform=\"translate(2 1.5)\" d=\"M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z\" />\n    </g>\n</svg>", yW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>fitWindow</title>\n    <g id=\"fitWindow\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-3\">\n            <g id=\"Group-8-Copy\">\n                <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n                    <polyline id=\"Line-5\" points=\"0 3.5 0 0 4.80123862 0\"></polyline>\n                    <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"0 11.5 0 8 4.80123862 8\"></polyline>\n                    <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n                </g>\n            </g>\n            <g id=\"Group-12\" transform=\"translate(9.000000, 8.500000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                <circle id=\"Oval\" cx=\"3.5\" cy=\"3.5\" r=\"3.5\"></circle>\n                <line x1=\"8.75\" y1=\"8.75\" x2=\"6.25\" y2=\"6.25\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n            </g>\n        </g>\n    </g>\n</svg>", bW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>fullScreen</title>\n    <g id=\"fullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-8-Copy\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n                <polyline id=\"Line-5\" points=\"7.68274333e-14 3.5 7.68274333e-14 0 4.80123862 0\"></polyline>\n                <polyline id=\"Line-5\" transform=\"translate(11.600619, 9.750000) rotate(-180.000000) translate(-11.600619, -9.750000) \" points=\"9.2 11.5 9.2 8 14.0012386 8\"></polyline>\n                <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"7.68274333e-14 11.5 7.68274333e-14 8 4.80123862 8\"></polyline>\n                <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n            </g>\n        </g>\n    </g>\n</svg>", xW = "<svg id=\"icons\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>DataPortal-Icons</title><circle cx=\"12\" cy=\"15.824\" r=\"0.753\"/><path d=\"M12,14.256a.75.75,0,0,1-.75-.75v-1c0-.529.419-.818.862-1.124.623-.43,1.138-.83,1.138-1.376A1.209,1.209,0,0,0,12,8.756a1.252,1.252,0,0,0-1.25,1.25.75.75,0,0,1-1.5,0A2.753,2.753,0,0,1,12,7.256a2.721,2.721,0,0,1,2.75,2.75,3.3,3.3,0,0,1-1.786,2.61c-.079.055-.152.1-.214.147v.743A.75.75,0,0,1,12,14.256Z\"/><path d=\"M12,5a7,7,0,1,1-7,7,7.008,7.008,0,0,1,7-7m0-2a9,9,0,1,0,9,9,9,9,0,0,0-9-9Z\"/></svg>", SW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>magnifyingGlass</title>\n    <g id=\"magnifyingGlass\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-19-Copy\">\n            <g id=\"Group-13-Copy\">\n                <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                    <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                    <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>", CW = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" x=\"0px\" y=\"0px\" viewBox=\"0 0 960 1200\" enable-background=\"new 0 0 960 960\" xml:space=\"preserve\"><g><path fill=\"#000000\" d=\"M670,499.992c0,5.5-4.5,10-10,10H300c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h360   c5.5,0,10,4.5,10,10V499.992z\"/><path fill=\"#000000\" d=\"M530,649.992c0,5.5-4.5,10-10,10h-80c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h80   c5.5,0,10,4.5,10,10V649.992z\"/><path fill=\"#000000\" d=\"M780,350.008c0,5.5-4.5,10-10,10H190c-5.516,0-10-4.5-10-10v-40c0-5.516,4.484-10,10-10h580   c5.5,0,10,4.484,10,10V350.008z\"/></g><text x=\"0\" y=\"975\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">Created by Wahyu Prihantoro</text><text x=\"0\" y=\"980\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">from the Noun Project</text></svg>", wW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>openMap</title>\n    <g id=\"openMap\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-5-Copy\" fill=\"currentColor\">\n            <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        </g>\n        <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"10\" width=\"10\" height=\"7\"></rect>\n        <rect id=\"Rectangle-Copy\" stroke=\"#FFFFFF\" x=\"9\" y=\"6\" width=\"10\" height=\"7\"></rect>\n    </g>\n</svg>", TW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Artboard Copy 6</title>\n    <g id=\"Artboard-Copy-6\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-5-Copy\" fill=\"currentColor\">\n            <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        </g>\n        <line x1=\"9\" y1=\"8\" x2=\"9\" y2=\"16\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n        <line x1=\"15\" y1=\"8\" x2=\"15\" y2=\"16\" id=\"Line-6-Copy-3\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n    </g>\n</svg>", EW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>permalink</title>\n    <g id=\"permalink\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n        <line x1=\"12.5\" y1=\"9\" x2=\"12.5\" y2=\"15\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></line>\n        <path d=\"M17,13 L17,16.5 C17,18.9852814 14.9852814,21 12.5,21 C10.0147186,21 8,18.9852814 8,16.5 L8,13 L10,13 L10,16.5 C10,17.8807119 11.1192881,19 12.5,19 C13.8254834,19 14.9100387,17.9684641 14.9946823,16.6643757 L15,16.5 L15,13 L17,13 Z M12.5,3 C14.9852814,3 17,5.01471863 17,7.5 L17,11 L15,11 L15,7.5 C15,6.11928813 13.8807119,5 12.5,5 C11.1745166,5 10.0899613,6.03153594 10.0053177,7.33562431 L10,7.5 L10,11 L8,11 L8,7.5 C8,5.01471863 10.0147186,3 12.5,3 Z\" id=\"Combined-Shape\" fill=\"#FFFFFF\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></path>\n    </g>\n</svg>", DW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>play</title>\n    <g id=\"play\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-9\">\n            <g id=\"Group-5-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            </g>\n            <polygon id=\"Triangle\" fill=\"#FFFFFF\" class=\"st0\" transform=\"translate(13.000000, 11.500000) rotate(-270.000000) translate(-13.000000, -11.500000) \" points=\"13 8 19 15 7 15\"></polygon>\n        </g>\n    </g>\n</svg>", OW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>resetZoom</title>\n    <g id=\"resetZoom\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-13-Copy-2\">\n            <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n            </g>\n            <g id=\"Group-4\" transform=\"translate(7.500000, 7.000000)\">\n                <path d=\"M3,5 C3.83613696,5 4.57640148,4.58952131 5.03027306,3.95908443 C5.19488093,3.73044075 5.32181864,3.47286529 5.40199763,3.19544657 C5.46580562,2.97467142 5.5,2.74132897 5.5,2.5 C5.5,2.26693547 5.46810753,2.04131982 5.40844867,1.82727914 C5.31560782,1.49418996 5.15552386,1.18913241 4.9437468,0.927656488 C4.48541251,0.361762414 3.78495332,0 3,0 C1.61928813,0 0.5,1.11928813 0.5,2.5 C0.5,3.88071187 1.61928813,5 3,5 Z\" id=\"Oval\" stroke=\"#FFFFFF\"></path>\n                <rect id=\"Rectangle\" fill=\"currentColor\" x=\"2.5\" y=\"2\" width=\"4\" height=\"1\"></rect>\n                <line x1=\"5.5\" y1=\"1.5\" x2=\"5.5\" y2=\"0.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n                <line x1=\"4.5\" y1=\"1.5\" x2=\"5.5\" y2=\"1.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n            </g>\n        </g>\n    </g>\n</svg>", kW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>singlepanel</title>\n    <g id=\"singlepanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-10-Copy-5\">\n            <g id=\"Group-15-Copy\" fill=\"currentColor\">\n                <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n                    <tspan x=\"8.5\" y=\"18\">?</tspan>\n                </text>\n            </g>\n            <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n        </g>\n    </g>\n</svg>", AW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>tooltips</title>\n    <g id=\"tooltips\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-15\">\n            <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <path d=\"M6,5 L18,5 C19.1045695,5 20,5.8954305 20,7 L20,15.5714286 C20,16.6759981 19.1045695,17.5714286 18,17.5714286 L15.4003471,17.5714286 L15.4003471,17.5714286 L12.8157442,20.271248 C12.4338253,20.6701921 11.8008107,20.6839938 11.4018666,20.3020749 C11.3997428,20.3000417 11.3976279,20.2979991 11.3955221,20.2959473 L8.59934577,17.5714286 L8.59934577,17.5714286 L6,17.5714286 C4.8954305,17.5714286 4,16.6759981 4,15.5714286 L4,7 C4,5.8954305 4.8954305,5 6,5 Z\" id=\"Rectangle\" fill=\"#FFFFFF\"></path>\n            <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\" fill=\"currentColor\">\n                <tspan x=\"8.5\" y=\"18\">?</tspan>\n            </text>\n        </g>\n    </g>\n</svg>", jW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>undock</title>\n    <g id=\"undock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-9\">\n            <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n            <g id=\"Group-5\" transform=\"translate(5.500000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n                <line x1=\"0.728962778\" y1=\"12.0355339\" x2=\"4.97160346\" y2=\"7.79289322\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(4.264497, 8.500000) rotate(-315.000000) translate(-4.264497, -8.500000) translate(1.264497, 7.000000)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n                <line x1=\"12.5355339\" y1=\"0.158436893\" x2=\"8.29289322\" y2=\"4.40107758\" id=\"Line\"></line>\n                <g id=\"Group\" transform=\"translate(9.000000, 3.693971) rotate(-135.000000) translate(-9.000000, -3.693971) translate(6.000000, 2.193971)\">\n                    <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n                    <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n                </g>\n            </g>\n        </g>\n    </g>\n</svg>", MW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>zoomIn</title>\n    <g id=\"zoomIn\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-19-Copy\">\n            <g id=\"Group-13-Copy\">\n                <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                    <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                    <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n                </g>\n            </g>\n            <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n            <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(10.500000, 9.500000) rotate(90.000000) translate(-10.500000, -9.500000) \"></line>\n        </g>\n    </g>\n</svg>", NW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>zoomOut</title>\n    <g id=\"zoomOut\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group-19-Copy-3\">\n            <g id=\"Group-13-Copy\">\n                <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n                <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n                    <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n                    <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n                </g>\n            </g>\n            <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n        </g>\n    </g>\n</svg>", PW = (e, t, n, r) => {
 	let i = [
 		"title",
 		"desc",
@@ -23072,103 +23099,103 @@ var JU = /*#__PURE__*/ uS(FU, [["render", qU], ["__scopeId", "data-v-884a863c"]]
 	});
 	let c = s.innerHTML;
 	return s = null, c;
-}, MW = (e) => [
+}, FW = (e) => [
 	[/<\?xml[\s\S]*?>/gi, ""],
 	[/<!doctype[\s\S]*?>/gi, ""],
 	[/<!--.*-->/gi, ""],
 	[/\<([A-Za-z]+)([^\>]*)\/\>/g, "<$1$2></$1>"],
 	[/\s+/g, " "],
 	[/\> \</g, "><"]
-].reduce((e, t) => "".replace.apply(e, t), e).trim(), NW = !0, PW = !0, FW = ["fill"], IW = /* #__PURE__ */ Object.assign({
-	"/assets/icons/2horpanel.svg": QU,
-	"/assets/icons/2vertpanel.svg": $U,
-	"/assets/icons/3panel.svg": eW,
-	"/assets/icons/4panel.svg": tW,
-	"/assets/icons/5panel.svg": nW,
-	"/assets/icons/6panel.svg": rW,
-	"/assets/icons/6panelVertical.svg": iW,
-	"/assets/icons/changeBckgd.svg": aW,
-	"/assets/icons/close-no-bk.svg": oW,
-	"/assets/icons/close.svg": sW,
-	"/assets/icons/closeFullScreen.svg": cW,
-	"/assets/icons/comment.svg": lW,
-	"/assets/icons/connection.svg": uW,
-	"/assets/icons/dock.svg": dW,
-	"/assets/icons/drawLine.svg": fW,
-	"/assets/icons/drawPoint.svg": pW,
-	"/assets/icons/drawPolygon.svg": mW,
-	"/assets/icons/drawTrash.svg": hW,
-	"/assets/icons/fitWindow.svg": gW,
-	"/assets/icons/fullScreen.svg": _W,
-	"/assets/icons/help.svg": vW,
-	"/assets/icons/magnifyingGlass.svg": yW,
-	"/assets/icons/noun-filter.svg": bW,
-	"/assets/icons/openMap.svg": xW,
-	"/assets/icons/pause.svg": SW,
-	"/assets/icons/permalink.svg": CW,
-	"/assets/icons/play.svg": wW,
-	"/assets/icons/resetZoom.svg": TW,
-	"/assets/icons/singlepanel.svg": EW,
-	"/assets/icons/tooltips.svg": DW,
-	"/assets/icons/undock.svg": OW,
-	"/assets/icons/zoomIn.svg": kW,
-	"/assets/icons/zoomOut.svg": AW
+].reduce((e, t) => "".replace.apply(e, t), e).trim(), IW = !0, LW = !0, RW = ["fill"], zW = /* #__PURE__ */ Object.assign({
+	"/assets/icons/2horpanel.svg": tW,
+	"/assets/icons/2vertpanel.svg": nW,
+	"/assets/icons/3panel.svg": rW,
+	"/assets/icons/4panel.svg": iW,
+	"/assets/icons/5panel.svg": aW,
+	"/assets/icons/6panel.svg": oW,
+	"/assets/icons/6panelVertical.svg": sW,
+	"/assets/icons/changeBckgd.svg": cW,
+	"/assets/icons/close-no-bk.svg": lW,
+	"/assets/icons/close.svg": uW,
+	"/assets/icons/closeFullScreen.svg": dW,
+	"/assets/icons/comment.svg": fW,
+	"/assets/icons/connection.svg": pW,
+	"/assets/icons/dock.svg": mW,
+	"/assets/icons/drawLine.svg": hW,
+	"/assets/icons/drawPoint.svg": gW,
+	"/assets/icons/drawPolygon.svg": _W,
+	"/assets/icons/drawTrash.svg": vW,
+	"/assets/icons/fitWindow.svg": yW,
+	"/assets/icons/fullScreen.svg": bW,
+	"/assets/icons/help.svg": xW,
+	"/assets/icons/magnifyingGlass.svg": SW,
+	"/assets/icons/noun-filter.svg": CW,
+	"/assets/icons/openMap.svg": wW,
+	"/assets/icons/pause.svg": TW,
+	"/assets/icons/permalink.svg": EW,
+	"/assets/icons/play.svg": DW,
+	"/assets/icons/resetZoom.svg": OW,
+	"/assets/icons/singlepanel.svg": kW,
+	"/assets/icons/tooltips.svg": AW,
+	"/assets/icons/undock.svg": jW,
+	"/assets/icons/zoomIn.svg": MW,
+	"/assets/icons/zoomOut.svg": NW
 });
-Object.keys(IW).map((e) => {
-	let t = jW(IW[e], NW, PW, FW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
-	return MW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
+Object.keys(zW).map((e) => {
+	let t = PW(zW[e], IW, LW, RW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
+	return FW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
 }).join("\n");
-var LW = !0, RW = !0, zW = /* #__PURE__ */ Object.assign({
-	"/assets/icons/2horpanel.svg": QU,
-	"/assets/icons/2vertpanel.svg": $U,
-	"/assets/icons/3panel.svg": eW,
-	"/assets/icons/4panel.svg": tW,
-	"/assets/icons/5panel.svg": nW,
-	"/assets/icons/6panel.svg": rW,
-	"/assets/icons/6panelVertical.svg": iW,
-	"/assets/icons/changeBckgd.svg": aW,
-	"/assets/icons/close-no-bk.svg": oW,
-	"/assets/icons/close.svg": sW,
-	"/assets/icons/closeFullScreen.svg": cW,
-	"/assets/icons/comment.svg": lW,
-	"/assets/icons/connection.svg": uW,
-	"/assets/icons/dock.svg": dW,
-	"/assets/icons/drawLine.svg": fW,
-	"/assets/icons/drawPoint.svg": pW,
-	"/assets/icons/drawPolygon.svg": mW,
-	"/assets/icons/drawTrash.svg": hW,
-	"/assets/icons/fitWindow.svg": gW,
-	"/assets/icons/fullScreen.svg": _W,
-	"/assets/icons/help.svg": vW,
-	"/assets/icons/magnifyingGlass.svg": yW,
-	"/assets/icons/noun-filter.svg": bW,
-	"/assets/icons/openMap.svg": xW,
-	"/assets/icons/pause.svg": SW,
-	"/assets/icons/permalink.svg": CW,
-	"/assets/icons/play.svg": wW,
-	"/assets/icons/resetZoom.svg": TW,
-	"/assets/icons/singlepanel.svg": EW,
-	"/assets/icons/tooltips.svg": DW,
-	"/assets/icons/undock.svg": OW,
-	"/assets/icons/zoomIn.svg": kW,
-	"/assets/icons/zoomOut.svg": AW
-}), BW = {
+var BW = !0, VW = !0, HW = /* #__PURE__ */ Object.assign({
+	"/assets/icons/2horpanel.svg": tW,
+	"/assets/icons/2vertpanel.svg": nW,
+	"/assets/icons/3panel.svg": rW,
+	"/assets/icons/4panel.svg": iW,
+	"/assets/icons/5panel.svg": aW,
+	"/assets/icons/6panel.svg": oW,
+	"/assets/icons/6panelVertical.svg": sW,
+	"/assets/icons/changeBckgd.svg": cW,
+	"/assets/icons/close-no-bk.svg": lW,
+	"/assets/icons/close.svg": uW,
+	"/assets/icons/closeFullScreen.svg": dW,
+	"/assets/icons/comment.svg": fW,
+	"/assets/icons/connection.svg": pW,
+	"/assets/icons/dock.svg": mW,
+	"/assets/icons/drawLine.svg": hW,
+	"/assets/icons/drawPoint.svg": gW,
+	"/assets/icons/drawPolygon.svg": _W,
+	"/assets/icons/drawTrash.svg": vW,
+	"/assets/icons/fitWindow.svg": yW,
+	"/assets/icons/fullScreen.svg": bW,
+	"/assets/icons/help.svg": xW,
+	"/assets/icons/magnifyingGlass.svg": SW,
+	"/assets/icons/noun-filter.svg": CW,
+	"/assets/icons/openMap.svg": wW,
+	"/assets/icons/pause.svg": TW,
+	"/assets/icons/permalink.svg": EW,
+	"/assets/icons/play.svg": DW,
+	"/assets/icons/resetZoom.svg": OW,
+	"/assets/icons/singlepanel.svg": kW,
+	"/assets/icons/tooltips.svg": AW,
+	"/assets/icons/undock.svg": jW,
+	"/assets/icons/zoomIn.svg": MW,
+	"/assets/icons/zoomOut.svg": NW
+}), UW = {
 	name: "MapSvgSpriteColor",
-	svgContext: zW,
-	svgSprite: Object.keys(zW).map((e) => {
-		let t = jW(zW[e], LW, RW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
-		return MW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
+	svgContext: HW,
+	svgSprite: Object.keys(HW).map((e) => {
+		let t = PW(HW[e], BW, VW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
+		return FW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
 	}).join("\n")
-}, VW = ["innerHTML"];
-function HW(e, t, n, r, i, a) {
+}, WW = ["innerHTML"];
+function GW(e, t, n, r, i, a) {
 	return L(), u("svg", {
 		width: "0",
 		height: "0",
 		style: { display: "none" },
 		innerHTML: e.$options.svgSprite
-	}, null, 8, VW);
+	}, null, 8, WW);
 }
-var UW = /*#__PURE__*/ YU(BW, [["render", HW]]), WW = /* @__PURE__ */ dt((/* @__PURE__ */ ct(((e, t) => {
+var KW = /*#__PURE__*/ QU(UW, [["render", GW]]), qW = /* @__PURE__ */ dt((/* @__PURE__ */ ct(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n ||= self).algoliasearch = r();
 	})(e, (function() {
@@ -24972,7 +24999,7 @@ var UW = /*#__PURE__*/ YU(BW, [["render", HW]]), WW = /* @__PURE__ */ dt((/* @__
 		}
 		return Pt.version = "4.26.0", Pt;
 	}));
-})))(), 1), GW = (e, t) => {
+})))(), 1), JW = (e, t) => {
 	let n = {};
 	return e.forEach((e) => {
 		let r = e.split(".");
@@ -24980,9 +25007,9 @@ var UW = /*#__PURE__*/ YU(BW, [["render", HW]]), WW = /* @__PURE__ */ dt((/* @__
 		let i = e.substring(0, e.lastIndexOf(".")), a = r[r.length - 1];
 		Object.keys(n).includes(i) ? n[i].push(a) : n[i] = [a];
 	}), n;
-}, KW = class {
+}, YW = class {
 	constructor(e, t, n = "https://api.pennsieve.io") {
-		this.client = (0, WW.default)(e, t), this.PENNSIEVE_API_LOCATION = n;
+		this.client = (0, qW.default)(e, t), this.PENNSIEVE_API_LOCATION = n;
 	}
 	initIndex(e) {
 		this.index = this.client.initIndex(e);
@@ -24999,7 +25026,7 @@ var UW = /*#__PURE__*/ YU(BW, [["render", HW]]), WW = /* @__PURE__ */ dt((/* @__
 				var o = [];
 				let s = n.facets;
 				if (s === void 0) return;
-				let c = s[t] == null ? {} : s[t], l = a && s[a.facetSubpropPath] ? Object.keys(s[a.facetSubpropPath]) : [], u = a && a.facetSubsubpropPath && s[a.facetSubsubpropPath] ? Object.keys(s[a.facetSubsubpropPath]) : [], d = GW(l, 2), f = GW(u, 3);
+				let c = s[t] == null ? {} : s[t], l = a && s[a.facetSubpropPath] ? Object.keys(s[a.facetSubpropPath]) : [], u = a && a.facetSubsubpropPath && s[a.facetSubsubpropPath] ? Object.keys(s[a.facetSubsubpropPath]) : [], d = JW(l, 2), f = JW(u, 3);
 				Object.keys(c).map((e) => {
 					let n = [];
 					Object.keys(d).includes(e) && d[e].forEach((t) => {
@@ -25182,7 +25209,7 @@ var UW = /*#__PURE__*/ YU(BW, [["render", HW]]), WW = /* @__PURE__ */ dt((/* @__
 			});
 		}), t;
 	}
-}, qW = [
+}, XW = [
 	{
 		label: "Data Type",
 		id: "item.types",
@@ -25228,17 +25255,17 @@ var UW = /*#__PURE__*/ YU(BW, [["render", HW]]), WW = /* @__PURE__ */ dt((/* @__
 		facetSubpropPath: "supportingAwards.consortium.subcategory.name"
 	}
 ];
-function JW(e = void 0) {
+function ZW(e = void 0) {
 	if (e === void 0) return "NOT item.published.status:embargo";
 	e.forEach((e) => {
 		e.label = e.facet3 ? e.facet3 : e.facet2 ? e.facet2 : e.facet;
 	});
-	let t = YW(e);
+	let t = QW(e);
 	t.forEach((e) => {
 		e.facet3 && e.facet3 === "Non specific" && (e.label = e.facet2);
 	});
 	let n = "NOT item.published.status:embargo";
-	return n = `(${n}) AND `, qW.map((e) => [e.facetPropPath, e.facetFilterPath]).map(([e, r]) => {
+	return n = `(${n}) AND `, XW.map((e) => [e.facetPropPath, e.facetFilterPath]).map(([e, r]) => {
 		let i = t.filter((t) => t.facetPropPath == e), a = "", o = "";
 		i.map((t) => {
 			let n = t.facetSubPropPath ? t.facetSubPropPath : r || e;
@@ -25246,21 +25273,19 @@ function JW(e = void 0) {
 		}), (a != "" || o != "") && (a = `(${a.substring(0, a.lastIndexOf(" OR "))})`, n += `${a + o} AND `, n = n.split("()AND ").join(""));
 	}), n.substring(0, n.lastIndexOf(" AND "));
 }
-function YW(e) {
+function QW(e) {
 	return e.filter((e) => e.label !== "Show all");
 }
 //#endregion
 //#region src/components/SearchFilters.vue
-var XW = function(e) {
-	return e.charAt(0).toUpperCase() + e.slice(1);
-}, ZW = function(e) {
+var $W = function(e) {
 	let t = e.toLowerCase();
-	return yz[t] ? XW(yz[t]) : e === e.toUpperCase() ? e : XW(t);
-}, QW = {
+	return yz[t] ? PU(yz[t]) : e === e.toUpperCase() ? e : PU(t);
+}, eG = {
 	name: "SearchFilters",
 	components: {
-		MapSvgIcon: ZU,
-		MapSvgSpriteColor: UW
+		MapSvgIcon: eW,
+		MapSvgSpriteColor: KW
 	},
 	props: {
 		entry: Object,
@@ -25346,14 +25371,15 @@ var XW = function(e) {
 			return t;
 		},
 		createChildrenCascaderValue: function(e, t, n) {
-			if (e?.length) for (let r = 0; r < e.length; r++) {
-				let i = e[r];
-				if (e[r].facetPropPath !== "supportingAwards.consortium.name" && (e[r].label = ZW(i.label)), i.key && t.key.includes("flatmap.connectivity.source.")) {
-					let n = i.key, a = t.key, o = n.replace(`${a}.`, "");
-					e[r].value = this.createCascaderItemValue([t.label, o]);
+			let r = t.key;
+			if (e?.length) for (let i = 0; i < e.length; i++) {
+				let a = e[i];
+				if (e[i].facetPropPath !== "supportingAwards.consortium.name" && (r === "sourceNomenclatureLabel" ? e[i].label = a.label : e[i].label = $W(a.label)), a.key && r.includes("flatmap.connectivity.source.")) {
+					let n = a.key.replace(`${r}.`, "");
+					e[i].value = this.createCascaderItemValue([t.label, n]);
 				} else {
-					let a = n.slice();
-					a.push(i.label), e[r].value = this.createCascaderItemValue(a), this.createChildrenCascaderValue(i.children, t, a);
+					let r = n.slice();
+					r.push(a.label), e[i].value = this.createCascaderItemValue(r), this.createChildrenCascaderValue(a.children, t, r);
 				}
 			}
 		},
@@ -25369,7 +25395,7 @@ var XW = function(e) {
 		processOptions: function() {
 			let e = JSON.parse(JSON.stringify(this.options));
 			e.forEach((t, n) => {
-				e[n].total = this.countTotalFacet(t), e[n].label = ZW(t.label), e[n].value = this.createCascaderItemValue([t.key]), e[n].children.find((e) => e.label === "Show all") || e[n].children.unshift({
+				e[n].total = this.countTotalFacet(t), e[n].label = $W(t.label), e[n].value = this.createCascaderItemValue([t.key]), e[n].children.find((e) => e.label === "Show all") || e[n].children.unshift({
 					value: this.createCascaderItemValue(["Show all"]),
 					label: "Show all"
 				}), t.key.includes("flatmap.connectivity.source") && e[n].children.unshift({
@@ -25383,7 +25409,7 @@ var XW = function(e) {
 			return this.entry.options ? new Promise((e) => {
 				this.facets = this.entry.options, this.options = this.entry.options, this.processOptions(), e();
 			}) : new Promise((e) => {
-				this.algoliaClient.getAlgoliaFacets(qW).then((e) => {
+				this.algoliaClient.getAlgoliaFacets(XW).then((e) => {
 					this.facets = e, vz.emit("available-facets", e), this.options = e, this.processOptions();
 				}).finally(() => {
 					e();
@@ -25572,13 +25598,13 @@ var XW = function(e) {
 		setCascader: function(e) {
 			if (this.cascaderIsReady && e && e.length != 0) {
 				let t = (e) => {
-					let t = [e.facetPropPath, this.createCascaderItemValue([XW(e.term), e.facet])];
+					let t = [e.facetPropPath, this.createCascaderItemValue([PU(e.term), e.facet])];
 					return e.facet2 && (t.push(this.createCascaderItemValue([
-						XW(e.term),
+						PU(e.term),
 						e.facet,
 						e.facet2
 					])), e.facet3 && t.push(this.createCascaderItemValue([
-						XW(e.term),
+						PU(e.term),
 						e.facet,
 						e.facet2,
 						e.facet3
@@ -25702,25 +25728,25 @@ var XW = function(e) {
 		}
 	},
 	mounted: function() {
-		this.entry.options || (this.algoliaClient = w(new KW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.algoliaClient.setLocalStorageForTermMapping()), this.populateCascader().then(() => {
+		this.entry.options || (this.algoliaClient = w(new YW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.algoliaClient.setLocalStorageForTermMapping()), this.populateCascader().then(() => {
 			this.cascaderIsReady = !0, this.checkShowAllBoxes(), this.setCascader(this.entry.filterFacets), this.$emit("cascaderReady");
 		});
 	}
-}, $W = { class: "filters" }, eG = { key: 0 }, tG = {
+}, tG = { class: "filters" }, nG = { key: 0 }, rG = {
 	key: 0,
 	class: "cascader-tag"
-}, nG = { class: "el-tags-container" }, rG = { class: "el-tags-container" }, iG = { class: "search-filters transition-box" }, aG = { key: 0 }, oG = { class: "sidebar-cascader-search el-input" }, sG = { class: "el-input__wrapper" }, cG = ["value", "onInput"], lG = { key: 1 }, uG = {
+}, iG = { class: "el-tags-container" }, aG = { class: "el-tags-container" }, oG = { class: "search-filters transition-box" }, sG = { key: 0 }, cG = { class: "sidebar-cascader-search el-input" }, lG = { class: "el-input__wrapper" }, uG = ["value", "onInput"], dG = { key: 1 }, fG = {
 	key: 0,
 	class: "sr-only"
-}, dG = {
+}, pG = {
 	key: 0,
 	class: "filter-default-value"
-}, fG = { class: "dataset-shown" }, pG = { class: "dataset-results-feedback" };
-function mG(e, n, r, i, a, o) {
+}, mG = { class: "dataset-shown" }, hG = { class: "dataset-results-feedback" };
+function gG(e, n, r, i, a, o) {
 	let s = H("MapSvgSpriteColor"), f = Ug, h = kx, g = Cy, _ = Sy, v = vy, y = H("MapSvgIcon"), b = x_, x = b_, S = Bx;
-	return L(), u("div", $W, [
+	return L(), u("div", tG, [
 		m(s),
-		o.showFilters && e.options.length > 0 ? (L(), u("div", eG, [e.presentTags.length > 0 ? (L(), u("div", tG, [m(f, {
+		o.showFilters && e.options.length > 0 ? (L(), u("div", nG, [e.presentTags.length > 0 ? (L(), u("div", rG, [m(f, {
 			class: "ml-2",
 			type: "info",
 			closable: "",
@@ -25735,7 +25761,7 @@ function mG(e, n, r, i, a, o) {
 			trigger: "hover",
 			"popper-class": "cascade-tags-popover"
 		}, {
-			default: K(() => [d("div", nG, [(L(!0), u(t, null, ie(e.presentTags.slice(1), (e, t) => (L(), c(f, {
+			default: K(() => [d("div", iG, [(L(!0), u(t, null, ie(e.presentTags.slice(1), (e, t) => (L(), c(f, {
 				key: t,
 				class: D(["ml-2", o.modifyCascaderTagStyle(e)]),
 				type: "info",
@@ -25745,7 +25771,7 @@ function mG(e, n, r, i, a, o) {
 				default: K(() => [p(U(e), 1)]),
 				_: 2
 			}, 1032, ["class", "onClose"]))), 128))])]),
-			reference: K(() => [d("div", rG, [e.presentTags.length > 1 ? (L(), c(f, {
+			reference: K(() => [d("div", aG, [e.presentTags.length > 1 ? (L(), c(f, {
 				key: 0,
 				class: "ml-2",
 				type: "info"
@@ -25754,7 +25780,7 @@ function mG(e, n, r, i, a, o) {
 				_: 1
 			})) : l("", !0)])]),
 			_: 1
-		})) : l("", !0)])) : l("", !0), Ce((L(), u("span", iG, [
+		})) : l("", !0)])) : l("", !0), Ce((L(), u("span", oG, [
 			m(v, {
 				class: "cascader",
 				ref: "cascader",
@@ -25771,7 +25797,7 @@ function mG(e, n, r, i, a, o) {
 				"show-all-levels": !0,
 				"popper-class": "sidebar-cascader-popper"
 			}, {
-				default: K(({ node: t, data: r }) => [o.isFlatmapConnectionsFilterNode(t) ? (L(), u("div", aG, [d("div", oG, [d("div", sG, [d("input", {
+				default: K(({ node: t, data: r }) => [o.isFlatmapConnectionsFilterNode(t) ? (L(), u("div", sG, [d("div", cG, [d("div", lG, [d("input", {
 					class: "el-input__inner",
 					ref: "searchInput_" + t.pathValues[0],
 					value: e.searchInputs[t.pathValues[0]],
@@ -25781,7 +25807,7 @@ function mG(e, n, r, i, a, o) {
 					style: { width: "100%" },
 					autocomplete: "off",
 					placeholder: "Search"
-				}, null, 40, cG)])])])) : (L(), u("div", lG, [m(_, null, {
+				}, null, 40, uG)])])])) : (L(), u("div", dG, [m(_, null, {
 					default: K(() => [o.hasLineStyles(r) ? (L(), c(g, {
 						key: 0,
 						span: 4
@@ -25792,7 +25818,7 @@ function mG(e, n, r, i, a, o) {
 						}, null, 4)]),
 						_: 2
 					}, 1024)) : l("", !0), m(g, { span: 20 }, {
-						default: K(() => [o.isFlatmapConnectionsNode(t) ? (L(), u("span", uG, U(o.getNodeKey(t.value)), 1)) : l("", !0), d("div", { style: k(o.getBackgroundStyles(r)) }, U(r.label), 5)]),
+						default: K(() => [o.isFlatmapConnectionsNode(t) ? (L(), u("span", fG, U(o.getNodeKey(t.value)), 1)) : l("", !0), d("div", { style: k(o.getBackgroundStyles(r)) }, U(r.label), 5)]),
 						_: 2
 					}, 1024)]),
 					_: 2
@@ -25804,7 +25830,7 @@ function mG(e, n, r, i, a, o) {
 				"props",
 				"onExpandChange"
 			]),
-			e.showFiltersText ? (L(), u("div", dG, "Filters")) : l("", !0),
+			e.showFiltersText ? (L(), u("div", pG, "Filters")) : l("", !0),
 			m(h, {
 				title: "How do filters work?",
 				width: "250",
@@ -25830,7 +25856,7 @@ function mG(e, n, r, i, a, o) {
 				_: 1
 			})
 		])), [[S, !e.cascaderIsReady]])])) : l("", !0),
-		d("div", fG, [d("span", pG, U(o.numberOfResultsText), 1), m(x, {
+		d("div", mG, [d("span", hG, U(o.numberOfResultsText), 1), m(x, {
 			class: "number-shown-select",
 			modelValue: e.numberShown,
 			"onUpdate:modelValue": n[5] ||= (t) => e.numberShown = t,
@@ -25846,13 +25872,13 @@ function mG(e, n, r, i, a, o) {
 		}, 8, ["modelValue"])])
 	]);
 }
-var hG = /*#__PURE__*/ uS(QW, [["render", mG], ["__scopeId", "data-v-0a744116"]]), gG = async function(e) {
+var _G = /*#__PURE__*/ uS(eG, [["render", gG], ["__scopeId", "data-v-30ec8d0a"]]), vG = async function(e) {
 	if (!e.ok) {
 		let t = await e.json();
 		throw Error(t ? t.message : e);
 	}
 	return e;
-}, _G = {
+}, yG = {
 	searchInput: "",
 	lastSearch: "",
 	results: [],
@@ -25865,12 +25891,12 @@ var hG = /*#__PURE__*/ uS(QW, [["render", mG], ["__scopeId", "data-v-0a744116"]]
 	start: 0,
 	hasSearched: !1,
 	contextCardEnabled: !1
-}, vG = {
+}, bG = {
 	components: {
-		SearchFilters: hG,
+		SearchFilters: _G,
 		DatasetCard: MU,
-		SearchHistory: JU,
-		MapSvgIcon: ZU
+		SearchHistory: ZU,
+		MapSvgIcon: eW
 	},
 	name: "DatasetExplorer",
 	props: {
@@ -25884,7 +25910,7 @@ var hG = /*#__PURE__*/ uS(QW, [["render", mG], ["__scopeId", "data-v-0a744116"]]
 		},
 		entry: {
 			type: Object,
-			default: () => _G
+			default: () => yG
 		},
 		envVars: {
 			type: Object,
@@ -25975,9 +26001,9 @@ var hG = /*#__PURE__*/ uS(QW, [["render", mG], ["__scopeId", "data-v-0a744116"]]
 			this.$refs.searchHistory.selectValue = "Search history", (e.length || t?.trim()) && this.$refs.searchHistory.addSearchToHistory(e, t);
 		},
 		searchAlgolia(e, t = "") {
-			this.loadingCards = !0, this.algoliaClient.anatomyInSearch(JW(e), t).then((e) => {
+			this.loadingCards = !0, this.algoliaClient.anatomyInSearch(ZW(e), t).then((e) => {
 				vz.emit("anatomy-in-datasets", e.forFlatmap), vz.emit("number-of-datasets-for-anatomies", e.forScaffold);
-			}), this.algoliaClient.search(JW(e), t, this.numberPerPage, this.page).then((e) => {
+			}), this.algoliaClient.search(ZW(e), t, this.numberPerPage, this.page).then((e) => {
 				this.numberOfHits = e.total, this.discoverIds = e.discoverIds, this._dois = e.dois, this.results = e.items, this.loadingCards = !1, this.scrollToTop(), this.$emit("search-changed", {
 					value: this.searchInput,
 					tabType: "dataset",
@@ -26066,11 +26092,11 @@ var hG = /*#__PURE__*/ uS(QW, [["render", mG], ["__scopeId", "data-v-0a744116"]]
 		callSciCrunch: function(e, t = {}, n) {
 			return new Promise((e, r) => {
 				let i = this.envVars.API_LOCATION + this.searchEndpoint + "?" + this.createfilterParams(t);
-				fetch(i, { signal: n }).then(gG).then((e) => e.json()).then((t) => e(t)).catch((e) => r(e));
+				fetch(i, { signal: n }).then(vG).then((e) => e.json()).then((t) => e(t)).catch((e) => r(e));
 			});
 		},
 		getAlgoliaFacets: async function() {
-			return await this.algoliaClient.getAlgoliaFacets(qW);
+			return await this.algoliaClient.getAlgoliaFacets(XW);
 		},
 		searchHistorySearch: function(e) {
 			this.searchInput = e.search, this.filter = e.filters, this.openSearch([...e.filters], e.search);
@@ -26083,25 +26109,25 @@ var hG = /*#__PURE__*/ uS(QW, [["render", mG], ["__scopeId", "data-v-0a744116"]]
 		}
 	},
 	mounted: function() {
-		this.algoliaClient = w(new KW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.openSearch(this.filter, this.searchInput);
+		this.algoliaClient = w(new YW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.openSearch(this.filter, this.searchInput);
 	},
 	created: function() {
 		this.searchEndpoint = "dataset_info/using_multiple_dois/";
 	}
-}, yG = { class: "header" }, bG = {
+}, xG = { class: "header" }, SG = {
 	class: "content scrollbar",
 	ref: "content"
-}, xG = {
+}, CG = {
 	key: 0,
 	class: "error-feedback"
 };
-function SG(e, n, r, i, a, o) {
-	let s = Oh, f = H("MapSvgIcon"), h = kx, g = Rg, _ = hG, v = JU, y = MU, b = wx, x = C_, S = Bx;
+function wG(e, n, r, i, a, o) {
+	let s = Oh, f = H("MapSvgIcon"), h = kx, g = Rg, _ = _G, v = ZU, y = MU, b = wx, x = C_, S = Bx;
 	return L(), c(x, {
 		"body-style": e.bodyStyle,
 		class: "content-card"
 	}, {
-		header: K(() => [d("div", yG, [
+		header: K(() => [d("div", xG, [
 			d("div", { class: D(["search-input-container", { "is-focus": e.searchInput }]) }, [m(s, {
 				class: "search-input",
 				placeholder: "Search",
@@ -26195,8 +26221,8 @@ function SG(e, n, r, i, a, o) {
 				localStorageKey: "sparc.science-dataset-search-history",
 				onSearch: o.searchHistorySearch
 			}, null, 8, ["onSearch"]),
-			Ce((L(), u("div", bG, [
-				e.results.length === 0 && !e.loadingCards ? (L(), u("div", xG, " No results found - Please change your search / filter criteria. ")) : l("", !0),
+			Ce((L(), u("div", SG, [
+				e.results.length === 0 && !e.loadingCards ? (L(), u("div", CG, " No results found - Please change your search / filter criteria. ")) : l("", !0),
 				(L(!0), u(t, null, ie(e.results, (e) => (L(), u("div", {
 					key: e.doi,
 					class: "step-item"
@@ -26232,7 +26258,894 @@ function SG(e, n, r, i, a, o) {
 		_: 1
 	}, 8, ["body-style"]);
 }
-var CG = /*#__PURE__*/ uS(vG, [["render", SG], ["__scopeId", "data-v-96a11064"]]), wG = {
+var TG = /*#__PURE__*/ uS(bG, [["render", wG], ["__scopeId", "data-v-96a11064"]]), EG = {}, DG = {
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	focusable: "false"
+};
+function OG(e, t) {
+	return L(), u("svg", DG, [...t[0] ||= [d("g", {
+		stroke: "none",
+		"stroke-width": "1",
+		fill: "none",
+		"fill-rule": "evenodd"
+	}, [
+		d("polygon", {
+			fill: "currentColor",
+			"fill-rule": "nonzero",
+			transform: "translate(15.500000, 8.878680) rotate(225.000000) translate(-15.500000, -8.878680)",
+			points: "16.25 4.12867966 16.25 13.6286797 14.75 13.6286797 14.75 4.12867966"
+		}),
+		d("polygon", {
+			fill: "currentColor",
+			"fill-rule": "nonzero",
+			transform: "translate(17.500000, 6.918996) rotate(225.000000) translate(-17.500000, -6.918996)",
+			points: "20.9294459 3.82036868 22.058311 4.80812559 17.5 10.0176239 12.941689 4.80812559 14.0705541 3.82036868 17.5 7.739"
+		}),
+		d("polygon", {
+			fill: "currentColor",
+			"fill-rule": "nonzero",
+			points: "11.6570511 7.25 11.6570511 8.75 5.75 8.75 5.75 16.25 15.25 16.25 15.25 11.2267933 16.75 11.2267933 16.75 17.75 4.25 17.75 4.25 7.25"
+		})
+	], -1)]]);
+}
+var kG = /*#__PURE__*/ uS(EG, [["render", OG]]), AG = {
+	soma_tg: "trigeminal ganglion",
+	soma_drg: "dorsal root ganglion"
+}, jG = {
+	name: "CellCard",
+	components: {
+		CopyToClipboard: $e,
+		IconOpenExternal: kG
+	},
+	props: {
+		cellType: {
+			type: Object,
+			required: !0
+		},
+		isActive: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"open",
+		"close",
+		"soma-location-hovered",
+		"dataset-search",
+		"connectivity-search",
+		"related-cell-click"
+	],
+	data() {
+		return {
+			cardElement: null,
+			activeSearchPopoverLocationId: null
+		};
+	},
+	mounted: function() {
+		this.cardElement = this.$refs.cardElementRef;
+	},
+	computed: {
+		cardStyleVars: function() {
+			return { "--cell-card-source-color": this.cellType?.sourceColor || this.cellType?.color || "#8300bf" };
+		},
+		formattedMarkerGenes: function() {
+			return (this.cellType?.markerGenes || []).map((e, t) => {
+				let n = String(e?.name || "").trim(), r = String(e?.expression || "").trim(), i = this.sanitizeMarkerGeneUri(e?.uri, r);
+				return !n || !i ? null : {
+					key: `${n}-${r || "none"}-${t}`,
+					name: n,
+					expression: r,
+					uri: i
+				};
+			}).filter(Boolean);
+		},
+		updatedCopyContent: function() {
+			let { preferredLabel: e, entity: t, species: n, somaLocations: r, circuitRole: i, creLine: a, geneExpressionString: o, fiberTypeString: s, physiologyString: c, relatedCells: l, alertNotes: u, curatorNotes: d, sourceNomenclature: f, sourceNomenclatureLabel: p } = this.cellType, m = [];
+			if (e && m.push(`<div><strong>Cell Type:</strong> ${e}</div>`), t && m.push(`<div><strong>Entity:</strong> ${t}</div>`), n && m.push(`<div><strong>Species:</strong> ${n}</div>`), r?.length) {
+				let e = r.map((e) => `<li>${e}</li>`).join("");
+				m.push(`<div><strong>Soma Locations:</strong><ul>${e}</ul></div>`);
+			}
+			if (i && m.push(`<div><strong>Circuit Role:</strong> ${i}</div>`), a && m.push(`<div><strong>Cre Line:</strong> ${a}</div>`), o && m.push(`<div><strong>Marker Genes:</strong> ${o}</div>`), s && m.push(`<div><strong>Axon Phenotype:</strong> ${s}</div>`), c && m.push(`<div><strong>Physiology:</strong> ${c}</div>`), l?.length) {
+				let e = l.map((e) => e?.label).filter(Boolean).map((e) => `<li>${e}</li>`).join("");
+				e && m.push(`<div><strong>Related Species Variants:</strong><ul>${e}</ul></div>`);
+			}
+			if (p) {
+				let e = f ? `${p} (<a href="${f}">${f}</a>)` : p;
+				m.push(`<div><strong>Source Publication:</strong> ${e}</div>`);
+			}
+			if (u?.length) {
+				let e = u.map((e) => FU(e)).join("\n");
+				m.push(`<div><strong>Alert Notes:</strong></div>\n${e}`);
+			}
+			if (d?.length) {
+				let e = d.map((e) => FU(e)).join("\n");
+				m.push(`<div><strong>Curator Notes:</strong></div>\n${e}`);
+			}
+			return m.join("\n");
+		},
+		somaLocations: function() {
+			return this.cellType.somaLocations.map((e) => {
+				let t = Object.keys(AG).find((t) => AG[t] === e) || "";
+				return this.cellType.clusterAttributes?.[t] ? {
+					name: PU(e),
+					id: t
+				} : !1;
+			});
+		}
+	},
+	methods: {
+		sanitizeMarkerGeneUri: function(e, t = "") {
+			let n = String(e || "").trim(), r = String(t || "").trim();
+			if (!n) return "";
+			if (r) {
+				let e = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+				n = n.replace(RegExp(`\\s+${e}$`, "i"), "");
+			}
+			return n.trim();
+		},
+		transformString: function(e) {
+			return e ? e.replace(/\^(\w+)/g, "<sup>$1</sup>") : "";
+		},
+		onCopied: function() {
+			vz.emit("trackEvent", {
+				event_name: "portal_maps_cell_card_copy",
+				category: this.cellType.preferredLabel || "",
+				location: "map_sidebar_cell_card"
+			});
+		},
+		openCard: function() {
+			this.$emit("open", this.cellType.id), vz.emit("trackEvent", {
+				event_name: "portal_maps_cell_card_open",
+				category: this.cellType.id || "",
+				location: "map_sidebar_cell_card"
+			});
+		},
+		closeCard: function() {
+			this.$emit("close"), vz.emit("trackEvent", {
+				event_name: "portal_maps_cell_card_close",
+				category: this.cellType.id || "",
+				location: "map_sidebar_cell_card"
+			});
+		},
+		showSomaLocation: function(e) {
+			this.$emit("soma-location-hovered", e);
+		},
+		openDatasetSearch: function(e) {
+			this.$emit("dataset-search", {
+				species: PU(this.cellType?.species),
+				location: e
+			});
+		},
+		openConnectivitySearch: function(e) {
+			let t = localStorage.getItem("available-name-curie-mapping"), n = t ? JSON.parse(t) : {}, r = Object.keys(n).find((t) => n[t].toLowerCase() === e.toLowerCase()), i = r ? [{
+				facet: `["${r}",[]]`,
+				facetPropPath: "flatmap.connectivity.source.all",
+				tagLabel: e,
+				term: "All"
+			}] : [];
+			this.$emit("connectivity-search", {
+				facets: i,
+				query: ""
+			});
+		},
+		onSearchPopoverShow: function(e) {
+			this.activeSearchPopoverLocationId = e;
+		},
+		onSearchPopoverHide: function(e) {
+			this.activeSearchPopoverLocationId === e && (this.activeSearchPopoverLocationId = null);
+		},
+		showAlertMessage: function() {
+			IU(this, "alertElement");
+		},
+		formatAlertText: function(e) {
+			return FU(e);
+		}
+	}
+}, MG = { class: "title-content" }, NG = { class: "card-title" }, PG = { class: "card-keywords" }, FG = { class: "card-chips" }, IG = {
+	key: 0,
+	class: "source-publication-chip"
+}, LG = { class: "card-details" }, RG = { class: "card-details-inner" }, zG = {
+	key: 0,
+	class: "card-section"
+}, BG = {
+	key: 1,
+	class: "card-section"
+}, VG = {
+	key: 2,
+	class: "card-section"
+}, HG = { class: "card-list-items" }, UG = ["onMouseenter"], WG = { class: "card-list-search" }, GG = { class: "search-action-list" }, KG = ["onClick"], qG = ["onClick"], JG = {
+	key: 3,
+	class: "card-section"
+}, YG = {
+	key: 4,
+	class: "card-section"
+}, XG = {
+	key: 5,
+	class: "card-section"
+}, ZG = { class: "marker-genes-list" }, QG = ["href"], $G = { key: 0 }, eK = {
+	key: 6,
+	class: "card-section"
+}, tK = { class: "card-section-content" }, nK = {
+	key: 7,
+	class: "card-section"
+}, rK = { class: "card-section-content success" }, iK = {
+	key: 8,
+	class: "card-section"
+}, aK = { class: "related-cell-list" }, oK = ["onClick"], sK = {
+	key: 9,
+	class: "card-section source-publication-section"
+}, cK = ["href"], lK = {
+	key: 10,
+	class: "card-section",
+	ref: "alertElement"
+}, uK = { class: "alert-block" }, dK = {
+	key: 0,
+	class: "alert-block-section"
+}, fK = ["innerHTML"], pK = {
+	key: 1,
+	class: "alert-block-section"
+}, mK = ["innerHTML"];
+function hK(e, n, r, i, a, o) {
+	let s = Ke, f = zp, h = Rg, g = H("CopyToClipboard"), _ = Pe, v = kx, y = Ue, b = kG;
+	return L(), u("div", {
+		ref: "cardElementRef",
+		class: D(["card", { active: r.isActive }]),
+		style: k(o.cardStyleVars)
+	}, [d("div", {
+		class: "card-header",
+		onClick: n[1] ||= (...e) => o.openCard && o.openCard(...e)
+	}, [d("div", MG, [
+		d("div", NG, U(r.cellType.preferredLabel), 1),
+		d("div", PG, [
+			d("span", null, U(r.cellType.species), 1),
+			d("div", FG, [(L(!0), u(t, null, ie(r.cellType.somaLocations, (e) => (L(), u("span", {
+				class: "card-chip",
+				key: e
+			}, U(e), 1))), 128))]),
+			r.cellType.sourceNomenclature ? (L(), u("span", IG, U(r.cellType.sourceNomenclatureLabel), 1)) : l("", !0)
+		]),
+		r.isActive && (r.cellType.alertNotes?.length || r.cellType.curatorNotes?.length) ? (L(), c(h, {
+			key: 0,
+			round: "",
+			size: "small",
+			class: "alert-chip",
+			onClick: Te(o.showAlertMessage, ["stop"])
+		}, {
+			default: K(() => [m(f, { class: "alert" }, {
+				default: K(() => [m(s)]),
+				_: 1
+			}), n[3] ||= p(" Notes ", -1)]),
+			_: 1
+		}, 8, ["onClick"])) : l("", !0)
+	]), d("div", {
+		class: "title-buttons",
+		onClick: n[0] ||= Te(() => {}, ["stop"])
+	}, [m(g, {
+		onCopied: o.onCopied,
+		content: o.updatedCopyContent
+	}, null, 8, ["onCopied", "content"]), m(v, {
+		width: "auto",
+		trigger: "hover",
+		teleported: !1,
+		"popper-class": "popover-map-pin"
+	}, {
+		reference: K(() => [m(h, {
+			class: "button-circle",
+			circle: "",
+			onClick: o.closeCard
+		}, {
+			default: K(() => [m(f, { color: "white" }, {
+				default: K(() => [m(_)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["onClick"])]),
+		default: K(() => [n[4] ||= d("span", null, "Close", -1)]),
+		_: 1
+	})])]), d("div", LG, [d("div", RG, [
+		r.cellType.entity ? (L(), u("div", zG, [n[5] ||= d("div", { class: "card-section-title" }, "Entity", -1), d("span", null, U(r.cellType.entity), 1)])) : l("", !0),
+		r.cellType.species ? (L(), u("div", BG, [n[6] ||= d("div", { class: "card-section-title" }, "Species", -1), d("span", null, U(r.cellType.species), 1)])) : l("", !0),
+		r.cellType.somaLocations?.length ? (L(), u("div", VG, [n[7] ||= d("div", { class: "card-section-title" }, "Soma Location", -1), d("div", HG, [(L(!0), u(t, null, ie(o.somaLocations, (e) => (L(), u("div", {
+			class: "card-list-item",
+			key: e.id,
+			onMouseenter: (t) => o.showSomaLocation(e.name),
+			onMouseleave: n[2] ||= (e) => o.showSomaLocation()
+		}, [d("span", null, U(e.name), 1), d("div", WG, [m(v, {
+			width: "180",
+			trigger: "hover",
+			teleported: !0,
+			"append-to": a.cardElement,
+			"popper-class": "popover-origin-help popover-search-actions",
+			onShow: (t) => o.onSearchPopoverShow(e.id),
+			onHide: (t) => o.onSearchPopoverHide(e.id)
+		}, {
+			reference: K(() => [m(f, { class: D(["status-search-icon", { "is-visible": a.activeSearchPopoverLocationId === e.id }]) }, {
+				default: K(() => [m(y)]),
+				_: 1
+			}, 8, ["class"])]),
+			default: K(() => [d("div", GG, [d("button", {
+				type: "button",
+				class: "search-action-button",
+				onClick: (t) => o.openDatasetSearch(e.name)
+			}, " Search dataset ", 8, KG), d("button", {
+				type: "button",
+				class: "search-action-button",
+				onClick: (t) => o.openConnectivitySearch(e.name)
+			}, " Search connectivity ", 8, qG)])]),
+			_: 2
+		}, 1032, [
+			"append-to",
+			"onShow",
+			"onHide"
+		])])], 40, UG))), 128))])])) : l("", !0),
+		r.cellType.circuitRole ? (L(), u("div", JG, [n[8] ||= d("div", { class: "card-section-title" }, "Circuit Role", -1), d("span", null, U(r.cellType.circuitRole), 1)])) : l("", !0),
+		r.cellType.creLine ? (L(), u("div", YG, [n[9] ||= d("div", { class: "card-section-title" }, "Cre Line", -1), d("span", null, U(r.cellType.creLine), 1)])) : l("", !0),
+		o.formattedMarkerGenes.length ? (L(), u("div", XG, [n[10] ||= d("div", { class: "card-section-title" }, "Marker Genes", -1), d("div", ZG, [(L(!0), u(t, null, ie(o.formattedMarkerGenes, (e) => (L(), u("a", {
+			key: e.key,
+			class: "marker-gene-link",
+			href: e.uri,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}, [
+			d("span", null, U(e.name), 1),
+			e.expression ? (L(), u("sup", $G, U(e.expression), 1)) : l("", !0),
+			m(b, { class: "external-link-icon" })
+		], 8, QG))), 128))])])) : l("", !0),
+		r.cellType.fiberTypeString ? (L(), u("div", eK, [n[11] ||= d("div", { class: "card-section-title" }, "Axon Phenotype", -1), d("div", tK, U(r.cellType.fiberTypeString), 1)])) : l("", !0),
+		r.cellType.physiologyString ? (L(), u("div", nK, [n[12] ||= d("div", { class: "card-section-title" }, "Physiology", -1), d("div", rK, U(r.cellType.physiologyString), 1)])) : l("", !0),
+		r.cellType.relatedCells?.length ? (L(), u("div", iK, [n[13] ||= d("div", { class: "card-section-title" }, "Related Species Variants", -1), d("ul", aK, [(L(!0), u(t, null, ie(r.cellType.relatedCells, (t) => (L(), u("li", { key: t }, [d("button", {
+			class: "related-cell-item",
+			onClick: Te((n) => e.$emit("related-cell-click", t), ["stop"]),
+			title: "Click to view this cell type"
+		}, U(t.label), 9, oK)]))), 128))])])) : l("", !0),
+		r.cellType.sourceNomenclature ? (L(), u("div", sK, [n[14] ||= d("div", { class: "card-section-title" }, "Source Publication", -1), d("p", null, [d("a", {
+			class: "source-publication-link",
+			href: r.cellType.sourceNomenclature,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}, [p(U(r.cellType.sourceNomenclatureLabel) + " ", 1), m(b, { class: "external-link-icon" })], 8, cK)])])) : l("", !0),
+		r.cellType.alertNotes?.length || r.cellType.curatorNotes?.length ? (L(), u("div", lK, [n[17] ||= d("div", { class: "card-section-title" }, "Notes", -1), d("div", uK, [r.cellType.alertNotes?.length ? (L(), u("div", dK, [n[15] ||= d("div", { class: "alert-block-title" }, "Alert Notes:", -1), (L(!0), u(t, null, ie(r.cellType.alertNotes, (e, t) => (L(), u("div", {
+			key: `alert-${t}`,
+			innerHTML: o.formatAlertText(e),
+			class: "alert-block-note"
+		}, null, 8, fK))), 128))])) : l("", !0), r.cellType.curatorNotes?.length ? (L(), u("div", pK, [n[16] ||= d("div", { class: "alert-block-title" }, "Curator Notes:", -1), (L(!0), u(t, null, ie(r.cellType.curatorNotes, (e, t) => (L(), u("div", {
+			key: `curator-${t}`,
+			innerHTML: o.formatAlertText(e),
+			class: "alert-block-note"
+		}, null, 8, mK))), 128))])) : l("", !0)])], 512)) : l("", !0)
+	])])], 6);
+}
+var gK = /*#__PURE__*/ uS(jG, [["render", hK], ["__scopeId", "data-v-f5dc9340"]]), _K = null, vK = null, yK = {
+	components: {
+		SearchFilters: _G,
+		SearchHistory: ZU,
+		CellCard: gK,
+		MapSvgIcon: eW
+	},
+	name: "CellCardExplorer",
+	emits: [
+		"soma-location-hovered",
+		"dataset-search",
+		"connectivity-search",
+		"soma-locations-ready"
+	],
+	props: {
+		envVars: {
+			type: Object,
+			default: () => {}
+		},
+		activeSpecies: {
+			type: Array,
+			default: () => []
+		}
+	},
+	data: function() {
+		return {
+			bodyStyle: {
+				flex: "1 1 auto",
+				"flex-flow": "column",
+				display: "flex"
+			},
+			allCellTypes: [],
+			cellTypes: [],
+			filterOptions: [],
+			activeFilters: [],
+			searchInput: "",
+			numberPerPage: 10,
+			page: 1,
+			start: 0,
+			totalFilteredCount: 0,
+			loadingCards: !1,
+			activeCardId: null,
+			cascaderIsReady: !1,
+			geneBaseToDisplay: {},
+			geneDisplayToBase: {}
+		};
+	},
+	computed: { filterEntry: function() {
+		return {
+			numberOfHits: this.totalFilteredCount,
+			filterFacets: this.activeFilters,
+			showFilters: !0,
+			options: this.filterOptions,
+			helper: {
+				within: "'mouse' OR 'human'",
+				between: "'species' AND 'soma location'"
+			}
+		};
+	} },
+	watch: { activeSpecies: {
+		deep: !0,
+		immediate: !0,
+		handler: "syncActiveSpeciesFilters"
+	} },
+	mounted: function() {
+		this.fetchCellTypes(this.envVars.CELL_CARDS_API);
+	},
+	methods: {
+		syncCascaderFromActiveFilters: function() {
+			if (!(!this.cascaderIsReady || !this.$refs.filtersRef)) {
+				if (this.activeFilters.length) {
+					this.$refs.filtersRef.setCascader(this.activeFilters);
+					return;
+				}
+				this.$refs.filtersRef.checkShowAllBoxes();
+			}
+		},
+		syncActiveSpeciesFilters: function() {
+			this.page = 1, this.start = 0;
+			let e = this.getValidatedActiveSpecies(), t = this.activeFilters.filter((e) => e?.term?.toLowerCase() !== "species"), n = e.map((e) => ({
+				facetPropPath: "species",
+				facet: PU(e),
+				term: "Species",
+				tagLabel: PU(e)
+			}));
+			this.activeFilters = [...t, ...n], this.syncCascaderFromActiveFilters(), this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions);
+		},
+		getCellCardsData: async function(e) {
+			return _K || (vK ||= fetch(e).then((e) => {
+				if (!e.ok) throw Error(`HTTP error! status: ${e.status}`);
+				return e.json();
+			}).then((e) => (_K = e, e)).finally(() => {
+				vK = null;
+			}), vK);
+		},
+		fetchCellTypes: async function(e) {
+			if (e) {
+				this.loadingCards = !0;
+				try {
+					let t = await this.getCellCardsData(e);
+					if (t.DEFAULT_CELL_TYPES) {
+						let e = t.DEFAULT_CELL_TYPES.map((e) => ({
+							...e,
+							id: NU()
+						}));
+						this.setGeneMappings(t.DEFAULT_GENES), this.allCellTypes = e, this.filterOptions = this.buildFilterOptions(e), this.emitSomaLocations(this.filterOptions), this.syncActiveSpeciesFilters();
+					}
+				} catch (e) {
+					console.error("Error fetching cell types:", e);
+				} finally {
+					this.loadingCards = !1;
+				}
+			}
+		},
+		activateCard: function(e) {
+			this.activeCardId = this.activeCardId === e ? null : e;
+		},
+		openCard: function(e) {
+			this.activeCardId = e;
+		},
+		closeCard: function() {
+			this.activeCardId = null;
+		},
+		openSearch: function(e, t) {
+			this.page = 1, this.start = 0, this.searchInput = String(t || "").trim();
+			let n = e.map((e) => ({
+				facetPropPath: "somaLocations",
+				facet: PU(e.facet || ""),
+				term: e.term || "",
+				tagLabel: PU(e.facet || "")
+			})), r = this.getValidatedActiveSpecies().map((e) => ({
+				facetPropPath: "species",
+				facet: PU(e),
+				term: "Species",
+				tagLabel: PU(e)
+			}));
+			this.activeFilters = [...n, ...r], this.syncCascaderFromActiveFilters(), this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions), this.searchHistoryUpdate(this.activeFilters, this.searchInput), this.$nextTick(() => this.scrollToTop());
+		},
+		clearSearchClicked: function() {
+			this.searchInput = "", this.searchAndFilterUpdate();
+		},
+		searchEvent: function(e = !1) {
+			(e.keyCode === 13 || e instanceof MouseEvent) && (this.searchInput = this.searchInput.trim(), this.searchAndFilterUpdate());
+		},
+		onResetClick: function() {
+			this.searchInput = "", this.activeFilters = [], this.page = 1, this.start = 0, this.$refs.filtersRef?.checkShowAllBoxes(), this.$refs.searchHistory && (this.$refs.searchHistory.selectValue = "Search history"), this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions), vz.emit("trackEvent", {
+				event_name: "portal_maps_action_filter",
+				category: "reset",
+				location: "map_sidebar_cell_card_explorer"
+			});
+		},
+		searchAndFilterUpdate: function() {
+			this.page = 1, this.start = 0, this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions), this.searchHistoryUpdate(this.activeFilters, this.searchInput);
+		},
+		filterUpdate: function(e) {
+			this.activeFilters = [...e], this.page = 1, this.start = 0, this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions), this.searchHistoryUpdate(this.activeFilters, this.searchInput), this.loadingCards = !1;
+		},
+		numberPerPageUpdate: function(e) {
+			this.numberPerPage = parseInt(e, 10) || 10, vz.emit("trackEvent", {
+				event_name: "portal_maps_cell_card_perPage",
+				category: e + "",
+				location: "map_sidebar_cell_card_explorer"
+			});
+			let t = this.page === 1;
+			this.pageChange(1, t);
+		},
+		pageChange: function(e, t = !1) {
+			this.page = e, this.start = (e - 1) * this.numberPerPage, this.applyFilters(this.activeFilters), this.scrollToTop(), t || vz.emit("trackEvent", {
+				event_name: "portal_maps_cell_card_pagination",
+				category: `page_${this.page}`,
+				location: "map_sidebar_cell_card_explorer"
+			});
+		},
+		scrollToTop: function() {
+			this.$refs.content && this.$refs.content.scroll({
+				top: 0,
+				behavior: "smooth"
+			});
+		},
+		filtersLoading: function() {},
+		searchHistoryUpdate: function(e, t) {
+			this.$refs.searchHistory && (this.$refs.searchHistory.selectValue = "Search history", (e.length || t?.trim()) && this.$refs.searchHistory.addSearchToHistory(e, t));
+		},
+		searchHistorySearch: function(e) {
+			this.searchInput = e.search || "", this.activeFilters = Array.isArray(e.filters) ? [...e.filters] : [], this.page = 1, this.start = 0, this.applyFilters(this.activeFilters), this.$refs.filtersRef && (this.activeFilters.length ? this.$refs.filtersRef.setCascader(this.activeFilters) : this.$refs.filtersRef.checkShowAllBoxes()), this.emitSomaLocations(this.filterOptions);
+		},
+		cascaderReady: function() {
+			this.cascaderIsReady = !0, this.syncCascaderFromActiveFilters();
+		},
+		normalizeFacetValue: function(e) {
+			return String(e || "").trim().toLowerCase();
+		},
+		getSelectedSomaLocationFilters: function() {
+			return (this.activeFilters || []).filter((e) => this.normalizeFacetValue(e?.term) === "soma location" && this.normalizeFacetValue(e?.facet) !== "show all").map((e) => this.normalizeFacetValue(e?.facet)).filter(Boolean);
+		},
+		getAvailableSpeciesSet: function() {
+			let e = /* @__PURE__ */ new Set();
+			return this.allCellTypes.forEach((t) => {
+				let n = this.normalizeFacetValue(t?.species);
+				n && e.add(n);
+			}), e;
+		},
+		getValidatedActiveSpecies: function() {
+			let e = this.getAvailableSpeciesSet(), t = this.activeSpecies.map((e) => this.normalizeActiveSpeciesFilterTerm(e)).filter(Boolean);
+			return [...new Set(t)].filter((t) => e.has(t));
+		},
+		getCellTypesForActiveSpecies: function() {
+			let e = this.getValidatedActiveSpecies();
+			if (!e.length) return this.allCellTypes;
+			let t = new Set(e);
+			return this.allCellTypes.filter((e) => {
+				let n = this.normalizeActiveSpeciesFilterTerm(e?.species);
+				return t.has(n);
+			});
+		},
+		normalizeActiveSpeciesFilterTerm: function(e) {
+			let t = this.normalizeFacetValue(e);
+			return t === "human male" || t === "human female" ? "human" : t;
+		},
+		setGeneMappings: function(e) {
+			let t = {}, n = {};
+			(Array.isArray(e) ? e : []).forEach((e) => {
+				let r = this.normalizeFacetValue(e?.base), i = String(e?.display || "").trim(), a = this.normalizeFacetValue(i);
+				if (r) {
+					if (i) {
+						t[r] = i, n[a] = r;
+						return;
+					}
+					t[r] = r;
+				}
+			}), this.geneBaseToDisplay = t, this.geneDisplayToBase = n;
+		},
+		normalizeSearchTerms: function(e) {
+			return String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
+		},
+		getCellTypeSearchText: function(e) {
+			let t = (e.relatedCells || []).map((e) => e.label).filter(Boolean).join(" ");
+			return [
+				e.preferredLabel,
+				e.entity,
+				e.species,
+				(e.somaLocations || []).join(" "),
+				e.circuitRole,
+				e.creLine,
+				e.geneExpressionString,
+				e.fiberTypeString,
+				e.physiologyString,
+				e.sourceNomenclatureLabel,
+				t
+			].filter(Boolean).join(" ").toLowerCase();
+		},
+		matchSearchQuery: function(e, t) {
+			if (!t.length) return !0;
+			let n = this.getCellTypeSearchText(e);
+			return t.some((e) => n.includes(e));
+		},
+		buildFacetChildren: function(e, t) {
+			let n = /* @__PURE__ */ new Set();
+			return e.forEach((e) => {
+				let r = e[t];
+				if (Array.isArray(r)) {
+					r.forEach((e) => {
+						let t = String(e || "").trim();
+						t && n.add(t);
+					});
+					return;
+				}
+				let i = String(r || "").trim();
+				i && n.add(i);
+			}), [...n].sort((e, t) => e.localeCompare(t, void 0, { sensitivity: "base" })).map((e) => ({ label: e }));
+		},
+		buildFilterOptions: function(e) {
+			return [
+				{
+					key: "species",
+					label: "Species",
+					children: this.buildFacetChildren(e, "species")
+				},
+				{
+					key: "somaLocations",
+					label: "Soma location",
+					children: this.buildFacetChildren(e, "somaLocations")
+				},
+				{
+					key: "geneBaseNames",
+					label: "Gene",
+					children: this.buildGeneFacetChildren(e)
+				},
+				{
+					key: "sourceNomenclatureLabel",
+					label: "Source",
+					children: this.buildFacetChildren(e, "sourceNomenclatureLabel")
+				},
+				{
+					key: "notes",
+					label: "Notes",
+					children: [{ label: "with notes" }, { label: "without notes" }]
+				}
+			].filter((e) => e.children.length > 0);
+		},
+		emitSomaLocations: function(e) {
+			let t = (e || []).find((e) => e.key === "somaLocations"), n = localStorage.getItem("available-name-curie-mapping"), r = n ? JSON.parse(n) : {}, i = this.getSelectedSomaLocationFilters(), a = (this.activeFilters || []).length > 0 && i.length > 0, o = new Set(i), s = this.getFilteredCellTypes(this.activeFilters, this.searchInput).reduce((e, t) => ((Array.isArray(t?.somaLocations) ? t.somaLocations : []).forEach((t) => {
+				let n = String(t || "").trim().toLowerCase();
+				n && e.set(n, (e.get(n) || 0) + 1);
+			}), e), /* @__PURE__ */ new Map()), c = (t?.children || []).map((e) => String(e?.label || "").trim()).filter(Boolean).filter((e) => !a || o.has(e.toLowerCase())).map((e) => ({
+				label: e,
+				curie: Object.keys(r).find((t) => String(r[t] || "").toLowerCase() === e.toLowerCase()) || "",
+				count: s.get(e.toLowerCase()) || 0
+			})), l = [...new Map(c.map((e) => [e.label.toLowerCase(), e])).values()];
+			this.$emit("soma-locations-ready", l);
+		},
+		buildGeneFacetChildren: function(e) {
+			let t = /* @__PURE__ */ new Set();
+			return e.forEach((e) => {
+				(e.geneBaseNames || []).forEach((e) => {
+					let n = this.normalizeFacetValue(e);
+					n && t.add(n);
+				});
+			}), [...t].sort((e, t) => e.localeCompare(t, void 0, { sensitivity: "base" })).map((e) => ({ label: this.geneBaseToDisplay[e] || e }));
+		},
+		matchFieldFilter: function(e, t) {
+			let n = this.normalizeFacetValue(t.facet), r = this.normalizeFacetValue(t.term);
+			if (!n || n === "show all") return !0;
+			if (r === "species") return this.normalizeFacetValue(e.species) === n;
+			if (r === "soma location") return (e.somaLocations || []).some((e) => this.normalizeFacetValue(e) === n);
+			if (r === "gene") {
+				let t = this.geneDisplayToBase[n] || n;
+				return (e.geneBaseNames || []).some((e) => this.normalizeFacetValue(e) === t);
+			}
+			if (r === "circuit role") return this.normalizeFacetValue(e.circuitRole) === n;
+			if (r === "source") return this.normalizeFacetValue(e.sourceNomenclatureLabel) === n;
+			if (r === "notes") {
+				let t = e.alertNotes?.length > 0 || e.curatorNotes?.length > 0;
+				return n === "with notes" ? t : n === "without notes" && !t;
+			}
+			return !1;
+		},
+		getFilteredCellTypes: function(e = this.activeFilters, t = this.searchInput) {
+			let n = this.normalizeSearchTerms(t), r = (e || []).filter((e) => e?.term && e?.facet && this.normalizeFacetValue(e.facet) !== "show all").reduce((e, t) => {
+				let n = this.normalizeFacetValue(t.term);
+				return e[n] || (e[n] = []), e[n].push(t), e;
+			}, {}), i = Object.values(r);
+			return this.allCellTypes.filter((e) => i.every((t) => t.some((t) => this.matchFieldFilter(e, t)))).filter((e) => this.matchSearchQuery(e, n));
+		},
+		applyFilters: function(e) {
+			let t = this.getFilteredCellTypes(e, this.searchInput);
+			this.totalFilteredCount = t.length, this.cellTypes = t.slice(this.start, this.start + this.numberPerPage), this.cellTypes.some((e) => e.id === this.activeCardId) || (this.activeCardId = null), this.$emit("search-changed", {
+				query: this.searchInput,
+				filter: e,
+				tabType: "cellType"
+			});
+		},
+		onRelatedCellClick: function(e) {
+			let t = e.species, n = e.label, r = this.normalizeActiveSpeciesFilterTerm(t);
+			!this.activeFilters.some(function(e) {
+				return this.normalizeFacetValue(e.term) === "species" && this.normalizeFacetValue(e.facet) === this.normalizeFacetValue(r);
+			}, this) && r && this.activeFilters.push({
+				facetPropPath: "species",
+				facet: PU(r),
+				term: "Species",
+				tagLabel: PU(r)
+			}), this.searchInput = "", this.page = 1, this.start = 0, this.applyFilters(this.activeFilters), this.syncCascaderFromActiveFilters(), this.emitSomaLocations(this.filterOptions);
+			let i = this.allCellTypes.find(function(e) {
+				return (e.preferredLabel || "").toLowerCase() === (n || "").toLowerCase();
+			});
+			i && (this.activeCardId = i.id), this.$nextTick(function() {
+				this.scrollToTop();
+			});
+		},
+		showSomaLocation: function(e) {
+			this.$emit("soma-location-hovered", e);
+		},
+		onDatasetSearch: function(e) {
+			this.$emit("dataset-search", e);
+		},
+		onConnectivitySearch: function(e) {
+			this.$emit("connectivity-search", e);
+		},
+		getSearch: function() {
+			return this.searchInput;
+		},
+		getFilters: function() {
+			return this.activeFilters.some((e) => e.facet.toLowerCase() !== "show all") ? this.activeFilters : [];
+		}
+	}
+}, bK = { class: "header" }, xK = {
+	class: "content scrollbar",
+	ref: "content"
+};
+function SK(e, n, r, i, a, o) {
+	let s = Oh, l = H("MapSvgIcon"), f = kx, h = Rg, g = _G, _ = ZU, v = gK, y = wx, b = C_, x = Bx;
+	return L(), c(b, {
+		"body-style": e.bodyStyle,
+		class: "content-card"
+	}, {
+		header: K(() => [d("div", bK, [
+			d("div", { class: D(["search-input-container", { "is-focus": e.searchInput }]) }, [m(s, {
+				class: "search-input",
+				placeholder: "Search",
+				modelValue: e.searchInput,
+				"onUpdate:modelValue": n[0] ||= (t) => e.searchInput = t,
+				onKeyup: o.searchEvent,
+				clearable: "",
+				onClear: o.clearSearchClicked
+			}, null, 8, [
+				"modelValue",
+				"onKeyup",
+				"onClear"
+			]), m(f, {
+				width: "350",
+				trigger: "hover",
+				"popper-class": "filter-help-popover"
+			}, {
+				reference: K(() => [m(l, {
+					icon: "help",
+					class: "help"
+				})]),
+				default: K(() => [n[2] ||= d("div", null, [
+					d("strong", null, "Search rules:"),
+					d("ul", null, [d("li", null, [
+						d("strong", null, "Multiple Terms:"),
+						p(" Separate terms with a comma ( "),
+						d("code", null, ","),
+						p(" ). This will find cell cards that match any of the terms (an \"OR\" search). ")
+					]), d("li", null, [d("strong", null, "Exact Phrase:"), p(" Terms within a comma block will be matched as an exact phrase. ")])]),
+					d("br"),
+					d("strong", null, "Examples:"),
+					d("ul", null, [d("li", null, [
+						d("strong", null, "To find by exact phrase:"),
+						p(" Searching for "),
+						d("code", null, "soma location"),
+						p(" will find any card containing "),
+						d("code", null, "\"soma location\""),
+						p(" . ")
+					]), d("li", null, [
+						d("strong", null, "To find by multiple terms:"),
+						p(" Searching for "),
+						d("code", null, "mouse, vagal"),
+						p(" will find cards that contain either "),
+						d("code", null, "mouse"),
+						p(" OR "),
+						d("code", null, "vagal"),
+						p(" . ")
+					])])
+				], -1)]),
+				_: 1
+			})], 2),
+			m(h, {
+				type: "primary",
+				class: "button",
+				onClick: o.searchEvent,
+				size: "large"
+			}, {
+				default: K(() => [...n[3] ||= [p(" Search ", -1)]]),
+				_: 1
+			}, 8, ["onClick"]),
+			m(h, {
+				link: "",
+				class: "el-button-link",
+				onClick: o.onResetClick,
+				size: "large"
+			}, {
+				default: K(() => [...n[4] ||= [p("Reset", -1)]]),
+				_: 1
+			}, 8, ["onClick"])
+		])]),
+		default: K(() => [
+			m(g, {
+				class: "filters",
+				ref: "filtersRef",
+				entry: o.filterEntry,
+				envVars: r.envVars,
+				onFilterResults: o.filterUpdate,
+				onNumberPerPage: o.numberPerPageUpdate,
+				onLoading: o.filtersLoading,
+				onCascaderReady: o.cascaderReady
+			}, null, 8, [
+				"entry",
+				"envVars",
+				"onFilterResults",
+				"onNumberPerPage",
+				"onLoading",
+				"onCascaderReady"
+			]),
+			m(_, {
+				ref: "searchHistory",
+				localStorageKey: "sparc.science-cell-card-search-history",
+				onSearch: o.searchHistorySearch
+			}, null, 8, ["onSearch"]),
+			Ce((L(), u("div", xK, [(L(!0), u(t, null, ie(e.cellTypes, (t) => (L(), c(v, {
+				key: t.id,
+				cellType: t,
+				isActive: e.activeCardId === t.id,
+				onOpen: (e) => o.openCard(t.id),
+				onClose: o.closeCard,
+				onDatasetSearch: o.onDatasetSearch,
+				onConnectivitySearch: o.onConnectivitySearch,
+				onSomaLocationHovered: o.showSomaLocation,
+				onRelatedCellClick: o.onRelatedCellClick
+			}, null, 8, [
+				"cellType",
+				"isActive",
+				"onOpen",
+				"onClose",
+				"onDatasetSearch",
+				"onConnectivitySearch",
+				"onSomaLocationHovered",
+				"onRelatedCellClick"
+			]))), 128)), m(y, {
+				class: "pagination",
+				"current-page": e.page,
+				"onUpdate:currentPage": n[1] ||= (t) => e.page = t,
+				"hide-on-single-page": "",
+				large: "",
+				layout: "prev, pager, next",
+				"page-size": e.numberPerPage,
+				total: e.totalFilteredCount,
+				onCurrentChange: o.pageChange
+			}, null, 8, [
+				"current-page",
+				"page-size",
+				"total",
+				"onCurrentChange"
+			])])), [[x, e.loadingCards]])
+		]),
+		_: 1
+	}, 8, ["body-style"]);
+}
+var CK = /*#__PURE__*/ uS(yK, [["render", SK], ["__scopeId", "data-v-47788c18"]]), wK = {
 	name: "ContributorItem",
 	props: { contributor: {
 		type: Object,
@@ -26246,22 +27159,22 @@ var CG = /*#__PURE__*/ uS(vG, [["render", SG], ["__scopeId", "data-v-96a11064"]]
 			return this.contributor.url.indexOf("RRID:") > -1 ? "RRID:" + this.contributor.url.split("RRID:")[1] : "";
 		}
 	}
-}, TG = { class: "contributor-item" }, EG = { class: "popover-content" }, DG = { class: "popover-name" }, OG = {
+}, TK = { class: "contributor-item" }, EK = { class: "popover-content" }, DK = { class: "popover-name" }, OK = {
 	key: 0,
 	class: "popover-url"
-}, kG = ["href"], AG = {
+}, kK = ["href"], AK = {
 	key: 1,
 	class: "popover-url"
-}, jG = ["href"], MG = {
+}, jK = ["href"], MK = {
 	key: 2,
 	class: "popover-organization"
-}, NG = {
+}, NK = {
 	key: 3,
 	class: "popover-role"
 };
-function PG(e, t, n, r, i, a) {
+function PK(e, t, n, r, i, a) {
 	let o = kx;
-	return L(), u("div", TG, [m(o, {
+	return L(), u("div", TK, [m(o, {
 		placement: "top-start",
 		width: "320",
 		trigger: "hover",
@@ -26269,33 +27182,31 @@ function PG(e, t, n, r, i, a) {
 		teleported: !1
 	}, {
 		reference: K(() => [d("span", null, U(n.contributor.name), 1)]),
-		default: K(() => [d("div", EG, [
-			d("div", DG, U(n.contributor.name), 1),
-			n.contributor.orcidId ? (L(), u("div", OG, [
+		default: K(() => [d("div", EK, [
+			d("div", DK, U(n.contributor.name), 1),
+			n.contributor.orcidId ? (L(), u("div", OK, [
 				t[0] ||= d("strong", null, "ORCID iD", -1),
 				t[1] ||= p(" : ", -1),
 				d("a", {
 					href: n.contributor.url,
 					target: "_blank"
-				}, U(a.orcidId), 9, kG)
+				}, U(a.orcidId), 9, kK)
 			])) : l("", !0),
-			a.rrid ? (L(), u("div", AG, [
+			a.rrid ? (L(), u("div", AK, [
 				t[2] ||= d("strong", null, "RRID", -1),
 				t[3] ||= p(" : ", -1),
 				d("a", {
 					href: n.contributor.url,
 					target: "_blank"
-				}, U(a.rrid), 9, jG)
+				}, U(a.rrid), 9, jK)
 			])) : l("", !0),
-			n.contributor.organization ? (L(), u("div", MG, [t[4] ||= d("strong", null, "Organization", -1), p(" : " + U(n.contributor.organization), 1)])) : l("", !0),
-			n.contributor.role ? (L(), u("div", NG, [t[5] ||= d("strong", null, "Title", -1), p(" : " + U(n.contributor.role), 1)])) : l("", !0)
+			n.contributor.organization ? (L(), u("div", MK, [t[4] ||= d("strong", null, "Organization", -1), p(" : " + U(n.contributor.organization), 1)])) : l("", !0),
+			n.contributor.role ? (L(), u("div", NK, [t[5] ||= d("strong", null, "Title", -1), p(" : " + U(n.contributor.role), 1)])) : l("", !0)
 		])]),
 		_: 1
 	})]);
 }
-var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]), IG = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.substr(1).toLowerCase()), LG = function(e) {
-	return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
-}, RG = {
+var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]), IK = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.substr(1).toLowerCase()), LK = {
 	name: "ConnectivityInfo",
 	components: {
 		ElIconWarning: qe,
@@ -26308,7 +27219,7 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 		ConnectivityGraph: Xe,
 		ConnectivityList: Ze,
 		ConnectivityReconciliationList: Qe,
-		ContributorItem: FG
+		ContributorItem: FK
 	},
 	props: {
 		connectivityEntry: {
@@ -26438,10 +27349,10 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 	},
 	methods: {
 		titleCase: function(e) {
-			return IG(e);
+			return IK(e);
 		},
 		capitalise: function(e) {
-			return LG(e);
+			return PU(e);
 		},
 		toggleTitleExpansion: function() {
 			this.isTitleExpanded = !this.isTitleExpanded, this.isTitleExpanded || this.$nextTick(() => {
@@ -26523,7 +27434,7 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 		},
 		getUpdateCopyContent: function(e) {
 			if (!this.entry) return "";
-			let t = [], n = this.entry?.title || "", r = this.entryData?.["long-label"] || this.entry?.["long-label"] || "", i = this.entry.featureId, a = [], o = LG(r || n);
+			let t = [], n = this.entry?.title || "", r = this.entryData?.["long-label"] || this.entry?.["long-label"] || "", i = this.entry.featureId, a = [], o = PU(r || n);
 			o && a.push(`<div><strong>${o}</strong></div>`), i?.length && (typeof i == "object" ? a.push(`<div><strong>Id:</strong> ${i[0]}</div>`) : a.push(`<div><strong>Id:</strong> ${i}</div>`)), t.push(`<div>${a.join("\n")}</div>`), this.entry.provenanceTaxonomyLabel?.length && t.push(`<div>${this.provSpeciesDescription}</div>`), this.entry.paths && t.push(`<div>${this.entry.paths}</div>`);
 			let s = !1, c = !1;
 			function l(e, t, n = []) {
@@ -26532,7 +27443,7 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 					let t = [];
 					e.split(",").forEach((e) => {
 						let r = n.find((t) => t.name === e.trim());
-						r ? t.push(`${LG(e)} (${r.id})`) : t.push(`${LG(e)}`);
+						r ? t.push(`${PU(e)} (${r.id})`) : t.push(`${PU(e)}`);
 					}), i.push(t.join(","));
 				});
 				let a = i.map((e) => `<li>${e}</li>`).join("\n");
@@ -26548,12 +27459,12 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 					return typeof t == "string" ? t : t?.[0] || null;
 				}, a = r.map((e) => {
 					if (e?.sckanId && e?.mapId && JSON.stringify(e.sckanId) === JSON.stringify(e.mapId)) {
-						let t = i(e.mapId), n = LG(e.sckanLabel || e.mapLabel || "-");
+						let t = i(e.mapId), n = PU(e.sckanLabel || e.mapLabel || "-");
 						return t ? `${n} (${t})` : n;
 					}
-					let t = e?.sckanLabel ? LG(e.sckanLabel) : "-", n = i(e.sckanId), r = n ? `${t} (${n})` : t;
+					let t = e?.sckanLabel ? PU(e.sckanLabel) : "-", n = i(e.sckanId), r = n ? `${t} (${n})` : t;
 					if (!e?.mapId?.length || !e?.mapLabel) return s = !0, `<s>${r}</s> (unavailable on <strong>Map</strong>) *`;
-					let a = LG(e.mapLabel), o = i(e.mapId), l = o ? `${a} (${o})` : a;
+					let a = PU(e.mapLabel), o = i(e.mapId), l = o ? `${a} (${o})` : a;
 					return c = !0, `<s>${r}</s> (<strong>Map:</strong> ${l}) **`;
 				}).map((e) => `<li>${e}</li>`).join("\n");
 				return n += "\n", n += `<ul>${a}</ul>`, n;
@@ -26739,7 +27650,7 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 		getConnectivityError: function(e) {
 			let { errorData: t, errorMessage: n } = e;
 			return {
-				errorConnectivities: t.map((e) => LG(e.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
+				errorConnectivities: t.map((e) => PU(e.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
 				errorMessage: n
 			};
 		},
@@ -26787,20 +27698,10 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 			vz.emit("trackEvent", e);
 		},
 		showAlertMessage: function() {
-			this.$nextTick(() => {
-				let e = this.$refs.alertElement;
-				e && e.scrollIntoView({
-					behavior: "smooth",
-					block: "start",
-					inline: "nearest"
-				});
-			});
+			IU(this, "alertElement");
 		},
 		formatAlertText: function(e) {
-			return e ? e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/(https?:\/\/[^\s"<>[]+)/g, (e) => {
-				let t = e.match(/^(.*?)([\].,;:!?]*)$/), n = t ? t[1] : e;
-				return `<a href="${n}" target="_blank" rel="noopener noreferrer">${n}</a>${t ? t[2] : ""}`;
-			}).replace(/\\n/g, "\n").replace(/\r\n/g, "\n").replace(/\r/g, "\n").split("\n").map((e) => `<div class="alert-line">${e.replace(/^\s*([A-Za-z][^:<]{0,120}:)/, "<strong>$1</strong>")}</div>`).join("\n") : "";
+			return FU(e, { formatLines: !0 });
 		}
 	},
 	mounted: function() {
@@ -26809,55 +27710,55 @@ var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]
 			this.connectivityError = { ...t };
 		});
 	}
-}, zG = {
+}, RK = {
 	key: 0,
 	class: "main"
-}, BG = { class: "connectivity-info-title" }, VG = { class: "title-content" }, HG = {
+}, zK = { class: "connectivity-info-title" }, BK = { class: "title-content" }, VK = {
 	key: 0,
 	class: "block"
-}, UG = { class: "title-group" }, WG = { class: "subtitle" }, GG = { class: "id-tag" }, KG = {
+}, HK = { class: "title-group" }, UK = { class: "subtitle" }, WK = { class: "id-tag" }, GK = {
 	key: 0,
 	class: "subtitle"
-}, qG = {
+}, KK = {
 	key: 1,
 	class: "block"
-}, JG = { class: "title" }, YG = { class: "title-buttons" }, XG = { class: "block attribute-title-container" }, ZG = {
+}, qK = { class: "title" }, JK = { class: "title-buttons" }, YK = { class: "block attribute-title-container" }, XK = {
 	key: 0,
 	style: { "word-break": "keep-all" }
-}, QG = {
+}, ZK = {
 	key: 1,
 	style: { "word-break": "keep-all" }
-}, $G = {
+}, QK = {
 	key: 2,
 	class: "connectivity-legends"
-}, eK = { class: "block buttons-row" }, tK = {
+}, $K = { class: "block buttons-row" }, eq = {
 	key: 0,
 	class: "population-details-source"
-}, nK = {
+}, tq = {
 	key: 0,
 	class: "block"
-}, rK = ["origin-item-label"], iK = ["origin-item-label", "onMouseenter"], aK = { class: "content-container content-container-connectivity" }, oK = { class: "content-container content-container-connectivity" }, sK = {
+}, nq = ["origin-item-label"], rq = ["origin-item-label", "onMouseenter"], iq = { class: "content-container content-container-connectivity" }, aq = { class: "content-container content-container-connectivity" }, oq = {
 	key: 1,
 	class: "content-container content-container-references"
-}, cK = {
+}, sq = {
 	key: 2,
 	ref: "alertElement",
 	class: "content-container content-container-alert"
-}, lK = { class: "block" }, uK = ["innerHTML"], dK = {
+}, cq = { class: "block" }, lq = ["innerHTML"], uq = {
 	key: 3,
 	class: "content-container"
-}, fK = { class: "block consultant-block" }, pK = {
+}, dq = { class: "block consultant-block" }, fq = {
 	key: 1,
 	class: "consultant-loading"
-}, mK = {
+}, pq = {
 	key: 2,
 	class: "consultant-error"
-}, hK = { key: 0 }, gK = { key: 1 }, _K = ["onClick"];
-function vK(e, n, r, i, a, o) {
-	let s = ke, f = Ee, h = zp, g = Ke, _ = Rg, v = Ve, y = kx, b = H("CopyToClipboard"), x = Pe, S = qe, C = Jv, w = Yv, T = Ue, E = H("connectivity-reconciliation-list"), O = H("connectivity-list"), k = H("connectivity-graph"), A = H("ExternalResourceCard"), j = FG, M = Bx;
-	return o.entry ? (L(), u("div", zG, [
-		d("div", BG, [d("div", VG, [o.entry.title ? (L(), u("div", HG, [
-			d("div", UG, [d("div", {
+}, mq = { key: 0 }, hq = { key: 1 }, gq = ["onClick"];
+function _q(e, n, r, i, a, o) {
+	let s = ke, f = Ee, h = zp, g = Ke, _ = Rg, v = Ve, y = kx, b = H("CopyToClipboard"), x = Pe, S = qe, C = Jv, w = Yv, T = Ue, E = H("connectivity-reconciliation-list"), O = H("connectivity-list"), k = H("connectivity-graph"), A = H("ExternalResourceCard"), j = FK, M = Bx;
+	return o.entry ? (L(), u("div", RK, [
+		d("div", zK, [d("div", BK, [o.entry.title ? (L(), u("div", VK, [
+			d("div", HK, [d("div", {
 				ref: "titleElement",
 				class: D(["title", { "title--clamped": !e.isTitleExpanded }]),
 				onClick: n[0] ||= (...e) => o.toggleTitleExpansion && o.toggleTitleExpansion(...e)
@@ -26870,7 +27771,7 @@ function vK(e, n, r, i, a, o) {
 				default: K(() => [e.isTitleExpanded ? (L(), c(s, { key: 0 })) : (L(), c(f, { key: 1 }))]),
 				_: 1
 			})])) : l("", !0)]),
-			d("div", WG, [d("span", GG, U(o.entry.featureId[0]), 1), o.entry.featuresAlert?.length ? (L(), c(_, {
+			d("div", UK, [d("span", WK, U(o.entry.featureId[0]), 1), o.entry.featuresAlert?.length ? (L(), c(_, {
 				key: 0,
 				round: "",
 				size: "small",
@@ -26883,8 +27784,8 @@ function vK(e, n, r, i, a, o) {
 				}), n[6] ||= p(" Notes ", -1)]),
 				_: 1
 			}, 8, ["onClick"])) : l("", !0)]),
-			o.hasProvenanceTaxonomyLabel ? (L(), u("div", KG, U(o.provSpeciesDescription), 1)) : l("", !0)
-		])) : (L(), u("div", qG, [d("div", JG, U(o.entry.featureId), 1)]))]), d("div", YG, [
+			o.hasProvenanceTaxonomyLabel ? (L(), u("div", GK, U(o.provSpeciesDescription), 1)) : l("", !0)
+		])) : (L(), u("div", KK, [d("div", qK, U(o.entry.featureId), 1)]))]), d("div", JK, [
 			m(y, {
 				width: "auto",
 				trigger: "hover",
@@ -26931,7 +27832,7 @@ function vK(e, n, r, i, a, o) {
 				_: 1
 			})) : l("", !0)
 		])]),
-		d("div", { class: D(["content-container population-details", { "flex-row": o.hasSingleConnectivityList }]) }, [d("div", XG, [n[10] ||= d("span", { class: "attribute-title" }, "Population Details", -1), e.activeView === "listView" ? (L(), c(y, {
+		d("div", { class: D(["content-container population-details", { "flex-row": o.hasSingleConnectivityList }]) }, [d("div", YK, [n[10] ||= d("span", { class: "attribute-title" }, "Population Details", -1), e.activeView === "listView" ? (L(), c(y, {
 			key: 0,
 			width: "250",
 			trigger: "hover",
@@ -26942,14 +27843,14 @@ function vK(e, n, r, i, a, o) {
 				default: K(() => [m(S)]),
 				_: 1
 			})]),
-			default: K(() => [o.hasSingleConnectivityList ? (L(), u("span", ZG, " This list is ordered alphabetically. Switch to graph view for path details, and use the legend below for reconciliation status. ")) : (L(), u("span", QG, " This list is ordered alphabetically, switch to graph view for path details. ")), o.hasSingleConnectivityList ? (L(), u("div", $G, [...n[9] ||= [
+			default: K(() => [o.hasSingleConnectivityList ? (L(), u("span", XK, " This list is ordered alphabetically. Switch to graph view for path details, and use the legend below for reconciliation status. ")) : (L(), u("span", ZK, " This list is ordered alphabetically, switch to graph view for path details. ")), o.hasSingleConnectivityList ? (L(), u("div", QK, [...n[9] ||= [
 				d("div", { class: "legend-title" }, "Legend", -1),
 				d("span", { class: "legend-item" }, [d("span", { class: "legend-color differ" }), p(" SCKAN feature alias to Map feature ")], -1),
 				d("span", { class: "legend-item" }, [d("span", { class: "legend-color unavailable" }), p(" SCKAN feature unavailable on Map ")], -1),
 				d("span", { class: "legend-item" }, [d("span", { class: "legend-color mapped" }), p(" SCKAN feature available on Map ")], -1)
 			]])) : l("", !0)]),
 			_: 1
-		})) : l("", !0)]), d("div", eK, [o.hasSingleConnectivityList ? l("", !0) : (L(), u("div", tK, [d("span", null, [n[12] ||= p(" Connectivity from: ", -1), m(y, {
+		})) : l("", !0)]), d("div", $K, [o.hasSingleConnectivityList ? l("", !0) : (L(), u("div", eq, [d("span", null, [n[12] ||= p(" Connectivity from: ", -1), m(y, {
 			width: "320",
 			trigger: "hover",
 			teleported: !1,
@@ -26996,11 +27897,11 @@ function vK(e, n, r, i, a, o) {
 			default: K(() => [...n[16] ||= [p(" Graph view ", -1)]]),
 			_: 1
 		}, 8, ["class"])], 2)])], 2),
-		o.entry["nerve-label"] ? (L(), u("div", nK, [n[18] ||= d("div", { class: "attribute-title-container" }, [d("span", { class: "attribute-title" }, "Nerves")], -1), (L(!0), u(t, null, ie(o.entry["nerve-label"], (e, r) => (L(), u("div", { key: r }, [(L(), u("div", {
+		o.entry["nerve-label"] ? (L(), u("div", tq, [n[18] ||= d("div", { class: "attribute-title-container" }, [d("span", { class: "attribute-title" }, "Nerves")], -1), (L(!0), u(t, null, ie(o.entry["nerve-label"], (e, r) => (L(), u("div", { key: r }, [(L(), u("div", {
 			class: "attribute-content",
 			"origin-item-label": e.nerve,
 			key: e.nerve
-		}, [d("span", null, U(o.capitalise(e.nerve)), 1)], 8, rK)), (L(!0), u(t, null, ie(e.subNerves, (e) => (L(), u("div", {
+		}, [d("span", null, U(o.capitalise(e.nerve)), 1)], 8, nq)), (L(!0), u(t, null, ie(e.subNerves, (e) => (L(), u("div", {
 			class: "attribute-content",
 			style: { "margin-left": "1rem" },
 			"origin-item-label": e,
@@ -27022,8 +27923,8 @@ function vK(e, n, r, i, a, o) {
 			}, 8, ["onClick"])]),
 			default: K(() => [n[17] ||= d("span", null, "Search sub nerve", -1)]),
 			_: 2
-		}, 1024), d("span", null, U(o.capitalise(e)), 1)], 40, iK))), 128))]))), 128))])) : l("", !0),
-		Ce(d("div", aK, [o.hasSingleConnectivityList ? Ce((L(), c(E, {
+		}, 1024), d("span", null, U(o.capitalise(e)), 1)], 40, rq))), 128))]))), 128))])) : l("", !0),
+		Ce(d("div", iq, [o.hasSingleConnectivityList ? Ce((L(), c(E, {
 			key: `${o.connectivityKey}list`,
 			entry: o.entry,
 			origins: o.origins,
@@ -27084,7 +27985,7 @@ function vK(e, n, r, i, a, o) {
 			"onConnectivityClicked",
 			"onConnectivityActionClick"
 		])), [[M, e.connectivityLoading]])], 512), [[be, e.activeView === "listView"]]),
-		Ce(d("div", oK, [e.graphViewLoaded ? (L(), u(t, { key: 0 }, [m(_, {
+		Ce(d("div", aq, [e.graphViewLoaded ? (L(), u(t, { key: 0 }, [m(_, {
 			class: "button",
 			onClick: o.openGraphInViewer
 		}, {
@@ -27126,7 +28027,7 @@ function vK(e, n, r, i, a, o) {
 			"hasSingleConnectivityList",
 			"onTapNode"
 		])), [[M, e.connectivityLoading]])], 64)) : l("", !0)], 512), [[be, e.activeView === "graphView"]]),
-		o.resources.length ? (L(), u("div", sK, [m(A, {
+		o.resources.length ? (L(), u("div", oq, [m(A, {
 			resources: o.resources,
 			onReferencesLoaded: o.onReferencesLoaded,
 			onShowReferenceConnectivities: o.onShowReferenceConnectivities,
@@ -27137,25 +28038,25 @@ function vK(e, n, r, i, a, o) {
 			"onShowReferenceConnectivities",
 			"onTrackEvent"
 		])])) : l("", !0),
-		o.entry.featuresAlert?.length ? (L(), u("div", cK, [n[20] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Notes")], -1), d("div", lK, [(L(!0), u(t, null, ie(o.entry.featuresAlert, (e, t) => (L(), u("div", {
+		o.entry.featuresAlert?.length ? (L(), u("div", sq, [n[20] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Notes")], -1), d("div", cq, [(L(!0), u(t, null, ie(o.entry.featuresAlert, (e, t) => (L(), u("div", {
 			class: "alert-block",
 			key: t,
 			innerHTML: o.formatAlertText(e)
-		}, null, 8, uK))), 128))])], 512)) : l("", !0),
-		e.expertConsultants.length ? (L(), u("div", dK, [n[23] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Expert Consultants")], -1), d("ul", fK, [(L(!0), u(t, null, ie(e.expertConsultants, (e) => (L(), u("li", { key: e.url }, [e.name ? (L(), c(j, {
+		}, null, 8, lq))), 128))])], 512)) : l("", !0),
+		e.expertConsultants.length ? (L(), u("div", uq, [n[23] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Expert Consultants")], -1), d("ul", dq, [(L(!0), u(t, null, ie(e.expertConsultants, (e) => (L(), u("li", { key: e.url }, [e.name ? (L(), c(j, {
 			key: 0,
 			contributor: e
-		}, null, 8, ["contributor"])) : e.error ? l("", !0) : (L(), u("div", pK, [d("span", null, "Loading " + U(e.url), 1)])), e.error ? (L(), u("div", mK, [e.errorMessage ? (L(), u("span", hK, U(e.errorMessage), 1)) : (L(), u("span", gK, "Sorry, something went wrong.")), e.refreshable ? (L(), u(t, { key: 2 }, [
+		}, null, 8, ["contributor"])) : e.error ? l("", !0) : (L(), u("div", fq, [d("span", null, "Loading " + U(e.url), 1)])), e.error ? (L(), u("div", pq, [e.errorMessage ? (L(), u("span", mq, U(e.errorMessage), 1)) : (L(), u("span", hq, "Sorry, something went wrong.")), e.refreshable ? (L(), u(t, { key: 2 }, [
 			n[21] ||= d("br", null, null, -1),
 			n[22] ||= p(" Please try again. ", -1),
 			d("span", {
 				class: "reload-button",
 				onClick: (t) => o.reloadConsultant(e)
-			}, "Reload", 8, _K)
+			}, "Reload", 8, gq)
 		], 64)) : l("", !0)])) : l("", !0)]))), 128))])])) : l("", !0)
 	])) : l("", !0);
 }
-var yK = /*#__PURE__*/ uS(RG, [["render", vK], ["__scopeId", "data-v-3a094b58"]]), bK = {
+var vq = /*#__PURE__*/ uS(LK, [["render", _q], ["__scopeId", "data-v-f693e136"]]), yq = {
 	name: "ConnectivityCard",
 	data() {
 		return { displayFields: ["id", "nerve-label"] };
@@ -27186,7 +28087,7 @@ var yK = /*#__PURE__*/ uS(RG, [["render", vK], ["__scopeId", "data-v-3a094b58"]]
 	},
 	methods: {
 		capitalise: function(e) {
-			return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
+			return PU(e);
 		},
 		cardClicked: function(e) {
 			this.loading || (this.$emit("open-connectivity", e), vz.emit("trackEvent", {
@@ -27196,28 +28097,28 @@ var yK = /*#__PURE__*/ uS(RG, [["render", vK], ["__scopeId", "data-v-3a094b58"]]
 			}));
 		}
 	}
-}, xK = {
+}, bq = {
 	class: "connectivity-card-container",
 	ref: "container"
-}, SK = {
+}, xq = {
 	class: "connectivity-card",
 	ref: "card"
-}, CK = { class: "card-title" }, wK = {
+}, Sq = { class: "card-title" }, Cq = {
 	key: 0,
 	class: "card-details"
-}, TK = {
+}, wq = {
 	key: 0,
 	class: "card-tags"
-}, EK = {
+}, Tq = {
 	key: 1,
 	class: "id-tag"
 };
-function DK(e, n, r, i, a, o) {
+function Eq(e, n, r, i, a, o) {
 	let s = Ug, f = Bx;
-	return L(), u("div", xK, [d("div", SK, [n[1] ||= d("div", { class: "seperator-path" }, null, -1), Ce((L(), u("div", {
+	return L(), u("div", bq, [d("div", xq, [n[1] ||= d("div", { class: "seperator-path" }, null, -1), Ce((L(), u("div", {
 		class: "card-content",
 		onClick: n[0] ||= (e) => o.cardClicked(r.entry)
-	}, [d("div", CK, U(o.capitalise(o.displayTitle)), 1), (L(!0), u(t, null, ie(a.displayFields, (e) => (L(), u(t, { key: e }, [r.entry[e] ? (L(), u("div", wK, [e === "nerve-label" ? (L(), u("div", TK, [(L(!0), u(t, null, ie(r.entry[e], (e) => (L(), u("div", { key: e.nerve }, [m(s, {
+	}, [d("div", Sq, U(o.capitalise(o.displayTitle)), 1), (L(!0), u(t, null, ie(a.displayFields, (e) => (L(), u(t, { key: e }, [r.entry[e] ? (L(), u("div", Cq, [e === "nerve-label" ? (L(), u("div", wq, [(L(!0), u(t, null, ie(r.entry[e], (e) => (L(), u("div", { key: e.nerve }, [m(s, {
 		type: "primary",
 		size: "small"
 	}, {
@@ -27230,9 +28131,9 @@ function DK(e, n, r, i, a, o) {
 	}, {
 		default: K(() => [p(U(e), 1)]),
 		_: 2
-	}, 1024))), 128))]))), 128))])) : (L(), u("span", EK, U(r.entry[e]), 1))])) : l("", !0)], 64))), 128))])), [[f, o.loading]])], 512)], 512);
+	}, 1024))), 128))]))), 128))])) : (L(), u("span", Tq, U(r.entry[e]), 1))])) : l("", !0)], 64))), 128))])), [[f, o.loading]])], 512)], 512);
 }
-var OK = /*#__PURE__*/ uS(bK, [["render", DK], ["__scopeId", "data-v-c6589a24"]]), kK = {
+var Dq = /*#__PURE__*/ uS(yq, [["render", Eq], ["__scopeId", "data-v-1ef041fb"]]), Oq = {
 	searchInput: "",
 	lastSearch: "",
 	results: [],
@@ -27242,14 +28143,14 @@ var OK = /*#__PURE__*/ uS(bK, [["render", DK], ["__scopeId", "data-v-c6589a24"]]
 	numberPerPage: 10,
 	page: 1,
 	start: 0
-}, AK = {
+}, kq = {
 	components: {
-		SearchFilters: hG,
-		SearchHistory: JU,
-		ConnectivityCard: OK,
-		ConnectivityInfo: yK,
-		MapSvgIcon: ZU,
-		MapSvgSpriteColor: UW
+		SearchFilters: _G,
+		SearchHistory: ZU,
+		ConnectivityCard: Dq,
+		ConnectivityInfo: vq,
+		MapSvgIcon: eW,
+		MapSvgSpriteColor: KW
 	},
 	name: "ConnectivityExplorer",
 	props: {
@@ -27259,7 +28160,7 @@ var OK = /*#__PURE__*/ uS(bK, [["render", DK], ["__scopeId", "data-v-c6589a24"]]
 		},
 		entry: {
 			type: Object,
-			default: () => kK
+			default: () => Oq
 		},
 		envVars: {
 			type: Object,
@@ -27507,20 +28408,20 @@ var OK = /*#__PURE__*/ uS(bK, [["render", DK], ["__scopeId", "data-v-c6589a24"]]
 			this.expanded = "", this.expandedData = null;
 		});
 	}
-}, jK = { class: "header" }, MK = {
+}, Aq = { class: "header" }, jq = {
 	key: 0,
 	class: "visibility-filter"
-}, NK = {
+}, Mq = {
 	key: 0,
 	class: "error-feedback"
-}, PK = ["onMouseenter"];
-function FK(e, n, r, i, a, o) {
-	let s = H("MapSvgSpriteColor"), f = Oh, h = H("MapSvgIcon"), g = kx, _ = Rg, v = Mv, y = hG, b = JU, x = OK, S = yK, C = wx, w = C_, T = Bx;
+}, Nq = ["onMouseenter"];
+function Pq(e, n, r, i, a, o) {
+	let s = H("MapSvgSpriteColor"), f = Oh, h = H("MapSvgIcon"), g = kx, _ = Rg, v = Mv, y = _G, b = ZU, x = Dq, S = vq, C = wx, w = C_, T = Bx;
 	return L(), c(w, {
 		"body-style": e.bodyStyle,
 		class: "content-card"
 	}, {
-		header: K(() => [d("div", jK, [
+		header: K(() => [d("div", Aq, [
 			d("div", { class: D(["search-input-container", { "is-focus": e.inputFocus }]) }, [m(f, {
 				class: "search-input",
 				placeholder: "Search",
@@ -27611,7 +28512,7 @@ function FK(e, n, r, i, a, o) {
 				default: K(() => [...n[7] ||= [p("Reset", -1)]]),
 				_: 1
 			}, 8, ["onClick"]),
-			r.showVisibilityFilter ? (L(), u("div", MK, [m(v, {
+			r.showVisibilityFilter ? (L(), u("div", jq, [m(v, {
 				modelValue: e.filterVisibility,
 				"onUpdate:modelValue": n[1] ||= (t) => e.filterVisibility = t
 			}, {
@@ -27669,7 +28570,7 @@ function FK(e, n, r, i, a, o) {
 				ref: "content",
 				onMouseleave: n[4] ||= (e) => o.onHoverChanged(e, void 0)
 			}, [
-				e.results.length === 0 && !e.loadingCards ? (L(), u("div", NK, " No results found - Please change your search / filter criteria. ")) : l("", !0),
+				e.results.length === 0 && !e.loadingCards ? (L(), u("div", Mq, " No results found - Please change your search / filter criteria. ")) : l("", !0),
 				(L(!0), u(t, null, ie(o.paginatedResults, (t) => (L(), u("div", {
 					key: t.id,
 					ref_for: !0,
@@ -27715,7 +28616,7 @@ function FK(e, n, r, i, a, o) {
 					"onConnectivityClicked",
 					"onLoaded",
 					"onCloseConnectivity"
-				])) : l("", !0)], 40, PK))), 128)),
+				])) : l("", !0)], 40, Nq))), 128)),
 				m(C, {
 					class: "pagination",
 					"current-page": e.page,
@@ -27737,7 +28638,7 @@ function FK(e, n, r, i, a, o) {
 		_: 1
 	}, 8, ["body-style"]);
 }
-var IK = /*#__PURE__*/ uS(AK, [["render", FK], ["__scopeId", "data-v-3eee4b39"]]), LK = {
+var Fq = /*#__PURE__*/ uS(kq, [["render", Pq], ["__scopeId", "data-v-3eee4b39"]]), Iq = {
 	name: "AnnotationTool",
 	components: {
 		AnnotationPopup: Ye,
@@ -27756,13 +28657,13 @@ var IK = /*#__PURE__*/ uS(AK, [["render", FK], ["__scopeId", "data-v-3eee4b39"]]
 			annotationPopupData: null
 		};
 	}
-}, RK = { class: "annotation-tool scrollbar" }, zK = {
+}, Lq = { class: "annotation-tool scrollbar" }, Rq = {
 	key: 1,
 	class: "delete-container"
 };
-function BK(e, t, n, r, i, a) {
+function zq(e, t, n, r, i, a) {
 	let o = H("CreateTooltipContent"), s = H("annotation-popup"), d = Cy, f = Rg, h = Sy;
-	return L(), u("div", RK, [
+	return L(), u("div", Lq, [
 		Ce(m(o, {
 			createData: n.createData,
 			onConfirmCreate: t[0] ||= (t) => e.$emit("confirm-create", t),
@@ -27777,7 +28678,7 @@ function BK(e, t, n, r, i, a) {
 			onHoverChanged: t[3] ||= (t) => e.$emit("hover-changed", t),
 			onTrackEvent: t[4] ||= (t) => e.$emit("trackEvent", t)
 		}, null, 8, ["annotationEntry"])) : l("", !0),
-		n.createData && n.createData.toBeDeleted ? (L(), u("div", zK, [m(h, null, {
+		n.createData && n.createData.toBeDeleted ? (L(), u("div", Rq, [m(h, null, {
 			default: K(() => [
 				m(d, {
 					offset: 1,
@@ -27818,7 +28719,7 @@ function BK(e, t, n, r, i, a) {
 		})])) : l("", !0)
 	]);
 }
-var VK = /*#__PURE__*/ uS(LK, [["render", BK], ["__scopeId", "data-v-5ab1d8ef"]]), HK = {
+var Bq = /*#__PURE__*/ uS(Iq, [["render", zq], ["__scopeId", "data-v-5ab1d8ef"]]), Vq = {
 	name: "Tabs",
 	components: { ElIconClose: Pe },
 	props: {
@@ -27859,30 +28760,34 @@ var VK = /*#__PURE__*/ uS(LK, [["render", BK], ["__scopeId", "data-v-5ab1d8ef"]]
 			});
 		}
 	}
-}, UK = { class: "tabs-container" }, WK = ["onClick"], GK = { class: "tab-title" };
-function KK(e, n, r, i, a, o) {
+}, Hq = { class: "tabs-container" }, Uq = ["onClick"], Wq = { class: "tab-title" };
+function Gq(e, n, r, i, a, o) {
 	let s = Pe, f = zp;
-	return L(), u("div", UK, [(L(!0), u(t, null, ie(o.tabs, (e) => (L(), u("div", {
-		class: D(["tab", { "active-tab": e.id == r.activeId }]),
+	return L(), u("div", Hq, [(L(!0), u(t, null, ie(o.tabs, (e) => (L(), u("div", {
+		class: D(["tab", {
+			"active-tab": e.id == r.activeId,
+			"closable-tab": e.closable
+		}]),
 		key: e.id,
 		onClick: (t) => o.tabClicked(e)
-	}, [d("span", GK, U(e.title), 1), e.closable ? (L(), c(f, {
+	}, [d("span", Wq, U(e.title), 1), e.closable ? (L(), c(f, {
 		key: 0,
 		onClick: Te((t) => o.tabClosed(e), ["stop"]),
 		class: "tab-close-icon"
 	}, {
 		default: K(() => [m(s)]),
 		_: 1
-	}, 8, ["onClick"])) : l("", !0)], 10, WK))), 128))]);
+	}, 8, ["onClick"])) : l("", !0)], 10, Uq))), 128))]);
 }
-var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]), JK = {
+var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]), qq = {
 	components: {
-		DatasetExplorer: CG,
-		Tabs: qK,
+		DatasetExplorer: TG,
+		Tabs: Kq,
 		ElIconArrowLeft: De,
 		ElIconArrowRight: Oe,
-		AnnotationTool: VK,
-		ConnectivityExplorer: IK
+		AnnotationTool: Bq,
+		ConnectivityExplorer: Fq,
+		CellCardExplorer: CK
 	},
 	name: "SideBar",
 	props: {
@@ -27906,6 +28811,12 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 					id: 3,
 					type: "annotation",
 					closable: !0
+				},
+				{
+					title: "Cell Card Explorer",
+					id: 4,
+					type: "cellCardExplorer",
+					closable: !1
 				}
 			]
 		},
@@ -27954,6 +28865,10 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 		showLongLabel: {
 			type: Boolean,
 			default: !1
+		},
+		showCellCards: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	data: function() {
@@ -27963,6 +28878,7 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 			activeTabId: 1,
 			activeAnnotationData: { tabType: "annotation" },
 			activeConnectivityData: { tabType: "connectivity" },
+			activeSpeciesForEntries: [],
 			state: {
 				dataset: {
 					search: "",
@@ -27972,6 +28888,10 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 					search: "",
 					filters: []
 				},
+				cellCards: {
+					search: "",
+					filters: []
+				},
 				connectivityEntries: [],
 				annotationEntries: [],
 				activeTabId: this.activeTabId
@@ -27993,6 +28913,12 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 			let n = this.getActiveTabTypeById(e);
 			n === "connectivityExplorer" && (this.activeConnectivityData = t), n === "annotation" && (this.activeAnnotationData = t);
 		},
+		showSomaLocation: function(e) {
+			this.$emit("soma-location-hovered", e);
+		},
+		onSomaLocationsReady: function(e) {
+			this.$emit("soma-locations-ready", e);
+		},
 		showConnectivity: function(e) {
 			this.$emit("show-connectivity", e);
 		},
@@ -28029,6 +28955,29 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 				this.getTabRef(void 0, "datasetExplorer", !0).openSearch(e, t);
 			});
 		},
+		openCellCardExplorerSearch: function(e, t) {
+			this.drawerOpen = !0, this.$nextTick(() => {
+				let n = this.getTabRef(void 0, "cellCardExplorer", !0);
+				n && typeof n.openSearch == "function" && n.openSearch(e, t);
+			});
+		},
+		openDatasetSearchFromCellCard: function(e) {
+			if (!e || typeof e != "object") {
+				this.openSearch([], e);
+				return;
+			}
+			let t = [];
+			e.species && t.push({
+				facet: e.species,
+				term: "Species",
+				facetPropPath: "organisms.primary.species.name"
+			}), e.location && t.push({
+				facet: e.location,
+				term: "Anatomical structure",
+				facetPropPath: "anatomy.organ.category.name",
+				AND: !0
+			}), this.openSearch(t, "");
+		},
 		getTabRef: function(e, t, n = !1) {
 			let r = this.tabEntries.filter((n) => (e === void 0 || n.id === e) && (t === void 0 || n.type === t)), i = r.length ? r : this.tabEntries, a = i[0].type + "Tab_" + i[0].id;
 			return n && this.setActiveTab({
@@ -28096,18 +29045,24 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 		updateState: function() {
 			this.state.activeTabId = this.activeTabId;
 			let e = this.getTabRef(void 0, "datasetExplorer");
-			e && (this.state.dataset.search = e.getSearch(), this.state.dataset.filters = YW(e.getFilters()));
+			e && (this.state.dataset.search = e.getSearch(), this.state.dataset.filters = QW(e.getFilters()));
 			let t = this.getTabRef(void 0, "connectivityExplorer");
-			t && (this.state.connectivity.search = t.getSearch(), this.state.connectivity.filters = t.getFilters()), this.connectivityEntry && this.connectivityEntry.length > 0 && (this.state.connectivityEntries = this.connectivityEntry.map((e) => e.id)), this.annotationEntry && this.annotationEntry.length > 0 && (this.state.annotationEntries = this.annotationEntry.map((e) => e.models));
+			t && (this.state.connectivity.search = t.getSearch(), this.state.connectivity.filters = t.getFilters());
+			let n = this.getTabRef(void 0, "cellCardExplorer");
+			n && (this.state.cellCards.search = n.getSearch(), this.state.cellCards.filters = n.getFilters()), this.connectivityEntry && this.connectivityEntry.length > 0 && (this.state.connectivityEntries = this.connectivityEntry.map((e) => e.id)), this.annotationEntry && this.annotationEntry.length > 0 && (this.state.annotationEntries = this.annotationEntry.map((e) => e.models));
 		},
 		getState: function() {
 			return this.updateState(), this.state;
 		},
 		setState: function(e) {
 			if (!e || !e.dataset || !e.connectivity) return;
-			this.state = JSON.parse(JSON.stringify(e));
-			let t = e.dataset.filters, n = e.connectivity.filters, r = e.dataset.search, i = e.connectivity.search;
-			(t.length || r) && this.openSearch(t, r), (n.length || i) && this.openConnectivitySearch(n, i), e.activeTabId && this.$nextTick(() => {
+			let t = JSON.parse(JSON.stringify(e));
+			this.state = {
+				...this.state,
+				...t
+			};
+			let n = this.state.dataset.filters, r = this.state.connectivity.filters, i = this.state.dataset.search, a = this.state.connectivity.search, o = this.state.cellCards.filters || [], s = this.state.cellCards.search || "";
+			(n.length || i) && this.openSearch(n, i), (r.length || a) && this.openConnectivitySearch(r, a), (o.length || s) && this.openCellCardExplorerSearch(o, s), e.activeTabId && this.$nextTick(() => {
 				this.tabEntries.find((t) => t.id === e.activeTabId) && (this.activeTabId = e.activeTabId);
 			});
 		},
@@ -28118,10 +29073,14 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 				...e
 			};
 			this.$emit("trackEvent", t);
+		},
+		updateActiveSpeciesForEntries: function(e) {
+			let t = Array.isArray(e) ? e : [e];
+			this.activeSpeciesForEntries = [...new Set(t.filter(Boolean))];
 		}
 	},
 	computed: { tabEntries: function() {
-		return this.tabs.filter((e) => e.type === "datasetExplorer" || e.type === "connectivityExplorer" || e.type === "annotation" && this.annotationEntry && this.annotationEntry.length > 0);
+		return this.tabs.filter((e) => e.type === "datasetExplorer" || e.type === "connectivityExplorer" || e.type === "annotation" && this.annotationEntry && this.annotationEntry.length > 0 || e.type === "cellCardExplorer" && this.showCellCards);
 	} },
 	created: function() {
 		this.drawerOpen = this.openAtStart;
@@ -28152,20 +29111,20 @@ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]
 			this.trackEvent(e);
 		});
 	}
-}, YK = { ref: "container" }, XK = { class: "box-card" }, ZK = { class: "sidebar-container" };
-function QK(e, n, r, i, a, o) {
-	let s = De, f = zp, p = Oe, h = qK, g = VK, _ = IK, v = CG, y = Uy;
-	return L(), u("div", YK, [e.drawerOpen ? l("", !0) : (L(), u("div", {
+}, Jq = { ref: "container" }, Yq = { class: "box-card" }, Xq = { class: "sidebar-container" };
+function Zq(e, n, r, i, a, o) {
+	let s = De, f = zp, p = Oe, h = Kq, g = Bq, _ = Fq, v = CK, y = TG, b = Uy;
+	return L(), u("div", Jq, [e.drawerOpen ? l("", !0) : (L(), u("div", {
 		key: 0,
 		onClick: n[0] ||= (...e) => o.toggleDrawer && o.toggleDrawer(...e),
 		class: "open-tab"
 	}, [m(f, null, {
 		default: K(() => [m(s)]),
 		_: 1
-	})])), m(y, {
+	})])), m(b, {
 		class: "side-bar my-drawer",
 		modelValue: e.drawerOpen,
-		"onUpdate:modelValue": n[7] ||= (t) => e.drawerOpen = t,
+		"onUpdate:modelValue": n[9] ||= (t) => e.drawerOpen = t,
 		teleported: !1,
 		"modal-append-to-body": !1,
 		size: "584",
@@ -28176,14 +29135,14 @@ function QK(e, n, r, i, a, o) {
 		"z-index": 10,
 		"lock-scroll": !1
 	}, {
-		default: K(() => [d("div", XK, [e.drawerOpen ? (L(), u("div", {
+		default: K(() => [d("div", Yq, [e.drawerOpen ? (L(), u("div", {
 			key: 0,
 			onClick: n[1] ||= (...e) => o.close && o.close(...e),
 			class: "close-tab"
 		}, [m(f, null, {
 			default: K(() => [m(p)]),
 			_: 1
-		})])) : l("", !0), d("div", ZK, [o.tabEntries.length > 1 ? (L(), c(h, {
+		})])) : l("", !0), d("div", Xq, [o.tabEntries.length > 1 ? (L(), c(h, {
 			key: 0,
 			tabEntries: o.tabEntries,
 			activeId: e.activeTabId,
@@ -28247,8 +29206,26 @@ function QK(e, n, r, i, a, o) {
 			"onConnectivityHovered",
 			"onConnectivityCollapseChange",
 			"onConnectivityItemClose"
-		])), [[be, i.id === e.activeTabId]]) : Ce((L(), c(v, {
+		])), [[be, i.id === e.activeTabId]]) : i.type === "cellCardExplorer" && r.showCellCards ? Ce((L(), c(v, {
 			key: 2,
+			ref_for: !0,
+			ref: "cellCardExplorerTab_" + i.id,
+			class: "sidebar-content-container",
+			envVars: r.envVars,
+			activeSpecies: e.activeSpeciesForEntries,
+			onSearchChanged: (e) => o.searchChanged(i.id, e),
+			onDatasetSearch: n[7] ||= (e) => o.openDatasetSearchFromCellCard(e),
+			onConnectivitySearch: n[8] ||= (e) => o.openConnectivitySearch(e.facets, e.query),
+			onSomaLocationHovered: o.showSomaLocation,
+			onSomaLocationsReady: o.onSomaLocationsReady
+		}, null, 8, [
+			"envVars",
+			"activeSpecies",
+			"onSearchChanged",
+			"onSomaLocationHovered",
+			"onSomaLocationsReady"
+		])), [[be, i.id === e.activeTabId]]) : Ce((L(), c(y, {
+			key: 3,
 			class: "sidebar-content-container",
 			contextCardEntry: i.contextCard,
 			envVars: r.envVars,
@@ -28265,6 +29242,6 @@ function QK(e, n, r, i, a, o) {
 		_: 1
 	}, 8, ["modelValue"])], 512);
 }
-var $K = /*#__PURE__*/ uS(JK, [["render", QK], ["__scopeId", "data-v-e2911198"]]);
+var Qq = /*#__PURE__*/ uS(qq, [["render", Zq], ["__scopeId", "data-v-0489e799"]]);
 //#endregion
-export { $K as SideBar };
+export { Qq as SideBar };