@abi-software/map-side-bar 2.17.0 → 2.17.1-demo.1

package/dist/map-side-bar.js

@@ -1,6 +1,7 @@
 import { Comment as e, Fragment as t, Teleport as n, Text as r, Transition as i, cloneVNode as a, computed as o, createApp as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, getCurrentInstance as g, getCurrentScope as _, guardReactiveProps as v, h as y, hasInjectionContext as b, inject as x, isRef as S, isVNode as C, markRaw as w, mergeProps as T, nextTick as E, normalizeClass as D, normalizeProps as O, normalizeStyle as k, onActivated as A, onBeforeMount as j, onBeforeUnmount as M, onBeforeUpdate as N, onDeactivated as P, onMounted as F, onScopeDispose as ee, onUnmounted as te, onUpdated as I, openBlock as L, provide as R, reactive as ne, readonly as re, ref as z, render as ie, renderList as ae, renderSlot as B, resolveComponent as V, resolveDirective as oe, resolveDynamicComponent as se, shallowReactive as ce, shallowReadonly as le, shallowRef as ue, toDisplayString as H, toHandlerKey as de, toRaw as fe, toRef as pe, toRefs as me, toValue as he, unref as U, useAttrs as ge, useSlots as _e, vModelCheckbox as ve, vModelRadio as ye, vModelText as be, vShow as xe, warn as Se, watch as W, watchEffect as Ce, withCtx as G, withDirectives as we, withKeys as Te, withModifiers as Ee } from "vue";
 import { ArrowDown as De, ArrowLeft as Oe, ArrowRight as ke, ArrowUp as Ae, Check as je, CircleCheck as Me, CircleClose as Ne, CircleCloseFilled as Pe, Close as Fe, DArrowLeft as Ie, DArrowRight as Le, Delete as Re, Hide as ze, InfoFilled as Be, Loading as Ve, Location as He, MoreFilled as Ue, Search as We, SuccessFilled as Ge, View as Ke, WarnTriangleFilled as qe, Warning as Je, WarningFilled as Ye } from "@element-plus/icons-vue";
 import { AnnotationPopup as Xe, ConnectivityGraph as Ze, ConnectivityList as Qe, ConnectivityReconciliationList as $e, CopyToClipboard as et, CreateTooltipContent as tt, ExternalResourceCard as nt } from "@abi-software/map-utilities";
+import "@abi-software/map-utilities/dist/style.css";
 //#region \0rolldown/runtime.js
 var rt = Object.create, it = Object.defineProperty, at = Object.getOwnPropertyDescriptor, ot = Object.getOwnPropertyNames, st = Object.getPrototypeOf, ct = Object.prototype.hasOwnProperty, lt = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ut = (e, t) => {
 	let n = {};
@@ -8289,9 +8290,7 @@ var fv = () => {
 				case B_:
 					o = -r;
 					break;
-				case H_:
-					o = i - n - r;
-					break;
+				case H_: o = i - n - r;
 			}
 			ne(Math.min(o, i - n), {
 				isScrolling: !0,
@@ -22876,14 +22875,41 @@ function LU(e, t, n, r, i, a) {
 		d("div", IU, [m(h, { content: e.copyContent }, null, 8, ["content"])])
 	])])), [[g, e.loading]])], 512)], 512);
 }
-var RU = /*#__PURE__*/ gS(EU, [["render", LU], ["__scopeId", "data-v-cd1e27d4"]]), zU = 12;
-function BU() {
+var RU = /*#__PURE__*/ gS(EU, [["render", LU], ["__scopeId", "data-v-cd1e27d4"]]);
+//#endregion
+//#region src/utils/common.js
+function zU() {
 	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 VU = {
+function BU(e) {
+	if (!e) return "";
+	let t = String(e);
+	return t.charAt(0).toUpperCase() + t.slice(1);
+}
+function VU(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 HU(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 UU = 12, WU = {
 	name: "SearchHistory",
 	components: {
 		Tag: Ug,
@@ -22932,7 +22958,7 @@ var VU = {
 						saved: !1,
 						label: n,
 						longLabel: r,
-						id: BU(),
+						id: zU(),
 						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));
@@ -22950,14 +22976,14 @@ var VU = {
 			}), t.length && (this.searchHistory = this.searchHistory.filter((e) => !t.includes(e.id)));
 		},
 		trimSearchHistory: function() {
-			if (this.searchHistory.length > zU) {
-				let e = this.searchHistory.filter((e) => e.saved), t = this.searchHistory.filter((e) => !e.saved), n = zU - this.searchHistory.length;
+			if (this.searchHistory.length > UU) {
+				let e = this.searchHistory.filter((e) => e.saved), t = this.searchHistory.filter((e) => !e.saved), n = UU - this.searchHistory.length;
 				this.searchHistory = [...e, ...t.slice(0, n)];
 			}
 		},
 		updateSearchHistory: function() {
 			this.searchHistory.forEach((e) => {
-				if (e.id ||= BU(), !e.label) {
+				if (e.id ||= zU(), !e.label) {
 					let { label: t, longLabel: n } = this.searchHistoryItemLabel(e.search, e.filters);
 					e.label = t, e.longLabel = n;
 				}
@@ -22965,8 +22991,8 @@ var VU = {
 			}), 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);
@@ -23006,22 +23032,22 @@ var VU = {
 			});
 		}
 	}
-}, HU = {
+}, GU = {
 	key: 0,
 	class: "history-container"
-}, UU = {
+}, KU = {
 	key: 0,
 	class: "saved-search-history"
-}, WU = { key: 1 }, GU = { class: "el-dropdown-select" }, KU = ["onClick"], qU = ["onClick"], JU = {
+}, qU = { key: 1 }, JU = { class: "el-dropdown-select" }, YU = ["onClick"], XU = ["onClick"], ZU = {
 	key: 0,
 	viewBox: "0 0 24 24"
-}, YU = {
+}, QU = {
 	key: 1,
 	viewBox: "0 0 24 24"
-}, XU = { key: 0 }, ZU = { key: 1 }, QU = { key: 2 };
-function $U(e, n, r, i, a, o) {
+}, $U = { key: 0 }, eW = { key: 1 }, tW = { key: 2 };
+function nW(e, n, r, i, a, o) {
 	let s = Fx, f = Ug, h = De, g = zp, _ = Rg, v = Re, y = Qb, b = $b, x = Zb;
-	return a.searchHistory.length ? (L(), u("div", HU, [a.savedSearchHistory.length ? (L(), u("div", UU, [(L(!0), u(t, null, ae(a.savedSearchHistory, (e, n) => (L(), u(t, { key: e.id }, [n < 2 ? (L(), c(f, {
+	return a.searchHistory.length ? (L(), u("div", GU, [a.savedSearchHistory.length ? (L(), u("div", KU, [(L(!0), u(t, null, ae(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),
@@ -23040,7 +23066,7 @@ function $U(e, n, r, i, a, o) {
 			_: 2
 		}, 1024)) : (L(), u(t, { key: 1 }, [p(H(e.label), 1)], 64))]),
 		_: 2
-	}, 1032, ["onClick"])) : l("", !0)], 64))), 128))])) : (L(), u("div", WU, [...n[0] ||= [d("span", { class: "empty-saved-search" }, "No Saved Searches", -1)]])), m(x, {
+	}, 1032, ["onClick"])) : l("", !0)], 64))), 128))])) : (L(), u("div", qU, [...n[0] ||= [d("span", { class: "empty-saved-search" }, "No Saved Searches", -1)]])), m(x, {
 		trigger: "click",
 		"hide-on-click": !1
 	}, {
@@ -23057,14 +23083,14 @@ function $U(e, n, r, i, a, o) {
 					reference: G(() => [d("span", {
 						class: "dropdown-clickable-item",
 						onClick: (t) => o.search(e)
-					}, H(e.label), 9, KU)]),
+					}, H(e.label), 9, YU)]),
 					default: G(() => [p(" " + H(e.longLabel), 1)]),
 					_: 2
 				}, 1024)) : (L(), u("span", {
 					key: 1,
 					class: "dropdown-clickable-item",
 					onClick: (t) => o.search(e)
-				}, H(e.label), 9, qU))]), d("div", null, [m(s, {
+				}, H(e.label), 9, XU))]), d("div", null, [m(s, {
 					width: "auto",
 					trigger: "hover",
 					"show-after": 200,
@@ -23079,12 +23105,12 @@ function $U(e, n, r, i, a, o) {
 						disabled: a.savedSearchHistory.length > 1 && !e.saved
 					}, {
 						default: G(() => [m(g, { color: "#8300BF" }, {
-							default: G(() => [e.saved ? (L(), u("svg", JU, [...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", YU, [...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: G(() => [e.saved ? (L(), u("svg", ZU, [...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", QU, [...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: G(() => [a.savedSearchHistory.length > 1 && !e.saved ? (L(), u("span", XU, " Limit 2: Please remove a saved search before adding another. ")) : e.saved ? (L(), u("span", ZU, " Remove from saved searches. ")) : (L(), u("span", QU, " Add up to two saved searches. "))]),
+					default: G(() => [a.savedSearchHistory.length > 1 && !e.saved ? (L(), u("span", $U, " Limit 2: Please remove a saved search before adding another. ")) : e.saved ? (L(), u("span", eW, " Remove from saved searches. ")) : (L(), u("span", tW, " Add up to two saved searches. "))]),
 					_: 2
 				}, 1024), m(s, {
 					width: "auto",
@@ -23112,18 +23138,18 @@ function $U(e, n, r, i, a, o) {
 			}, 1024))), 128))]),
 			_: 1
 		})]),
-		default: G(() => [d("span", GU, [n[1] ||= p(" Search history ", -1), m(g, { class: "el-icon--right" }, {
+		default: G(() => [d("span", JU, [n[1] ||= p(" Search history ", -1), m(g, { class: "el-icon--right" }, {
 			default: G(() => [m(h)]),
 			_: 1
 		})])]),
 		_: 1
 	})])) : l("", !0);
 }
-var eW = /*#__PURE__*/ gS(VU, [["render", $U], ["__scopeId", "data-v-e1b89e20"]]), tW = (e, t) => {
+var rW = /*#__PURE__*/ gS(WU, [["render", nW], ["__scopeId", "data-v-a495c572"]]), iW = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, nW = ["xlink:href"], rW = /*#__PURE__*/ tW({
+}, aW = ["xlink:href"], oW = /*#__PURE__*/ iW({
 	__name: "SvgIcon",
 	props: {
 		icon: {
@@ -23136,9 +23162,9 @@ var eW = /*#__PURE__*/ gS(VU, [["render", $U], ["__scopeId", "data-v-e1b89e20"]]
 		}
 	},
 	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, nW)], 2));
+		return (t, n) => (L(), u("svg", { class: D(["map-icon", { "map-icon-spin": e.spin }]) }, [d("use", { "xlink:href": `#${e.icon}` }, null, 8, aW)], 2));
 	}
-}, [["__scopeId", "data-v-e172d5ff"]]), 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>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>", 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>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>", 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>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>", 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=\"12\" x2=\"5.5\" y2=\"12\" 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>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>", 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>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>", 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>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>", 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>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>", 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>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", 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>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>", 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>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>", hW = "<?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>", gW = "<?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>", _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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", wW = "<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>", 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>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>", EW = "<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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", LW = (e, t, n, r) => {
+}, [["__scopeId", "data-v-e172d5ff"]]), 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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", 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>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>", _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>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>", vW = "<?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>", yW = "<?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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", DW = "<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>", 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>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>", kW = "<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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", 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>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>", zW = "<?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>", BW = (e, t, n, r) => {
 	let i = [
 		"title",
 		"desc",
@@ -23157,103 +23183,103 @@ var eW = /*#__PURE__*/ gS(VU, [["render", $U], ["__scopeId", "data-v-e1b89e20"]]
 	});
 	let c = s.innerHTML;
 	return s = null, c;
-}, RW = (e) => [
+}, VW = (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(), zW = !0, BW = !0, VW = ["fill"], HW = /* #__PURE__ */ Object.assign({
-	"/assets/icons/2horpanel.svg": iW,
-	"/assets/icons/2vertpanel.svg": aW,
-	"/assets/icons/3panel.svg": oW,
-	"/assets/icons/4panel.svg": sW,
-	"/assets/icons/5panel.svg": cW,
-	"/assets/icons/6panel.svg": lW,
-	"/assets/icons/6panelVertical.svg": uW,
-	"/assets/icons/changeBckgd.svg": dW,
-	"/assets/icons/close-no-bk.svg": fW,
-	"/assets/icons/close.svg": pW,
-	"/assets/icons/closeFullScreen.svg": mW,
-	"/assets/icons/comment.svg": hW,
-	"/assets/icons/connection.svg": gW,
-	"/assets/icons/dock.svg": _W,
-	"/assets/icons/drawLine.svg": vW,
-	"/assets/icons/drawPoint.svg": yW,
-	"/assets/icons/drawPolygon.svg": bW,
-	"/assets/icons/drawTrash.svg": xW,
-	"/assets/icons/fitWindow.svg": SW,
-	"/assets/icons/fullScreen.svg": CW,
-	"/assets/icons/help.svg": wW,
-	"/assets/icons/magnifyingGlass.svg": TW,
-	"/assets/icons/noun-filter.svg": EW,
-	"/assets/icons/openMap.svg": DW,
-	"/assets/icons/pause.svg": OW,
-	"/assets/icons/permalink.svg": kW,
-	"/assets/icons/play.svg": AW,
-	"/assets/icons/resetZoom.svg": jW,
-	"/assets/icons/singlepanel.svg": MW,
-	"/assets/icons/tooltips.svg": NW,
-	"/assets/icons/undock.svg": PW,
-	"/assets/icons/zoomIn.svg": FW,
-	"/assets/icons/zoomOut.svg": IW
+].reduce((e, t) => "".replace.apply(e, t), e).trim(), HW = !0, UW = !0, WW = ["fill"], GW = /* #__PURE__ */ Object.assign({
+	"/assets/icons/2horpanel.svg": sW,
+	"/assets/icons/2vertpanel.svg": cW,
+	"/assets/icons/3panel.svg": lW,
+	"/assets/icons/4panel.svg": uW,
+	"/assets/icons/5panel.svg": dW,
+	"/assets/icons/6panel.svg": fW,
+	"/assets/icons/6panelVertical.svg": pW,
+	"/assets/icons/changeBckgd.svg": mW,
+	"/assets/icons/close-no-bk.svg": hW,
+	"/assets/icons/close.svg": gW,
+	"/assets/icons/closeFullScreen.svg": _W,
+	"/assets/icons/comment.svg": vW,
+	"/assets/icons/connection.svg": yW,
+	"/assets/icons/dock.svg": bW,
+	"/assets/icons/drawLine.svg": xW,
+	"/assets/icons/drawPoint.svg": SW,
+	"/assets/icons/drawPolygon.svg": CW,
+	"/assets/icons/drawTrash.svg": wW,
+	"/assets/icons/fitWindow.svg": TW,
+	"/assets/icons/fullScreen.svg": EW,
+	"/assets/icons/help.svg": DW,
+	"/assets/icons/magnifyingGlass.svg": OW,
+	"/assets/icons/noun-filter.svg": kW,
+	"/assets/icons/openMap.svg": AW,
+	"/assets/icons/pause.svg": jW,
+	"/assets/icons/permalink.svg": MW,
+	"/assets/icons/play.svg": NW,
+	"/assets/icons/resetZoom.svg": PW,
+	"/assets/icons/singlepanel.svg": FW,
+	"/assets/icons/tooltips.svg": IW,
+	"/assets/icons/undock.svg": LW,
+	"/assets/icons/zoomIn.svg": RW,
+	"/assets/icons/zoomOut.svg": zW
 });
-Object.keys(HW).map((e) => {
-	let t = LW(HW[e], zW, BW, VW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
-	return RW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
+Object.keys(GW).map((e) => {
+	let t = BW(GW[e], HW, UW, WW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
+	return VW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
 }).join("\n");
-var UW = !0, WW = !0, GW = /* #__PURE__ */ Object.assign({
-	"/assets/icons/2horpanel.svg": iW,
-	"/assets/icons/2vertpanel.svg": aW,
-	"/assets/icons/3panel.svg": oW,
-	"/assets/icons/4panel.svg": sW,
-	"/assets/icons/5panel.svg": cW,
-	"/assets/icons/6panel.svg": lW,
-	"/assets/icons/6panelVertical.svg": uW,
-	"/assets/icons/changeBckgd.svg": dW,
-	"/assets/icons/close-no-bk.svg": fW,
-	"/assets/icons/close.svg": pW,
-	"/assets/icons/closeFullScreen.svg": mW,
-	"/assets/icons/comment.svg": hW,
-	"/assets/icons/connection.svg": gW,
-	"/assets/icons/dock.svg": _W,
-	"/assets/icons/drawLine.svg": vW,
-	"/assets/icons/drawPoint.svg": yW,
-	"/assets/icons/drawPolygon.svg": bW,
-	"/assets/icons/drawTrash.svg": xW,
-	"/assets/icons/fitWindow.svg": SW,
-	"/assets/icons/fullScreen.svg": CW,
-	"/assets/icons/help.svg": wW,
-	"/assets/icons/magnifyingGlass.svg": TW,
-	"/assets/icons/noun-filter.svg": EW,
-	"/assets/icons/openMap.svg": DW,
-	"/assets/icons/pause.svg": OW,
-	"/assets/icons/permalink.svg": kW,
-	"/assets/icons/play.svg": AW,
-	"/assets/icons/resetZoom.svg": jW,
-	"/assets/icons/singlepanel.svg": MW,
-	"/assets/icons/tooltips.svg": NW,
-	"/assets/icons/undock.svg": PW,
-	"/assets/icons/zoomIn.svg": FW,
-	"/assets/icons/zoomOut.svg": IW
-}), KW = {
+var KW = !0, qW = !0, JW = /* #__PURE__ */ Object.assign({
+	"/assets/icons/2horpanel.svg": sW,
+	"/assets/icons/2vertpanel.svg": cW,
+	"/assets/icons/3panel.svg": lW,
+	"/assets/icons/4panel.svg": uW,
+	"/assets/icons/5panel.svg": dW,
+	"/assets/icons/6panel.svg": fW,
+	"/assets/icons/6panelVertical.svg": pW,
+	"/assets/icons/changeBckgd.svg": mW,
+	"/assets/icons/close-no-bk.svg": hW,
+	"/assets/icons/close.svg": gW,
+	"/assets/icons/closeFullScreen.svg": _W,
+	"/assets/icons/comment.svg": vW,
+	"/assets/icons/connection.svg": yW,
+	"/assets/icons/dock.svg": bW,
+	"/assets/icons/drawLine.svg": xW,
+	"/assets/icons/drawPoint.svg": SW,
+	"/assets/icons/drawPolygon.svg": CW,
+	"/assets/icons/drawTrash.svg": wW,
+	"/assets/icons/fitWindow.svg": TW,
+	"/assets/icons/fullScreen.svg": EW,
+	"/assets/icons/help.svg": DW,
+	"/assets/icons/magnifyingGlass.svg": OW,
+	"/assets/icons/noun-filter.svg": kW,
+	"/assets/icons/openMap.svg": AW,
+	"/assets/icons/pause.svg": jW,
+	"/assets/icons/permalink.svg": MW,
+	"/assets/icons/play.svg": NW,
+	"/assets/icons/resetZoom.svg": PW,
+	"/assets/icons/singlepanel.svg": FW,
+	"/assets/icons/tooltips.svg": IW,
+	"/assets/icons/undock.svg": LW,
+	"/assets/icons/zoomIn.svg": RW,
+	"/assets/icons/zoomOut.svg": zW
+}), YW = {
 	name: "MapSvgSpriteColor",
-	svgContext: GW,
-	svgSprite: Object.keys(GW).map((e) => {
-		let t = LW(GW[e], UW, WW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
-		return RW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
+	svgContext: JW,
+	svgSprite: Object.keys(JW).map((e) => {
+		let t = BW(JW[e], KW, qW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
+		return VW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
 	}).join("\n")
-}, qW = ["innerHTML"];
-function JW(e, t, n, r, i, a) {
+}, XW = ["innerHTML"];
+function ZW(e, t, n, r, i, a) {
 	return L(), u("svg", {
 		width: "0",
 		height: "0",
 		style: { display: "none" },
 		innerHTML: e.$options.svgSprite
-	}, null, 8, qW);
+	}, null, 8, XW);
 }
-var YW = /*#__PURE__*/ tW(KW, [["render", JW]]), XW = /* @__PURE__ */ ft((/* @__PURE__ */ lt(((e, t) => {
+var QW = /*#__PURE__*/ iW(YW, [["render", ZW]]), $W = /* @__PURE__ */ ft((/* @__PURE__ */ lt(((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() {
@@ -25057,7 +25083,7 @@ var YW = /*#__PURE__*/ tW(KW, [["render", JW]]), XW = /* @__PURE__ */ ft((/* @__
 		}
 		return Ft.version = "4.26.0", Ft;
 	}));
-})))(), 1), ZW = (e, t) => {
+})))(), 1), eG = (e, t) => {
 	let n = {};
 	return e.forEach((e) => {
 		let r = e.split(".");
@@ -25065,9 +25091,9 @@ var YW = /*#__PURE__*/ tW(KW, [["render", JW]]), XW = /* @__PURE__ */ ft((/* @__
 		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;
-}, QW = class {
+}, tG = class {
 	constructor(e, t, n = "https://api.pennsieve.io") {
-		this.client = (0, XW.default)(e, t), this.PENNSIEVE_API_LOCATION = n;
+		this.client = (0, $W.default)(e, t), this.PENNSIEVE_API_LOCATION = n;
 	}
 	initIndex(e) {
 		this.index = this.client.initIndex(e);
@@ -25084,7 +25110,7 @@ var YW = /*#__PURE__*/ tW(KW, [["render", JW]]), XW = /* @__PURE__ */ ft((/* @__
 				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 = ZW(l, 2), f = ZW(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 = eG(l, 2), f = eG(u, 3);
 				Object.keys(c).map((e) => {
 					let n = [];
 					Object.keys(d).includes(e) && d[e].forEach((t) => {
@@ -25267,7 +25293,7 @@ var YW = /*#__PURE__*/ tW(KW, [["render", JW]]), XW = /* @__PURE__ */ ft((/* @__
 			});
 		}), t;
 	}
-}, $W = [
+}, nG = [
 	{
 		label: "Data Type",
 		id: "item.types",
@@ -25313,17 +25339,17 @@ var YW = /*#__PURE__*/ tW(KW, [["render", JW]]), XW = /* @__PURE__ */ ft((/* @__
 		facetSubpropPath: "supportingAwards.consortium.subcategory.name"
 	}
 ];
-function eG(e = void 0) {
+function rG(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 = tG(e);
+	let t = iG(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 `, $W.map((e) => [e.facetPropPath, e.facetFilterPath]).map(([e, r]) => {
+	return n = `(${n}) AND `, nG.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;
@@ -25331,21 +25357,19 @@ function eG(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 tG(e) {
+function iG(e) {
 	return e.filter((e) => e.label !== "Show all");
 }
 //#endregion
 //#region src/components/SearchFilters.vue
-var nG = function(e) {
-	return e.charAt(0).toUpperCase() + e.slice(1);
-}, rG = function(e) {
+var aG = function(e) {
 	let t = e.toLowerCase();
-	return Tz[t] ? nG(Tz[t]) : e === e.toUpperCase() ? e : nG(t);
-}, iG = {
+	return Tz[t] ? BU(Tz[t]) : e === e.toUpperCase() ? e : BU(t);
+}, oG = {
 	name: "SearchFilters",
 	components: {
-		MapSvgIcon: rW,
-		MapSvgSpriteColor: YW,
+		MapSvgIcon: oW,
+		MapSvgSpriteColor: QW,
 		Option: x_,
 		Select: b_,
 		Popover: Fx,
@@ -25435,14 +25459,15 @@ var nG = 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 = rG(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 = aG(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);
 				}
 			}
 		},
@@ -25458,7 +25483,7 @@ var nG = 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 = rG(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 = aG(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({
@@ -25472,7 +25497,7 @@ var nG = 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($W).then((e) => {
+				this.algoliaClient.getAlgoliaFacets(nG).then((e) => {
 					this.facets = e, wz.emit("available-facets", e), this.options = e, this.processOptions();
 				}).finally(() => {
 					e();
@@ -25661,13 +25686,13 @@ var nG = function(e) {
 		setCascader: function(e) {
 			if (this.cascaderIsReady && e && e.length != 0) {
 				let t = (e) => {
-					let t = [e.facetPropPath, this.createCascaderItemValue([nG(e.term), e.facet])];
+					let t = [e.facetPropPath, this.createCascaderItemValue([BU(e.term), e.facet])];
 					return e.facet2 && (t.push(this.createCascaderItemValue([
-						nG(e.term),
+						BU(e.term),
 						e.facet,
 						e.facet2
 					])), e.facet3 && t.push(this.createCascaderItemValue([
-						nG(e.term),
+						BU(e.term),
 						e.facet,
 						e.facet2,
 						e.facet3
@@ -25791,25 +25816,25 @@ var nG = function(e) {
 		}
 	},
 	mounted: function() {
-		this.entry.options || (this.algoliaClient = w(new QW(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 tG(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");
 		});
 	}
-}, aG = { class: "filters" }, oG = { key: 0 }, sG = {
+}, sG = { class: "filters" }, cG = { key: 0 }, lG = {
 	key: 0,
 	class: "cascader-tag"
-}, cG = { class: "el-tags-container" }, lG = { class: "el-tags-container" }, uG = { class: "search-filters transition-box" }, dG = { key: 0 }, fG = { class: "sidebar-cascader-search el-input" }, pG = { class: "el-input__wrapper" }, mG = ["value", "onInput"], hG = { key: 1 }, gG = {
+}, uG = { class: "el-tags-container" }, dG = { class: "el-tags-container" }, fG = { class: "search-filters transition-box" }, pG = { key: 0 }, mG = { class: "sidebar-cascader-search el-input" }, hG = { class: "el-input__wrapper" }, gG = ["value", "onInput"], _G = { key: 1 }, vG = {
 	key: 0,
 	class: "sr-only"
-}, _G = {
+}, yG = {
 	key: 0,
 	class: "filter-default-value"
-}, vG = { class: "dataset-shown" }, yG = { class: "dataset-results-feedback" };
-function bG(e, n, r, a, o, s) {
+}, bG = { class: "dataset-shown" }, xG = { class: "dataset-results-feedback" };
+function SG(e, n, r, a, o, s) {
 	let f = V("MapSvgSpriteColor"), h = Ug, g = Fx, _ = Cy, v = Sy, y = vy, b = V("MapSvgIcon"), x = x_, S = b_, C = Kx;
-	return L(), u("div", aG, [
+	return L(), u("div", sG, [
 		m(f),
-		s.showFilters && e.options.length > 0 ? (L(), u("div", oG, [e.presentTags.length > 0 ? (L(), u("div", sG, [m(h, {
+		s.showFilters && e.options.length > 0 ? (L(), u("div", cG, [e.presentTags.length > 0 ? (L(), u("div", lG, [m(h, {
 			class: "ml-2",
 			type: "info",
 			closable: "",
@@ -25824,7 +25849,7 @@ function bG(e, n, r, a, o, s) {
 			trigger: "hover",
 			"popper-class": "cascade-tags-popover"
 		}, {
-			default: G(() => [d("div", cG, [(L(!0), u(t, null, ae(e.presentTags.slice(1), (e, t) => (L(), c(h, {
+			default: G(() => [d("div", uG, [(L(!0), u(t, null, ae(e.presentTags.slice(1), (e, t) => (L(), c(h, {
 				key: t,
 				class: D(["ml-2", s.modifyCascaderTagStyle(e)]),
 				type: "info",
@@ -25834,7 +25859,7 @@ function bG(e, n, r, a, o, s) {
 				default: G(() => [p(H(e), 1)]),
 				_: 2
 			}, 1032, ["class", "onClose"]))), 128))])]),
-			reference: G(() => [d("div", lG, [e.presentTags.length > 1 ? (L(), c(h, {
+			reference: G(() => [d("div", dG, [e.presentTags.length > 1 ? (L(), c(h, {
 				key: 0,
 				class: "ml-2",
 				type: "info"
@@ -25844,7 +25869,7 @@ function bG(e, n, r, a, o, s) {
 			})) : l("", !0)])]),
 			_: 1
 		})) : l("", !0)])) : l("", !0), m(i, { name: "el-zoom-in-top" }, {
-			default: G(() => [we((L(), u("span", uG, [
+			default: G(() => [we((L(), u("span", fG, [
 				m(y, {
 					class: "cascader",
 					ref: "cascader",
@@ -25861,7 +25886,7 @@ function bG(e, n, r, a, o, s) {
 					"show-all-levels": !0,
 					"popper-class": "sidebar-cascader-popper"
 				}, {
-					default: G(({ node: t, data: r }) => [s.isFlatmapConnectionsFilterNode(t) ? (L(), u("div", dG, [d("div", fG, [d("div", pG, [d("input", {
+					default: G(({ node: t, data: r }) => [s.isFlatmapConnectionsFilterNode(t) ? (L(), u("div", pG, [d("div", mG, [d("div", hG, [d("input", {
 						class: "el-input__inner",
 						ref: "searchInput_" + t.pathValues[0],
 						value: e.searchInputs[t.pathValues[0]],
@@ -25871,7 +25896,7 @@ function bG(e, n, r, a, o, s) {
 						style: { width: "100%" },
 						autocomplete: "off",
 						placeholder: "Search"
-					}, null, 40, mG)])])])) : (L(), u("div", hG, [m(v, null, {
+					}, null, 40, gG)])])])) : (L(), u("div", _G, [m(v, null, {
 						default: G(() => [s.hasLineStyles(r) ? (L(), c(_, {
 							key: 0,
 							span: 4
@@ -25882,7 +25907,7 @@ function bG(e, n, r, a, o, s) {
 							}, null, 4)]),
 							_: 2
 						}, 1024)) : l("", !0), m(_, { span: 20 }, {
-							default: G(() => [s.isFlatmapConnectionsNode(t) ? (L(), u("span", gG, H(s.getNodeKey(t.value)), 1)) : l("", !0), d("div", { style: k(s.getBackgroundStyles(r)) }, H(r.label), 5)]),
+							default: G(() => [s.isFlatmapConnectionsNode(t) ? (L(), u("span", vG, H(s.getNodeKey(t.value)), 1)) : l("", !0), d("div", { style: k(s.getBackgroundStyles(r)) }, H(r.label), 5)]),
 							_: 2
 						}, 1024)]),
 						_: 2
@@ -25894,7 +25919,7 @@ function bG(e, n, r, a, o, s) {
 					"props",
 					"onExpandChange"
 				]),
-				e.showFiltersText ? (L(), u("div", _G, "Filters")) : l("", !0),
+				e.showFiltersText ? (L(), u("div", yG, "Filters")) : l("", !0),
 				m(g, {
 					title: "How do filters work?",
 					width: "250",
@@ -25922,7 +25947,7 @@ function bG(e, n, r, a, o, s) {
 			])), [[C, !e.cascaderIsReady]])]),
 			_: 1
 		})])) : l("", !0),
-		d("div", vG, [d("span", yG, H(s.numberOfResultsText), 1), m(S, {
+		d("div", bG, [d("span", xG, H(s.numberOfResultsText), 1), m(S, {
 			class: "number-shown-select",
 			modelValue: e.numberShown,
 			"onUpdate:modelValue": n[5] ||= (t) => e.numberShown = t,
@@ -25938,13 +25963,13 @@ function bG(e, n, r, a, o, s) {
 		}, 8, ["modelValue"])])
 	]);
 }
-var xG = /*#__PURE__*/ gS(iG, [["render", bG], ["__scopeId", "data-v-5e030c81"]]), SG = async function(e) {
+var CG = /*#__PURE__*/ gS(oG, [["render", SG], ["__scopeId", "data-v-c4374581"]]), wG = async function(e) {
 	if (!e.ok) {
 		let t = await e.json();
 		throw Error(t ? t.message : e);
 	}
 	return e;
-}, CG = {
+}, TG = {
 	searchInput: "",
 	lastSearch: "",
 	results: [],
@@ -25957,19 +25982,19 @@ var xG = /*#__PURE__*/ gS(iG, [["render", bG], ["__scopeId", "data-v-5e030c81"]]
 	start: 0,
 	hasSearched: !1,
 	contextCardEnabled: !1
-}, wG = {
+}, EG = {
 	components: {
-		SearchFilters: xG,
+		SearchFilters: CG,
 		DatasetCard: RU,
-		SearchHistory: eW,
+		SearchHistory: rW,
 		Button: Rg,
 		Card: C_,
 		Drawer: Yy,
 		Icon: zp,
 		Input: Oh,
 		Pagination: Ax,
-		MapSvgIcon: rW,
-		MapSvgSpriteColor: YW
+		MapSvgIcon: oW,
+		MapSvgSpriteColor: QW
 	},
 	name: "DatasetExplorer",
 	props: {
@@ -25983,7 +26008,7 @@ var xG = /*#__PURE__*/ gS(iG, [["render", bG], ["__scopeId", "data-v-5e030c81"]]
 		},
 		entry: {
 			type: Object,
-			default: () => CG
+			default: () => TG
 		},
 		envVars: {
 			type: Object,
@@ -26074,9 +26099,9 @@ var xG = /*#__PURE__*/ gS(iG, [["render", bG], ["__scopeId", "data-v-5e030c81"]]
 			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(eG(e), t).then((e) => {
+			this.loadingCards = !0, this.algoliaClient.anatomyInSearch(rG(e), t).then((e) => {
 				wz.emit("anatomy-in-datasets", e.forFlatmap), wz.emit("number-of-datasets-for-anatomies", e.forScaffold);
-			}), this.algoliaClient.search(eG(e), t, this.numberPerPage, this.page).then((e) => {
+			}), this.algoliaClient.search(rG(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",
@@ -26165,11 +26190,11 @@ var xG = /*#__PURE__*/ gS(iG, [["render", bG], ["__scopeId", "data-v-5e030c81"]]
 		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(SG).then((e) => e.json()).then((t) => e(t)).catch((e) => r(e));
+				fetch(i, { signal: n }).then(wG).then((e) => e.json()).then((t) => e(t)).catch((e) => r(e));
 			});
 		},
 		getAlgoliaFacets: async function() {
-			return await this.algoliaClient.getAlgoliaFacets($W);
+			return await this.algoliaClient.getAlgoliaFacets(nG);
 		},
 		searchHistorySearch: function(e) {
 			this.searchInput = e.search, this.filter = e.filters, this.openSearch([...e.filters], e.search);
@@ -26182,25 +26207,25 @@ var xG = /*#__PURE__*/ gS(iG, [["render", bG], ["__scopeId", "data-v-5e030c81"]]
 		}
 	},
 	mounted: function() {
-		this.algoliaClient = w(new QW(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 tG(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/";
 	}
-}, TG = { class: "header" }, EG = {
+}, DG = { class: "header" }, OG = {
 	class: "content scrollbar",
 	ref: "content"
-}, DG = {
+}, kG = {
 	key: 0,
 	class: "error-feedback"
 };
-function OG(e, n, r, i, a, o) {
-	let s = Oh, f = V("MapSvgIcon"), h = Fx, g = Rg, _ = xG, v = eW, y = RU, b = Ax, x = C_, S = Kx;
+function AG(e, n, r, i, a, o) {
+	let s = Oh, f = V("MapSvgIcon"), h = Fx, g = Rg, _ = CG, v = rW, y = RU, b = Ax, x = C_, S = Kx;
 	return L(), c(x, {
 		"body-style": e.bodyStyle,
 		class: "content-card"
 	}, {
-		header: G(() => [d("div", TG, [
+		header: G(() => [d("div", DG, [
 			d("div", { class: D(["search-input-container", { "is-focus": e.searchInput }]) }, [m(s, {
 				class: "search-input",
 				placeholder: "Search",
@@ -26294,8 +26319,8 @@ function OG(e, n, r, i, a, o) {
 				localStorageKey: "sparc.science-dataset-search-history",
 				onSearch: o.searchHistorySearch
 			}, null, 8, ["onSearch"]),
-			we((L(), u("div", EG, [
-				e.results.length === 0 && !e.loadingCards ? (L(), u("div", DG, " No results found - Please change your search / filter criteria. ")) : l("", !0),
+			we((L(), u("div", OG, [
+				e.results.length === 0 && !e.loadingCards ? (L(), u("div", kG, " No results found - Please change your search / filter criteria. ")) : l("", !0),
 				(L(!0), u(t, null, ae(e.results, (e) => (L(), u("div", {
 					key: e.doi,
 					class: "step-item"
@@ -26331,7 +26356,899 @@ function OG(e, n, r, i, a, o) {
 		_: 1
 	}, 8, ["body-style"]);
 }
-var kG = /*#__PURE__*/ gS(wG, [["render", OG], ["__scopeId", "data-v-50396e05"]]), AG = {
+var jG = /*#__PURE__*/ gS(EG, [["render", AG], ["__scopeId", "data-v-50396e05"]]), MG = {}, NG = {
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true",
+	focusable: "false"
+};
+function PG(e, t) {
+	return L(), u("svg", NG, [...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 FG = /*#__PURE__*/ gS(MG, [["render", PG]]), IG = {
+	soma_tg: "trigeminal ganglion",
+	soma_drg: "dorsal root ganglion"
+}, LG = {
+	name: "CellCard",
+	components: {
+		Button: Rg,
+		Icon: zp,
+		ElIconWarning: Je,
+		CopyToClipboard: et,
+		IconOpenExternal: FG
+	},
+	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) => VU(e)).join("\n");
+				m.push(`<div><strong>Alert Notes:</strong></div>\n${e}`);
+			}
+			if (d?.length) {
+				let e = d.map((e) => VU(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(IG).find((t) => IG[t] === e) || "";
+				return this.cellType.clusterAttributes?.[t] ? {
+					name: BU(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() {
+			wz.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), wz.emit("trackEvent", {
+				event_name: "portal_maps_cell_card_open",
+				category: this.cellType.id || "",
+				location: "map_sidebar_cell_card"
+			});
+		},
+		closeCard: function() {
+			this.$emit("close"), wz.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: BU(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() {
+			HU(this, "alertElement");
+		},
+		formatAlertText: function(e) {
+			return VU(e);
+		}
+	}
+}, RG = { class: "title-content" }, zG = { class: "card-title" }, BG = { class: "card-keywords" }, VG = { class: "card-chips" }, HG = {
+	key: 0,
+	class: "source-publication-chip"
+}, UG = { class: "card-details" }, WG = { class: "card-details-inner" }, GG = {
+	key: 0,
+	class: "card-section"
+}, KG = {
+	key: 1,
+	class: "card-section"
+}, qG = {
+	key: 2,
+	class: "card-section"
+}, JG = { class: "card-list-items" }, YG = ["onMouseenter"], XG = { class: "card-list-search" }, ZG = { class: "search-action-list" }, QG = ["onClick"], $G = ["onClick"], eK = {
+	key: 3,
+	class: "card-section"
+}, tK = {
+	key: 4,
+	class: "card-section"
+}, nK = {
+	key: 5,
+	class: "card-section"
+}, rK = { class: "marker-genes-list" }, iK = ["href"], aK = { key: 0 }, oK = {
+	key: 6,
+	class: "card-section"
+}, sK = { class: "card-section-content" }, cK = {
+	key: 7,
+	class: "card-section"
+}, lK = { class: "card-section-content success" }, uK = {
+	key: 8,
+	class: "card-section"
+}, dK = { class: "related-cell-list" }, fK = ["onClick"], pK = {
+	key: 9,
+	class: "card-section source-publication-section"
+}, mK = ["href"], hK = {
+	key: 10,
+	class: "card-section",
+	ref: "alertElement"
+}, gK = { class: "alert-block" }, _K = {
+	key: 0,
+	class: "alert-block-section"
+}, vK = ["innerHTML"], yK = {
+	key: 1,
+	class: "alert-block-section"
+}, bK = ["innerHTML"];
+function xK(e, n, r, i, a, o) {
+	let s = qe, f = zp, h = Rg, g = V("CopyToClipboard"), _ = Fe, v = Fx, y = We, b = FG;
+	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", RG, [
+		d("div", zG, H(r.cellType.preferredLabel), 1),
+		d("div", BG, [
+			d("span", null, H(r.cellType.species), 1),
+			d("div", VG, [(L(!0), u(t, null, ae(r.cellType.somaLocations, (e) => (L(), u("span", {
+				class: "card-chip",
+				key: e
+			}, H(e), 1))), 128))]),
+			r.cellType.sourceNomenclature ? (L(), u("span", HG, H(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: Ee(o.showAlertMessage, ["stop"])
+		}, {
+			default: G(() => [m(f, { class: "alert" }, {
+				default: G(() => [m(s)]),
+				_: 1
+			}), n[3] ||= p(" Notes ", -1)]),
+			_: 1
+		}, 8, ["onClick"])) : l("", !0)
+	]), d("div", {
+		class: "title-buttons",
+		onClick: n[0] ||= Ee(() => {}, ["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: G(() => [m(h, {
+			class: "button-circle",
+			circle: "",
+			onClick: o.closeCard
+		}, {
+			default: G(() => [m(f, { color: "white" }, {
+				default: G(() => [m(_)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["onClick"])]),
+		default: G(() => [n[4] ||= d("span", null, "Close", -1)]),
+		_: 1
+	})])]), d("div", UG, [d("div", WG, [
+		r.cellType.entity ? (L(), u("div", GG, [n[5] ||= d("div", { class: "card-section-title" }, "Entity", -1), d("span", null, H(r.cellType.entity), 1)])) : l("", !0),
+		r.cellType.species ? (L(), u("div", KG, [n[6] ||= d("div", { class: "card-section-title" }, "Species", -1), d("span", null, H(r.cellType.species), 1)])) : l("", !0),
+		r.cellType.somaLocations?.length ? (L(), u("div", qG, [n[7] ||= d("div", { class: "card-section-title" }, "Soma Location", -1), d("div", JG, [(L(!0), u(t, null, ae(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, H(e.name), 1), d("div", XG, [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: G(() => [m(f, { class: D(["status-search-icon", { "is-visible": a.activeSearchPopoverLocationId === e.id }]) }, {
+				default: G(() => [m(y)]),
+				_: 1
+			}, 8, ["class"])]),
+			default: G(() => [d("div", ZG, [d("button", {
+				type: "button",
+				class: "search-action-button",
+				onClick: (t) => o.openDatasetSearch(e.name)
+			}, " Search dataset ", 8, QG), d("button", {
+				type: "button",
+				class: "search-action-button",
+				onClick: (t) => o.openConnectivitySearch(e.name)
+			}, " Search connectivity ", 8, $G)])]),
+			_: 2
+		}, 1032, [
+			"append-to",
+			"onShow",
+			"onHide"
+		])])], 40, YG))), 128))])])) : l("", !0),
+		r.cellType.circuitRole ? (L(), u("div", eK, [n[8] ||= d("div", { class: "card-section-title" }, "Circuit Role", -1), d("span", null, H(r.cellType.circuitRole), 1)])) : l("", !0),
+		r.cellType.creLine ? (L(), u("div", tK, [n[9] ||= d("div", { class: "card-section-title" }, "Cre Line", -1), d("span", null, H(r.cellType.creLine), 1)])) : l("", !0),
+		o.formattedMarkerGenes.length ? (L(), u("div", nK, [n[10] ||= d("div", { class: "card-section-title" }, "Marker Genes", -1), d("div", rK, [(L(!0), u(t, null, ae(o.formattedMarkerGenes, (e) => (L(), u("a", {
+			key: e.key,
+			class: "marker-gene-link",
+			href: e.uri,
+			target: "_blank",
+			rel: "noopener noreferrer"
+		}, [
+			d("span", null, H(e.name), 1),
+			e.expression ? (L(), u("sup", aK, H(e.expression), 1)) : l("", !0),
+			m(b, { class: "external-link-icon" })
+		], 8, iK))), 128))])])) : l("", !0),
+		r.cellType.fiberTypeString ? (L(), u("div", oK, [n[11] ||= d("div", { class: "card-section-title" }, "Axon Phenotype", -1), d("div", sK, H(r.cellType.fiberTypeString), 1)])) : l("", !0),
+		r.cellType.physiologyString ? (L(), u("div", cK, [n[12] ||= d("div", { class: "card-section-title" }, "Physiology", -1), d("div", lK, H(r.cellType.physiologyString), 1)])) : l("", !0),
+		r.cellType.relatedCells?.length ? (L(), u("div", uK, [n[13] ||= d("div", { class: "card-section-title" }, "Related Species Variants", -1), d("ul", dK, [(L(!0), u(t, null, ae(r.cellType.relatedCells, (t) => (L(), u("li", { key: t }, [d("button", {
+			class: "related-cell-item",
+			onClick: Ee((n) => e.$emit("related-cell-click", t), ["stop"]),
+			title: "Click to view this cell type"
+		}, H(t.label), 9, fK)]))), 128))])])) : l("", !0),
+		r.cellType.sourceNomenclature ? (L(), u("div", pK, [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(H(r.cellType.sourceNomenclatureLabel) + " ", 1), m(b, { class: "external-link-icon" })], 8, mK)])])) : l("", !0),
+		r.cellType.alertNotes?.length || r.cellType.curatorNotes?.length ? (L(), u("div", hK, [n[17] ||= d("div", { class: "card-section-title" }, "Notes", -1), d("div", gK, [r.cellType.alertNotes?.length ? (L(), u("div", _K, [n[15] ||= d("div", { class: "alert-block-title" }, "Alert Notes:", -1), (L(!0), u(t, null, ae(r.cellType.alertNotes, (e) => (L(), u("div", {
+			innerHTML: o.formatAlertText(e),
+			class: "alert-block-note"
+		}, null, 8, vK))), 256))])) : l("", !0), r.cellType.curatorNotes?.length ? (L(), u("div", yK, [n[16] ||= d("div", { class: "alert-block-title" }, "Curator Notes:", -1), (L(!0), u(t, null, ae(r.cellType.curatorNotes, (e) => (L(), u("div", {
+			innerHTML: o.formatAlertText(e),
+			class: "alert-block-note"
+		}, null, 8, bK))), 256))])) : l("", !0)])], 512)) : l("", !0)
+	])])], 6);
+}
+var SK = /*#__PURE__*/ gS(LG, [["render", xK], ["__scopeId", "data-v-6a3370b3"]]), CK = null, wK = null, TK = {
+	components: {
+		SearchFilters: CG,
+		SearchHistory: rW,
+		Button: Rg,
+		Card: C_,
+		CellCard: SK,
+		Input: Oh,
+		MapSvgIcon: oW,
+		Pagination: Ax
+	},
+	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: BU(e),
+				term: "Species",
+				tagLabel: BU(e)
+			}));
+			this.activeFilters = [...t, ...n], this.syncCascaderFromActiveFilters(), this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions);
+		},
+		getCellCardsData: async function(e) {
+			return CK || (wK ||= fetch(e).then((e) => {
+				if (!e.ok) throw Error(`HTTP error! status: ${e.status}`);
+				return e.json();
+			}).then((e) => (CK = e, e)).finally(() => {
+				wK = null;
+			}), wK);
+		},
+		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: zU()
+						}));
+						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: BU(e.facet || ""),
+				term: e.term || "",
+				tagLabel: BU(e.facet || "")
+			})), r = this.getValidatedActiveSpecies().map((e) => ({
+				facetPropPath: "species",
+				facet: BU(e),
+				term: "Species",
+				tagLabel: BU(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), wz.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, wz.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 || wz.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: BU(r),
+				term: "Species",
+				tagLabel: BU(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 : [];
+		}
+	}
+}, EK = { class: "header" }, DK = {
+	class: "content scrollbar",
+	ref: "content"
+};
+function OK(e, n, r, i, a, o) {
+	let s = Oh, l = V("MapSvgIcon"), f = Fx, h = Rg, g = CG, _ = rW, v = SK, y = Ax, b = C_, x = Kx;
+	return L(), c(b, {
+		"body-style": e.bodyStyle,
+		class: "content-card"
+	}, {
+		header: G(() => [d("div", EK, [
+			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: G(() => [m(l, {
+					icon: "help",
+					class: "help"
+				})]),
+				default: G(() => [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: G(() => [...n[3] ||= [p(" Search ", -1)]]),
+				_: 1
+			}, 8, ["onClick"]),
+			m(h, {
+				link: "",
+				class: "el-button-link",
+				onClick: o.onResetClick,
+				size: "large"
+			}, {
+				default: G(() => [...n[4] ||= [p(" Reset ", -1)]]),
+				_: 1
+			}, 8, ["onClick"])
+		])]),
+		default: G(() => [
+			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"]),
+			we((L(), u("div", DK, [(L(!0), u(t, null, ae(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 kK = /*#__PURE__*/ gS(TK, [["render", OK], ["__scopeId", "data-v-74fd124d"]]), AK = {
 	name: "ContributorItem",
 	props: { contributor: {
 		type: Object,
@@ -26345,22 +27262,22 @@ var kG = /*#__PURE__*/ gS(wG, [["render", OG], ["__scopeId", "data-v-50396e05"]]
 			return this.contributor.url.indexOf("RRID:") > -1 ? "RRID:" + this.contributor.url.split("RRID:")[1] : "";
 		}
 	}
-}, jG = { class: "contributor-item" }, MG = { class: "popover-content" }, NG = { class: "popover-name" }, PG = {
+}, jK = { class: "contributor-item" }, MK = { class: "popover-content" }, NK = { class: "popover-name" }, PK = {
 	key: 0,
 	class: "popover-url"
-}, FG = ["href"], IG = {
+}, FK = ["href"], IK = {
 	key: 1,
 	class: "popover-url"
-}, LG = ["href"], RG = {
+}, LK = ["href"], RK = {
 	key: 2,
 	class: "popover-organization"
-}, zG = {
+}, zK = {
 	key: 3,
 	class: "popover-role"
 };
-function BG(e, t, n, r, i, a) {
+function BK(e, t, n, r, i, a) {
 	let o = Fx;
-	return L(), u("div", jG, [m(o, {
+	return L(), u("div", jK, [m(o, {
 		placement: "top-start",
 		width: "320",
 		trigger: "hover",
@@ -26368,33 +27285,31 @@ function BG(e, t, n, r, i, a) {
 		teleported: !1
 	}, {
 		reference: G(() => [d("span", null, H(n.contributor.name), 1)]),
-		default: G(() => [d("div", MG, [
-			d("div", NG, H(n.contributor.name), 1),
-			n.contributor.orcidId ? (L(), u("div", PG, [
+		default: G(() => [d("div", MK, [
+			d("div", NK, H(n.contributor.name), 1),
+			n.contributor.orcidId ? (L(), u("div", PK, [
 				t[0] ||= d("strong", null, "ORCID iD", -1),
 				t[1] ||= p(": ", -1),
 				d("a", {
 					href: n.contributor.url,
 					target: "_blank"
-				}, H(a.orcidId), 9, FG)
+				}, H(a.orcidId), 9, FK)
 			])) : l("", !0),
-			a.rrid ? (L(), u("div", IG, [
+			a.rrid ? (L(), u("div", IK, [
 				t[2] ||= d("strong", null, "RRID", -1),
 				t[3] ||= p(": ", -1),
 				d("a", {
 					href: n.contributor.url,
 					target: "_blank"
-				}, H(a.rrid), 9, LG)
+				}, H(a.rrid), 9, LK)
 			])) : l("", !0),
-			n.contributor.organization ? (L(), u("div", RG, [t[4] ||= d("strong", null, "Organization", -1), p(": " + H(n.contributor.organization), 1)])) : l("", !0),
-			n.contributor.role ? (L(), u("div", zG, [t[5] ||= d("strong", null, "Title", -1), p(": " + H(n.contributor.role), 1)])) : l("", !0)
+			n.contributor.organization ? (L(), u("div", RK, [t[4] ||= d("strong", null, "Organization", -1), p(": " + H(n.contributor.organization), 1)])) : l("", !0),
+			n.contributor.role ? (L(), u("div", zK, [t[5] ||= d("strong", null, "Title", -1), p(": " + H(n.contributor.role), 1)])) : l("", !0)
 		])]),
 		_: 1
 	})]);
 }
-var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]), HG = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.substr(1).toLowerCase()), UG = function(e) {
-	return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
-}, WG = {
+var VK = /*#__PURE__*/ gS(AK, [["render", BK], ["__scopeId", "data-v-41511373"]]), HK = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.substr(1).toLowerCase()), UK = {
 	name: "ConnectivityInfo",
 	components: {
 		Button: Rg,
@@ -26410,7 +27325,7 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 		ConnectivityGraph: Ze,
 		ConnectivityList: Qe,
 		ConnectivityReconciliationList: $e,
-		ContributorItem: VG
+		ContributorItem: VK
 	},
 	props: {
 		connectivityEntry: {
@@ -26540,10 +27455,10 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 	},
 	methods: {
 		titleCase: function(e) {
-			return HG(e);
+			return HK(e);
 		},
 		capitalise: function(e) {
-			return UG(e);
+			return BU(e);
 		},
 		toggleTitleExpansion: function() {
 			this.isTitleExpanded = !this.isTitleExpanded, this.isTitleExpanded || this.$nextTick(() => {
@@ -26625,7 +27540,7 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 		},
 		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 = UG(r || n);
+			let t = [], n = this.entry?.title || "", r = this.entryData?.["long-label"] || this.entry?.["long-label"] || "", i = this.entry.featureId, a = [], o = BU(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 = []) {
@@ -26634,7 +27549,7 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 					let t = [];
 					e.split(",").forEach((e) => {
 						let r = n.find((t) => t.name === e.trim());
-						r ? t.push(`${UG(e)} (${r.id})`) : t.push(`${UG(e)}`);
+						r ? t.push(`${BU(e)} (${r.id})`) : t.push(`${BU(e)}`);
 					}), i.push(t.join(","));
 				});
 				let a = i.map((e) => `<li>${e}</li>`).join("\n");
@@ -26650,12 +27565,12 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 					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 = UG(e.sckanLabel || e.mapLabel || "-");
+						let t = i(e.mapId), n = BU(e.sckanLabel || e.mapLabel || "-");
 						return t ? `${n} (${t})` : n;
 					}
-					let t = e?.sckanLabel ? UG(e.sckanLabel) : "-", n = i(e.sckanId), r = n ? `${t} (${n})` : t;
+					let t = e?.sckanLabel ? BU(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 = UG(e.mapLabel), o = i(e.mapId), l = o ? `${a} (${o})` : a;
+					let a = BU(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;
@@ -26841,7 +27756,7 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 		getConnectivityError: function(e) {
 			let { errorData: t, errorMessage: n } = e;
 			return {
-				errorConnectivities: t.map((e) => UG(e.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
+				errorConnectivities: t.map((e) => BU(e.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
 				errorMessage: n
 			};
 		},
@@ -26889,20 +27804,10 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 			wz.emit("trackEvent", e);
 		},
 		showAlertMessage: function() {
-			this.$nextTick(() => {
-				let e = this.$refs.alertElement;
-				e && e.scrollIntoView({
-					behavior: "smooth",
-					block: "start",
-					inline: "nearest"
-				});
-			});
+			HU(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 VU(e, { formatLines: !0 });
 		}
 	},
 	mounted: function() {
@@ -26911,55 +27816,55 @@ var VG = /*#__PURE__*/ gS(AG, [["render", BG], ["__scopeId", "data-v-41511373"]]
 			this.connectivityError = { ...t };
 		});
 	}
-}, GG = {
+}, WK = {
 	key: 0,
 	class: "main"
-}, KG = { class: "connectivity-info-title" }, qG = { class: "title-content" }, JG = {
+}, GK = { class: "connectivity-info-title" }, KK = { class: "title-content" }, qK = {
 	key: 0,
 	class: "block"
-}, YG = { class: "title-group" }, XG = { class: "subtitle" }, ZG = { class: "id-tag" }, QG = {
+}, JK = { class: "title-group" }, YK = { class: "subtitle" }, XK = { class: "id-tag" }, ZK = {
 	key: 0,
 	class: "subtitle"
-}, $G = {
+}, QK = {
 	key: 1,
 	class: "block"
-}, eK = { class: "title" }, tK = { class: "title-buttons" }, nK = { class: "block attribute-title-container" }, rK = {
+}, $K = { class: "title" }, eq = { class: "title-buttons" }, tq = { class: "block attribute-title-container" }, nq = {
 	key: 0,
 	style: { "word-break": "keep-all" }
-}, iK = {
+}, rq = {
 	key: 1,
 	style: { "word-break": "keep-all" }
-}, aK = {
+}, iq = {
 	key: 2,
 	class: "connectivity-legends"
-}, oK = { class: "block buttons-row" }, sK = {
+}, aq = { class: "block buttons-row" }, oq = {
 	key: 0,
 	class: "population-details-source"
-}, cK = {
+}, sq = {
 	key: 0,
 	class: "block"
-}, lK = ["origin-item-label"], uK = ["origin-item-label", "onMouseenter"], dK = { class: "content-container content-container-connectivity" }, fK = { class: "content-container content-container-connectivity" }, pK = {
+}, cq = ["origin-item-label"], lq = ["origin-item-label", "onMouseenter"], uq = { class: "content-container content-container-connectivity" }, dq = { class: "content-container content-container-connectivity" }, fq = {
 	key: 1,
 	class: "content-container content-container-references"
-}, mK = {
+}, pq = {
 	key: 2,
 	ref: "alertElement",
 	class: "content-container content-container-alert"
-}, hK = { class: "block" }, gK = ["innerHTML"], _K = {
+}, mq = { class: "block" }, hq = ["innerHTML"], gq = {
 	key: 3,
 	class: "content-container"
-}, vK = { class: "block consultant-block" }, yK = {
+}, _q = { class: "block consultant-block" }, vq = {
 	key: 1,
 	class: "consultant-loading"
-}, bK = {
+}, yq = {
 	key: 2,
 	class: "consultant-error"
-}, xK = { key: 0 }, SK = { key: 1 }, CK = ["onClick"];
-function wK(e, n, r, i, a, o) {
-	let s = Ae, f = De, h = zp, g = qe, _ = Rg, v = He, y = Fx, b = V("CopyToClipboard"), x = Fe, S = Je, C = Jv, w = Yv, T = We, E = V("connectivity-reconciliation-list"), O = V("connectivity-list"), k = V("connectivity-graph"), A = V("ExternalResourceCard"), j = VG, M = Kx;
-	return o.entry ? (L(), u("div", GG, [
-		d("div", KG, [d("div", qG, [o.entry.title ? (L(), u("div", JG, [
-			d("div", YG, [d("div", {
+}, bq = { key: 0 }, xq = { key: 1 }, Sq = ["onClick"];
+function Cq(e, n, r, i, a, o) {
+	let s = Ae, f = De, h = zp, g = qe, _ = Rg, v = He, y = Fx, b = V("CopyToClipboard"), x = Fe, S = Je, C = Jv, w = Yv, T = We, E = V("connectivity-reconciliation-list"), O = V("connectivity-list"), k = V("connectivity-graph"), A = V("ExternalResourceCard"), j = VK, M = Kx;
+	return o.entry ? (L(), u("div", WK, [
+		d("div", GK, [d("div", KK, [o.entry.title ? (L(), u("div", qK, [
+			d("div", JK, [d("div", {
 				ref: "titleElement",
 				class: D(["title", { "title--clamped": !e.isTitleExpanded }]),
 				onClick: n[0] ||= (...e) => o.toggleTitleExpansion && o.toggleTitleExpansion(...e)
@@ -26972,7 +27877,7 @@ function wK(e, n, r, i, a, o) {
 				default: G(() => [e.isTitleExpanded ? (L(), c(s, { key: 0 })) : (L(), c(f, { key: 1 }))]),
 				_: 1
 			})])) : l("", !0)]),
-			d("div", XG, [d("span", ZG, H(o.entry.featureId[0]), 1), o.entry.featuresAlert?.length ? (L(), c(_, {
+			d("div", YK, [d("span", XK, H(o.entry.featureId[0]), 1), o.entry.featuresAlert?.length ? (L(), c(_, {
 				key: 0,
 				round: "",
 				size: "small",
@@ -26985,8 +27890,8 @@ function wK(e, n, r, i, a, o) {
 				}), n[6] ||= p(" Notes ", -1)]),
 				_: 1
 			}, 8, ["onClick"])) : l("", !0)]),
-			o.hasProvenanceTaxonomyLabel ? (L(), u("div", QG, H(o.provSpeciesDescription), 1)) : l("", !0)
-		])) : (L(), u("div", $G, [d("div", eK, H(o.entry.featureId), 1)]))]), d("div", tK, [
+			o.hasProvenanceTaxonomyLabel ? (L(), u("div", ZK, H(o.provSpeciesDescription), 1)) : l("", !0)
+		])) : (L(), u("div", QK, [d("div", $K, H(o.entry.featureId), 1)]))]), d("div", eq, [
 			m(y, {
 				width: "auto",
 				trigger: "hover",
@@ -27033,7 +27938,7 @@ function wK(e, n, r, i, a, o) {
 				_: 1
 			})) : l("", !0)
 		])]),
-		d("div", { class: D(["content-container population-details", { "flex-row": o.hasSingleConnectivityList }]) }, [d("div", nK, [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", tq, [n[10] ||= d("span", { class: "attribute-title" }, "Population Details", -1), e.activeView === "listView" ? (L(), c(y, {
 			key: 0,
 			width: "250",
 			trigger: "hover",
@@ -27044,14 +27949,14 @@ function wK(e, n, r, i, a, o) {
 				default: G(() => [m(S)]),
 				_: 1
 			})]),
-			default: G(() => [o.hasSingleConnectivityList ? (L(), u("span", rK, " This list is ordered alphabetically. Switch to graph view for path details, and use the legend below for reconciliation status. ")) : (L(), u("span", iK, " This list is ordered alphabetically, switch to graph view for path details. ")), o.hasSingleConnectivityList ? (L(), u("div", aK, [...n[9] ||= [
+			default: G(() => [o.hasSingleConnectivityList ? (L(), u("span", nq, " This list is ordered alphabetically. Switch to graph view for path details, and use the legend below for reconciliation status. ")) : (L(), u("span", rq, " This list is ordered alphabetically, switch to graph view for path details. ")), o.hasSingleConnectivityList ? (L(), u("div", iq, [...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", oK, [o.hasSingleConnectivityList ? l("", !0) : (L(), u("div", sK, [d("span", null, [n[12] ||= p(" Connectivity from: ", -1), m(y, {
+		})) : l("", !0)]), d("div", aq, [o.hasSingleConnectivityList ? l("", !0) : (L(), u("div", oq, [d("span", null, [n[12] ||= p(" Connectivity from: ", -1), m(y, {
 			width: "320",
 			trigger: "hover",
 			teleported: !1,
@@ -27098,11 +28003,11 @@ function wK(e, n, r, i, a, o) {
 			default: G(() => [...n[16] ||= [p(" Graph view ", -1)]]),
 			_: 1
 		}, 8, ["class"])], 2)])], 2),
-		o.entry["nerve-label"] ? (L(), u("div", cK, [n[18] ||= d("div", { class: "attribute-title-container" }, [d("span", { class: "attribute-title" }, "Nerves")], -1), (L(!0), u(t, null, ae(o.entry["nerve-label"], (e, r) => (L(), u("div", null, [(L(), u("div", {
+		o.entry["nerve-label"] ? (L(), u("div", sq, [n[18] ||= d("div", { class: "attribute-title-container" }, [d("span", { class: "attribute-title" }, "Nerves")], -1), (L(!0), u(t, null, ae(o.entry["nerve-label"], (e, r) => (L(), u("div", null, [(L(), u("div", {
 			class: "attribute-content",
 			"origin-item-label": e.nerve,
 			key: e.nerve
-		}, [d("span", null, H(o.capitalise(e.nerve)), 1)], 8, lK)), (L(!0), u(t, null, ae(e.subNerves, (e, t) => (L(), u("div", {
+		}, [d("span", null, H(o.capitalise(e.nerve)), 1)], 8, cq)), (L(!0), u(t, null, ae(e.subNerves, (e, t) => (L(), u("div", {
 			class: "attribute-content",
 			style: { "margin-left": "1rem" },
 			"origin-item-label": e,
@@ -27124,8 +28029,8 @@ function wK(e, n, r, i, a, o) {
 			}, 8, ["onClick"])]),
 			default: G(() => [n[17] ||= d("span", null, "Search sub nerve", -1)]),
 			_: 2
-		}, 1024), d("span", null, H(o.capitalise(e)), 1)], 40, uK))), 128))]))), 256))])) : l("", !0),
-		we(d("div", dK, [o.hasSingleConnectivityList ? we((L(), c(E, {
+		}, 1024), d("span", null, H(o.capitalise(e)), 1)], 40, lq))), 128))]))), 256))])) : l("", !0),
+		we(d("div", uq, [o.hasSingleConnectivityList ? we((L(), c(E, {
 			key: `${o.connectivityKey}list`,
 			entry: o.entry,
 			origins: o.origins,
@@ -27186,7 +28091,7 @@ function wK(e, n, r, i, a, o) {
 			"onConnectivityClicked",
 			"onConnectivityActionClick"
 		])), [[M, e.connectivityLoading]])], 512), [[xe, e.activeView === "listView"]]),
-		we(d("div", fK, [e.graphViewLoaded ? (L(), u(t, { key: 0 }, [m(_, {
+		we(d("div", dq, [e.graphViewLoaded ? (L(), u(t, { key: 0 }, [m(_, {
 			class: "button",
 			onClick: o.openGraphInViewer
 		}, {
@@ -27228,7 +28133,7 @@ function wK(e, n, r, i, a, o) {
 			"hasSingleConnectivityList",
 			"onTapNode"
 		])), [[M, e.connectivityLoading]])], 64)) : l("", !0)], 512), [[xe, e.activeView === "graphView"]]),
-		o.resources.length ? (L(), u("div", pK, [m(A, {
+		o.resources.length ? (L(), u("div", fq, [m(A, {
 			resources: o.resources,
 			onReferencesLoaded: o.onReferencesLoaded,
 			onShowReferenceConnectivities: o.onShowReferenceConnectivities,
@@ -27239,24 +28144,24 @@ function wK(e, n, r, i, a, o) {
 			"onShowReferenceConnectivities",
 			"onTrackEvent"
 		])])) : l("", !0),
-		o.entry.featuresAlert?.length ? (L(), u("div", mK, [n[20] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Notes")], -1), d("div", hK, [(L(!0), u(t, null, ae(o.entry.featuresAlert, (e) => (L(), u("div", {
+		o.entry.featuresAlert?.length ? (L(), u("div", pq, [n[20] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Notes")], -1), d("div", mq, [(L(!0), u(t, null, ae(o.entry.featuresAlert, (e) => (L(), u("div", {
 			class: "alert-block",
 			innerHTML: o.formatAlertText(e)
-		}, null, 8, gK))), 256))])], 512)) : l("", !0),
-		e.expertConsultants.length ? (L(), u("div", _K, [n[23] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Expert Consultants")], -1), d("ul", vK, [(L(!0), u(t, null, ae(e.expertConsultants, (e) => (L(), u("li", { key: e.url }, [e.name ? (L(), c(j, {
+		}, null, 8, hq))), 256))])], 512)) : l("", !0),
+		e.expertConsultants.length ? (L(), u("div", gq, [n[23] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Expert Consultants")], -1), d("ul", _q, [(L(!0), u(t, null, ae(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", yK, [d("span", null, "Loading " + H(e.url), 1)])), e.error ? (L(), u("div", bK, [e.errorMessage ? (L(), u("span", xK, H(e.errorMessage), 1)) : (L(), u("span", SK, "Sorry, something went wrong.")), e.refreshable ? (L(), u(t, { key: 2 }, [
+		}, null, 8, ["contributor"])) : e.error ? l("", !0) : (L(), u("div", vq, [d("span", null, "Loading " + H(e.url), 1)])), e.error ? (L(), u("div", yq, [e.errorMessage ? (L(), u("span", bq, H(e.errorMessage), 1)) : (L(), u("span", xq, "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, CK)
+			}, " Reload ", 8, Sq)
 		], 64)) : l("", !0)])) : l("", !0)]))), 128))])])) : l("", !0)
 	])) : l("", !0);
 }
-var TK = /*#__PURE__*/ gS(WG, [["render", wK], ["__scopeId", "data-v-c6ac47f9"]]), EK = {
+var wq = /*#__PURE__*/ gS(UK, [["render", Cq], ["__scopeId", "data-v-09919fd1"]]), Tq = {
 	name: "ConnectivityCard",
 	data() {
 		return { displayFields: ["id", "nerve-label"] };
@@ -27287,7 +28192,7 @@ var TK = /*#__PURE__*/ gS(WG, [["render", wK], ["__scopeId", "data-v-c6ac47f9"]]
 	},
 	methods: {
 		capitalise: function(e) {
-			return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
+			return BU(e);
 		},
 		cardClicked: function(e) {
 			this.loading || (this.$emit("open-connectivity", e), wz.emit("trackEvent", {
@@ -27297,28 +28202,28 @@ var TK = /*#__PURE__*/ gS(WG, [["render", wK], ["__scopeId", "data-v-c6ac47f9"]]
 			}));
 		}
 	}
-}, DK = {
+}, Eq = {
 	class: "connectivity-card-container",
 	ref: "container"
-}, OK = {
+}, Dq = {
 	class: "connectivity-card",
 	ref: "card"
-}, kK = { class: "card-title" }, AK = {
+}, Oq = { class: "card-title" }, kq = {
 	key: 0,
 	class: "card-details"
-}, jK = {
+}, Aq = {
 	key: 0,
 	class: "card-tags"
-}, MK = {
+}, jq = {
 	key: 1,
 	class: "id-tag"
 };
-function NK(e, n, r, i, a, o) {
+function Mq(e, n, r, i, a, o) {
 	let s = Ug, f = Kx;
-	return L(), u("div", DK, [d("div", OK, [n[1] ||= d("div", { class: "seperator-path" }, null, -1), we((L(), u("div", {
+	return L(), u("div", Eq, [d("div", Dq, [n[1] ||= d("div", { class: "seperator-path" }, null, -1), we((L(), u("div", {
 		class: "card-content",
 		onClick: n[0] ||= (e) => o.cardClicked(r.entry)
-	}, [d("div", kK, H(o.capitalise(o.displayTitle)), 1), (L(!0), u(t, null, ae(a.displayFields, (e) => (L(), u(t, { key: e }, [r.entry[e] ? (L(), u("div", AK, [e === "nerve-label" ? (L(), u("div", jK, [(L(!0), u(t, null, ae(r.entry[e], (e) => (L(), u("div", { key: e.nerve }, [m(s, {
+	}, [d("div", Oq, H(o.capitalise(o.displayTitle)), 1), (L(!0), u(t, null, ae(a.displayFields, (e) => (L(), u(t, { key: e }, [r.entry[e] ? (L(), u("div", kq, [e === "nerve-label" ? (L(), u("div", Aq, [(L(!0), u(t, null, ae(r.entry[e], (e) => (L(), u("div", { key: e.nerve }, [m(s, {
 		type: "primary",
 		size: "small"
 	}, {
@@ -27330,9 +28235,9 @@ function NK(e, n, r, i, a, o) {
 	}, {
 		default: G(() => [p(H(e), 1)]),
 		_: 2
-	}, 1024))), 256))]))), 128))])) : (L(), u("span", MK, H(r.entry[e]), 1))])) : l("", !0)], 64))), 128))])), [[f, o.loading]])], 512)], 512);
+	}, 1024))), 256))]))), 128))])) : (L(), u("span", jq, H(r.entry[e]), 1))])) : l("", !0)], 64))), 128))])), [[f, o.loading]])], 512)], 512);
 }
-var PK = /*#__PURE__*/ gS(EK, [["render", NK], ["__scopeId", "data-v-36162a20"]]), FK = {
+var Nq = /*#__PURE__*/ gS(Tq, [["render", Mq], ["__scopeId", "data-v-93ce73fa"]]), Pq = {
 	searchInput: "",
 	lastSearch: "",
 	results: [],
@@ -27342,20 +28247,20 @@ var PK = /*#__PURE__*/ gS(EK, [["render", NK], ["__scopeId", "data-v-36162a20"]]
 	numberPerPage: 10,
 	page: 1,
 	start: 0
-}, IK = {
+}, Fq = {
 	components: {
-		SearchFilters: xG,
-		SearchHistory: eW,
-		ConnectivityCard: PK,
-		ConnectivityInfo: TK,
+		SearchFilters: CG,
+		SearchHistory: rW,
+		ConnectivityCard: Nq,
+		ConnectivityInfo: wq,
 		Button: Rg,
 		Card: C_,
 		Checkbox: Mv,
 		Icon: zp,
 		Input: Oh,
 		Pagination: Ax,
-		MapSvgIcon: rW,
-		MapSvgSpriteColor: YW
+		MapSvgIcon: oW,
+		MapSvgSpriteColor: QW
 	},
 	name: "ConnectivityExplorer",
 	props: {
@@ -27365,7 +28270,7 @@ var PK = /*#__PURE__*/ gS(EK, [["render", NK], ["__scopeId", "data-v-36162a20"]]
 		},
 		entry: {
 			type: Object,
-			default: () => FK
+			default: () => Pq
 		},
 		envVars: {
 			type: Object,
@@ -27497,7 +28402,7 @@ var PK = /*#__PURE__*/ gS(EK, [["render", NK], ["__scopeId", "data-v-36162a20"]]
 		onResetClick: function() {
 			this.openSearch([], ""), this.$emit("search-changed", {
 				value: [],
-				tabType: "dataset",
+				tabType: "connectivity",
 				type: "reset-update"
 			}), wz.emit("trackEvent", {
 				event_name: "portal_maps_action_filter",
@@ -27519,7 +28424,7 @@ var PK = /*#__PURE__*/ gS(EK, [["render", NK], ["__scopeId", "data-v-36162a20"]]
 					});
 				}), r.length && this.$emit("search-changed", {
 					value: r,
-					tabType: "dataset",
+					tabType: "connectivity",
 					type: "reset-update"
 				}), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (this.searchKnowledge(this.filter, t), this.$refs.filtersRef.setCascader(this.filter), this.searchHistoryUpdate(this.filter, t));
 			} else this.filter = e, (!e || e.length == 0) && (this.searchKnowledge(this.filter, t), this.searchHistoryUpdate(this.filter, t));
@@ -27613,20 +28518,20 @@ var PK = /*#__PURE__*/ gS(EK, [["render", NK], ["__scopeId", "data-v-36162a20"]]
 			this.expanded = "", this.expandedData = null;
 		});
 	}
-}, LK = { class: "header" }, RK = {
+}, Iq = { class: "header" }, Lq = {
 	key: 0,
 	class: "visibility-filter"
-}, zK = {
+}, Rq = {
 	key: 0,
 	class: "error-feedback"
-}, BK = ["onMouseenter"];
-function VK(e, n, r, i, a, o) {
-	let s = V("MapSvgSpriteColor"), f = Oh, h = V("MapSvgIcon"), g = Fx, _ = Rg, v = Mv, y = xG, b = eW, x = PK, S = TK, C = Ax, w = C_, T = Kx;
+}, zq = ["onMouseenter"];
+function Bq(e, n, r, i, a, o) {
+	let s = V("MapSvgSpriteColor"), f = Oh, h = V("MapSvgIcon"), g = Fx, _ = Rg, v = Mv, y = CG, b = rW, x = Nq, S = wq, C = Ax, w = C_, T = Kx;
 	return L(), c(w, {
 		"body-style": e.bodyStyle,
 		class: "content-card"
 	}, {
-		header: G(() => [d("div", LK, [
+		header: G(() => [d("div", Iq, [
 			d("div", { class: D(["search-input-container", { "is-focus": e.inputFocus }]) }, [m(f, {
 				class: "search-input",
 				placeholder: "Search",
@@ -27718,7 +28623,7 @@ function VK(e, n, r, i, a, o) {
 				default: G(() => [...n[7] ||= [p(" Reset ", -1)]]),
 				_: 1
 			}, 8, ["onClick"]),
-			r.showVisibilityFilter ? (L(), u("div", RK, [m(v, {
+			r.showVisibilityFilter ? (L(), u("div", Lq, [m(v, {
 				modelValue: e.filterVisibility,
 				"onUpdate:modelValue": n[1] ||= (t) => e.filterVisibility = t
 			}, {
@@ -27776,7 +28681,7 @@ function VK(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", zK, " No results found - Please change your search / filter criteria. ")) : l("", !0),
+				e.results.length === 0 && !e.loadingCards ? (L(), u("div", Rq, " No results found - Please change your search / filter criteria. ")) : l("", !0),
 				(L(!0), u(t, null, ae(o.paginatedResults, (t) => (L(), u("div", {
 					key: t.id,
 					ref_for: !0,
@@ -27822,7 +28727,7 @@ function VK(e, n, r, i, a, o) {
 					"onConnectivityClicked",
 					"onLoaded",
 					"onCloseConnectivity"
-				])) : l("", !0)], 40, BK))), 128)),
+				])) : l("", !0)], 40, zq))), 128)),
 				m(C, {
 					class: "pagination",
 					"current-page": e.page,
@@ -27844,7 +28749,7 @@ function VK(e, n, r, i, a, o) {
 		_: 1
 	}, 8, ["body-style"]);
 }
-var HK = /*#__PURE__*/ gS(IK, [["render", VK], ["__scopeId", "data-v-02ba9966"]]), UK = {
+var Vq = /*#__PURE__*/ gS(Fq, [["render", Bq], ["__scopeId", "data-v-1052c2ae"]]), Hq = {
 	name: "AnnotationTool",
 	components: {
 		AnnotationPopup: Xe,
@@ -27868,13 +28773,13 @@ var HK = /*#__PURE__*/ gS(IK, [["render", VK], ["__scopeId", "data-v-02ba9966"]]
 			annotationPopupData: null
 		};
 	}
-}, WK = { class: "annotation-tool scrollbar" }, GK = {
+}, Uq = { class: "annotation-tool scrollbar" }, Wq = {
 	key: 1,
 	class: "delete-container"
 };
-function KK(e, t, n, r, i, a) {
+function Gq(e, t, n, r, i, a) {
 	let o = V("CreateTooltipContent"), s = V("annotation-popup"), d = Cy, f = Rg, h = Sy;
-	return L(), u("div", WK, [
+	return L(), u("div", Uq, [
 		we(m(o, {
 			createData: n.createData,
 			onConfirmCreate: t[0] ||= (t) => e.$emit("confirm-create", t),
@@ -27889,7 +28794,7 @@ function KK(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", GK, [m(h, null, {
+		n.createData && n.createData.toBeDeleted ? (L(), u("div", Wq, [m(h, null, {
 			default: G(() => [
 				m(d, {
 					offset: 1,
@@ -27930,7 +28835,7 @@ function KK(e, t, n, r, i, a) {
 		})])) : l("", !0)
 	]);
 }
-var qK = /*#__PURE__*/ gS(UK, [["render", KK], ["__scopeId", "data-v-7acfbf0c"]]), JK = {
+var Kq = /*#__PURE__*/ gS(Hq, [["render", Gq], ["__scopeId", "data-v-7acfbf0c"]]), qq = {
 	name: "Tabs",
 	components: { ElIconClose: Fe },
 	props: {
@@ -27971,32 +28876,36 @@ var qK = /*#__PURE__*/ gS(UK, [["render", KK], ["__scopeId", "data-v-7acfbf0c"]]
 			});
 		}
 	}
-}, YK = { class: "tabs-container" }, XK = ["onClick"], ZK = { class: "tab-title" };
-function QK(e, n, r, i, a, o) {
+}, Jq = { class: "tabs-container" }, Yq = ["onClick"], Xq = { class: "tab-title" };
+function Zq(e, n, r, i, a, o) {
 	let s = Fe, f = zp;
-	return L(), u("div", YK, [(L(!0), u(t, null, ae(o.tabs, (e) => (L(), u("div", {
-		class: D(["tab", { "active-tab": e.id == r.activeId }]),
+	return L(), u("div", Jq, [(L(!0), u(t, null, ae(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", ZK, H(e.title), 1), e.closable ? (L(), c(f, {
+	}, [d("span", Xq, H(e.title), 1), e.closable ? (L(), c(f, {
 		key: 0,
 		onClick: Ee((t) => o.tabClosed(e), ["stop"]),
 		class: "tab-close-icon"
 	}, {
 		default: G(() => [m(s)]),
 		_: 1
-	}, 8, ["onClick"])) : l("", !0)], 10, XK))), 128))]);
+	}, 8, ["onClick"])) : l("", !0)], 10, Yq))), 128))]);
 }
-var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]), eq = {
+var Qq = /*#__PURE__*/ gS(qq, [["render", Zq], ["__scopeId", "data-v-e3121df3"]]), $q = {
 	components: {
-		DatasetExplorer: kG,
-		Tabs: $K,
+		DatasetExplorer: jG,
+		Tabs: Qq,
 		ElIconArrowLeft: Oe,
 		ElIconArrowRight: ke,
 		Drawer: Yy,
 		Icon: zp,
-		AnnotationTool: qK,
-		ConnectivityExplorer: HK
+		AnnotationTool: Kq,
+		ConnectivityExplorer: Vq,
+		CellCardExplorer: kK
 	},
 	name: "SideBar",
 	props: {
@@ -28020,6 +28929,12 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 					id: 3,
 					type: "annotation",
 					closable: !0
+				},
+				{
+					title: "Cell Card Explorer",
+					id: 4,
+					type: "cellCardExplorer",
+					closable: !1
 				}
 			]
 		},
@@ -28068,6 +28983,10 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 		showLongLabel: {
 			type: Boolean,
 			default: !1
+		},
+		showCellCards: {
+			type: Boolean,
+			default: !1
 		}
 	},
 	data: function() {
@@ -28077,6 +28996,7 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 			activeTabId: 1,
 			activeAnnotationData: { tabType: "annotation" },
 			activeConnectivityData: { tabType: "connectivity" },
+			activeSpeciesForEntries: [],
 			state: {
 				dataset: {
 					search: "",
@@ -28086,6 +29006,10 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 					search: "",
 					filters: []
 				},
+				cellCards: {
+					search: "",
+					filters: []
+				},
 				connectivityEntries: [],
 				annotationEntries: [],
 				activeTabId: this.activeTabId
@@ -28107,6 +29031,12 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 			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);
 		},
@@ -28143,6 +29073,29 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 				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({
@@ -28210,18 +29163,24 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 		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 = tG(e.getFilters()));
+			e && (this.state.dataset.search = e.getSearch(), this.state.dataset.filters = iG(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);
 			});
 		},
@@ -28232,10 +29191,14 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 				...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;
@@ -28266,20 +29229,20 @@ var $K = /*#__PURE__*/ gS(JK, [["render", QK], ["__scopeId", "data-v-744b6365"]]
 			this.trackEvent(e);
 		});
 	}
-}, tq = { ref: "container" }, nq = { class: "box-card" }, rq = { class: "sidebar-container" };
-function iq(e, n, r, i, a, o) {
-	let s = Oe, f = zp, p = ke, h = $K, g = qK, _ = HK, v = kG, y = Yy;
-	return L(), u("div", tq, [e.drawerOpen ? l("", !0) : (L(), u("div", {
+}, eJ = { ref: "container" }, tJ = { class: "box-card" }, nJ = { class: "sidebar-container" };
+function rJ(e, n, r, i, a, o) {
+	let s = Oe, f = zp, p = ke, h = Qq, g = Kq, _ = Vq, v = kK, y = jG, b = Yy;
+	return L(), u("div", eJ, [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: G(() => [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",
@@ -28290,14 +29253,14 @@ function iq(e, n, r, i, a, o) {
 		"z-index": 10,
 		"lock-scroll": !1
 	}, {
-		default: G(() => [d("div", nq, [e.drawerOpen ? (L(), u("div", {
+		default: G(() => [d("div", tJ, [e.drawerOpen ? (L(), u("div", {
 			key: 0,
 			onClick: n[1] ||= (...e) => o.close && o.close(...e),
 			class: "close-tab"
 		}, [m(f, null, {
 			default: G(() => [m(p)]),
 			_: 1
-		})])) : l("", !0), d("div", rq, [o.tabEntries.length > 1 ? (L(), c(h, {
+		})])) : l("", !0), d("div", nJ, [o.tabEntries.length > 1 ? (L(), c(h, {
 			key: 0,
 			tabEntries: o.tabEntries,
 			activeId: e.activeTabId,
@@ -28361,8 +29324,26 @@ function iq(e, n, r, i, a, o) {
 			"onConnectivityHovered",
 			"onConnectivityCollapseChange",
 			"onConnectivityItemClose"
-		])), [[xe, i.id === e.activeTabId]]) : we((L(), c(v, {
+		])), [[xe, i.id === e.activeTabId]]) : i.type === "cellCardExplorer" && r.showCellCards ? we((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"
+		])), [[xe, i.id === e.activeTabId]]) : we((L(), c(y, {
+			key: 3,
 			class: "sidebar-content-container",
 			contextCardEntry: i.contextCard,
 			envVars: r.envVars,
@@ -28379,6 +29360,6 @@ function iq(e, n, r, i, a, o) {
 		_: 1
 	}, 8, ["modelValue"])], 512);
 }
-var aq = /*#__PURE__*/ gS(eq, [["render", iq], ["__scopeId", "data-v-9c067e12"]]);
+var iJ = /*#__PURE__*/ gS($q, [["render", rJ], ["__scopeId", "data-v-a55df815"]]);
 //#endregion
-export { aq as SideBar };
+export { iJ as SideBar };