@abi-software/map-side-bar 2.19.1-demo.0 → 2.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/map-side-bar.js +423 -1355
- package/dist/map-side-bar.umd.cjs +44 -47
- package/dist/style.css +1 -1
- package/package.json +3 -3
- package/src/App.vue +2 -10
- package/src/components/ConnectivityCard.vue +2 -2
- package/src/components/ConnectivityInfo.vue +37 -7
- package/src/components/SearchFilters.vue +7 -10
- package/src/components/SearchHistory.vue +15 -9
- package/src/components/SideBar.vue +6 -104
- package/src/components/Tabs.vue +6 -15
- package/src/components.d.ts +0 -3
- package/src/components/CellCard.vue +0 -992
- package/src/components/CellCardExplorer.vue +0 -879
- package/src/components/icons/IconOpenExternal.vue +0 -23
- package/src/utils/common.js +0 -59
package/dist/map-side-bar.js
CHANGED
|
@@ -12947,7 +12947,7 @@ var hS = /*#__PURE__*/ uS(dS, [["render", mS], ["__scopeId", "data-v-6c749802"]]
|
|
|
12947
12947
|
onClick: (e) => r("clicked", n)
|
|
12948
12948
|
}, null, 10, bS))), 128))]));
|
|
12949
12949
|
}
|
|
12950
|
-
}, [["__scopeId", "data-v-
|
|
12950
|
+
}, [["__scopeId", "data-v-172d1c0c"]]), SS = {
|
|
12951
12951
|
tab: "Tab",
|
|
12952
12952
|
enter: "Enter",
|
|
12953
12953
|
space: "Space",
|
|
@@ -19761,13 +19761,60 @@ function tz() {
|
|
|
19761
19761
|
timeout: n
|
|
19762
19762
|
});
|
|
19763
19763
|
}
|
|
19764
|
+
function n(e, t, n) {
|
|
19765
|
+
return `${e}/${t}/files/${encodeURIComponent(n)}`;
|
|
19766
|
+
}
|
|
19767
|
+
function r(e, t) {
|
|
19768
|
+
if (t && e) {
|
|
19769
|
+
for (let n = 0; n < e.length; n++) if (t === e[n].dataset.path) return e[n];
|
|
19770
|
+
}
|
|
19771
|
+
}
|
|
19772
|
+
function i(e, t) {
|
|
19773
|
+
if (t && e) return r(t, e.datacite.isSourceOf.path[0]);
|
|
19774
|
+
}
|
|
19775
|
+
function a(e, t, n, i) {
|
|
19776
|
+
if (n && n.length > 0) {
|
|
19777
|
+
let a;
|
|
19778
|
+
if (e && t) {
|
|
19779
|
+
let i = r(t, e.datacite.isSourceOf.path[0]);
|
|
19780
|
+
i && (a = r(n, i.datacite.isSourceOf.path[0]));
|
|
19781
|
+
}
|
|
19782
|
+
if (a) return a;
|
|
19783
|
+
if (i < n.length) return n[i];
|
|
19784
|
+
}
|
|
19785
|
+
}
|
|
19786
|
+
function o(e, t) {
|
|
19787
|
+
let n = `${e}/s3-resource/${t.datasetId}/${t.datasetVersion}/files/${t.file_path}?encodeBase64=true`;
|
|
19788
|
+
return t.s3Bucket && (n += `&s3BucketName=${t.s3Bucket}`), n;
|
|
19789
|
+
}
|
|
19790
|
+
function s(e, t) {
|
|
19791
|
+
let n = `${e}/thumbnail/neurolucida`;
|
|
19792
|
+
return n += `?datasetId=${t.datasetId}`, n += `&version=${t.datasetVersion}`, n += `&path=files/${t.segmentationFilePath}`, t.s3Bucket && (n += `&s3BucketName=${t.s3Bucket}`), n;
|
|
19793
|
+
}
|
|
19794
|
+
function c(e, t) {
|
|
19795
|
+
return `${e}/thumbnail/${t.id}`;
|
|
19796
|
+
}
|
|
19797
|
+
function l(e, n, r) {
|
|
19798
|
+
t(`${e}/image/${r.id}`, {}, 2e4).then((e) => {
|
|
19799
|
+
let t = n.find((e) => e.id === r.id), i = e.name;
|
|
19800
|
+
i && (t.title = i);
|
|
19801
|
+
}, (t) => (t.message.includes("timeout") && t.message.includes("exceeded") && r.fetchAttempts < 3 && (r.fetchAttempts += 1, l(e, n, r)), Promise.reject("Maximum iterations reached.")));
|
|
19802
|
+
}
|
|
19764
19803
|
return {
|
|
19765
19804
|
defaultImg: e,
|
|
19766
|
-
getRequest: t
|
|
19805
|
+
getRequest: t,
|
|
19806
|
+
getS3FilePath: n,
|
|
19807
|
+
findEntryWithPathInArray: r,
|
|
19808
|
+
getThumbnailForPlot: i,
|
|
19809
|
+
getThumbnailForScaffold: a,
|
|
19810
|
+
getImageURLFromS3: o,
|
|
19811
|
+
getSegmentationThumbnailURL: s,
|
|
19812
|
+
getThumbnailURLFromBiolucida: c,
|
|
19813
|
+
getImageInfoFromBiolucida: l
|
|
19767
19814
|
};
|
|
19768
19815
|
}
|
|
19769
|
-
var nz = ["src"], rz = ["src"], iz = {
|
|
19770
|
-
key:
|
|
19816
|
+
var nz = ["src"], rz = ["src", "crossorigin"], iz = {
|
|
19817
|
+
key: 0,
|
|
19771
19818
|
class: "details"
|
|
19772
19819
|
}, az = { key: 0 }, oz = { class: "title text-placeholder" }, sz = /*#__PURE__*/ vS({
|
|
19773
19820
|
__name: "Card",
|
|
@@ -19803,6 +19850,10 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19803
19850
|
shadow: {
|
|
19804
19851
|
type: String,
|
|
19805
19852
|
default: "always"
|
|
19853
|
+
},
|
|
19854
|
+
crossorigin: {
|
|
19855
|
+
type: String,
|
|
19856
|
+
default: "anonymous"
|
|
19806
19857
|
}
|
|
19807
19858
|
},
|
|
19808
19859
|
emits: ["card-clicked", "datalink-clicked"],
|
|
@@ -19816,12 +19867,8 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19816
19867
|
}
|
|
19817
19868
|
return t.protocol === "http:" || t.protocol === "https:";
|
|
19818
19869
|
}
|
|
19819
|
-
let { defaultImg: r, getRequest: i } = tz(), a = B();
|
|
19820
|
-
|
|
19821
|
-
let s = B(void 0), f = B(!1), h = B(!1), g = B(!1), _ = e, v = t, y = o(() => _.data.title && ((s ? s.value : !1) || f.value) && (_.data.link || _.data.userData));
|
|
19822
|
-
o(() => showCardDetails ? height * .525 : height), o(() => width - 2 * b), o(() => height * .237);
|
|
19823
|
-
let b = o(() => height * .076);
|
|
19824
|
-
o(() => showCardDetails ? height * .525 : height), G(() => _.data, () => {
|
|
19870
|
+
let { defaultImg: r, getRequest: i } = tz(), a = B(), s = B(void 0), f = B(!1), h = B(!1), g = B(!1), _ = e, v = o(() => _.data.crossorigin || _.crossorigin || "anonymous"), y = t, b = o(() => _.data.title && (s.value || f.value) && (_.data.link || _.data.userData));
|
|
19871
|
+
G(() => _.data, () => {
|
|
19825
19872
|
s.value = void 0, f.value = !1, g.value = !1, h.value = !1, _.data.thumbnail ? n(_.data.thumbnail) && _.data.mimetype ? S(_.data.thumbnail, { fetchAttempts: 0 }) : s.value = _.data.thumbnail : f.value = !0, E(() => {
|
|
19826
19873
|
C();
|
|
19827
19874
|
});
|
|
@@ -19833,9 +19880,9 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19833
19880
|
function x() {
|
|
19834
19881
|
if (_.data.link) {
|
|
19835
19882
|
let e = document.createElement("a");
|
|
19836
|
-
e.href = _.data.link, e.target = "_blank", document.body.appendChild(e), e.click(),
|
|
19883
|
+
e.href = _.data.link, e.target = "_blank", document.body.appendChild(e), e.click(), y("datalink-clicked", _.data.link), e.remove();
|
|
19837
19884
|
}
|
|
19838
|
-
_.data.userData &&
|
|
19885
|
+
_.data.userData && y("card-clicked", _.data.userData);
|
|
19839
19886
|
}
|
|
19840
19887
|
function S(e, t) {
|
|
19841
19888
|
i(e, {}, 11e3).then((e) => {
|
|
@@ -19848,7 +19895,7 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19848
19895
|
function C() {
|
|
19849
19896
|
if (_.data.hideTitle) h.value = !0, g.value = !0;
|
|
19850
19897
|
else {
|
|
19851
|
-
let e = a;
|
|
19898
|
+
let e = a.value;
|
|
19852
19899
|
e && e.offsetParent ? (g.value = !0, e.offsetWidth >= e.scrollWidth ? h.value = !0 : h.value = !1) : _.data.title.length > 20 ? h.value = !1 : h.value = !0;
|
|
19853
19900
|
}
|
|
19854
19901
|
}
|
|
@@ -19863,53 +19910,50 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19863
19910
|
}),
|
|
19864
19911
|
class: "card"
|
|
19865
19912
|
}, {
|
|
19866
|
-
default: K(() => [Ce((L(), u("div", null, [
|
|
19867
|
-
|
|
19868
|
-
|
|
19869
|
-
|
|
19870
|
-
|
|
19871
|
-
|
|
19872
|
-
|
|
19873
|
-
|
|
19874
|
-
|
|
19875
|
-
|
|
19876
|
-
|
|
19877
|
-
|
|
19878
|
-
|
|
19879
|
-
|
|
19880
|
-
|
|
19881
|
-
l("", !0),
|
|
19882
|
-
|
|
19883
|
-
|
|
19884
|
-
|
|
19885
|
-
|
|
19886
|
-
|
|
19887
|
-
|
|
19888
|
-
|
|
19889
|
-
|
|
19890
|
-
|
|
19891
|
-
|
|
19892
|
-
|
|
19893
|
-
|
|
19894
|
-
|
|
19895
|
-
|
|
19896
|
-
|
|
19897
|
-
|
|
19898
|
-
|
|
19899
|
-
|
|
19900
|
-
|
|
19901
|
-
|
|
19902
|
-
|
|
19903
|
-
|
|
19904
|
-
|
|
19905
|
-
|
|
19906
|
-
|
|
19907
|
-
|
|
19908
|
-
|
|
19909
|
-
|
|
19910
|
-
})
|
|
19911
|
-
])) : l("", !0)
|
|
19912
|
-
])), [[_, !y.value]])]),
|
|
19913
|
+
default: K(() => [Ce((L(), u("div", null, [d("div", {
|
|
19914
|
+
class: "cursor-pointer",
|
|
19915
|
+
style: k(e.imageContainerStyle),
|
|
19916
|
+
onClick: Te(x, ["prevent"])
|
|
19917
|
+
}, [f.value ? (L(), u("img", {
|
|
19918
|
+
key: 0,
|
|
19919
|
+
src: W(r),
|
|
19920
|
+
style: k(e.imageStyle)
|
|
19921
|
+
}, null, 12, nz)) : (L(), u("img", {
|
|
19922
|
+
key: 1,
|
|
19923
|
+
src: s.value,
|
|
19924
|
+
alt: "thumbnail loading ...",
|
|
19925
|
+
crossorigin: v.value,
|
|
19926
|
+
style: k(e.imageStyle)
|
|
19927
|
+
}, null, 12, rz))], 4), e.showCardDetails ? (L(), u("div", iz, [
|
|
19928
|
+
e.data.hideType ? l("", !0) : (L(), u("p", az, [d("b", null, U(e.data.type), 1)])),
|
|
19929
|
+
m(i, {
|
|
19930
|
+
"virtual-ref": a.value,
|
|
19931
|
+
disabled: h.value,
|
|
19932
|
+
content: e.data.title,
|
|
19933
|
+
placement: "top",
|
|
19934
|
+
trigger: "hover",
|
|
19935
|
+
"popper-class": "gallery-popper",
|
|
19936
|
+
"virtual-triggering": ""
|
|
19937
|
+
}, null, 8, [
|
|
19938
|
+
"virtual-ref",
|
|
19939
|
+
"disabled",
|
|
19940
|
+
"content"
|
|
19941
|
+
]),
|
|
19942
|
+
Ce(d("p", {
|
|
19943
|
+
ref_key: "titleText",
|
|
19944
|
+
ref: a,
|
|
19945
|
+
class: "title"
|
|
19946
|
+
}, U(e.data.title), 513), [[be, !e.data.hideTitle]]),
|
|
19947
|
+
Ce(d("p", oz, null, 512), [[be, e.data.hideTitle]]),
|
|
19948
|
+
m(o, {
|
|
19949
|
+
class: "button",
|
|
19950
|
+
onClick: Te(x, ["prevent"]),
|
|
19951
|
+
size: "large"
|
|
19952
|
+
}, {
|
|
19953
|
+
default: K(() => [p(" View " + U(e.data.type), 1)]),
|
|
19954
|
+
_: 1
|
|
19955
|
+
})
|
|
19956
|
+
])) : l("", !0)])), [[_, !b.value]])]),
|
|
19913
19957
|
_: 1
|
|
19914
19958
|
}, 8, [
|
|
19915
19959
|
"shadow",
|
|
@@ -19918,7 +19962,7 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19918
19962
|
]);
|
|
19919
19963
|
};
|
|
19920
19964
|
}
|
|
19921
|
-
}, [["__scopeId", "data-v-
|
|
19965
|
+
}, [["__scopeId", "data-v-f78dab5d"]]), cz = {
|
|
19922
19966
|
ref: "myButton",
|
|
19923
19967
|
class: "gallery"
|
|
19924
19968
|
}, lz = { class: "gallery-strip" }, uz = {
|
|
@@ -19989,6 +20033,10 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19989
20033
|
shadow: {
|
|
19990
20034
|
type: String,
|
|
19991
20035
|
default: "always"
|
|
20036
|
+
},
|
|
20037
|
+
crossorigin: {
|
|
20038
|
+
type: String,
|
|
20039
|
+
default: "anonymous"
|
|
19992
20040
|
}
|
|
19993
20041
|
},
|
|
19994
20042
|
emits: ["card-clicked", "datalink-clicked"],
|
|
@@ -19996,12 +20044,7 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
19996
20044
|
function i(e) {
|
|
19997
20045
|
return typeof window < "u" ? e * parseFloat(window.getComputedStyle(document.documentElement).fontSize) : e * 16;
|
|
19998
20046
|
}
|
|
19999
|
-
let a = e, s = r, f = B(0), p = B(0), m = B(2), h = B(2), g = o(() => a.items.length), _ = o(() => p.value > 0), v = o(() => p.value < g.value - 1), y = o(() => .78 * a.cardWidth)
|
|
20000
|
-
o(() => {
|
|
20001
|
-
let e = .25;
|
|
20002
|
-
return g.value * (a.cardWidth + e) - e;
|
|
20003
|
-
});
|
|
20004
|
-
let b = o(() => {
|
|
20047
|
+
let a = e, s = r, f = B(0), p = B(0), m = B(2), h = B(2), g = o(() => a.items.length), _ = o(() => p.value > 0), v = o(() => p.value < g.value - 1), y = o(() => .78 * a.cardWidth), b = o(() => {
|
|
20005
20048
|
let e = i(.5), t = i(2), n = i(a.cardWidth), r = (a.maxWidth - 2 * t - 2 * e) / (1.1 * n);
|
|
20006
20049
|
return Math.max(1, Math.floor(r));
|
|
20007
20050
|
}), x = o(() => {
|
|
@@ -20069,6 +20112,7 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
20069
20112
|
height: y.value,
|
|
20070
20113
|
shadow: e.shadow,
|
|
20071
20114
|
"show-card-details": e.showCardDetails,
|
|
20115
|
+
crossorigin: e.crossorigin,
|
|
20072
20116
|
onCardClicked: w,
|
|
20073
20117
|
onDatalinkClicked: T
|
|
20074
20118
|
}, null, 8, [
|
|
@@ -20079,7 +20123,8 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
20079
20123
|
"width",
|
|
20080
20124
|
"height",
|
|
20081
20125
|
"shadow",
|
|
20082
|
-
"show-card-details"
|
|
20126
|
+
"show-card-details",
|
|
20127
|
+
"crossorigin"
|
|
20083
20128
|
])) : l("", !0)], 2))), 128))]),
|
|
20084
20129
|
r[3] ||= d("div", { class: "filler" }, null, -1),
|
|
20085
20130
|
e.items.length > 1 ? (L(), u("a", {
|
|
@@ -20102,7 +20147,7 @@ var nz = ["src"], rz = ["src"], iz = {
|
|
|
20102
20147
|
}, null, 8, ["count", "current"])) : l("", !0)
|
|
20103
20148
|
], 512));
|
|
20104
20149
|
}
|
|
20105
|
-
}, [["__scopeId", "data-v-
|
|
20150
|
+
}, [["__scopeId", "data-v-a546ba46"]]) },
|
|
20106
20151
|
props: {
|
|
20107
20152
|
category: {
|
|
20108
20153
|
type: String,
|
|
@@ -22795,41 +22840,14 @@ function jU(e, t, n, r, i, a) {
|
|
|
22795
22840
|
d("div", AU, [m(h, { content: e.copyContent }, null, 8, ["content"])])
|
|
22796
22841
|
])])), [[g, e.loading]])], 512)], 512);
|
|
22797
22842
|
}
|
|
22798
|
-
var MU = /*#__PURE__*/ uS(bU, [["render", jU], ["__scopeId", "data-v-5541a37f"]]);
|
|
22799
|
-
|
|
22800
|
-
//#region src/utils/common.js
|
|
22801
|
-
function NU() {
|
|
22843
|
+
var MU = /*#__PURE__*/ uS(bU, [["render", jU], ["__scopeId", "data-v-5541a37f"]]), NU = 12;
|
|
22844
|
+
function PU() {
|
|
22802
22845
|
let e = /* @__PURE__ */ new Uint8Array(16);
|
|
22803
22846
|
window.crypto.getRandomValues(e), e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128;
|
|
22804
22847
|
let t = Array.from(e).map((e) => e.toString(16).padStart(2, "0")).join("");
|
|
22805
22848
|
return `${t.slice(0, 8)}-${t.slice(8, 12)}-${t.slice(12, 16)}-${t.slice(16, 20)}-${t.slice(20)}`;
|
|
22806
22849
|
}
|
|
22807
|
-
|
|
22808
|
-
if (!e) return "";
|
|
22809
|
-
let t = String(e);
|
|
22810
|
-
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
22811
|
-
}
|
|
22812
|
-
function FU(e, { formatLines: t = !1 } = {}) {
|
|
22813
|
-
if (!e) return "";
|
|
22814
|
-
let n = String(e).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/(https?:\/\/[^\s"<>[]+)/g, (e) => {
|
|
22815
|
-
let t = e.match(/^(.*?)([\].,;:!?]*)$/), n = t ? t[1] : e;
|
|
22816
|
-
return `<a href="${n}" target="_blank" rel="noopener noreferrer">${n}</a>${t ? t[2] : ""}`;
|
|
22817
|
-
}).replace(/\\n/g, "\n").replace(/\r\n/g, "\n").replace(/\r/g, "\n");
|
|
22818
|
-
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;
|
|
22819
|
-
}
|
|
22820
|
-
function IU(e, t) {
|
|
22821
|
-
e?.$nextTick(() => {
|
|
22822
|
-
let n = e?.$refs?.[t];
|
|
22823
|
-
n && n.scrollIntoView({
|
|
22824
|
-
behavior: "smooth",
|
|
22825
|
-
block: "start",
|
|
22826
|
-
inline: "nearest"
|
|
22827
|
-
});
|
|
22828
|
-
});
|
|
22829
|
-
}
|
|
22830
|
-
//#endregion
|
|
22831
|
-
//#region src/components/SearchHistory.vue
|
|
22832
|
-
var LU = 12, RU = {
|
|
22850
|
+
var FU = {
|
|
22833
22851
|
name: "SearchHistory",
|
|
22834
22852
|
props: { localStorageKey: {
|
|
22835
22853
|
type: String,
|
|
@@ -22874,7 +22892,7 @@ var LU = 12, RU = {
|
|
|
22874
22892
|
saved: !1,
|
|
22875
22893
|
label: n,
|
|
22876
22894
|
longLabel: r,
|
|
22877
|
-
id:
|
|
22895
|
+
id: PU(),
|
|
22878
22896
|
updated: (/* @__PURE__ */ new Date()).getTime()
|
|
22879
22897
|
};
|
|
22880
22898
|
this.searchHistory.push(i), this.searchHistory = this.searchHistory.sort(this.sortSearchHistory), this.trimSearchHistory(), localStorage.setItem(this.localStorageKey, JSON.stringify(this.searchHistory));
|
|
@@ -22892,14 +22910,14 @@ var LU = 12, RU = {
|
|
|
22892
22910
|
}), t.length && (this.searchHistory = this.searchHistory.filter((e) => !t.includes(e.id)));
|
|
22893
22911
|
},
|
|
22894
22912
|
trimSearchHistory: function() {
|
|
22895
|
-
if (this.searchHistory.length >
|
|
22896
|
-
let e = this.searchHistory.filter((e) => e.saved), t = this.searchHistory.filter((e) => !e.saved), n =
|
|
22913
|
+
if (this.searchHistory.length > NU) {
|
|
22914
|
+
let e = this.searchHistory.filter((e) => e.saved), t = this.searchHistory.filter((e) => !e.saved), n = NU - this.searchHistory.length;
|
|
22897
22915
|
this.searchHistory = [...e, ...t.slice(0, n)];
|
|
22898
22916
|
}
|
|
22899
22917
|
},
|
|
22900
22918
|
updateSearchHistory: function() {
|
|
22901
22919
|
this.searchHistory.forEach((e) => {
|
|
22902
|
-
if (e.id ||=
|
|
22920
|
+
if (e.id ||= PU(), !e.label) {
|
|
22903
22921
|
let { label: t, longLabel: n } = this.searchHistoryItemLabel(e.search, e.filters);
|
|
22904
22922
|
e.label = t, e.longLabel = n;
|
|
22905
22923
|
}
|
|
@@ -22907,8 +22925,8 @@ var LU = 12, RU = {
|
|
|
22907
22925
|
}), this.searchHistory = this.searchHistory.sort(this.sortSearchHistory), this.removeDuplicateSearchHistory(), this.trimSearchHistory(), localStorage.setItem(this.localStorageKey, JSON.stringify(this.searchHistory));
|
|
22908
22926
|
},
|
|
22909
22927
|
getParentComponentName: function() {
|
|
22910
|
-
let e = this.localStorageKey?.indexOf("connectivity") !== -1, t = this.localStorageKey?.indexOf("dataset") !== -1
|
|
22911
|
-
return e ? "connectivity" : t ? "dataset" :
|
|
22928
|
+
let e = this.localStorageKey?.indexOf("connectivity") !== -1, t = this.localStorageKey?.indexOf("dataset") !== -1;
|
|
22929
|
+
return e ? "connectivity" : t ? "dataset" : "";
|
|
22912
22930
|
},
|
|
22913
22931
|
search: function(e) {
|
|
22914
22932
|
this.$emit("search", e);
|
|
@@ -22948,22 +22966,22 @@ var LU = 12, RU = {
|
|
|
22948
22966
|
});
|
|
22949
22967
|
}
|
|
22950
22968
|
}
|
|
22951
|
-
},
|
|
22969
|
+
}, IU = {
|
|
22952
22970
|
key: 0,
|
|
22953
22971
|
class: "history-container"
|
|
22954
|
-
},
|
|
22972
|
+
}, LU = {
|
|
22955
22973
|
key: 0,
|
|
22956
22974
|
class: "saved-search-history"
|
|
22957
|
-
},
|
|
22975
|
+
}, RU = { key: 1 }, zU = { class: "el-dropdown-select" }, BU = ["onClick"], VU = ["onClick"], HU = {
|
|
22958
22976
|
key: 0,
|
|
22959
22977
|
viewBox: "0 0 24 24"
|
|
22960
|
-
},
|
|
22978
|
+
}, UU = {
|
|
22961
22979
|
key: 1,
|
|
22962
22980
|
viewBox: "0 0 24 24"
|
|
22963
|
-
},
|
|
22964
|
-
function
|
|
22981
|
+
}, WU = { key: 0 }, GU = { key: 1 }, KU = { key: 2 };
|
|
22982
|
+
function qU(e, n, r, i, a, o) {
|
|
22965
22983
|
let s = kx, f = Ug, h = Ee, g = zp, _ = Rg, v = Le, y = Kb, b = qb, x = Gb;
|
|
22966
|
-
return a.searchHistory.length ? (L(), u("div",
|
|
22984
|
+
return a.searchHistory.length ? (L(), u("div", IU, [a.savedSearchHistory.length ? (L(), u("div", LU, [(L(!0), u(t, null, ie(a.savedSearchHistory, (e, n) => (L(), u(t, { key: e.id }, [n < 2 ? (L(), c(f, {
|
|
22967
22985
|
class: "search-tag",
|
|
22968
22986
|
key: n,
|
|
22969
22987
|
onClick: (t) => o.search(e),
|
|
@@ -22982,7 +23000,7 @@ function XU(e, n, r, i, a, o) {
|
|
|
22982
23000
|
_: 2
|
|
22983
23001
|
}, 1024)) : (L(), u(t, { key: 1 }, [p(U(e.label), 1)], 64))]),
|
|
22984
23002
|
_: 2
|
|
22985
|
-
}, 1032, ["onClick"])) : l("", !0)], 64))), 128))])) : (L(), u("div",
|
|
23003
|
+
}, 1032, ["onClick"])) : l("", !0)], 64))), 128))])) : (L(), u("div", RU, [...n[0] ||= [d("span", { class: "empty-saved-search" }, "No Saved Searches", -1)]])), m(x, {
|
|
22986
23004
|
trigger: "click",
|
|
22987
23005
|
"hide-on-click": !1
|
|
22988
23006
|
}, {
|
|
@@ -22999,14 +23017,14 @@ function XU(e, n, r, i, a, o) {
|
|
|
22999
23017
|
reference: K(() => [d("span", {
|
|
23000
23018
|
class: "dropdown-clickable-item",
|
|
23001
23019
|
onClick: (t) => o.search(e)
|
|
23002
|
-
}, U(e.label), 9,
|
|
23020
|
+
}, U(e.label), 9, BU)]),
|
|
23003
23021
|
default: K(() => [p(" " + U(e.longLabel), 1)]),
|
|
23004
23022
|
_: 2
|
|
23005
23023
|
}, 1024)) : (L(), u("span", {
|
|
23006
23024
|
key: 1,
|
|
23007
23025
|
class: "dropdown-clickable-item",
|
|
23008
23026
|
onClick: (t) => o.search(e)
|
|
23009
|
-
}, U(e.label), 9,
|
|
23027
|
+
}, U(e.label), 9, VU))]), d("div", null, [m(s, {
|
|
23010
23028
|
width: "auto",
|
|
23011
23029
|
trigger: "hover",
|
|
23012
23030
|
"show-after": 200,
|
|
@@ -23021,12 +23039,12 @@ function XU(e, n, r, i, a, o) {
|
|
|
23021
23039
|
disabled: a.savedSearchHistory.length > 1 && !e.saved
|
|
23022
23040
|
}, {
|
|
23023
23041
|
default: K(() => [m(g, { color: "#8300BF" }, {
|
|
23024
|
-
default: K(() => [e.saved ? (L(), u("svg",
|
|
23042
|
+
default: K(() => [e.saved ? (L(), u("svg", HU, [...n[2] ||= [d("path", { d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z" }, null, -1)]])) : (L(), u("svg", UU, [...n[3] ||= [d("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }, null, -1)]]))]),
|
|
23025
23043
|
_: 2
|
|
23026
23044
|
}, 1024)]),
|
|
23027
23045
|
_: 2
|
|
23028
23046
|
}, 1032, ["onClick", "disabled"])]),
|
|
23029
|
-
default: K(() => [a.savedSearchHistory.length > 1 && !e.saved ? (L(), u("span",
|
|
23047
|
+
default: K(() => [a.savedSearchHistory.length > 1 && !e.saved ? (L(), u("span", WU, " Limit 2: Please remove a saved search before adding another. ")) : e.saved ? (L(), u("span", GU, "Remove from saved searches.")) : (L(), u("span", KU, "Add up to two saved searches."))]),
|
|
23030
23048
|
_: 2
|
|
23031
23049
|
}, 1024), m(s, {
|
|
23032
23050
|
width: "auto",
|
|
@@ -23054,18 +23072,18 @@ function XU(e, n, r, i, a, o) {
|
|
|
23054
23072
|
}, 1024))), 128))]),
|
|
23055
23073
|
_: 1
|
|
23056
23074
|
})]),
|
|
23057
|
-
default: K(() => [d("span",
|
|
23075
|
+
default: K(() => [d("span", zU, [n[1] ||= p(" Search history ", -1), m(g, { class: "el-icon--right" }, {
|
|
23058
23076
|
default: K(() => [m(h)]),
|
|
23059
23077
|
_: 1
|
|
23060
23078
|
})])]),
|
|
23061
23079
|
_: 1
|
|
23062
23080
|
})])) : l("", !0);
|
|
23063
23081
|
}
|
|
23064
|
-
var
|
|
23082
|
+
var JU = /*#__PURE__*/ uS(FU, [["render", qU], ["__scopeId", "data-v-884a863c"]]), YU = (e, t) => {
|
|
23065
23083
|
let n = e.__vccOpts || e;
|
|
23066
23084
|
for (let [e, r] of t) n[e] = r;
|
|
23067
23085
|
return n;
|
|
23068
|
-
},
|
|
23086
|
+
}, XU = ["xlink:href"], ZU = /*#__PURE__*/ YU({
|
|
23069
23087
|
__name: "SvgIcon",
|
|
23070
23088
|
props: {
|
|
23071
23089
|
icon: {
|
|
@@ -23078,9 +23096,9 @@ var ZU = /*#__PURE__*/ uS(RU, [["render", XU], ["__scopeId", "data-v-14c013b9"]]
|
|
|
23078
23096
|
}
|
|
23079
23097
|
},
|
|
23080
23098
|
setup(e) {
|
|
23081
|
-
return (t, n) => (L(), u("svg", { class: D(["map-icon", { "map-icon-spin": e.spin }]) }, [d("use", { "xlink:href": `#${e.icon}` }, null, 8,
|
|
23099
|
+
return (t, n) => (L(), u("svg", { class: D(["map-icon", { "map-icon-spin": e.spin }]) }, [d("use", { "xlink:href": `#${e.icon}` }, null, 8, XU)], 2));
|
|
23082
23100
|
}
|
|
23083
|
-
}, [["__scopeId", "data-v-e172d5ff"]]), tW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2horpanel</title>\n <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-4\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", nW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2vertpanel</title>\n <g id=\"2vertpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-3\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", rW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>3panel</title>\n <g id=\"3panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"11.5\" y1=\"7.5\" x2=\"11.5\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"11.5\" x2=\"11.5\" y2=\"11.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", iW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>4panel</title>\n <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-2\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", aW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2horpanel</title>\n <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-4\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"12\" y1=\"12.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"14.5\" y1=\"12\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"9.5\" y1=\"12\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", oW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2horpanel</title>\n <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-4\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"14.5\" y1=\"16\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"9.5\" y1=\"16\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", sW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>4panel</title>\n <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-2\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"10.5\" x2=\"5.5\" y2=\"10.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"13.8\" x2=\"5.5\" y2=\"13.8\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", cW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>changeBckgd</title>\n <g id=\"changeBckgd\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-5\">\n <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"7\" y=\"6\" width=\"10\" height=\"7\"></rect>\n <line x1=\"12\" y1=\"13.5\" x2=\"12\" y2=\"16.5\" id=\"Line-4\" stroke=\"#FFFFFF\" stroke-width=\"2\"></line>\n <line x1=\"7\" y1=\"16.5\" x2=\"17\" y2=\"16.5\" id=\"Line\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", lW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>close no bk</title>\n <g id=\"close-no-bk\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"square\">\n <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n </g>\n </g>\n</svg>\n", uW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>close</title>\n <g id=\"close\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-9\">\n <g id=\"Group-8\" fill=\"currentColor\">\n <circle id=\"Oval\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n </g>\n </g>\n </g>\n</svg>", dW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>closeFullScreen</title>\n <g id=\"closeFullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 7.750000) rotate(-180.000000) translate(-6.750000, -7.750000) \" points=\"5 9.5 5 6 8.5 6\"></polyline>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 15.750000) rotate(-360.000000) translate(-17.250000, -15.750000) \" points=\"15.5 17.5 15.5 14 19 14\"></polyline>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 15.750000) scale(1, -1) rotate(-180.000000) translate(-6.750000, -15.750000) \" points=\"5 17.5 5 14 8.5 14\"></polyline>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 7.750000) scale(1, -1) rotate(-360.000000) translate(-17.250000, -7.750000) \" points=\"15.5 9.5 15.5 6 19 6\"></polyline>\n </g>\n </g>\n</svg>", fW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>Comment</title>\n <g id=\"Comment\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(165, 215)\"\n d=\"M736 504a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112M128 128v640h192v160l224-160h352V128z\" />\n </g>\n</svg>", pW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>Connection</title>\n <g id=\"Connection\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n d=\"M640 384v64H448a128 128 0 0 0-128 128v128a128 128 0 0 0 128 128h320a128 128 0 0 0 128-128V576a128 128 0 0 0-64-110.848V394.88c74.56 26.368 128 97.472 128 181.056v128a192 192 0 0 1-192 192H448a192 192 0 0 1-192-192V576a192 192 0 0 1 192-192z\" />\n <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n d=\"M384 640v-64h192a128 128 0 0 0 128-128V320a128 128 0 0 0-128-128H256a128 128 0 0 0-128 128v128a128 128 0 0 0 64 110.848v70.272A192.064 192.064 0 0 1 64 448V320a192 192 0 0 1 192-192h320a192 192 0 0 1 192 192v128a192 192 0 0 1-192 192z\" />\n </g>\n</svg>", mW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>dock</title>\n <g id=\"dock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-8-Copy-2\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-5\" transform=\"translate(2.972940, 3.512563)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n <line x1=\"10.7289628\" y1=\"7.03553391\" x2=\"14.9716035\" y2=\"2.79289322\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(14.264497, 3.500000) rotate(-315.000000) translate(-14.264497, -3.500000) translate(11.264497, 2.000000)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n <line x1=\"7.53553391\" y1=\"10.1584369\" x2=\"3.29289322\" y2=\"14.4010776\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(4.000000, 13.693971) rotate(-135.000000) translate(-4.000000, -13.693971) translate(1.000000, 12.193971)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n </g>\n </g>\n </g>\n</svg>", hW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawLine</title>\n <g id=\"drawLine\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(2 2.0625)\" d=\"m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z\" />\n </g>\n</svg>", gW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawPoint</title>\n <g id=\"drawPoint\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(1.875 2.5)\" d=\"m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z\" />\n </g>\n</svg>", _W = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawPolygon</title>\n <g id=\"drawPolygon\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(1.875 1.625)\" d=\"m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z\" />\n </g>\n</svg>", vW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawTrash</title>\n <g id=\"drawTrash\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(2 1.5)\" d=\"M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z\" />\n </g>\n</svg>", yW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>fitWindow</title>\n <g id=\"fitWindow\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-3\">\n <g id=\"Group-8-Copy\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n <polyline id=\"Line-5\" points=\"0 3.5 0 0 4.80123862 0\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"0 11.5 0 8 4.80123862 8\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n </g>\n </g>\n <g id=\"Group-12\" transform=\"translate(9.000000, 8.500000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"3.5\" cy=\"3.5\" r=\"3.5\"></circle>\n <line x1=\"8.75\" y1=\"8.75\" x2=\"6.25\" y2=\"6.25\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n </g>\n</svg>", bW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>fullScreen</title>\n <g id=\"fullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-8-Copy\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n <polyline id=\"Line-5\" points=\"7.68274333e-14 3.5 7.68274333e-14 0 4.80123862 0\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(11.600619, 9.750000) rotate(-180.000000) translate(-11.600619, -9.750000) \" points=\"9.2 11.5 9.2 8 14.0012386 8\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"7.68274333e-14 11.5 7.68274333e-14 8 4.80123862 8\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n </g>\n </g>\n </g>\n</svg>", xW = "<svg id=\"icons\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>DataPortal-Icons</title><circle cx=\"12\" cy=\"15.824\" r=\"0.753\"/><path d=\"M12,14.256a.75.75,0,0,1-.75-.75v-1c0-.529.419-.818.862-1.124.623-.43,1.138-.83,1.138-1.376A1.209,1.209,0,0,0,12,8.756a1.252,1.252,0,0,0-1.25,1.25.75.75,0,0,1-1.5,0A2.753,2.753,0,0,1,12,7.256a2.721,2.721,0,0,1,2.75,2.75,3.3,3.3,0,0,1-1.786,2.61c-.079.055-.152.1-.214.147v.743A.75.75,0,0,1,12,14.256Z\"/><path d=\"M12,5a7,7,0,1,1-7,7,7.008,7.008,0,0,1,7-7m0-2a9,9,0,1,0,9,9,9,9,0,0,0-9-9Z\"/></svg>", SW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>magnifyingGlass</title>\n <g id=\"magnifyingGlass\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-19-Copy\">\n <g id=\"Group-13-Copy\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n </g>\n </g>\n</svg>", CW = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" x=\"0px\" y=\"0px\" viewBox=\"0 0 960 1200\" enable-background=\"new 0 0 960 960\" xml:space=\"preserve\"><g><path fill=\"#000000\" d=\"M670,499.992c0,5.5-4.5,10-10,10H300c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h360 c5.5,0,10,4.5,10,10V499.992z\"/><path fill=\"#000000\" d=\"M530,649.992c0,5.5-4.5,10-10,10h-80c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h80 c5.5,0,10,4.5,10,10V649.992z\"/><path fill=\"#000000\" d=\"M780,350.008c0,5.5-4.5,10-10,10H190c-5.516,0-10-4.5-10-10v-40c0-5.516,4.484-10,10-10h580 c5.5,0,10,4.484,10,10V350.008z\"/></g><text x=\"0\" y=\"975\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">Created by Wahyu Prihantoro</text><text x=\"0\" y=\"980\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">from the Noun Project</text></svg>", wW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>openMap</title>\n <g id=\"openMap\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-5-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"10\" width=\"10\" height=\"7\"></rect>\n <rect id=\"Rectangle-Copy\" stroke=\"#FFFFFF\" x=\"9\" y=\"6\" width=\"10\" height=\"7\"></rect>\n </g>\n</svg>", TW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>Artboard Copy 6</title>\n <g id=\"Artboard-Copy-6\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-5-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <line x1=\"9\" y1=\"8\" x2=\"9\" y2=\"16\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n <line x1=\"15\" y1=\"8\" x2=\"15\" y2=\"16\" id=\"Line-6-Copy-3\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n </g>\n</svg>", EW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>permalink</title>\n <g id=\"permalink\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <line x1=\"12.5\" y1=\"9\" x2=\"12.5\" y2=\"15\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></line>\n <path d=\"M17,13 L17,16.5 C17,18.9852814 14.9852814,21 12.5,21 C10.0147186,21 8,18.9852814 8,16.5 L8,13 L10,13 L10,16.5 C10,17.8807119 11.1192881,19 12.5,19 C13.8254834,19 14.9100387,17.9684641 14.9946823,16.6643757 L15,16.5 L15,13 L17,13 Z M12.5,3 C14.9852814,3 17,5.01471863 17,7.5 L17,11 L15,11 L15,7.5 C15,6.11928813 13.8807119,5 12.5,5 C11.1745166,5 10.0899613,6.03153594 10.0053177,7.33562431 L10,7.5 L10,11 L8,11 L8,7.5 C8,5.01471863 10.0147186,3 12.5,3 Z\" id=\"Combined-Shape\" fill=\"#FFFFFF\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></path>\n </g>\n</svg>", DW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>play</title>\n <g id=\"play\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-9\">\n <g id=\"Group-5-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <polygon id=\"Triangle\" fill=\"#FFFFFF\" class=\"st0\" transform=\"translate(13.000000, 11.500000) rotate(-270.000000) translate(-13.000000, -11.500000) \" points=\"13 8 19 15 7 15\"></polygon>\n </g>\n </g>\n</svg>", OW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>resetZoom</title>\n <g id=\"resetZoom\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-13-Copy-2\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n <g id=\"Group-4\" transform=\"translate(7.500000, 7.000000)\">\n <path d=\"M3,5 C3.83613696,5 4.57640148,4.58952131 5.03027306,3.95908443 C5.19488093,3.73044075 5.32181864,3.47286529 5.40199763,3.19544657 C5.46580562,2.97467142 5.5,2.74132897 5.5,2.5 C5.5,2.26693547 5.46810753,2.04131982 5.40844867,1.82727914 C5.31560782,1.49418996 5.15552386,1.18913241 4.9437468,0.927656488 C4.48541251,0.361762414 3.78495332,0 3,0 C1.61928813,0 0.5,1.11928813 0.5,2.5 C0.5,3.88071187 1.61928813,5 3,5 Z\" id=\"Oval\" stroke=\"#FFFFFF\"></path>\n <rect id=\"Rectangle\" fill=\"currentColor\" x=\"2.5\" y=\"2\" width=\"4\" height=\"1\"></rect>\n <line x1=\"5.5\" y1=\"1.5\" x2=\"5.5\" y2=\"0.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"4.5\" y1=\"1.5\" x2=\"5.5\" y2=\"1.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n </g>\n</svg>", kW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>singlepanel</title>\n <g id=\"singlepanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-5\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n </g>\n </g>\n</svg>", AW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>tooltips</title>\n <g id=\"tooltips\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-15\">\n <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path d=\"M6,5 L18,5 C19.1045695,5 20,5.8954305 20,7 L20,15.5714286 C20,16.6759981 19.1045695,17.5714286 18,17.5714286 L15.4003471,17.5714286 L15.4003471,17.5714286 L12.8157442,20.271248 C12.4338253,20.6701921 11.8008107,20.6839938 11.4018666,20.3020749 C11.3997428,20.3000417 11.3976279,20.2979991 11.3955221,20.2959473 L8.59934577,17.5714286 L8.59934577,17.5714286 L6,17.5714286 C4.8954305,17.5714286 4,16.6759981 4,15.5714286 L4,7 C4,5.8954305 4.8954305,5 6,5 Z\" id=\"Rectangle\" fill=\"#FFFFFF\"></path>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\" fill=\"currentColor\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n </g>\n</svg>", jW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>undock</title>\n <g id=\"undock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-9\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-5\" transform=\"translate(5.500000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n <line x1=\"0.728962778\" y1=\"12.0355339\" x2=\"4.97160346\" y2=\"7.79289322\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(4.264497, 8.500000) rotate(-315.000000) translate(-4.264497, -8.500000) translate(1.264497, 7.000000)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n <line x1=\"12.5355339\" y1=\"0.158436893\" x2=\"8.29289322\" y2=\"4.40107758\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(9.000000, 3.693971) rotate(-135.000000) translate(-9.000000, -3.693971) translate(6.000000, 2.193971)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n </g>\n </g>\n </g>\n</svg>", MW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>zoomIn</title>\n <g id=\"zoomIn\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-19-Copy\">\n <g id=\"Group-13-Copy\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(10.500000, 9.500000) rotate(90.000000) translate(-10.500000, -9.500000) \"></line>\n </g>\n </g>\n</svg>", NW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>zoomOut</title>\n <g id=\"zoomOut\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-19-Copy-3\">\n <g id=\"Group-13-Copy\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", PW = (e, t, n, r) => {
|
|
23101
|
+
}, [["__scopeId", "data-v-e172d5ff"]]), QU = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2horpanel</title>\n <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-4\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", $U = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2vertpanel</title>\n <g id=\"2vertpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-3\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", eW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>3panel</title>\n <g id=\"3panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"11.5\" y1=\"7.5\" x2=\"11.5\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"11.5\" x2=\"11.5\" y2=\"11.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", tW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>4panel</title>\n <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-2\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", nW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2horpanel</title>\n <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-4\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"12\" y1=\"12.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"14.5\" y1=\"12\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"9.5\" y1=\"12\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", rW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>2horpanel</title>\n <g id=\"2horpanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-4\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"18.5\" y1=\"12\" x2=\"5.5\" y2=\"12\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"14.5\" y1=\"16\" x2=\"14.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"9.5\" y1=\"16\" x2=\"9.5\" y2=\"7\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", iW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>4panel</title>\n <g id=\"4panel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-2\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n <line x1=\"12\" y1=\"7.5\" x2=\"12\" y2=\"16.5\" id=\"Line-6\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"10.5\" x2=\"5.5\" y2=\"10.5\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"18.5\" y1=\"13.8\" x2=\"5.5\" y2=\"13.8\" id=\"Line-10\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", aW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>changeBckgd</title>\n <g id=\"changeBckgd\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-5\">\n <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"7\" y=\"6\" width=\"10\" height=\"7\"></rect>\n <line x1=\"12\" y1=\"13.5\" x2=\"12\" y2=\"16.5\" id=\"Line-4\" stroke=\"#FFFFFF\" stroke-width=\"2\"></line>\n <line x1=\"7\" y1=\"16.5\" x2=\"17\" y2=\"16.5\" id=\"Line\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", oW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>close no bk</title>\n <g id=\"close-no-bk\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" stroke-linecap=\"square\">\n <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n </g>\n </g>\n</svg>\n", sW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>close</title>\n <g id=\"close\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-9\">\n <g id=\"Group-8\" fill=\"currentColor\">\n <circle id=\"Oval\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <g id=\"Group-13\" transform=\"translate(12.000000, 12.000000) rotate(-315.000000) translate(-12.000000, -12.000000) translate(5.000000, 5.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n <line x1=\"0\" y1=\"7\" x2=\"14\" y2=\"7\" id=\"Line-9\"></line>\n <line x1=\"7\" y1=\"0\" x2=\"7\" y2=\"14\" id=\"Line-9\"></line>\n </g>\n </g>\n </g>\n</svg>", cW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>closeFullScreen</title>\n <g id=\"closeFullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 7.750000) rotate(-180.000000) translate(-6.750000, -7.750000) \" points=\"5 9.5 5 6 8.5 6\"></polyline>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 15.750000) rotate(-360.000000) translate(-17.250000, -15.750000) \" points=\"15.5 17.5 15.5 14 19 14\"></polyline>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(6.750000, 15.750000) scale(1, -1) rotate(-180.000000) translate(-6.750000, -15.750000) \" points=\"5 17.5 5 14 8.5 14\"></polyline>\n <polyline id=\"Line-5\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"square\" transform=\"translate(17.250000, 7.750000) scale(1, -1) rotate(-360.000000) translate(-17.250000, -7.750000) \" points=\"15.5 9.5 15.5 6 19 6\"></polyline>\n </g>\n </g>\n</svg>", lW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>Comment</title>\n <g id=\"Comment\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(165, 215)\"\n d=\"M736 504a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112 56 56 0 0 1 0 112M128 128v640h192v160l224-160h352V128z\" />\n </g>\n</svg>", uW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>Connection</title>\n <g id=\"Connection\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"512\" cy=\"512\" r=\"512\"></circle>\n <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n d=\"M640 384v64H448a128 128 0 0 0-128 128v128a128 128 0 0 0 128 128h320a128 128 0 0 0 128-128V576a128 128 0 0 0-64-110.848V394.88c74.56 26.368 128 97.472 128 181.056v128a192 192 0 0 1-192 192H448a192 192 0 0 1-192-192V576a192 192 0 0 1 192-192z\" />\n <path fill=\"#FFFFFF\" transform=\"scale(0.75, 0.75) translate(175, 175)\"\n d=\"M384 640v-64h192a128 128 0 0 0 128-128V320a128 128 0 0 0-128-128H256a128 128 0 0 0-128 128v128a128 128 0 0 0 64 110.848v70.272A192.064 192.064 0 0 1 64 448V320a192 192 0 0 1 192-192h320a192 192 0 0 1 192 192v128a192 192 0 0 1-192 192z\" />\n </g>\n</svg>", dW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>dock</title>\n <g id=\"dock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-8-Copy-2\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-5\" transform=\"translate(2.972940, 3.512563)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n <line x1=\"10.7289628\" y1=\"7.03553391\" x2=\"14.9716035\" y2=\"2.79289322\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(14.264497, 3.500000) rotate(-315.000000) translate(-14.264497, -3.500000) translate(11.264497, 2.000000)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n <line x1=\"7.53553391\" y1=\"10.1584369\" x2=\"3.29289322\" y2=\"14.4010776\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(4.000000, 13.693971) rotate(-135.000000) translate(-4.000000, -13.693971) translate(1.000000, 12.193971)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n </g>\n </g>\n </g>\n</svg>", fW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawLine</title>\n <g id=\"drawLine\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(2 2.0625)\" d=\"m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z\" />\n </g>\n</svg>", pW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawPoint</title>\n <g id=\"drawPoint\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(1.875 2.5)\" d=\"m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z\" />\n </g>\n</svg>", mW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawPolygon</title>\n <g id=\"drawPolygon\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(1.875 1.625)\" d=\"m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z\" />\n </g>\n</svg>", hW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>drawTrash</title>\n <g id=\"drawTrash\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path fill=\"#FFFFFF\" transform=\"translate(2 1.5)\" d=\"M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z\" />\n </g>\n</svg>", gW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>fitWindow</title>\n <g id=\"fitWindow\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-3\">\n <g id=\"Group-8-Copy\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n <polyline id=\"Line-5\" points=\"0 3.5 0 0 4.80123862 0\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"0 11.5 0 8 4.80123862 8\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n </g>\n </g>\n <g id=\"Group-12\" transform=\"translate(9.000000, 8.500000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"3.5\" cy=\"3.5\" r=\"3.5\"></circle>\n <line x1=\"8.75\" y1=\"8.75\" x2=\"6.25\" y2=\"6.25\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n </g>\n</svg>", _W = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>fullScreen</title>\n <g id=\"fullScreen\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-8-Copy\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group\" transform=\"translate(5.000000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"1.5\">\n <polyline id=\"Line-5\" points=\"7.68274333e-14 3.5 7.68274333e-14 0 4.80123862 0\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(11.600619, 9.750000) rotate(-180.000000) translate(-11.600619, -9.750000) \" points=\"9.2 11.5 9.2 8 14.0012386 8\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(2.400619, 9.750000) scale(1, -1) translate(-2.400619, -9.750000) \" points=\"7.68274333e-14 11.5 7.68274333e-14 8 4.80123862 8\"></polyline>\n <polyline id=\"Line-5\" transform=\"translate(11.600619, 1.750000) scale(1, -1) rotate(-180.000000) translate(-11.600619, -1.750000) \" points=\"9.2 3.5 9.2 0 14.0012386 0\"></polyline>\n </g>\n </g>\n </g>\n</svg>", vW = "<svg id=\"icons\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><title>DataPortal-Icons</title><circle cx=\"12\" cy=\"15.824\" r=\"0.753\"/><path d=\"M12,14.256a.75.75,0,0,1-.75-.75v-1c0-.529.419-.818.862-1.124.623-.43,1.138-.83,1.138-1.376A1.209,1.209,0,0,0,12,8.756a1.252,1.252,0,0,0-1.25,1.25.75.75,0,0,1-1.5,0A2.753,2.753,0,0,1,12,7.256a2.721,2.721,0,0,1,2.75,2.75,3.3,3.3,0,0,1-1.786,2.61c-.079.055-.152.1-.214.147v.743A.75.75,0,0,1,12,14.256Z\"/><path d=\"M12,5a7,7,0,1,1-7,7,7.008,7.008,0,0,1,7-7m0-2a9,9,0,1,0,9,9,9,9,0,0,0-9-9Z\"/></svg>", yW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>magnifyingGlass</title>\n <g id=\"magnifyingGlass\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-19-Copy\">\n <g id=\"Group-13-Copy\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n </g>\n </g>\n</svg>", bW = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" x=\"0px\" y=\"0px\" viewBox=\"0 0 960 1200\" enable-background=\"new 0 0 960 960\" xml:space=\"preserve\"><g><path fill=\"#000000\" d=\"M670,499.992c0,5.5-4.5,10-10,10H300c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h360 c5.5,0,10,4.5,10,10V499.992z\"/><path fill=\"#000000\" d=\"M530,649.992c0,5.5-4.5,10-10,10h-80c-5.516,0-10-4.5-10-10v-40c0-5.5,4.484-10,10-10h80 c5.5,0,10,4.5,10,10V649.992z\"/><path fill=\"#000000\" d=\"M780,350.008c0,5.5-4.5,10-10,10H190c-5.516,0-10-4.5-10-10v-40c0-5.516,4.484-10,10-10h580 c5.5,0,10,4.484,10,10V350.008z\"/></g><text x=\"0\" y=\"975\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">Created by Wahyu Prihantoro</text><text x=\"0\" y=\"980\" fill=\"#000000\" font-size=\"5px\" font-weight=\"bold\" font-family=\"'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif\">from the Noun Project</text></svg>", xW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>openMap</title>\n <g id=\"openMap\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-5-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"10\" width=\"10\" height=\"7\"></rect>\n <rect id=\"Rectangle-Copy\" stroke=\"#FFFFFF\" x=\"9\" y=\"6\" width=\"10\" height=\"7\"></rect>\n </g>\n</svg>", SW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>Artboard Copy 6</title>\n <g id=\"Artboard-Copy-6\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-5-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <line x1=\"9\" y1=\"8\" x2=\"9\" y2=\"16\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n <line x1=\"15\" y1=\"8\" x2=\"15\" y2=\"16\" id=\"Line-6-Copy-3\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n </g>\n</svg>", CW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>permalink</title>\n <g id=\"permalink\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <line x1=\"12.5\" y1=\"9\" x2=\"12.5\" y2=\"15\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></line>\n <path d=\"M17,13 L17,16.5 C17,18.9852814 14.9852814,21 12.5,21 C10.0147186,21 8,18.9852814 8,16.5 L8,13 L10,13 L10,16.5 C10,17.8807119 11.1192881,19 12.5,19 C13.8254834,19 14.9100387,17.9684641 14.9946823,16.6643757 L15,16.5 L15,13 L17,13 Z M12.5,3 C14.9852814,3 17,5.01471863 17,7.5 L17,11 L15,11 L15,7.5 C15,6.11928813 13.8807119,5 12.5,5 C11.1745166,5 10.0899613,6.03153594 10.0053177,7.33562431 L10,7.5 L10,11 L8,11 L8,7.5 C8,5.01471863 10.0147186,3 12.5,3 Z\" id=\"Combined-Shape\" fill=\"#FFFFFF\" transform=\"translate(12.500000, 12.000000) rotate(45.000000) translate(-12.500000, -12.000000) \"></path>\n </g>\n</svg>", wW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>play</title>\n <g id=\"play\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-9\">\n <g id=\"Group-5-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n </g>\n <polygon id=\"Triangle\" fill=\"#FFFFFF\" class=\"st0\" transform=\"translate(13.000000, 11.500000) rotate(-270.000000) translate(-13.000000, -11.500000) \" points=\"13 8 19 15 7 15\"></polygon>\n </g>\n </g>\n</svg>", TW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>resetZoom</title>\n <g id=\"resetZoom\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-13-Copy-2\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n <g id=\"Group-4\" transform=\"translate(7.500000, 7.000000)\">\n <path d=\"M3,5 C3.83613696,5 4.57640148,4.58952131 5.03027306,3.95908443 C5.19488093,3.73044075 5.32181864,3.47286529 5.40199763,3.19544657 C5.46580562,2.97467142 5.5,2.74132897 5.5,2.5 C5.5,2.26693547 5.46810753,2.04131982 5.40844867,1.82727914 C5.31560782,1.49418996 5.15552386,1.18913241 4.9437468,0.927656488 C4.48541251,0.361762414 3.78495332,0 3,0 C1.61928813,0 0.5,1.11928813 0.5,2.5 C0.5,3.88071187 1.61928813,5 3,5 Z\" id=\"Oval\" stroke=\"#FFFFFF\"></path>\n <rect id=\"Rectangle\" fill=\"currentColor\" x=\"2.5\" y=\"2\" width=\"4\" height=\"1\"></rect>\n <line x1=\"5.5\" y1=\"1.5\" x2=\"5.5\" y2=\"0.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n <line x1=\"4.5\" y1=\"1.5\" x2=\"5.5\" y2=\"1.5\" id=\"Line-7\" stroke=\"#FFFFFF\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n </g>\n</svg>", EW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>singlepanel</title>\n <g id=\"singlepanel\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-10-Copy-5\">\n <g id=\"Group-15-Copy\" fill=\"currentColor\">\n <circle id=\"Oval-Copy\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n <rect id=\"Rectangle\" stroke=\"#FFFFFF\" x=\"5\" y=\"7\" width=\"14\" height=\"10\"></rect>\n </g>\n </g>\n</svg>", DW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>tooltips</title>\n <g id=\"tooltips\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-15\">\n <circle id=\"Oval-Copy\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <path d=\"M6,5 L18,5 C19.1045695,5 20,5.8954305 20,7 L20,15.5714286 C20,16.6759981 19.1045695,17.5714286 18,17.5714286 L15.4003471,17.5714286 L15.4003471,17.5714286 L12.8157442,20.271248 C12.4338253,20.6701921 11.8008107,20.6839938 11.4018666,20.3020749 C11.3997428,20.3000417 11.3976279,20.2979991 11.3955221,20.2959473 L8.59934577,17.5714286 L8.59934577,17.5714286 L6,17.5714286 C4.8954305,17.5714286 4,16.6759981 4,15.5714286 L4,7 C4,5.8954305 4.8954305,5 6,5 Z\" id=\"Rectangle\" fill=\"#FFFFFF\"></path>\n <text id=\"?\" font-family=\"Asap-Bold, Asap\" font-size=\"16\" font-weight=\"bold\" fill=\"currentColor\">\n <tspan x=\"8.5\" y=\"18\">?</tspan>\n </text>\n </g>\n </g>\n</svg>", OW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>undock</title>\n <g id=\"undock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-9\">\n <circle id=\"Oval\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-5\" transform=\"translate(5.500000, 6.000000)\" stroke=\"#FFFFFF\" stroke-linecap=\"square\" stroke-width=\"2\">\n <line x1=\"0.728962778\" y1=\"12.0355339\" x2=\"4.97160346\" y2=\"7.79289322\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(4.264497, 8.500000) rotate(-315.000000) translate(-4.264497, -8.500000) translate(1.264497, 7.000000)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n <line x1=\"12.5355339\" y1=\"0.158436893\" x2=\"8.29289322\" y2=\"4.40107758\" id=\"Line\"></line>\n <g id=\"Group\" transform=\"translate(9.000000, 3.693971) rotate(-135.000000) translate(-9.000000, -3.693971) translate(6.000000, 2.193971)\">\n <line x1=\"2.27373675e-13\" y1=\"2.82842712\" x2=\"2.82842712\" y2=\"0\" id=\"Line\"></line>\n <line x1=\"3\" y1=\"0\" x2=\"5.82842712\" y2=\"2.82842712\" id=\"Line\"></line>\n </g>\n </g>\n </g>\n </g>\n</svg>", kW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>zoomIn</title>\n <g id=\"zoomIn\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-19-Copy\">\n <g id=\"Group-13-Copy\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\" transform=\"translate(10.500000, 9.500000) rotate(90.000000) translate(-10.500000, -9.500000) \"></line>\n </g>\n </g>\n</svg>", AW = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <title>zoomOut</title>\n <g id=\"zoomOut\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"Group-19-Copy-3\">\n <g id=\"Group-13-Copy\">\n <circle id=\"Oval-Copy-2\" fill=\"currentColor\" cx=\"12\" cy=\"12\" r=\"12\"></circle>\n <g id=\"Group-12\" transform=\"translate(5.000000, 4.000000)\" stroke=\"#FFFFFF\" stroke-width=\"2\">\n <circle id=\"Oval\" cx=\"5.5\" cy=\"5.5\" r=\"5.5\"></circle>\n <line x1=\"13.5833333\" y1=\"13.5833333\" x2=\"9.41666667\" y2=\"9.41666667\" id=\"Line-8\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n <line x1=\"9\" y1=\"9.5\" x2=\"12\" y2=\"9.5\" id=\"Line-6-Copy-2\" stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"square\"></line>\n </g>\n </g>\n</svg>", jW = (e, t, n, r) => {
|
|
23084
23102
|
let i = [
|
|
23085
23103
|
"title",
|
|
23086
23104
|
"desc",
|
|
@@ -23099,103 +23117,103 @@ var ZU = /*#__PURE__*/ uS(RU, [["render", XU], ["__scopeId", "data-v-14c013b9"]]
|
|
|
23099
23117
|
});
|
|
23100
23118
|
let c = s.innerHTML;
|
|
23101
23119
|
return s = null, c;
|
|
23102
|
-
},
|
|
23120
|
+
}, MW = (e) => [
|
|
23103
23121
|
[/<\?xml[\s\S]*?>/gi, ""],
|
|
23104
23122
|
[/<!doctype[\s\S]*?>/gi, ""],
|
|
23105
23123
|
[/<!--.*-->/gi, ""],
|
|
23106
23124
|
[/\<([A-Za-z]+)([^\>]*)\/\>/g, "<$1$2></$1>"],
|
|
23107
23125
|
[/\s+/g, " "],
|
|
23108
23126
|
[/\> \</g, "><"]
|
|
23109
|
-
].reduce((e, t) => "".replace.apply(e, t), e).trim(),
|
|
23110
|
-
"/assets/icons/2horpanel.svg":
|
|
23111
|
-
"/assets/icons/2vertpanel.svg":
|
|
23112
|
-
"/assets/icons/3panel.svg":
|
|
23113
|
-
"/assets/icons/4panel.svg":
|
|
23114
|
-
"/assets/icons/5panel.svg":
|
|
23115
|
-
"/assets/icons/6panel.svg":
|
|
23116
|
-
"/assets/icons/6panelVertical.svg":
|
|
23117
|
-
"/assets/icons/changeBckgd.svg":
|
|
23118
|
-
"/assets/icons/close-no-bk.svg":
|
|
23119
|
-
"/assets/icons/close.svg":
|
|
23120
|
-
"/assets/icons/closeFullScreen.svg":
|
|
23121
|
-
"/assets/icons/comment.svg":
|
|
23122
|
-
"/assets/icons/connection.svg":
|
|
23123
|
-
"/assets/icons/dock.svg":
|
|
23124
|
-
"/assets/icons/drawLine.svg":
|
|
23125
|
-
"/assets/icons/drawPoint.svg":
|
|
23126
|
-
"/assets/icons/drawPolygon.svg":
|
|
23127
|
-
"/assets/icons/drawTrash.svg":
|
|
23128
|
-
"/assets/icons/fitWindow.svg":
|
|
23129
|
-
"/assets/icons/fullScreen.svg":
|
|
23130
|
-
"/assets/icons/help.svg":
|
|
23131
|
-
"/assets/icons/magnifyingGlass.svg":
|
|
23132
|
-
"/assets/icons/noun-filter.svg":
|
|
23133
|
-
"/assets/icons/openMap.svg":
|
|
23134
|
-
"/assets/icons/pause.svg":
|
|
23135
|
-
"/assets/icons/permalink.svg":
|
|
23136
|
-
"/assets/icons/play.svg":
|
|
23137
|
-
"/assets/icons/resetZoom.svg":
|
|
23138
|
-
"/assets/icons/singlepanel.svg":
|
|
23139
|
-
"/assets/icons/tooltips.svg":
|
|
23140
|
-
"/assets/icons/undock.svg":
|
|
23141
|
-
"/assets/icons/zoomIn.svg":
|
|
23142
|
-
"/assets/icons/zoomOut.svg":
|
|
23127
|
+
].reduce((e, t) => "".replace.apply(e, t), e).trim(), NW = !0, PW = !0, FW = ["fill"], IW = /* #__PURE__ */ Object.assign({
|
|
23128
|
+
"/assets/icons/2horpanel.svg": QU,
|
|
23129
|
+
"/assets/icons/2vertpanel.svg": $U,
|
|
23130
|
+
"/assets/icons/3panel.svg": eW,
|
|
23131
|
+
"/assets/icons/4panel.svg": tW,
|
|
23132
|
+
"/assets/icons/5panel.svg": nW,
|
|
23133
|
+
"/assets/icons/6panel.svg": rW,
|
|
23134
|
+
"/assets/icons/6panelVertical.svg": iW,
|
|
23135
|
+
"/assets/icons/changeBckgd.svg": aW,
|
|
23136
|
+
"/assets/icons/close-no-bk.svg": oW,
|
|
23137
|
+
"/assets/icons/close.svg": sW,
|
|
23138
|
+
"/assets/icons/closeFullScreen.svg": cW,
|
|
23139
|
+
"/assets/icons/comment.svg": lW,
|
|
23140
|
+
"/assets/icons/connection.svg": uW,
|
|
23141
|
+
"/assets/icons/dock.svg": dW,
|
|
23142
|
+
"/assets/icons/drawLine.svg": fW,
|
|
23143
|
+
"/assets/icons/drawPoint.svg": pW,
|
|
23144
|
+
"/assets/icons/drawPolygon.svg": mW,
|
|
23145
|
+
"/assets/icons/drawTrash.svg": hW,
|
|
23146
|
+
"/assets/icons/fitWindow.svg": gW,
|
|
23147
|
+
"/assets/icons/fullScreen.svg": _W,
|
|
23148
|
+
"/assets/icons/help.svg": vW,
|
|
23149
|
+
"/assets/icons/magnifyingGlass.svg": yW,
|
|
23150
|
+
"/assets/icons/noun-filter.svg": bW,
|
|
23151
|
+
"/assets/icons/openMap.svg": xW,
|
|
23152
|
+
"/assets/icons/pause.svg": SW,
|
|
23153
|
+
"/assets/icons/permalink.svg": CW,
|
|
23154
|
+
"/assets/icons/play.svg": wW,
|
|
23155
|
+
"/assets/icons/resetZoom.svg": TW,
|
|
23156
|
+
"/assets/icons/singlepanel.svg": EW,
|
|
23157
|
+
"/assets/icons/tooltips.svg": DW,
|
|
23158
|
+
"/assets/icons/undock.svg": OW,
|
|
23159
|
+
"/assets/icons/zoomIn.svg": kW,
|
|
23160
|
+
"/assets/icons/zoomOut.svg": AW
|
|
23143
23161
|
});
|
|
23144
|
-
Object.keys(
|
|
23145
|
-
let t =
|
|
23146
|
-
return
|
|
23162
|
+
Object.keys(IW).map((e) => {
|
|
23163
|
+
let t = jW(IW[e], NW, PW, FW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
|
|
23164
|
+
return MW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
|
|
23147
23165
|
}).join("\n");
|
|
23148
|
-
var
|
|
23149
|
-
"/assets/icons/2horpanel.svg":
|
|
23150
|
-
"/assets/icons/2vertpanel.svg":
|
|
23151
|
-
"/assets/icons/3panel.svg":
|
|
23152
|
-
"/assets/icons/4panel.svg":
|
|
23153
|
-
"/assets/icons/5panel.svg":
|
|
23154
|
-
"/assets/icons/6panel.svg":
|
|
23155
|
-
"/assets/icons/6panelVertical.svg":
|
|
23156
|
-
"/assets/icons/changeBckgd.svg":
|
|
23157
|
-
"/assets/icons/close-no-bk.svg":
|
|
23158
|
-
"/assets/icons/close.svg":
|
|
23159
|
-
"/assets/icons/closeFullScreen.svg":
|
|
23160
|
-
"/assets/icons/comment.svg":
|
|
23161
|
-
"/assets/icons/connection.svg":
|
|
23162
|
-
"/assets/icons/dock.svg":
|
|
23163
|
-
"/assets/icons/drawLine.svg":
|
|
23164
|
-
"/assets/icons/drawPoint.svg":
|
|
23165
|
-
"/assets/icons/drawPolygon.svg":
|
|
23166
|
-
"/assets/icons/drawTrash.svg":
|
|
23167
|
-
"/assets/icons/fitWindow.svg":
|
|
23168
|
-
"/assets/icons/fullScreen.svg":
|
|
23169
|
-
"/assets/icons/help.svg":
|
|
23170
|
-
"/assets/icons/magnifyingGlass.svg":
|
|
23171
|
-
"/assets/icons/noun-filter.svg":
|
|
23172
|
-
"/assets/icons/openMap.svg":
|
|
23173
|
-
"/assets/icons/pause.svg":
|
|
23174
|
-
"/assets/icons/permalink.svg":
|
|
23175
|
-
"/assets/icons/play.svg":
|
|
23176
|
-
"/assets/icons/resetZoom.svg":
|
|
23177
|
-
"/assets/icons/singlepanel.svg":
|
|
23178
|
-
"/assets/icons/tooltips.svg":
|
|
23179
|
-
"/assets/icons/undock.svg":
|
|
23180
|
-
"/assets/icons/zoomIn.svg":
|
|
23181
|
-
"/assets/icons/zoomOut.svg":
|
|
23182
|
-
}),
|
|
23166
|
+
var LW = !0, RW = !0, zW = /* #__PURE__ */ Object.assign({
|
|
23167
|
+
"/assets/icons/2horpanel.svg": QU,
|
|
23168
|
+
"/assets/icons/2vertpanel.svg": $U,
|
|
23169
|
+
"/assets/icons/3panel.svg": eW,
|
|
23170
|
+
"/assets/icons/4panel.svg": tW,
|
|
23171
|
+
"/assets/icons/5panel.svg": nW,
|
|
23172
|
+
"/assets/icons/6panel.svg": rW,
|
|
23173
|
+
"/assets/icons/6panelVertical.svg": iW,
|
|
23174
|
+
"/assets/icons/changeBckgd.svg": aW,
|
|
23175
|
+
"/assets/icons/close-no-bk.svg": oW,
|
|
23176
|
+
"/assets/icons/close.svg": sW,
|
|
23177
|
+
"/assets/icons/closeFullScreen.svg": cW,
|
|
23178
|
+
"/assets/icons/comment.svg": lW,
|
|
23179
|
+
"/assets/icons/connection.svg": uW,
|
|
23180
|
+
"/assets/icons/dock.svg": dW,
|
|
23181
|
+
"/assets/icons/drawLine.svg": fW,
|
|
23182
|
+
"/assets/icons/drawPoint.svg": pW,
|
|
23183
|
+
"/assets/icons/drawPolygon.svg": mW,
|
|
23184
|
+
"/assets/icons/drawTrash.svg": hW,
|
|
23185
|
+
"/assets/icons/fitWindow.svg": gW,
|
|
23186
|
+
"/assets/icons/fullScreen.svg": _W,
|
|
23187
|
+
"/assets/icons/help.svg": vW,
|
|
23188
|
+
"/assets/icons/magnifyingGlass.svg": yW,
|
|
23189
|
+
"/assets/icons/noun-filter.svg": bW,
|
|
23190
|
+
"/assets/icons/openMap.svg": xW,
|
|
23191
|
+
"/assets/icons/pause.svg": SW,
|
|
23192
|
+
"/assets/icons/permalink.svg": CW,
|
|
23193
|
+
"/assets/icons/play.svg": wW,
|
|
23194
|
+
"/assets/icons/resetZoom.svg": TW,
|
|
23195
|
+
"/assets/icons/singlepanel.svg": EW,
|
|
23196
|
+
"/assets/icons/tooltips.svg": DW,
|
|
23197
|
+
"/assets/icons/undock.svg": OW,
|
|
23198
|
+
"/assets/icons/zoomIn.svg": kW,
|
|
23199
|
+
"/assets/icons/zoomOut.svg": AW
|
|
23200
|
+
}), BW = {
|
|
23183
23201
|
name: "MapSvgSpriteColor",
|
|
23184
|
-
svgContext:
|
|
23185
|
-
svgSprite: Object.keys(
|
|
23186
|
-
let t =
|
|
23187
|
-
return
|
|
23202
|
+
svgContext: zW,
|
|
23203
|
+
svgSprite: Object.keys(zW).map((e) => {
|
|
23204
|
+
let t = jW(zW[e], LW, RW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
|
|
23205
|
+
return MW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
|
|
23188
23206
|
}).join("\n")
|
|
23189
|
-
},
|
|
23190
|
-
function
|
|
23207
|
+
}, VW = ["innerHTML"];
|
|
23208
|
+
function HW(e, t, n, r, i, a) {
|
|
23191
23209
|
return L(), u("svg", {
|
|
23192
23210
|
width: "0",
|
|
23193
23211
|
height: "0",
|
|
23194
23212
|
style: { display: "none" },
|
|
23195
23213
|
innerHTML: e.$options.svgSprite
|
|
23196
|
-
}, null, 8,
|
|
23214
|
+
}, null, 8, VW);
|
|
23197
23215
|
}
|
|
23198
|
-
var
|
|
23216
|
+
var UW = /*#__PURE__*/ YU(BW, [["render", HW]]), WW = /* @__PURE__ */ dt((/* @__PURE__ */ ct(((e, t) => {
|
|
23199
23217
|
(function(n, r) {
|
|
23200
23218
|
typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n ||= self).algoliasearch = r();
|
|
23201
23219
|
})(e, (function() {
|
|
@@ -24999,7 +25017,7 @@ var KW = /*#__PURE__*/ QU(UW, [["render", GW]]), qW = /* @__PURE__ */ dt((/* @__
|
|
|
24999
25017
|
}
|
|
25000
25018
|
return Pt.version = "4.26.0", Pt;
|
|
25001
25019
|
}));
|
|
25002
|
-
})))(), 1),
|
|
25020
|
+
})))(), 1), GW = (e, t) => {
|
|
25003
25021
|
let n = {};
|
|
25004
25022
|
return e.forEach((e) => {
|
|
25005
25023
|
let r = e.split(".");
|
|
@@ -25007,9 +25025,9 @@ var KW = /*#__PURE__*/ QU(UW, [["render", GW]]), qW = /* @__PURE__ */ dt((/* @__
|
|
|
25007
25025
|
let i = e.substring(0, e.lastIndexOf(".")), a = r[r.length - 1];
|
|
25008
25026
|
Object.keys(n).includes(i) ? n[i].push(a) : n[i] = [a];
|
|
25009
25027
|
}), n;
|
|
25010
|
-
},
|
|
25028
|
+
}, KW = class {
|
|
25011
25029
|
constructor(e, t, n = "https://api.pennsieve.io") {
|
|
25012
|
-
this.client = (0,
|
|
25030
|
+
this.client = (0, WW.default)(e, t), this.PENNSIEVE_API_LOCATION = n;
|
|
25013
25031
|
}
|
|
25014
25032
|
initIndex(e) {
|
|
25015
25033
|
this.index = this.client.initIndex(e);
|
|
@@ -25026,7 +25044,7 @@ var KW = /*#__PURE__*/ QU(UW, [["render", GW]]), qW = /* @__PURE__ */ dt((/* @__
|
|
|
25026
25044
|
var o = [];
|
|
25027
25045
|
let s = n.facets;
|
|
25028
25046
|
if (s === void 0) return;
|
|
25029
|
-
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 =
|
|
25047
|
+
let c = s[t] == null ? {} : s[t], l = a && s[a.facetSubpropPath] ? Object.keys(s[a.facetSubpropPath]) : [], u = a && a.facetSubsubpropPath && s[a.facetSubsubpropPath] ? Object.keys(s[a.facetSubsubpropPath]) : [], d = GW(l, 2), f = GW(u, 3);
|
|
25030
25048
|
Object.keys(c).map((e) => {
|
|
25031
25049
|
let n = [];
|
|
25032
25050
|
Object.keys(d).includes(e) && d[e].forEach((t) => {
|
|
@@ -25209,7 +25227,7 @@ var KW = /*#__PURE__*/ QU(UW, [["render", GW]]), qW = /* @__PURE__ */ dt((/* @__
|
|
|
25209
25227
|
});
|
|
25210
25228
|
}), t;
|
|
25211
25229
|
}
|
|
25212
|
-
},
|
|
25230
|
+
}, qW = [
|
|
25213
25231
|
{
|
|
25214
25232
|
label: "Data Type",
|
|
25215
25233
|
id: "item.types",
|
|
@@ -25255,17 +25273,17 @@ var KW = /*#__PURE__*/ QU(UW, [["render", GW]]), qW = /* @__PURE__ */ dt((/* @__
|
|
|
25255
25273
|
facetSubpropPath: "supportingAwards.consortium.subcategory.name"
|
|
25256
25274
|
}
|
|
25257
25275
|
];
|
|
25258
|
-
function
|
|
25276
|
+
function JW(e = void 0) {
|
|
25259
25277
|
if (e === void 0) return "NOT item.published.status:embargo";
|
|
25260
25278
|
e.forEach((e) => {
|
|
25261
25279
|
e.label = e.facet3 ? e.facet3 : e.facet2 ? e.facet2 : e.facet;
|
|
25262
25280
|
});
|
|
25263
|
-
let t =
|
|
25281
|
+
let t = YW(e);
|
|
25264
25282
|
t.forEach((e) => {
|
|
25265
25283
|
e.facet3 && e.facet3 === "Non specific" && (e.label = e.facet2);
|
|
25266
25284
|
});
|
|
25267
25285
|
let n = "NOT item.published.status:embargo";
|
|
25268
|
-
return n = `(${n}) AND `,
|
|
25286
|
+
return n = `(${n}) AND `, qW.map((e) => [e.facetPropPath, e.facetFilterPath]).map(([e, r]) => {
|
|
25269
25287
|
let i = t.filter((t) => t.facetPropPath == e), a = "", o = "";
|
|
25270
25288
|
i.map((t) => {
|
|
25271
25289
|
let n = t.facetSubPropPath ? t.facetSubPropPath : r || e;
|
|
@@ -25273,19 +25291,21 @@ function ZW(e = void 0) {
|
|
|
25273
25291
|
}), (a != "" || o != "") && (a = `(${a.substring(0, a.lastIndexOf(" OR "))})`, n += `${a + o} AND `, n = n.split("()AND ").join(""));
|
|
25274
25292
|
}), n.substring(0, n.lastIndexOf(" AND "));
|
|
25275
25293
|
}
|
|
25276
|
-
function
|
|
25294
|
+
function YW(e) {
|
|
25277
25295
|
return e.filter((e) => e.label !== "Show all");
|
|
25278
25296
|
}
|
|
25279
25297
|
//#endregion
|
|
25280
25298
|
//#region src/components/SearchFilters.vue
|
|
25281
|
-
var
|
|
25299
|
+
var XW = function(e) {
|
|
25300
|
+
return e.charAt(0).toUpperCase() + e.slice(1);
|
|
25301
|
+
}, ZW = function(e) {
|
|
25282
25302
|
let t = e.toLowerCase();
|
|
25283
|
-
return yz[t] ?
|
|
25284
|
-
},
|
|
25303
|
+
return yz[t] ? XW(yz[t]) : e === e.toUpperCase() ? e : XW(t);
|
|
25304
|
+
}, QW = {
|
|
25285
25305
|
name: "SearchFilters",
|
|
25286
25306
|
components: {
|
|
25287
|
-
MapSvgIcon:
|
|
25288
|
-
MapSvgSpriteColor:
|
|
25307
|
+
MapSvgIcon: ZU,
|
|
25308
|
+
MapSvgSpriteColor: UW
|
|
25289
25309
|
},
|
|
25290
25310
|
props: {
|
|
25291
25311
|
entry: Object,
|
|
@@ -25371,15 +25391,14 @@ var $W = function(e) {
|
|
|
25371
25391
|
return t;
|
|
25372
25392
|
},
|
|
25373
25393
|
createChildrenCascaderValue: function(e, t, n) {
|
|
25374
|
-
let r =
|
|
25375
|
-
|
|
25376
|
-
|
|
25377
|
-
|
|
25378
|
-
|
|
25379
|
-
e[i].value = this.createCascaderItemValue([t.label, n]);
|
|
25394
|
+
if (e?.length) for (let r = 0; r < e.length; r++) {
|
|
25395
|
+
let i = e[r];
|
|
25396
|
+
if (e[r].facetPropPath !== "supportingAwards.consortium.name" && (e[r].label = ZW(i.label)), i.key && t.key.includes("flatmap.connectivity.source.")) {
|
|
25397
|
+
let n = i.key, a = t.key, o = n.replace(`${a}.`, "");
|
|
25398
|
+
e[r].value = this.createCascaderItemValue([t.label, o]);
|
|
25380
25399
|
} else {
|
|
25381
|
-
let
|
|
25382
|
-
|
|
25400
|
+
let a = n.slice();
|
|
25401
|
+
a.push(i.label), e[r].value = this.createCascaderItemValue(a), this.createChildrenCascaderValue(i.children, t, a);
|
|
25383
25402
|
}
|
|
25384
25403
|
}
|
|
25385
25404
|
},
|
|
@@ -25395,7 +25414,7 @@ var $W = function(e) {
|
|
|
25395
25414
|
processOptions: function() {
|
|
25396
25415
|
let e = JSON.parse(JSON.stringify(this.options));
|
|
25397
25416
|
e.forEach((t, n) => {
|
|
25398
|
-
e[n].total = this.countTotalFacet(t), e[n].label =
|
|
25417
|
+
e[n].total = this.countTotalFacet(t), e[n].label = ZW(t.label), e[n].value = this.createCascaderItemValue([t.key]), e[n].children.find((e) => e.label === "Show all") || e[n].children.unshift({
|
|
25399
25418
|
value: this.createCascaderItemValue(["Show all"]),
|
|
25400
25419
|
label: "Show all"
|
|
25401
25420
|
}), t.key.includes("flatmap.connectivity.source") && e[n].children.unshift({
|
|
@@ -25409,7 +25428,7 @@ var $W = function(e) {
|
|
|
25409
25428
|
return this.entry.options ? new Promise((e) => {
|
|
25410
25429
|
this.facets = this.entry.options, this.options = this.entry.options, this.processOptions(), e();
|
|
25411
25430
|
}) : new Promise((e) => {
|
|
25412
|
-
this.algoliaClient.getAlgoliaFacets(
|
|
25431
|
+
this.algoliaClient.getAlgoliaFacets(qW).then((e) => {
|
|
25413
25432
|
this.facets = e, vz.emit("available-facets", e), this.options = e, this.processOptions();
|
|
25414
25433
|
}).finally(() => {
|
|
25415
25434
|
e();
|
|
@@ -25598,13 +25617,13 @@ var $W = function(e) {
|
|
|
25598
25617
|
setCascader: function(e) {
|
|
25599
25618
|
if (this.cascaderIsReady && e && e.length != 0) {
|
|
25600
25619
|
let t = (e) => {
|
|
25601
|
-
let t = [e.facetPropPath, this.createCascaderItemValue([
|
|
25620
|
+
let t = [e.facetPropPath, this.createCascaderItemValue([XW(e.term), e.facet])];
|
|
25602
25621
|
return e.facet2 && (t.push(this.createCascaderItemValue([
|
|
25603
|
-
|
|
25622
|
+
XW(e.term),
|
|
25604
25623
|
e.facet,
|
|
25605
25624
|
e.facet2
|
|
25606
25625
|
])), e.facet3 && t.push(this.createCascaderItemValue([
|
|
25607
|
-
|
|
25626
|
+
XW(e.term),
|
|
25608
25627
|
e.facet,
|
|
25609
25628
|
e.facet2,
|
|
25610
25629
|
e.facet3
|
|
@@ -25728,25 +25747,25 @@ var $W = function(e) {
|
|
|
25728
25747
|
}
|
|
25729
25748
|
},
|
|
25730
25749
|
mounted: function() {
|
|
25731
|
-
this.entry.options || (this.algoliaClient = w(new
|
|
25750
|
+
this.entry.options || (this.algoliaClient = w(new KW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.algoliaClient.setLocalStorageForTermMapping()), this.populateCascader().then(() => {
|
|
25732
25751
|
this.cascaderIsReady = !0, this.checkShowAllBoxes(), this.setCascader(this.entry.filterFacets), this.$emit("cascaderReady");
|
|
25733
25752
|
});
|
|
25734
25753
|
}
|
|
25735
|
-
},
|
|
25754
|
+
}, $W = { class: "filters" }, eG = { key: 0 }, tG = {
|
|
25736
25755
|
key: 0,
|
|
25737
25756
|
class: "cascader-tag"
|
|
25738
|
-
},
|
|
25757
|
+
}, nG = { class: "el-tags-container" }, rG = { class: "el-tags-container" }, iG = { class: "search-filters transition-box" }, aG = { key: 0 }, oG = { class: "sidebar-cascader-search el-input" }, sG = { class: "el-input__wrapper" }, cG = ["value", "onInput"], lG = { key: 1 }, uG = {
|
|
25739
25758
|
key: 0,
|
|
25740
25759
|
class: "sr-only"
|
|
25741
|
-
},
|
|
25760
|
+
}, dG = {
|
|
25742
25761
|
key: 0,
|
|
25743
25762
|
class: "filter-default-value"
|
|
25744
|
-
},
|
|
25745
|
-
function
|
|
25763
|
+
}, fG = { class: "dataset-shown" }, pG = { class: "dataset-results-feedback" };
|
|
25764
|
+
function mG(e, n, r, i, a, o) {
|
|
25746
25765
|
let s = H("MapSvgSpriteColor"), f = Ug, h = kx, g = Cy, _ = Sy, v = vy, y = H("MapSvgIcon"), b = x_, x = b_, S = Bx;
|
|
25747
|
-
return L(), u("div",
|
|
25766
|
+
return L(), u("div", $W, [
|
|
25748
25767
|
m(s),
|
|
25749
|
-
o.showFilters && e.options.length > 0 ? (L(), u("div",
|
|
25768
|
+
o.showFilters && e.options.length > 0 ? (L(), u("div", eG, [e.presentTags.length > 0 ? (L(), u("div", tG, [m(f, {
|
|
25750
25769
|
class: "ml-2",
|
|
25751
25770
|
type: "info",
|
|
25752
25771
|
closable: "",
|
|
@@ -25761,7 +25780,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25761
25780
|
trigger: "hover",
|
|
25762
25781
|
"popper-class": "cascade-tags-popover"
|
|
25763
25782
|
}, {
|
|
25764
|
-
default: K(() => [d("div",
|
|
25783
|
+
default: K(() => [d("div", nG, [(L(!0), u(t, null, ie(e.presentTags.slice(1), (e, t) => (L(), c(f, {
|
|
25765
25784
|
key: t,
|
|
25766
25785
|
class: D(["ml-2", o.modifyCascaderTagStyle(e)]),
|
|
25767
25786
|
type: "info",
|
|
@@ -25771,7 +25790,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25771
25790
|
default: K(() => [p(U(e), 1)]),
|
|
25772
25791
|
_: 2
|
|
25773
25792
|
}, 1032, ["class", "onClose"]))), 128))])]),
|
|
25774
|
-
reference: K(() => [d("div",
|
|
25793
|
+
reference: K(() => [d("div", rG, [e.presentTags.length > 1 ? (L(), c(f, {
|
|
25775
25794
|
key: 0,
|
|
25776
25795
|
class: "ml-2",
|
|
25777
25796
|
type: "info"
|
|
@@ -25780,7 +25799,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25780
25799
|
_: 1
|
|
25781
25800
|
})) : l("", !0)])]),
|
|
25782
25801
|
_: 1
|
|
25783
|
-
})) : l("", !0)])) : l("", !0), Ce((L(), u("span",
|
|
25802
|
+
})) : l("", !0)])) : l("", !0), Ce((L(), u("span", iG, [
|
|
25784
25803
|
m(v, {
|
|
25785
25804
|
class: "cascader",
|
|
25786
25805
|
ref: "cascader",
|
|
@@ -25797,7 +25816,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25797
25816
|
"show-all-levels": !0,
|
|
25798
25817
|
"popper-class": "sidebar-cascader-popper"
|
|
25799
25818
|
}, {
|
|
25800
|
-
default: K(({ node: t, data: r }) => [o.isFlatmapConnectionsFilterNode(t) ? (L(), u("div",
|
|
25819
|
+
default: K(({ node: t, data: r }) => [o.isFlatmapConnectionsFilterNode(t) ? (L(), u("div", aG, [d("div", oG, [d("div", sG, [d("input", {
|
|
25801
25820
|
class: "el-input__inner",
|
|
25802
25821
|
ref: "searchInput_" + t.pathValues[0],
|
|
25803
25822
|
value: e.searchInputs[t.pathValues[0]],
|
|
@@ -25807,7 +25826,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25807
25826
|
style: { width: "100%" },
|
|
25808
25827
|
autocomplete: "off",
|
|
25809
25828
|
placeholder: "Search"
|
|
25810
|
-
}, null, 40,
|
|
25829
|
+
}, null, 40, cG)])])])) : (L(), u("div", lG, [m(_, null, {
|
|
25811
25830
|
default: K(() => [o.hasLineStyles(r) ? (L(), c(g, {
|
|
25812
25831
|
key: 0,
|
|
25813
25832
|
span: 4
|
|
@@ -25818,7 +25837,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25818
25837
|
}, null, 4)]),
|
|
25819
25838
|
_: 2
|
|
25820
25839
|
}, 1024)) : l("", !0), m(g, { span: 20 }, {
|
|
25821
|
-
default: K(() => [o.isFlatmapConnectionsNode(t) ? (L(), u("span",
|
|
25840
|
+
default: K(() => [o.isFlatmapConnectionsNode(t) ? (L(), u("span", uG, U(o.getNodeKey(t.value)), 1)) : l("", !0), d("div", { style: k(o.getBackgroundStyles(r)) }, U(r.label), 5)]),
|
|
25822
25841
|
_: 2
|
|
25823
25842
|
}, 1024)]),
|
|
25824
25843
|
_: 2
|
|
@@ -25830,7 +25849,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25830
25849
|
"props",
|
|
25831
25850
|
"onExpandChange"
|
|
25832
25851
|
]),
|
|
25833
|
-
e.showFiltersText ? (L(), u("div",
|
|
25852
|
+
e.showFiltersText ? (L(), u("div", dG, "Filters")) : l("", !0),
|
|
25834
25853
|
m(h, {
|
|
25835
25854
|
title: "How do filters work?",
|
|
25836
25855
|
width: "250",
|
|
@@ -25856,7 +25875,7 @@ function gG(e, n, r, i, a, o) {
|
|
|
25856
25875
|
_: 1
|
|
25857
25876
|
})
|
|
25858
25877
|
])), [[S, !e.cascaderIsReady]])])) : l("", !0),
|
|
25859
|
-
d("div",
|
|
25878
|
+
d("div", fG, [d("span", pG, U(o.numberOfResultsText), 1), m(x, {
|
|
25860
25879
|
class: "number-shown-select",
|
|
25861
25880
|
modelValue: e.numberShown,
|
|
25862
25881
|
"onUpdate:modelValue": n[5] ||= (t) => e.numberShown = t,
|
|
@@ -25872,13 +25891,13 @@ function gG(e, n, r, i, a, o) {
|
|
|
25872
25891
|
}, 8, ["modelValue"])])
|
|
25873
25892
|
]);
|
|
25874
25893
|
}
|
|
25875
|
-
var
|
|
25894
|
+
var hG = /*#__PURE__*/ uS(QW, [["render", mG], ["__scopeId", "data-v-0a744116"]]), gG = async function(e) {
|
|
25876
25895
|
if (!e.ok) {
|
|
25877
25896
|
let t = await e.json();
|
|
25878
25897
|
throw Error(t ? t.message : e);
|
|
25879
25898
|
}
|
|
25880
25899
|
return e;
|
|
25881
|
-
},
|
|
25900
|
+
}, _G = {
|
|
25882
25901
|
searchInput: "",
|
|
25883
25902
|
lastSearch: "",
|
|
25884
25903
|
results: [],
|
|
@@ -25891,12 +25910,12 @@ var _G = /*#__PURE__*/ uS(eG, [["render", gG], ["__scopeId", "data-v-30ec8d0a"]]
|
|
|
25891
25910
|
start: 0,
|
|
25892
25911
|
hasSearched: !1,
|
|
25893
25912
|
contextCardEnabled: !1
|
|
25894
|
-
},
|
|
25913
|
+
}, vG = {
|
|
25895
25914
|
components: {
|
|
25896
|
-
SearchFilters:
|
|
25915
|
+
SearchFilters: hG,
|
|
25897
25916
|
DatasetCard: MU,
|
|
25898
|
-
SearchHistory:
|
|
25899
|
-
MapSvgIcon:
|
|
25917
|
+
SearchHistory: JU,
|
|
25918
|
+
MapSvgIcon: ZU
|
|
25900
25919
|
},
|
|
25901
25920
|
name: "DatasetExplorer",
|
|
25902
25921
|
props: {
|
|
@@ -25910,7 +25929,7 @@ var _G = /*#__PURE__*/ uS(eG, [["render", gG], ["__scopeId", "data-v-30ec8d0a"]]
|
|
|
25910
25929
|
},
|
|
25911
25930
|
entry: {
|
|
25912
25931
|
type: Object,
|
|
25913
|
-
default: () =>
|
|
25932
|
+
default: () => _G
|
|
25914
25933
|
},
|
|
25915
25934
|
envVars: {
|
|
25916
25935
|
type: Object,
|
|
@@ -26001,9 +26020,9 @@ var _G = /*#__PURE__*/ uS(eG, [["render", gG], ["__scopeId", "data-v-30ec8d0a"]]
|
|
|
26001
26020
|
this.$refs.searchHistory.selectValue = "Search history", (e.length || t?.trim()) && this.$refs.searchHistory.addSearchToHistory(e, t);
|
|
26002
26021
|
},
|
|
26003
26022
|
searchAlgolia(e, t = "") {
|
|
26004
|
-
this.loadingCards = !0, this.algoliaClient.anatomyInSearch(
|
|
26023
|
+
this.loadingCards = !0, this.algoliaClient.anatomyInSearch(JW(e), t).then((e) => {
|
|
26005
26024
|
vz.emit("anatomy-in-datasets", e.forFlatmap), vz.emit("number-of-datasets-for-anatomies", e.forScaffold);
|
|
26006
|
-
}), this.algoliaClient.search(
|
|
26025
|
+
}), this.algoliaClient.search(JW(e), t, this.numberPerPage, this.page).then((e) => {
|
|
26007
26026
|
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", {
|
|
26008
26027
|
value: this.searchInput,
|
|
26009
26028
|
tabType: "dataset",
|
|
@@ -26092,11 +26111,11 @@ var _G = /*#__PURE__*/ uS(eG, [["render", gG], ["__scopeId", "data-v-30ec8d0a"]]
|
|
|
26092
26111
|
callSciCrunch: function(e, t = {}, n) {
|
|
26093
26112
|
return new Promise((e, r) => {
|
|
26094
26113
|
let i = this.envVars.API_LOCATION + this.searchEndpoint + "?" + this.createfilterParams(t);
|
|
26095
|
-
fetch(i, { signal: n }).then(
|
|
26114
|
+
fetch(i, { signal: n }).then(gG).then((e) => e.json()).then((t) => e(t)).catch((e) => r(e));
|
|
26096
26115
|
});
|
|
26097
26116
|
},
|
|
26098
26117
|
getAlgoliaFacets: async function() {
|
|
26099
|
-
return await this.algoliaClient.getAlgoliaFacets(
|
|
26118
|
+
return await this.algoliaClient.getAlgoliaFacets(qW);
|
|
26100
26119
|
},
|
|
26101
26120
|
searchHistorySearch: function(e) {
|
|
26102
26121
|
this.searchInput = e.search, this.filter = e.filters, this.openSearch([...e.filters], e.search);
|
|
@@ -26109,25 +26128,25 @@ var _G = /*#__PURE__*/ uS(eG, [["render", gG], ["__scopeId", "data-v-30ec8d0a"]]
|
|
|
26109
26128
|
}
|
|
26110
26129
|
},
|
|
26111
26130
|
mounted: function() {
|
|
26112
|
-
this.algoliaClient = w(new
|
|
26131
|
+
this.algoliaClient = w(new KW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.openSearch(this.filter, this.searchInput);
|
|
26113
26132
|
},
|
|
26114
26133
|
created: function() {
|
|
26115
26134
|
this.searchEndpoint = "dataset_info/using_multiple_dois/";
|
|
26116
26135
|
}
|
|
26117
|
-
},
|
|
26136
|
+
}, yG = { class: "header" }, bG = {
|
|
26118
26137
|
class: "content scrollbar",
|
|
26119
26138
|
ref: "content"
|
|
26120
|
-
},
|
|
26139
|
+
}, xG = {
|
|
26121
26140
|
key: 0,
|
|
26122
26141
|
class: "error-feedback"
|
|
26123
26142
|
};
|
|
26124
|
-
function
|
|
26125
|
-
let s = Oh, f = H("MapSvgIcon"), h = kx, g = Rg, _ =
|
|
26143
|
+
function SG(e, n, r, i, a, o) {
|
|
26144
|
+
let s = Oh, f = H("MapSvgIcon"), h = kx, g = Rg, _ = hG, v = JU, y = MU, b = wx, x = C_, S = Bx;
|
|
26126
26145
|
return L(), c(x, {
|
|
26127
26146
|
"body-style": e.bodyStyle,
|
|
26128
26147
|
class: "content-card"
|
|
26129
26148
|
}, {
|
|
26130
|
-
header: K(() => [d("div",
|
|
26149
|
+
header: K(() => [d("div", yG, [
|
|
26131
26150
|
d("div", { class: D(["search-input-container", { "is-focus": e.searchInput }]) }, [m(s, {
|
|
26132
26151
|
class: "search-input",
|
|
26133
26152
|
placeholder: "Search",
|
|
@@ -26221,8 +26240,8 @@ function wG(e, n, r, i, a, o) {
|
|
|
26221
26240
|
localStorageKey: "sparc.science-dataset-search-history",
|
|
26222
26241
|
onSearch: o.searchHistorySearch
|
|
26223
26242
|
}, null, 8, ["onSearch"]),
|
|
26224
|
-
Ce((L(), u("div",
|
|
26225
|
-
e.results.length === 0 && !e.loadingCards ? (L(), u("div",
|
|
26243
|
+
Ce((L(), u("div", bG, [
|
|
26244
|
+
e.results.length === 0 && !e.loadingCards ? (L(), u("div", xG, " No results found - Please change your search / filter criteria. ")) : l("", !0),
|
|
26226
26245
|
(L(!0), u(t, null, ie(e.results, (e) => (L(), u("div", {
|
|
26227
26246
|
key: e.doi,
|
|
26228
26247
|
class: "step-item"
|
|
@@ -26258,894 +26277,7 @@ function wG(e, n, r, i, a, o) {
|
|
|
26258
26277
|
_: 1
|
|
26259
26278
|
}, 8, ["body-style"]);
|
|
26260
26279
|
}
|
|
26261
|
-
var
|
|
26262
|
-
viewBox: "0 0 24 24",
|
|
26263
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
26264
|
-
"aria-hidden": "true",
|
|
26265
|
-
focusable: "false"
|
|
26266
|
-
};
|
|
26267
|
-
function OG(e, t) {
|
|
26268
|
-
return L(), u("svg", DG, [...t[0] ||= [d("g", {
|
|
26269
|
-
stroke: "none",
|
|
26270
|
-
"stroke-width": "1",
|
|
26271
|
-
fill: "none",
|
|
26272
|
-
"fill-rule": "evenodd"
|
|
26273
|
-
}, [
|
|
26274
|
-
d("polygon", {
|
|
26275
|
-
fill: "currentColor",
|
|
26276
|
-
"fill-rule": "nonzero",
|
|
26277
|
-
transform: "translate(15.500000, 8.878680) rotate(225.000000) translate(-15.500000, -8.878680)",
|
|
26278
|
-
points: "16.25 4.12867966 16.25 13.6286797 14.75 13.6286797 14.75 4.12867966"
|
|
26279
|
-
}),
|
|
26280
|
-
d("polygon", {
|
|
26281
|
-
fill: "currentColor",
|
|
26282
|
-
"fill-rule": "nonzero",
|
|
26283
|
-
transform: "translate(17.500000, 6.918996) rotate(225.000000) translate(-17.500000, -6.918996)",
|
|
26284
|
-
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"
|
|
26285
|
-
}),
|
|
26286
|
-
d("polygon", {
|
|
26287
|
-
fill: "currentColor",
|
|
26288
|
-
"fill-rule": "nonzero",
|
|
26289
|
-
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"
|
|
26290
|
-
})
|
|
26291
|
-
], -1)]]);
|
|
26292
|
-
}
|
|
26293
|
-
var kG = /*#__PURE__*/ uS(EG, [["render", OG]]), AG = {
|
|
26294
|
-
soma_tg: "trigeminal ganglion",
|
|
26295
|
-
soma_drg: "dorsal root ganglion"
|
|
26296
|
-
}, jG = {
|
|
26297
|
-
name: "CellCard",
|
|
26298
|
-
components: {
|
|
26299
|
-
CopyToClipboard: $e,
|
|
26300
|
-
IconOpenExternal: kG
|
|
26301
|
-
},
|
|
26302
|
-
props: {
|
|
26303
|
-
cellType: {
|
|
26304
|
-
type: Object,
|
|
26305
|
-
required: !0
|
|
26306
|
-
},
|
|
26307
|
-
isActive: {
|
|
26308
|
-
type: Boolean,
|
|
26309
|
-
default: !1
|
|
26310
|
-
}
|
|
26311
|
-
},
|
|
26312
|
-
emits: [
|
|
26313
|
-
"open",
|
|
26314
|
-
"close",
|
|
26315
|
-
"soma-location-hovered",
|
|
26316
|
-
"dataset-search",
|
|
26317
|
-
"connectivity-search",
|
|
26318
|
-
"related-cell-click"
|
|
26319
|
-
],
|
|
26320
|
-
data() {
|
|
26321
|
-
return {
|
|
26322
|
-
cardElement: null,
|
|
26323
|
-
activeSearchPopoverLocationId: null
|
|
26324
|
-
};
|
|
26325
|
-
},
|
|
26326
|
-
mounted: function() {
|
|
26327
|
-
this.cardElement = this.$refs.cardElementRef;
|
|
26328
|
-
},
|
|
26329
|
-
computed: {
|
|
26330
|
-
cardStyleVars: function() {
|
|
26331
|
-
return { "--cell-card-source-color": this.cellType?.sourceColor || this.cellType?.color || "#8300bf" };
|
|
26332
|
-
},
|
|
26333
|
-
formattedMarkerGenes: function() {
|
|
26334
|
-
return (this.cellType?.markerGenes || []).map((e, t) => {
|
|
26335
|
-
let n = String(e?.name || "").trim(), r = String(e?.expression || "").trim(), i = this.sanitizeMarkerGeneUri(e?.uri, r);
|
|
26336
|
-
return !n || !i ? null : {
|
|
26337
|
-
key: `${n}-${r || "none"}-${t}`,
|
|
26338
|
-
name: n,
|
|
26339
|
-
expression: r,
|
|
26340
|
-
uri: i
|
|
26341
|
-
};
|
|
26342
|
-
}).filter(Boolean);
|
|
26343
|
-
},
|
|
26344
|
-
updatedCopyContent: function() {
|
|
26345
|
-
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 = [];
|
|
26346
|
-
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) {
|
|
26347
|
-
let e = r.map((e) => `<li>${e}</li>`).join("");
|
|
26348
|
-
m.push(`<div><strong>Soma Locations:</strong><ul>${e}</ul></div>`);
|
|
26349
|
-
}
|
|
26350
|
-
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) {
|
|
26351
|
-
let e = l.map((e) => e?.label).filter(Boolean).map((e) => `<li>${e}</li>`).join("");
|
|
26352
|
-
e && m.push(`<div><strong>Related Species Variants:</strong><ul>${e}</ul></div>`);
|
|
26353
|
-
}
|
|
26354
|
-
if (p) {
|
|
26355
|
-
let e = f ? `${p} (<a href="${f}">${f}</a>)` : p;
|
|
26356
|
-
m.push(`<div><strong>Source Publication:</strong> ${e}</div>`);
|
|
26357
|
-
}
|
|
26358
|
-
if (u?.length) {
|
|
26359
|
-
let e = u.map((e) => FU(e)).join("\n");
|
|
26360
|
-
m.push(`<div><strong>Alert Notes:</strong></div>\n${e}`);
|
|
26361
|
-
}
|
|
26362
|
-
if (d?.length) {
|
|
26363
|
-
let e = d.map((e) => FU(e)).join("\n");
|
|
26364
|
-
m.push(`<div><strong>Curator Notes:</strong></div>\n${e}`);
|
|
26365
|
-
}
|
|
26366
|
-
return m.join("\n");
|
|
26367
|
-
},
|
|
26368
|
-
somaLocations: function() {
|
|
26369
|
-
return this.cellType.somaLocations.map((e) => {
|
|
26370
|
-
let t = Object.keys(AG).find((t) => AG[t] === e) || "";
|
|
26371
|
-
return this.cellType.clusterAttributes?.[t] ? {
|
|
26372
|
-
name: PU(e),
|
|
26373
|
-
id: t
|
|
26374
|
-
} : !1;
|
|
26375
|
-
});
|
|
26376
|
-
}
|
|
26377
|
-
},
|
|
26378
|
-
methods: {
|
|
26379
|
-
sanitizeMarkerGeneUri: function(e, t = "") {
|
|
26380
|
-
let n = String(e || "").trim(), r = String(t || "").trim();
|
|
26381
|
-
if (!n) return "";
|
|
26382
|
-
if (r) {
|
|
26383
|
-
let e = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
26384
|
-
n = n.replace(RegExp(`\\s+${e}$`, "i"), "");
|
|
26385
|
-
}
|
|
26386
|
-
return n.trim();
|
|
26387
|
-
},
|
|
26388
|
-
transformString: function(e) {
|
|
26389
|
-
return e ? e.replace(/\^(\w+)/g, "<sup>$1</sup>") : "";
|
|
26390
|
-
},
|
|
26391
|
-
onCopied: function() {
|
|
26392
|
-
vz.emit("trackEvent", {
|
|
26393
|
-
event_name: "portal_maps_cell_card_copy",
|
|
26394
|
-
category: this.cellType.preferredLabel || "",
|
|
26395
|
-
location: "map_sidebar_cell_card"
|
|
26396
|
-
});
|
|
26397
|
-
},
|
|
26398
|
-
openCard: function() {
|
|
26399
|
-
this.$emit("open", this.cellType.id), vz.emit("trackEvent", {
|
|
26400
|
-
event_name: "portal_maps_cell_card_open",
|
|
26401
|
-
category: this.cellType.id || "",
|
|
26402
|
-
location: "map_sidebar_cell_card"
|
|
26403
|
-
});
|
|
26404
|
-
},
|
|
26405
|
-
closeCard: function() {
|
|
26406
|
-
this.$emit("close"), vz.emit("trackEvent", {
|
|
26407
|
-
event_name: "portal_maps_cell_card_close",
|
|
26408
|
-
category: this.cellType.id || "",
|
|
26409
|
-
location: "map_sidebar_cell_card"
|
|
26410
|
-
});
|
|
26411
|
-
},
|
|
26412
|
-
showSomaLocation: function(e) {
|
|
26413
|
-
this.$emit("soma-location-hovered", e);
|
|
26414
|
-
},
|
|
26415
|
-
openDatasetSearch: function(e) {
|
|
26416
|
-
this.$emit("dataset-search", {
|
|
26417
|
-
species: PU(this.cellType?.species),
|
|
26418
|
-
location: e
|
|
26419
|
-
});
|
|
26420
|
-
},
|
|
26421
|
-
openConnectivitySearch: function(e) {
|
|
26422
|
-
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 ? [{
|
|
26423
|
-
facet: `["${r}",[]]`,
|
|
26424
|
-
facetPropPath: "flatmap.connectivity.source.all",
|
|
26425
|
-
tagLabel: e,
|
|
26426
|
-
term: "All"
|
|
26427
|
-
}] : [];
|
|
26428
|
-
this.$emit("connectivity-search", {
|
|
26429
|
-
facets: i,
|
|
26430
|
-
query: ""
|
|
26431
|
-
});
|
|
26432
|
-
},
|
|
26433
|
-
onSearchPopoverShow: function(e) {
|
|
26434
|
-
this.activeSearchPopoverLocationId = e;
|
|
26435
|
-
},
|
|
26436
|
-
onSearchPopoverHide: function(e) {
|
|
26437
|
-
this.activeSearchPopoverLocationId === e && (this.activeSearchPopoverLocationId = null);
|
|
26438
|
-
},
|
|
26439
|
-
showAlertMessage: function() {
|
|
26440
|
-
IU(this, "alertElement");
|
|
26441
|
-
},
|
|
26442
|
-
formatAlertText: function(e) {
|
|
26443
|
-
return FU(e);
|
|
26444
|
-
}
|
|
26445
|
-
}
|
|
26446
|
-
}, MG = { class: "title-content" }, NG = { class: "card-title" }, PG = { class: "card-keywords" }, FG = { class: "card-chips" }, IG = {
|
|
26447
|
-
key: 0,
|
|
26448
|
-
class: "source-publication-chip"
|
|
26449
|
-
}, LG = { class: "card-details" }, RG = { class: "card-details-inner" }, zG = {
|
|
26450
|
-
key: 0,
|
|
26451
|
-
class: "card-section"
|
|
26452
|
-
}, BG = {
|
|
26453
|
-
key: 1,
|
|
26454
|
-
class: "card-section"
|
|
26455
|
-
}, VG = {
|
|
26456
|
-
key: 2,
|
|
26457
|
-
class: "card-section"
|
|
26458
|
-
}, HG = { class: "card-list-items" }, UG = ["onMouseenter"], WG = { class: "card-list-search" }, GG = { class: "search-action-list" }, KG = ["onClick"], qG = ["onClick"], JG = {
|
|
26459
|
-
key: 3,
|
|
26460
|
-
class: "card-section"
|
|
26461
|
-
}, YG = {
|
|
26462
|
-
key: 4,
|
|
26463
|
-
class: "card-section"
|
|
26464
|
-
}, XG = {
|
|
26465
|
-
key: 5,
|
|
26466
|
-
class: "card-section"
|
|
26467
|
-
}, ZG = { class: "marker-genes-list" }, QG = ["href"], $G = { key: 0 }, eK = {
|
|
26468
|
-
key: 6,
|
|
26469
|
-
class: "card-section"
|
|
26470
|
-
}, tK = { class: "card-section-content" }, nK = {
|
|
26471
|
-
key: 7,
|
|
26472
|
-
class: "card-section"
|
|
26473
|
-
}, rK = { class: "card-section-content success" }, iK = {
|
|
26474
|
-
key: 8,
|
|
26475
|
-
class: "card-section"
|
|
26476
|
-
}, aK = { class: "related-cell-list" }, oK = ["onClick"], sK = {
|
|
26477
|
-
key: 9,
|
|
26478
|
-
class: "card-section source-publication-section"
|
|
26479
|
-
}, cK = ["href"], lK = {
|
|
26480
|
-
key: 10,
|
|
26481
|
-
class: "card-section",
|
|
26482
|
-
ref: "alertElement"
|
|
26483
|
-
}, uK = { class: "alert-block" }, dK = {
|
|
26484
|
-
key: 0,
|
|
26485
|
-
class: "alert-block-section"
|
|
26486
|
-
}, fK = ["innerHTML"], pK = {
|
|
26487
|
-
key: 1,
|
|
26488
|
-
class: "alert-block-section"
|
|
26489
|
-
}, mK = ["innerHTML"];
|
|
26490
|
-
function hK(e, n, r, i, a, o) {
|
|
26491
|
-
let s = Ke, f = zp, h = Rg, g = H("CopyToClipboard"), _ = Pe, v = kx, y = Ue, b = kG;
|
|
26492
|
-
return L(), u("div", {
|
|
26493
|
-
ref: "cardElementRef",
|
|
26494
|
-
class: D(["card", { active: r.isActive }]),
|
|
26495
|
-
style: k(o.cardStyleVars)
|
|
26496
|
-
}, [d("div", {
|
|
26497
|
-
class: "card-header",
|
|
26498
|
-
onClick: n[1] ||= (...e) => o.openCard && o.openCard(...e)
|
|
26499
|
-
}, [d("div", MG, [
|
|
26500
|
-
d("div", NG, U(r.cellType.preferredLabel), 1),
|
|
26501
|
-
d("div", PG, [
|
|
26502
|
-
d("span", null, U(r.cellType.species), 1),
|
|
26503
|
-
d("div", FG, [(L(!0), u(t, null, ie(r.cellType.somaLocations, (e) => (L(), u("span", {
|
|
26504
|
-
class: "card-chip",
|
|
26505
|
-
key: e
|
|
26506
|
-
}, U(e), 1))), 128))]),
|
|
26507
|
-
r.cellType.sourceNomenclature ? (L(), u("span", IG, U(r.cellType.sourceNomenclatureLabel), 1)) : l("", !0)
|
|
26508
|
-
]),
|
|
26509
|
-
r.isActive && (r.cellType.alertNotes?.length || r.cellType.curatorNotes?.length) ? (L(), c(h, {
|
|
26510
|
-
key: 0,
|
|
26511
|
-
round: "",
|
|
26512
|
-
size: "small",
|
|
26513
|
-
class: "alert-chip",
|
|
26514
|
-
onClick: Te(o.showAlertMessage, ["stop"])
|
|
26515
|
-
}, {
|
|
26516
|
-
default: K(() => [m(f, { class: "alert" }, {
|
|
26517
|
-
default: K(() => [m(s)]),
|
|
26518
|
-
_: 1
|
|
26519
|
-
}), n[3] ||= p(" Notes ", -1)]),
|
|
26520
|
-
_: 1
|
|
26521
|
-
}, 8, ["onClick"])) : l("", !0)
|
|
26522
|
-
]), d("div", {
|
|
26523
|
-
class: "title-buttons",
|
|
26524
|
-
onClick: n[0] ||= Te(() => {}, ["stop"])
|
|
26525
|
-
}, [m(g, {
|
|
26526
|
-
onCopied: o.onCopied,
|
|
26527
|
-
content: o.updatedCopyContent
|
|
26528
|
-
}, null, 8, ["onCopied", "content"]), m(v, {
|
|
26529
|
-
width: "auto",
|
|
26530
|
-
trigger: "hover",
|
|
26531
|
-
teleported: !1,
|
|
26532
|
-
"popper-class": "popover-map-pin"
|
|
26533
|
-
}, {
|
|
26534
|
-
reference: K(() => [m(h, {
|
|
26535
|
-
class: "button-circle",
|
|
26536
|
-
circle: "",
|
|
26537
|
-
onClick: o.closeCard
|
|
26538
|
-
}, {
|
|
26539
|
-
default: K(() => [m(f, { color: "white" }, {
|
|
26540
|
-
default: K(() => [m(_)]),
|
|
26541
|
-
_: 1
|
|
26542
|
-
})]),
|
|
26543
|
-
_: 1
|
|
26544
|
-
}, 8, ["onClick"])]),
|
|
26545
|
-
default: K(() => [n[4] ||= d("span", null, "Close", -1)]),
|
|
26546
|
-
_: 1
|
|
26547
|
-
})])]), d("div", LG, [d("div", RG, [
|
|
26548
|
-
r.cellType.entity ? (L(), u("div", zG, [n[5] ||= d("div", { class: "card-section-title" }, "Entity", -1), d("span", null, U(r.cellType.entity), 1)])) : l("", !0),
|
|
26549
|
-
r.cellType.species ? (L(), u("div", BG, [n[6] ||= d("div", { class: "card-section-title" }, "Species", -1), d("span", null, U(r.cellType.species), 1)])) : l("", !0),
|
|
26550
|
-
r.cellType.somaLocations?.length ? (L(), u("div", VG, [n[7] ||= d("div", { class: "card-section-title" }, "Soma Location", -1), d("div", HG, [(L(!0), u(t, null, ie(o.somaLocations, (e) => (L(), u("div", {
|
|
26551
|
-
class: "card-list-item",
|
|
26552
|
-
key: e.id,
|
|
26553
|
-
onMouseenter: (t) => o.showSomaLocation(e.name),
|
|
26554
|
-
onMouseleave: n[2] ||= (e) => o.showSomaLocation()
|
|
26555
|
-
}, [d("span", null, U(e.name), 1), d("div", WG, [m(v, {
|
|
26556
|
-
width: "180",
|
|
26557
|
-
trigger: "hover",
|
|
26558
|
-
teleported: !0,
|
|
26559
|
-
"append-to": a.cardElement,
|
|
26560
|
-
"popper-class": "popover-origin-help popover-search-actions",
|
|
26561
|
-
onShow: (t) => o.onSearchPopoverShow(e.id),
|
|
26562
|
-
onHide: (t) => o.onSearchPopoverHide(e.id)
|
|
26563
|
-
}, {
|
|
26564
|
-
reference: K(() => [m(f, { class: D(["status-search-icon", { "is-visible": a.activeSearchPopoverLocationId === e.id }]) }, {
|
|
26565
|
-
default: K(() => [m(y)]),
|
|
26566
|
-
_: 1
|
|
26567
|
-
}, 8, ["class"])]),
|
|
26568
|
-
default: K(() => [d("div", GG, [d("button", {
|
|
26569
|
-
type: "button",
|
|
26570
|
-
class: "search-action-button",
|
|
26571
|
-
onClick: (t) => o.openDatasetSearch(e.name)
|
|
26572
|
-
}, " Search dataset ", 8, KG), d("button", {
|
|
26573
|
-
type: "button",
|
|
26574
|
-
class: "search-action-button",
|
|
26575
|
-
onClick: (t) => o.openConnectivitySearch(e.name)
|
|
26576
|
-
}, " Search connectivity ", 8, qG)])]),
|
|
26577
|
-
_: 2
|
|
26578
|
-
}, 1032, [
|
|
26579
|
-
"append-to",
|
|
26580
|
-
"onShow",
|
|
26581
|
-
"onHide"
|
|
26582
|
-
])])], 40, UG))), 128))])])) : l("", !0),
|
|
26583
|
-
r.cellType.circuitRole ? (L(), u("div", JG, [n[8] ||= d("div", { class: "card-section-title" }, "Circuit Role", -1), d("span", null, U(r.cellType.circuitRole), 1)])) : l("", !0),
|
|
26584
|
-
r.cellType.creLine ? (L(), u("div", YG, [n[9] ||= d("div", { class: "card-section-title" }, "Cre Line", -1), d("span", null, U(r.cellType.creLine), 1)])) : l("", !0),
|
|
26585
|
-
o.formattedMarkerGenes.length ? (L(), u("div", XG, [n[10] ||= d("div", { class: "card-section-title" }, "Marker Genes", -1), d("div", ZG, [(L(!0), u(t, null, ie(o.formattedMarkerGenes, (e) => (L(), u("a", {
|
|
26586
|
-
key: e.key,
|
|
26587
|
-
class: "marker-gene-link",
|
|
26588
|
-
href: e.uri,
|
|
26589
|
-
target: "_blank",
|
|
26590
|
-
rel: "noopener noreferrer"
|
|
26591
|
-
}, [
|
|
26592
|
-
d("span", null, U(e.name), 1),
|
|
26593
|
-
e.expression ? (L(), u("sup", $G, U(e.expression), 1)) : l("", !0),
|
|
26594
|
-
m(b, { class: "external-link-icon" })
|
|
26595
|
-
], 8, QG))), 128))])])) : l("", !0),
|
|
26596
|
-
r.cellType.fiberTypeString ? (L(), u("div", eK, [n[11] ||= d("div", { class: "card-section-title" }, "Axon Phenotype", -1), d("div", tK, U(r.cellType.fiberTypeString), 1)])) : l("", !0),
|
|
26597
|
-
r.cellType.physiologyString ? (L(), u("div", nK, [n[12] ||= d("div", { class: "card-section-title" }, "Physiology", -1), d("div", rK, U(r.cellType.physiologyString), 1)])) : l("", !0),
|
|
26598
|
-
r.cellType.relatedCells?.length ? (L(), u("div", iK, [n[13] ||= d("div", { class: "card-section-title" }, "Related Species Variants", -1), d("ul", aK, [(L(!0), u(t, null, ie(r.cellType.relatedCells, (t) => (L(), u("li", { key: t }, [d("button", {
|
|
26599
|
-
class: "related-cell-item",
|
|
26600
|
-
onClick: Te((n) => e.$emit("related-cell-click", t), ["stop"]),
|
|
26601
|
-
title: "Click to view this cell type"
|
|
26602
|
-
}, U(t.label), 9, oK)]))), 128))])])) : l("", !0),
|
|
26603
|
-
r.cellType.sourceNomenclature ? (L(), u("div", sK, [n[14] ||= d("div", { class: "card-section-title" }, "Source Publication", -1), d("p", null, [d("a", {
|
|
26604
|
-
class: "source-publication-link",
|
|
26605
|
-
href: r.cellType.sourceNomenclature,
|
|
26606
|
-
target: "_blank",
|
|
26607
|
-
rel: "noopener noreferrer"
|
|
26608
|
-
}, [p(U(r.cellType.sourceNomenclatureLabel) + " ", 1), m(b, { class: "external-link-icon" })], 8, cK)])])) : l("", !0),
|
|
26609
|
-
r.cellType.alertNotes?.length || r.cellType.curatorNotes?.length ? (L(), u("div", lK, [n[17] ||= d("div", { class: "card-section-title" }, "Notes", -1), d("div", uK, [r.cellType.alertNotes?.length ? (L(), u("div", dK, [n[15] ||= d("div", { class: "alert-block-title" }, "Alert Notes:", -1), (L(!0), u(t, null, ie(r.cellType.alertNotes, (e, t) => (L(), u("div", {
|
|
26610
|
-
key: `alert-${t}`,
|
|
26611
|
-
innerHTML: o.formatAlertText(e),
|
|
26612
|
-
class: "alert-block-note"
|
|
26613
|
-
}, null, 8, fK))), 128))])) : l("", !0), r.cellType.curatorNotes?.length ? (L(), u("div", pK, [n[16] ||= d("div", { class: "alert-block-title" }, "Curator Notes:", -1), (L(!0), u(t, null, ie(r.cellType.curatorNotes, (e, t) => (L(), u("div", {
|
|
26614
|
-
key: `curator-${t}`,
|
|
26615
|
-
innerHTML: o.formatAlertText(e),
|
|
26616
|
-
class: "alert-block-note"
|
|
26617
|
-
}, null, 8, mK))), 128))])) : l("", !0)])], 512)) : l("", !0)
|
|
26618
|
-
])])], 6);
|
|
26619
|
-
}
|
|
26620
|
-
var gK = /*#__PURE__*/ uS(jG, [["render", hK], ["__scopeId", "data-v-f5dc9340"]]), _K = null, vK = null, yK = {
|
|
26621
|
-
components: {
|
|
26622
|
-
SearchFilters: _G,
|
|
26623
|
-
SearchHistory: ZU,
|
|
26624
|
-
CellCard: gK,
|
|
26625
|
-
MapSvgIcon: eW
|
|
26626
|
-
},
|
|
26627
|
-
name: "CellCardExplorer",
|
|
26628
|
-
emits: [
|
|
26629
|
-
"soma-location-hovered",
|
|
26630
|
-
"dataset-search",
|
|
26631
|
-
"connectivity-search",
|
|
26632
|
-
"soma-locations-ready"
|
|
26633
|
-
],
|
|
26634
|
-
props: {
|
|
26635
|
-
envVars: {
|
|
26636
|
-
type: Object,
|
|
26637
|
-
default: () => {}
|
|
26638
|
-
},
|
|
26639
|
-
activeSpecies: {
|
|
26640
|
-
type: Array,
|
|
26641
|
-
default: () => []
|
|
26642
|
-
}
|
|
26643
|
-
},
|
|
26644
|
-
data: function() {
|
|
26645
|
-
return {
|
|
26646
|
-
bodyStyle: {
|
|
26647
|
-
flex: "1 1 auto",
|
|
26648
|
-
"flex-flow": "column",
|
|
26649
|
-
display: "flex"
|
|
26650
|
-
},
|
|
26651
|
-
allCellTypes: [],
|
|
26652
|
-
cellTypes: [],
|
|
26653
|
-
filterOptions: [],
|
|
26654
|
-
activeFilters: [],
|
|
26655
|
-
searchInput: "",
|
|
26656
|
-
numberPerPage: 10,
|
|
26657
|
-
page: 1,
|
|
26658
|
-
start: 0,
|
|
26659
|
-
totalFilteredCount: 0,
|
|
26660
|
-
loadingCards: !1,
|
|
26661
|
-
activeCardId: null,
|
|
26662
|
-
cascaderIsReady: !1,
|
|
26663
|
-
geneBaseToDisplay: {},
|
|
26664
|
-
geneDisplayToBase: {}
|
|
26665
|
-
};
|
|
26666
|
-
},
|
|
26667
|
-
computed: { filterEntry: function() {
|
|
26668
|
-
return {
|
|
26669
|
-
numberOfHits: this.totalFilteredCount,
|
|
26670
|
-
filterFacets: this.activeFilters,
|
|
26671
|
-
showFilters: !0,
|
|
26672
|
-
options: this.filterOptions,
|
|
26673
|
-
helper: {
|
|
26674
|
-
within: "'mouse' OR 'human'",
|
|
26675
|
-
between: "'species' AND 'soma location'"
|
|
26676
|
-
}
|
|
26677
|
-
};
|
|
26678
|
-
} },
|
|
26679
|
-
watch: { activeSpecies: {
|
|
26680
|
-
deep: !0,
|
|
26681
|
-
immediate: !0,
|
|
26682
|
-
handler: "syncActiveSpeciesFilters"
|
|
26683
|
-
} },
|
|
26684
|
-
mounted: function() {
|
|
26685
|
-
this.fetchCellTypes(this.envVars.CELL_CARDS_API);
|
|
26686
|
-
},
|
|
26687
|
-
methods: {
|
|
26688
|
-
syncCascaderFromActiveFilters: function() {
|
|
26689
|
-
if (!(!this.cascaderIsReady || !this.$refs.filtersRef)) {
|
|
26690
|
-
if (this.activeFilters.length) {
|
|
26691
|
-
this.$refs.filtersRef.setCascader(this.activeFilters);
|
|
26692
|
-
return;
|
|
26693
|
-
}
|
|
26694
|
-
this.$refs.filtersRef.checkShowAllBoxes();
|
|
26695
|
-
}
|
|
26696
|
-
},
|
|
26697
|
-
syncActiveSpeciesFilters: function() {
|
|
26698
|
-
this.page = 1, this.start = 0;
|
|
26699
|
-
let e = this.getValidatedActiveSpecies(), t = this.activeFilters.filter((e) => e?.term?.toLowerCase() !== "species"), n = e.map((e) => ({
|
|
26700
|
-
facetPropPath: "species",
|
|
26701
|
-
facet: PU(e),
|
|
26702
|
-
term: "Species",
|
|
26703
|
-
tagLabel: PU(e)
|
|
26704
|
-
}));
|
|
26705
|
-
this.activeFilters = [...t, ...n], this.syncCascaderFromActiveFilters(), this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions);
|
|
26706
|
-
},
|
|
26707
|
-
getCellCardsData: async function(e) {
|
|
26708
|
-
return _K || (vK ||= fetch(e).then((e) => {
|
|
26709
|
-
if (!e.ok) throw Error(`HTTP error! status: ${e.status}`);
|
|
26710
|
-
return e.json();
|
|
26711
|
-
}).then((e) => (_K = e, e)).finally(() => {
|
|
26712
|
-
vK = null;
|
|
26713
|
-
}), vK);
|
|
26714
|
-
},
|
|
26715
|
-
fetchCellTypes: async function(e) {
|
|
26716
|
-
if (e) {
|
|
26717
|
-
this.loadingCards = !0;
|
|
26718
|
-
try {
|
|
26719
|
-
let t = await this.getCellCardsData(e);
|
|
26720
|
-
if (t.DEFAULT_CELL_TYPES) {
|
|
26721
|
-
let e = t.DEFAULT_CELL_TYPES.map((e) => ({
|
|
26722
|
-
...e,
|
|
26723
|
-
id: NU()
|
|
26724
|
-
}));
|
|
26725
|
-
this.setGeneMappings(t.DEFAULT_GENES), this.allCellTypes = e, this.filterOptions = this.buildFilterOptions(e), this.emitSomaLocations(this.filterOptions), this.syncActiveSpeciesFilters();
|
|
26726
|
-
}
|
|
26727
|
-
} catch (e) {
|
|
26728
|
-
console.error("Error fetching cell types:", e);
|
|
26729
|
-
} finally {
|
|
26730
|
-
this.loadingCards = !1;
|
|
26731
|
-
}
|
|
26732
|
-
}
|
|
26733
|
-
},
|
|
26734
|
-
activateCard: function(e) {
|
|
26735
|
-
this.activeCardId = this.activeCardId === e ? null : e;
|
|
26736
|
-
},
|
|
26737
|
-
openCard: function(e) {
|
|
26738
|
-
this.activeCardId = e;
|
|
26739
|
-
},
|
|
26740
|
-
closeCard: function() {
|
|
26741
|
-
this.activeCardId = null;
|
|
26742
|
-
},
|
|
26743
|
-
openSearch: function(e, t) {
|
|
26744
|
-
this.page = 1, this.start = 0, this.searchInput = String(t || "").trim();
|
|
26745
|
-
let n = e.map((e) => ({
|
|
26746
|
-
facetPropPath: "somaLocations",
|
|
26747
|
-
facet: PU(e.facet || ""),
|
|
26748
|
-
term: e.term || "",
|
|
26749
|
-
tagLabel: PU(e.facet || "")
|
|
26750
|
-
})), r = this.getValidatedActiveSpecies().map((e) => ({
|
|
26751
|
-
facetPropPath: "species",
|
|
26752
|
-
facet: PU(e),
|
|
26753
|
-
term: "Species",
|
|
26754
|
-
tagLabel: PU(e)
|
|
26755
|
-
}));
|
|
26756
|
-
this.activeFilters = [...n, ...r], this.syncCascaderFromActiveFilters(), this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions), this.searchHistoryUpdate(this.activeFilters, this.searchInput), this.$nextTick(() => this.scrollToTop());
|
|
26757
|
-
},
|
|
26758
|
-
clearSearchClicked: function() {
|
|
26759
|
-
this.searchInput = "", this.searchAndFilterUpdate();
|
|
26760
|
-
},
|
|
26761
|
-
searchEvent: function(e = !1) {
|
|
26762
|
-
(e.keyCode === 13 || e instanceof MouseEvent) && (this.searchInput = this.searchInput.trim(), this.searchAndFilterUpdate());
|
|
26763
|
-
},
|
|
26764
|
-
onResetClick: function() {
|
|
26765
|
-
this.searchInput = "", this.activeFilters = [], this.page = 1, this.start = 0, this.$refs.filtersRef?.checkShowAllBoxes(), this.$refs.searchHistory && (this.$refs.searchHistory.selectValue = "Search history"), this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions), vz.emit("trackEvent", {
|
|
26766
|
-
event_name: "portal_maps_action_filter",
|
|
26767
|
-
category: "reset",
|
|
26768
|
-
location: "map_sidebar_cell_card_explorer"
|
|
26769
|
-
});
|
|
26770
|
-
},
|
|
26771
|
-
searchAndFilterUpdate: function() {
|
|
26772
|
-
this.page = 1, this.start = 0, this.applyFilters(this.activeFilters), this.emitSomaLocations(this.filterOptions), this.searchHistoryUpdate(this.activeFilters, this.searchInput);
|
|
26773
|
-
},
|
|
26774
|
-
filterUpdate: function(e) {
|
|
26775
|
-
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;
|
|
26776
|
-
},
|
|
26777
|
-
numberPerPageUpdate: function(e) {
|
|
26778
|
-
this.numberPerPage = parseInt(e, 10) || 10, vz.emit("trackEvent", {
|
|
26779
|
-
event_name: "portal_maps_cell_card_perPage",
|
|
26780
|
-
category: e + "",
|
|
26781
|
-
location: "map_sidebar_cell_card_explorer"
|
|
26782
|
-
});
|
|
26783
|
-
let t = this.page === 1;
|
|
26784
|
-
this.pageChange(1, t);
|
|
26785
|
-
},
|
|
26786
|
-
pageChange: function(e, t = !1) {
|
|
26787
|
-
this.page = e, this.start = (e - 1) * this.numberPerPage, this.applyFilters(this.activeFilters), this.scrollToTop(), t || vz.emit("trackEvent", {
|
|
26788
|
-
event_name: "portal_maps_cell_card_pagination",
|
|
26789
|
-
category: `page_${this.page}`,
|
|
26790
|
-
location: "map_sidebar_cell_card_explorer"
|
|
26791
|
-
});
|
|
26792
|
-
},
|
|
26793
|
-
scrollToTop: function() {
|
|
26794
|
-
this.$refs.content && this.$refs.content.scroll({
|
|
26795
|
-
top: 0,
|
|
26796
|
-
behavior: "smooth"
|
|
26797
|
-
});
|
|
26798
|
-
},
|
|
26799
|
-
filtersLoading: function() {},
|
|
26800
|
-
searchHistoryUpdate: function(e, t) {
|
|
26801
|
-
this.$refs.searchHistory && (this.$refs.searchHistory.selectValue = "Search history", (e.length || t?.trim()) && this.$refs.searchHistory.addSearchToHistory(e, t));
|
|
26802
|
-
},
|
|
26803
|
-
searchHistorySearch: function(e) {
|
|
26804
|
-
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);
|
|
26805
|
-
},
|
|
26806
|
-
cascaderReady: function() {
|
|
26807
|
-
this.cascaderIsReady = !0, this.syncCascaderFromActiveFilters();
|
|
26808
|
-
},
|
|
26809
|
-
normalizeFacetValue: function(e) {
|
|
26810
|
-
return String(e || "").trim().toLowerCase();
|
|
26811
|
-
},
|
|
26812
|
-
getSelectedSomaLocationFilters: function() {
|
|
26813
|
-
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);
|
|
26814
|
-
},
|
|
26815
|
-
getAvailableSpeciesSet: function() {
|
|
26816
|
-
let e = /* @__PURE__ */ new Set();
|
|
26817
|
-
return this.allCellTypes.forEach((t) => {
|
|
26818
|
-
let n = this.normalizeFacetValue(t?.species);
|
|
26819
|
-
n && e.add(n);
|
|
26820
|
-
}), e;
|
|
26821
|
-
},
|
|
26822
|
-
getValidatedActiveSpecies: function() {
|
|
26823
|
-
let e = this.getAvailableSpeciesSet(), t = this.activeSpecies.map((e) => this.normalizeActiveSpeciesFilterTerm(e)).filter(Boolean);
|
|
26824
|
-
return [...new Set(t)].filter((t) => e.has(t));
|
|
26825
|
-
},
|
|
26826
|
-
getCellTypesForActiveSpecies: function() {
|
|
26827
|
-
let e = this.getValidatedActiveSpecies();
|
|
26828
|
-
if (!e.length) return this.allCellTypes;
|
|
26829
|
-
let t = new Set(e);
|
|
26830
|
-
return this.allCellTypes.filter((e) => {
|
|
26831
|
-
let n = this.normalizeActiveSpeciesFilterTerm(e?.species);
|
|
26832
|
-
return t.has(n);
|
|
26833
|
-
});
|
|
26834
|
-
},
|
|
26835
|
-
normalizeActiveSpeciesFilterTerm: function(e) {
|
|
26836
|
-
let t = this.normalizeFacetValue(e);
|
|
26837
|
-
return t === "human male" || t === "human female" ? "human" : t;
|
|
26838
|
-
},
|
|
26839
|
-
setGeneMappings: function(e) {
|
|
26840
|
-
let t = {}, n = {};
|
|
26841
|
-
(Array.isArray(e) ? e : []).forEach((e) => {
|
|
26842
|
-
let r = this.normalizeFacetValue(e?.base), i = String(e?.display || "").trim(), a = this.normalizeFacetValue(i);
|
|
26843
|
-
if (r) {
|
|
26844
|
-
if (i) {
|
|
26845
|
-
t[r] = i, n[a] = r;
|
|
26846
|
-
return;
|
|
26847
|
-
}
|
|
26848
|
-
t[r] = r;
|
|
26849
|
-
}
|
|
26850
|
-
}), this.geneBaseToDisplay = t, this.geneDisplayToBase = n;
|
|
26851
|
-
},
|
|
26852
|
-
normalizeSearchTerms: function(e) {
|
|
26853
|
-
return String(e || "").split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
|
|
26854
|
-
},
|
|
26855
|
-
getCellTypeSearchText: function(e) {
|
|
26856
|
-
let t = (e.relatedCells || []).map((e) => e.label).filter(Boolean).join(" ");
|
|
26857
|
-
return [
|
|
26858
|
-
e.preferredLabel,
|
|
26859
|
-
e.entity,
|
|
26860
|
-
e.species,
|
|
26861
|
-
(e.somaLocations || []).join(" "),
|
|
26862
|
-
e.circuitRole,
|
|
26863
|
-
e.creLine,
|
|
26864
|
-
e.geneExpressionString,
|
|
26865
|
-
e.fiberTypeString,
|
|
26866
|
-
e.physiologyString,
|
|
26867
|
-
e.sourceNomenclatureLabel,
|
|
26868
|
-
t
|
|
26869
|
-
].filter(Boolean).join(" ").toLowerCase();
|
|
26870
|
-
},
|
|
26871
|
-
matchSearchQuery: function(e, t) {
|
|
26872
|
-
if (!t.length) return !0;
|
|
26873
|
-
let n = this.getCellTypeSearchText(e);
|
|
26874
|
-
return t.some((e) => n.includes(e));
|
|
26875
|
-
},
|
|
26876
|
-
buildFacetChildren: function(e, t) {
|
|
26877
|
-
let n = /* @__PURE__ */ new Set();
|
|
26878
|
-
return e.forEach((e) => {
|
|
26879
|
-
let r = e[t];
|
|
26880
|
-
if (Array.isArray(r)) {
|
|
26881
|
-
r.forEach((e) => {
|
|
26882
|
-
let t = String(e || "").trim();
|
|
26883
|
-
t && n.add(t);
|
|
26884
|
-
});
|
|
26885
|
-
return;
|
|
26886
|
-
}
|
|
26887
|
-
let i = String(r || "").trim();
|
|
26888
|
-
i && n.add(i);
|
|
26889
|
-
}), [...n].sort((e, t) => e.localeCompare(t, void 0, { sensitivity: "base" })).map((e) => ({ label: e }));
|
|
26890
|
-
},
|
|
26891
|
-
buildFilterOptions: function(e) {
|
|
26892
|
-
return [
|
|
26893
|
-
{
|
|
26894
|
-
key: "species",
|
|
26895
|
-
label: "Species",
|
|
26896
|
-
children: this.buildFacetChildren(e, "species")
|
|
26897
|
-
},
|
|
26898
|
-
{
|
|
26899
|
-
key: "somaLocations",
|
|
26900
|
-
label: "Soma location",
|
|
26901
|
-
children: this.buildFacetChildren(e, "somaLocations")
|
|
26902
|
-
},
|
|
26903
|
-
{
|
|
26904
|
-
key: "geneBaseNames",
|
|
26905
|
-
label: "Gene",
|
|
26906
|
-
children: this.buildGeneFacetChildren(e)
|
|
26907
|
-
},
|
|
26908
|
-
{
|
|
26909
|
-
key: "sourceNomenclatureLabel",
|
|
26910
|
-
label: "Source",
|
|
26911
|
-
children: this.buildFacetChildren(e, "sourceNomenclatureLabel")
|
|
26912
|
-
},
|
|
26913
|
-
{
|
|
26914
|
-
key: "notes",
|
|
26915
|
-
label: "Notes",
|
|
26916
|
-
children: [{ label: "with notes" }, { label: "without notes" }]
|
|
26917
|
-
}
|
|
26918
|
-
].filter((e) => e.children.length > 0);
|
|
26919
|
-
},
|
|
26920
|
-
emitSomaLocations: function(e) {
|
|
26921
|
-
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) => {
|
|
26922
|
-
let n = String(t || "").trim().toLowerCase();
|
|
26923
|
-
n && e.set(n, (e.get(n) || 0) + 1);
|
|
26924
|
-
}), e), /* @__PURE__ */ new Map()), c = (t?.children || []).map((e) => String(e?.label || "").trim()).filter(Boolean).filter((e) => !a || o.has(e.toLowerCase())).map((e) => ({
|
|
26925
|
-
label: e,
|
|
26926
|
-
curie: Object.keys(r).find((t) => String(r[t] || "").toLowerCase() === e.toLowerCase()) || "",
|
|
26927
|
-
count: s.get(e.toLowerCase()) || 0
|
|
26928
|
-
})), l = [...new Map(c.map((e) => [e.label.toLowerCase(), e])).values()];
|
|
26929
|
-
this.$emit("soma-locations-ready", l);
|
|
26930
|
-
},
|
|
26931
|
-
buildGeneFacetChildren: function(e) {
|
|
26932
|
-
let t = /* @__PURE__ */ new Set();
|
|
26933
|
-
return e.forEach((e) => {
|
|
26934
|
-
(e.geneBaseNames || []).forEach((e) => {
|
|
26935
|
-
let n = this.normalizeFacetValue(e);
|
|
26936
|
-
n && t.add(n);
|
|
26937
|
-
});
|
|
26938
|
-
}), [...t].sort((e, t) => e.localeCompare(t, void 0, { sensitivity: "base" })).map((e) => ({ label: this.geneBaseToDisplay[e] || e }));
|
|
26939
|
-
},
|
|
26940
|
-
matchFieldFilter: function(e, t) {
|
|
26941
|
-
let n = this.normalizeFacetValue(t.facet), r = this.normalizeFacetValue(t.term);
|
|
26942
|
-
if (!n || n === "show all") return !0;
|
|
26943
|
-
if (r === "species") return this.normalizeFacetValue(e.species) === n;
|
|
26944
|
-
if (r === "soma location") return (e.somaLocations || []).some((e) => this.normalizeFacetValue(e) === n);
|
|
26945
|
-
if (r === "gene") {
|
|
26946
|
-
let t = this.geneDisplayToBase[n] || n;
|
|
26947
|
-
return (e.geneBaseNames || []).some((e) => this.normalizeFacetValue(e) === t);
|
|
26948
|
-
}
|
|
26949
|
-
if (r === "circuit role") return this.normalizeFacetValue(e.circuitRole) === n;
|
|
26950
|
-
if (r === "source") return this.normalizeFacetValue(e.sourceNomenclatureLabel) === n;
|
|
26951
|
-
if (r === "notes") {
|
|
26952
|
-
let t = e.alertNotes?.length > 0 || e.curatorNotes?.length > 0;
|
|
26953
|
-
return n === "with notes" ? t : n === "without notes" && !t;
|
|
26954
|
-
}
|
|
26955
|
-
return !1;
|
|
26956
|
-
},
|
|
26957
|
-
getFilteredCellTypes: function(e = this.activeFilters, t = this.searchInput) {
|
|
26958
|
-
let n = this.normalizeSearchTerms(t), r = (e || []).filter((e) => e?.term && e?.facet && this.normalizeFacetValue(e.facet) !== "show all").reduce((e, t) => {
|
|
26959
|
-
let n = this.normalizeFacetValue(t.term);
|
|
26960
|
-
return e[n] || (e[n] = []), e[n].push(t), e;
|
|
26961
|
-
}, {}), i = Object.values(r);
|
|
26962
|
-
return this.allCellTypes.filter((e) => i.every((t) => t.some((t) => this.matchFieldFilter(e, t)))).filter((e) => this.matchSearchQuery(e, n));
|
|
26963
|
-
},
|
|
26964
|
-
applyFilters: function(e) {
|
|
26965
|
-
let t = this.getFilteredCellTypes(e, this.searchInput);
|
|
26966
|
-
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", {
|
|
26967
|
-
query: this.searchInput,
|
|
26968
|
-
filter: e,
|
|
26969
|
-
tabType: "cellType"
|
|
26970
|
-
});
|
|
26971
|
-
},
|
|
26972
|
-
onRelatedCellClick: function(e) {
|
|
26973
|
-
let t = e.species, n = e.label, r = this.normalizeActiveSpeciesFilterTerm(t);
|
|
26974
|
-
!this.activeFilters.some(function(e) {
|
|
26975
|
-
return this.normalizeFacetValue(e.term) === "species" && this.normalizeFacetValue(e.facet) === this.normalizeFacetValue(r);
|
|
26976
|
-
}, this) && r && this.activeFilters.push({
|
|
26977
|
-
facetPropPath: "species",
|
|
26978
|
-
facet: PU(r),
|
|
26979
|
-
term: "Species",
|
|
26980
|
-
tagLabel: PU(r)
|
|
26981
|
-
}), this.searchInput = "", this.page = 1, this.start = 0, this.applyFilters(this.activeFilters), this.syncCascaderFromActiveFilters(), this.emitSomaLocations(this.filterOptions);
|
|
26982
|
-
let i = this.allCellTypes.find(function(e) {
|
|
26983
|
-
return (e.preferredLabel || "").toLowerCase() === (n || "").toLowerCase();
|
|
26984
|
-
});
|
|
26985
|
-
i && (this.activeCardId = i.id), this.$nextTick(function() {
|
|
26986
|
-
this.scrollToTop();
|
|
26987
|
-
});
|
|
26988
|
-
},
|
|
26989
|
-
showSomaLocation: function(e) {
|
|
26990
|
-
this.$emit("soma-location-hovered", e);
|
|
26991
|
-
},
|
|
26992
|
-
onDatasetSearch: function(e) {
|
|
26993
|
-
this.$emit("dataset-search", e);
|
|
26994
|
-
},
|
|
26995
|
-
onConnectivitySearch: function(e) {
|
|
26996
|
-
this.$emit("connectivity-search", e);
|
|
26997
|
-
},
|
|
26998
|
-
getSearch: function() {
|
|
26999
|
-
return this.searchInput;
|
|
27000
|
-
},
|
|
27001
|
-
getFilters: function() {
|
|
27002
|
-
return this.activeFilters.some((e) => e.facet.toLowerCase() !== "show all") ? this.activeFilters : [];
|
|
27003
|
-
}
|
|
27004
|
-
}
|
|
27005
|
-
}, bK = { class: "header" }, xK = {
|
|
27006
|
-
class: "content scrollbar",
|
|
27007
|
-
ref: "content"
|
|
27008
|
-
};
|
|
27009
|
-
function SK(e, n, r, i, a, o) {
|
|
27010
|
-
let s = Oh, l = H("MapSvgIcon"), f = kx, h = Rg, g = _G, _ = ZU, v = gK, y = wx, b = C_, x = Bx;
|
|
27011
|
-
return L(), c(b, {
|
|
27012
|
-
"body-style": e.bodyStyle,
|
|
27013
|
-
class: "content-card"
|
|
27014
|
-
}, {
|
|
27015
|
-
header: K(() => [d("div", bK, [
|
|
27016
|
-
d("div", { class: D(["search-input-container", { "is-focus": e.searchInput }]) }, [m(s, {
|
|
27017
|
-
class: "search-input",
|
|
27018
|
-
placeholder: "Search",
|
|
27019
|
-
modelValue: e.searchInput,
|
|
27020
|
-
"onUpdate:modelValue": n[0] ||= (t) => e.searchInput = t,
|
|
27021
|
-
onKeyup: o.searchEvent,
|
|
27022
|
-
clearable: "",
|
|
27023
|
-
onClear: o.clearSearchClicked
|
|
27024
|
-
}, null, 8, [
|
|
27025
|
-
"modelValue",
|
|
27026
|
-
"onKeyup",
|
|
27027
|
-
"onClear"
|
|
27028
|
-
]), m(f, {
|
|
27029
|
-
width: "350",
|
|
27030
|
-
trigger: "hover",
|
|
27031
|
-
"popper-class": "filter-help-popover"
|
|
27032
|
-
}, {
|
|
27033
|
-
reference: K(() => [m(l, {
|
|
27034
|
-
icon: "help",
|
|
27035
|
-
class: "help"
|
|
27036
|
-
})]),
|
|
27037
|
-
default: K(() => [n[2] ||= d("div", null, [
|
|
27038
|
-
d("strong", null, "Search rules:"),
|
|
27039
|
-
d("ul", null, [d("li", null, [
|
|
27040
|
-
d("strong", null, "Multiple Terms:"),
|
|
27041
|
-
p(" Separate terms with a comma ( "),
|
|
27042
|
-
d("code", null, ","),
|
|
27043
|
-
p(" ). This will find cell cards that match any of the terms (an \"OR\" search). ")
|
|
27044
|
-
]), d("li", null, [d("strong", null, "Exact Phrase:"), p(" Terms within a comma block will be matched as an exact phrase. ")])]),
|
|
27045
|
-
d("br"),
|
|
27046
|
-
d("strong", null, "Examples:"),
|
|
27047
|
-
d("ul", null, [d("li", null, [
|
|
27048
|
-
d("strong", null, "To find by exact phrase:"),
|
|
27049
|
-
p(" Searching for "),
|
|
27050
|
-
d("code", null, "soma location"),
|
|
27051
|
-
p(" will find any card containing "),
|
|
27052
|
-
d("code", null, "\"soma location\""),
|
|
27053
|
-
p(" . ")
|
|
27054
|
-
]), d("li", null, [
|
|
27055
|
-
d("strong", null, "To find by multiple terms:"),
|
|
27056
|
-
p(" Searching for "),
|
|
27057
|
-
d("code", null, "mouse, vagal"),
|
|
27058
|
-
p(" will find cards that contain either "),
|
|
27059
|
-
d("code", null, "mouse"),
|
|
27060
|
-
p(" OR "),
|
|
27061
|
-
d("code", null, "vagal"),
|
|
27062
|
-
p(" . ")
|
|
27063
|
-
])])
|
|
27064
|
-
], -1)]),
|
|
27065
|
-
_: 1
|
|
27066
|
-
})], 2),
|
|
27067
|
-
m(h, {
|
|
27068
|
-
type: "primary",
|
|
27069
|
-
class: "button",
|
|
27070
|
-
onClick: o.searchEvent,
|
|
27071
|
-
size: "large"
|
|
27072
|
-
}, {
|
|
27073
|
-
default: K(() => [...n[3] ||= [p(" Search ", -1)]]),
|
|
27074
|
-
_: 1
|
|
27075
|
-
}, 8, ["onClick"]),
|
|
27076
|
-
m(h, {
|
|
27077
|
-
link: "",
|
|
27078
|
-
class: "el-button-link",
|
|
27079
|
-
onClick: o.onResetClick,
|
|
27080
|
-
size: "large"
|
|
27081
|
-
}, {
|
|
27082
|
-
default: K(() => [...n[4] ||= [p("Reset", -1)]]),
|
|
27083
|
-
_: 1
|
|
27084
|
-
}, 8, ["onClick"])
|
|
27085
|
-
])]),
|
|
27086
|
-
default: K(() => [
|
|
27087
|
-
m(g, {
|
|
27088
|
-
class: "filters",
|
|
27089
|
-
ref: "filtersRef",
|
|
27090
|
-
entry: o.filterEntry,
|
|
27091
|
-
envVars: r.envVars,
|
|
27092
|
-
onFilterResults: o.filterUpdate,
|
|
27093
|
-
onNumberPerPage: o.numberPerPageUpdate,
|
|
27094
|
-
onLoading: o.filtersLoading,
|
|
27095
|
-
onCascaderReady: o.cascaderReady
|
|
27096
|
-
}, null, 8, [
|
|
27097
|
-
"entry",
|
|
27098
|
-
"envVars",
|
|
27099
|
-
"onFilterResults",
|
|
27100
|
-
"onNumberPerPage",
|
|
27101
|
-
"onLoading",
|
|
27102
|
-
"onCascaderReady"
|
|
27103
|
-
]),
|
|
27104
|
-
m(_, {
|
|
27105
|
-
ref: "searchHistory",
|
|
27106
|
-
localStorageKey: "sparc.science-cell-card-search-history",
|
|
27107
|
-
onSearch: o.searchHistorySearch
|
|
27108
|
-
}, null, 8, ["onSearch"]),
|
|
27109
|
-
Ce((L(), u("div", xK, [(L(!0), u(t, null, ie(e.cellTypes, (t) => (L(), c(v, {
|
|
27110
|
-
key: t.id,
|
|
27111
|
-
cellType: t,
|
|
27112
|
-
isActive: e.activeCardId === t.id,
|
|
27113
|
-
onOpen: (e) => o.openCard(t.id),
|
|
27114
|
-
onClose: o.closeCard,
|
|
27115
|
-
onDatasetSearch: o.onDatasetSearch,
|
|
27116
|
-
onConnectivitySearch: o.onConnectivitySearch,
|
|
27117
|
-
onSomaLocationHovered: o.showSomaLocation,
|
|
27118
|
-
onRelatedCellClick: o.onRelatedCellClick
|
|
27119
|
-
}, null, 8, [
|
|
27120
|
-
"cellType",
|
|
27121
|
-
"isActive",
|
|
27122
|
-
"onOpen",
|
|
27123
|
-
"onClose",
|
|
27124
|
-
"onDatasetSearch",
|
|
27125
|
-
"onConnectivitySearch",
|
|
27126
|
-
"onSomaLocationHovered",
|
|
27127
|
-
"onRelatedCellClick"
|
|
27128
|
-
]))), 128)), m(y, {
|
|
27129
|
-
class: "pagination",
|
|
27130
|
-
"current-page": e.page,
|
|
27131
|
-
"onUpdate:currentPage": n[1] ||= (t) => e.page = t,
|
|
27132
|
-
"hide-on-single-page": "",
|
|
27133
|
-
large: "",
|
|
27134
|
-
layout: "prev, pager, next",
|
|
27135
|
-
"page-size": e.numberPerPage,
|
|
27136
|
-
total: e.totalFilteredCount,
|
|
27137
|
-
onCurrentChange: o.pageChange
|
|
27138
|
-
}, null, 8, [
|
|
27139
|
-
"current-page",
|
|
27140
|
-
"page-size",
|
|
27141
|
-
"total",
|
|
27142
|
-
"onCurrentChange"
|
|
27143
|
-
])])), [[x, e.loadingCards]])
|
|
27144
|
-
]),
|
|
27145
|
-
_: 1
|
|
27146
|
-
}, 8, ["body-style"]);
|
|
27147
|
-
}
|
|
27148
|
-
var CK = /*#__PURE__*/ uS(yK, [["render", SK], ["__scopeId", "data-v-47788c18"]]), wK = {
|
|
26280
|
+
var CG = /*#__PURE__*/ uS(vG, [["render", SG], ["__scopeId", "data-v-96a11064"]]), wG = {
|
|
27149
26281
|
name: "ContributorItem",
|
|
27150
26282
|
props: { contributor: {
|
|
27151
26283
|
type: Object,
|
|
@@ -27159,22 +26291,22 @@ var CK = /*#__PURE__*/ uS(yK, [["render", SK], ["__scopeId", "data-v-47788c18"]]
|
|
|
27159
26291
|
return this.contributor.url.indexOf("RRID:") > -1 ? "RRID:" + this.contributor.url.split("RRID:")[1] : "";
|
|
27160
26292
|
}
|
|
27161
26293
|
}
|
|
27162
|
-
},
|
|
26294
|
+
}, TG = { class: "contributor-item" }, EG = { class: "popover-content" }, DG = { class: "popover-name" }, OG = {
|
|
27163
26295
|
key: 0,
|
|
27164
26296
|
class: "popover-url"
|
|
27165
|
-
},
|
|
26297
|
+
}, kG = ["href"], AG = {
|
|
27166
26298
|
key: 1,
|
|
27167
26299
|
class: "popover-url"
|
|
27168
|
-
},
|
|
26300
|
+
}, jG = ["href"], MG = {
|
|
27169
26301
|
key: 2,
|
|
27170
26302
|
class: "popover-organization"
|
|
27171
|
-
},
|
|
26303
|
+
}, NG = {
|
|
27172
26304
|
key: 3,
|
|
27173
26305
|
class: "popover-role"
|
|
27174
26306
|
};
|
|
27175
|
-
function
|
|
26307
|
+
function PG(e, t, n, r, i, a) {
|
|
27176
26308
|
let o = kx;
|
|
27177
|
-
return L(), u("div",
|
|
26309
|
+
return L(), u("div", TG, [m(o, {
|
|
27178
26310
|
placement: "top-start",
|
|
27179
26311
|
width: "320",
|
|
27180
26312
|
trigger: "hover",
|
|
@@ -27182,31 +26314,33 @@ function PK(e, t, n, r, i, a) {
|
|
|
27182
26314
|
teleported: !1
|
|
27183
26315
|
}, {
|
|
27184
26316
|
reference: K(() => [d("span", null, U(n.contributor.name), 1)]),
|
|
27185
|
-
default: K(() => [d("div",
|
|
27186
|
-
d("div",
|
|
27187
|
-
n.contributor.orcidId ? (L(), u("div",
|
|
26317
|
+
default: K(() => [d("div", EG, [
|
|
26318
|
+
d("div", DG, U(n.contributor.name), 1),
|
|
26319
|
+
n.contributor.orcidId ? (L(), u("div", OG, [
|
|
27188
26320
|
t[0] ||= d("strong", null, "ORCID iD", -1),
|
|
27189
26321
|
t[1] ||= p(" : ", -1),
|
|
27190
26322
|
d("a", {
|
|
27191
26323
|
href: n.contributor.url,
|
|
27192
26324
|
target: "_blank"
|
|
27193
|
-
}, U(a.orcidId), 9,
|
|
26325
|
+
}, U(a.orcidId), 9, kG)
|
|
27194
26326
|
])) : l("", !0),
|
|
27195
|
-
a.rrid ? (L(), u("div",
|
|
26327
|
+
a.rrid ? (L(), u("div", AG, [
|
|
27196
26328
|
t[2] ||= d("strong", null, "RRID", -1),
|
|
27197
26329
|
t[3] ||= p(" : ", -1),
|
|
27198
26330
|
d("a", {
|
|
27199
26331
|
href: n.contributor.url,
|
|
27200
26332
|
target: "_blank"
|
|
27201
|
-
}, U(a.rrid), 9,
|
|
26333
|
+
}, U(a.rrid), 9, jG)
|
|
27202
26334
|
])) : l("", !0),
|
|
27203
|
-
n.contributor.organization ? (L(), u("div",
|
|
27204
|
-
n.contributor.role ? (L(), u("div",
|
|
26335
|
+
n.contributor.organization ? (L(), u("div", MG, [t[4] ||= d("strong", null, "Organization", -1), p(" : " + U(n.contributor.organization), 1)])) : l("", !0),
|
|
26336
|
+
n.contributor.role ? (L(), u("div", NG, [t[5] ||= d("strong", null, "Title", -1), p(" : " + U(n.contributor.role), 1)])) : l("", !0)
|
|
27205
26337
|
])]),
|
|
27206
26338
|
_: 1
|
|
27207
26339
|
})]);
|
|
27208
26340
|
}
|
|
27209
|
-
var
|
|
26341
|
+
var FG = /*#__PURE__*/ uS(wG, [["render", PG], ["__scopeId", "data-v-fe8a4738"]]), IG = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.substr(1).toLowerCase()), LG = function(e) {
|
|
26342
|
+
return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
|
|
26343
|
+
}, RG = {
|
|
27210
26344
|
name: "ConnectivityInfo",
|
|
27211
26345
|
components: {
|
|
27212
26346
|
ElIconWarning: qe,
|
|
@@ -27219,7 +26353,7 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27219
26353
|
ConnectivityGraph: Xe,
|
|
27220
26354
|
ConnectivityList: Ze,
|
|
27221
26355
|
ConnectivityReconciliationList: Qe,
|
|
27222
|
-
ContributorItem:
|
|
26356
|
+
ContributorItem: FG
|
|
27223
26357
|
},
|
|
27224
26358
|
props: {
|
|
27225
26359
|
connectivityEntry: {
|
|
@@ -27349,10 +26483,10 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27349
26483
|
},
|
|
27350
26484
|
methods: {
|
|
27351
26485
|
titleCase: function(e) {
|
|
27352
|
-
return
|
|
26486
|
+
return IG(e);
|
|
27353
26487
|
},
|
|
27354
26488
|
capitalise: function(e) {
|
|
27355
|
-
return
|
|
26489
|
+
return LG(e);
|
|
27356
26490
|
},
|
|
27357
26491
|
toggleTitleExpansion: function() {
|
|
27358
26492
|
this.isTitleExpanded = !this.isTitleExpanded, this.isTitleExpanded || this.$nextTick(() => {
|
|
@@ -27434,7 +26568,7 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27434
26568
|
},
|
|
27435
26569
|
getUpdateCopyContent: function(e) {
|
|
27436
26570
|
if (!this.entry) return "";
|
|
27437
|
-
let t = [], n = this.entry?.title || "", r = this.entryData?.["long-label"] || this.entry?.["long-label"] || "", i = this.entry.featureId, a = [], o =
|
|
26571
|
+
let t = [], n = this.entry?.title || "", r = this.entryData?.["long-label"] || this.entry?.["long-label"] || "", i = this.entry.featureId, a = [], o = LG(r || n);
|
|
27438
26572
|
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>`);
|
|
27439
26573
|
let s = !1, c = !1;
|
|
27440
26574
|
function l(e, t, n = []) {
|
|
@@ -27443,7 +26577,7 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27443
26577
|
let t = [];
|
|
27444
26578
|
e.split(",").forEach((e) => {
|
|
27445
26579
|
let r = n.find((t) => t.name === e.trim());
|
|
27446
|
-
r ? t.push(`${
|
|
26580
|
+
r ? t.push(`${LG(e)} (${r.id})`) : t.push(`${LG(e)}`);
|
|
27447
26581
|
}), i.push(t.join(","));
|
|
27448
26582
|
});
|
|
27449
26583
|
let a = i.map((e) => `<li>${e}</li>`).join("\n");
|
|
@@ -27459,12 +26593,12 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27459
26593
|
return typeof t == "string" ? t : t?.[0] || null;
|
|
27460
26594
|
}, a = r.map((e) => {
|
|
27461
26595
|
if (e?.sckanId && e?.mapId && JSON.stringify(e.sckanId) === JSON.stringify(e.mapId)) {
|
|
27462
|
-
let t = i(e.mapId), n =
|
|
26596
|
+
let t = i(e.mapId), n = LG(e.sckanLabel || e.mapLabel || "-");
|
|
27463
26597
|
return t ? `${n} (${t})` : n;
|
|
27464
26598
|
}
|
|
27465
|
-
let t = e?.sckanLabel ?
|
|
26599
|
+
let t = e?.sckanLabel ? LG(e.sckanLabel) : "-", n = i(e.sckanId), r = n ? `${t} (${n})` : t;
|
|
27466
26600
|
if (!e?.mapId?.length || !e?.mapLabel) return s = !0, `<s>${r}</s> (unavailable on <strong>Map</strong>) *`;
|
|
27467
|
-
let a =
|
|
26601
|
+
let a = LG(e.mapLabel), o = i(e.mapId), l = o ? `${a} (${o})` : a;
|
|
27468
26602
|
return c = !0, `<s>${r}</s> (<strong>Map:</strong> ${l}) **`;
|
|
27469
26603
|
}).map((e) => `<li>${e}</li>`).join("\n");
|
|
27470
26604
|
return n += "\n", n += `<ul>${a}</ul>`, n;
|
|
@@ -27650,7 +26784,7 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27650
26784
|
getConnectivityError: function(e) {
|
|
27651
26785
|
let { errorData: t, errorMessage: n } = e;
|
|
27652
26786
|
return {
|
|
27653
|
-
errorConnectivities: t.map((e) =>
|
|
26787
|
+
errorConnectivities: t.map((e) => LG(e.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
|
|
27654
26788
|
errorMessage: n
|
|
27655
26789
|
};
|
|
27656
26790
|
},
|
|
@@ -27698,10 +26832,20 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27698
26832
|
vz.emit("trackEvent", e);
|
|
27699
26833
|
},
|
|
27700
26834
|
showAlertMessage: function() {
|
|
27701
|
-
|
|
26835
|
+
this.$nextTick(() => {
|
|
26836
|
+
let e = this.$refs.alertElement;
|
|
26837
|
+
e && e.scrollIntoView({
|
|
26838
|
+
behavior: "smooth",
|
|
26839
|
+
block: "start",
|
|
26840
|
+
inline: "nearest"
|
|
26841
|
+
});
|
|
26842
|
+
});
|
|
27702
26843
|
},
|
|
27703
26844
|
formatAlertText: function(e) {
|
|
27704
|
-
return
|
|
26845
|
+
return e ? e.replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/(https?:\/\/[^\s"<>[]+)/g, (e) => {
|
|
26846
|
+
let t = e.match(/^(.*?)([\].,;:!?]*)$/), n = t ? t[1] : e;
|
|
26847
|
+
return `<a href="${n}" target="_blank" rel="noopener noreferrer">${n}</a>${t ? t[2] : ""}`;
|
|
26848
|
+
}).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") : "";
|
|
27705
26849
|
}
|
|
27706
26850
|
},
|
|
27707
26851
|
mounted: function() {
|
|
@@ -27710,55 +26854,55 @@ var FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]
|
|
|
27710
26854
|
this.connectivityError = { ...t };
|
|
27711
26855
|
});
|
|
27712
26856
|
}
|
|
27713
|
-
},
|
|
26857
|
+
}, zG = {
|
|
27714
26858
|
key: 0,
|
|
27715
26859
|
class: "main"
|
|
27716
|
-
},
|
|
26860
|
+
}, BG = { class: "connectivity-info-title" }, VG = { class: "title-content" }, HG = {
|
|
27717
26861
|
key: 0,
|
|
27718
26862
|
class: "block"
|
|
27719
|
-
},
|
|
26863
|
+
}, UG = { class: "title-group" }, WG = { class: "subtitle" }, GG = { class: "id-tag" }, KG = {
|
|
27720
26864
|
key: 0,
|
|
27721
26865
|
class: "subtitle"
|
|
27722
|
-
},
|
|
26866
|
+
}, qG = {
|
|
27723
26867
|
key: 1,
|
|
27724
26868
|
class: "block"
|
|
27725
|
-
},
|
|
26869
|
+
}, JG = { class: "title" }, YG = { class: "title-buttons" }, XG = { class: "block attribute-title-container" }, ZG = {
|
|
27726
26870
|
key: 0,
|
|
27727
26871
|
style: { "word-break": "keep-all" }
|
|
27728
|
-
},
|
|
26872
|
+
}, QG = {
|
|
27729
26873
|
key: 1,
|
|
27730
26874
|
style: { "word-break": "keep-all" }
|
|
27731
|
-
},
|
|
26875
|
+
}, $G = {
|
|
27732
26876
|
key: 2,
|
|
27733
26877
|
class: "connectivity-legends"
|
|
27734
|
-
},
|
|
26878
|
+
}, eK = { class: "block buttons-row" }, tK = {
|
|
27735
26879
|
key: 0,
|
|
27736
26880
|
class: "population-details-source"
|
|
27737
|
-
},
|
|
26881
|
+
}, nK = {
|
|
27738
26882
|
key: 0,
|
|
27739
26883
|
class: "block"
|
|
27740
|
-
},
|
|
26884
|
+
}, rK = ["origin-item-label"], iK = ["origin-item-label", "onMouseenter"], aK = { class: "content-container content-container-connectivity" }, oK = { class: "content-container content-container-connectivity" }, sK = {
|
|
27741
26885
|
key: 1,
|
|
27742
26886
|
class: "content-container content-container-references"
|
|
27743
|
-
},
|
|
26887
|
+
}, cK = {
|
|
27744
26888
|
key: 2,
|
|
27745
26889
|
ref: "alertElement",
|
|
27746
26890
|
class: "content-container content-container-alert"
|
|
27747
|
-
},
|
|
26891
|
+
}, lK = { class: "block" }, uK = ["innerHTML"], dK = {
|
|
27748
26892
|
key: 3,
|
|
27749
26893
|
class: "content-container"
|
|
27750
|
-
},
|
|
26894
|
+
}, fK = { class: "block consultant-block" }, pK = {
|
|
27751
26895
|
key: 1,
|
|
27752
26896
|
class: "consultant-loading"
|
|
27753
|
-
},
|
|
26897
|
+
}, mK = {
|
|
27754
26898
|
key: 2,
|
|
27755
26899
|
class: "consultant-error"
|
|
27756
|
-
},
|
|
27757
|
-
function
|
|
27758
|
-
let s = ke, f = Ee, h = zp, g = Ke, _ = Rg, v = Ve, y = kx, b = H("CopyToClipboard"), x = Pe, S = qe, C = Jv, w = Yv, T = Ue, E = H("connectivity-reconciliation-list"), O = H("connectivity-list"), k = H("connectivity-graph"), A = H("ExternalResourceCard"), j =
|
|
27759
|
-
return o.entry ? (L(), u("div",
|
|
27760
|
-
d("div",
|
|
27761
|
-
d("div",
|
|
26900
|
+
}, hK = { key: 0 }, gK = { key: 1 }, _K = ["onClick"];
|
|
26901
|
+
function vK(e, n, r, i, a, o) {
|
|
26902
|
+
let s = ke, f = Ee, h = zp, g = Ke, _ = Rg, v = Ve, y = kx, b = H("CopyToClipboard"), x = Pe, S = qe, C = Jv, w = Yv, T = Ue, E = H("connectivity-reconciliation-list"), O = H("connectivity-list"), k = H("connectivity-graph"), A = H("ExternalResourceCard"), j = FG, M = Bx;
|
|
26903
|
+
return o.entry ? (L(), u("div", zG, [
|
|
26904
|
+
d("div", BG, [d("div", VG, [o.entry.title ? (L(), u("div", HG, [
|
|
26905
|
+
d("div", UG, [d("div", {
|
|
27762
26906
|
ref: "titleElement",
|
|
27763
26907
|
class: D(["title", { "title--clamped": !e.isTitleExpanded }]),
|
|
27764
26908
|
onClick: n[0] ||= (...e) => o.toggleTitleExpansion && o.toggleTitleExpansion(...e)
|
|
@@ -27771,7 +26915,7 @@ function _q(e, n, r, i, a, o) {
|
|
|
27771
26915
|
default: K(() => [e.isTitleExpanded ? (L(), c(s, { key: 0 })) : (L(), c(f, { key: 1 }))]),
|
|
27772
26916
|
_: 1
|
|
27773
26917
|
})])) : l("", !0)]),
|
|
27774
|
-
d("div",
|
|
26918
|
+
d("div", WG, [d("span", GG, U(o.entry.featureId[0]), 1), o.entry.featuresAlert?.length ? (L(), c(_, {
|
|
27775
26919
|
key: 0,
|
|
27776
26920
|
round: "",
|
|
27777
26921
|
size: "small",
|
|
@@ -27784,8 +26928,8 @@ function _q(e, n, r, i, a, o) {
|
|
|
27784
26928
|
}), n[6] ||= p(" Notes ", -1)]),
|
|
27785
26929
|
_: 1
|
|
27786
26930
|
}, 8, ["onClick"])) : l("", !0)]),
|
|
27787
|
-
o.hasProvenanceTaxonomyLabel ? (L(), u("div",
|
|
27788
|
-
])) : (L(), u("div",
|
|
26931
|
+
o.hasProvenanceTaxonomyLabel ? (L(), u("div", KG, U(o.provSpeciesDescription), 1)) : l("", !0)
|
|
26932
|
+
])) : (L(), u("div", qG, [d("div", JG, U(o.entry.featureId), 1)]))]), d("div", YG, [
|
|
27789
26933
|
m(y, {
|
|
27790
26934
|
width: "auto",
|
|
27791
26935
|
trigger: "hover",
|
|
@@ -27832,7 +26976,7 @@ function _q(e, n, r, i, a, o) {
|
|
|
27832
26976
|
_: 1
|
|
27833
26977
|
})) : l("", !0)
|
|
27834
26978
|
])]),
|
|
27835
|
-
d("div", { class: D(["content-container population-details", { "flex-row": o.hasSingleConnectivityList }]) }, [d("div",
|
|
26979
|
+
d("div", { class: D(["content-container population-details", { "flex-row": o.hasSingleConnectivityList }]) }, [d("div", XG, [n[10] ||= d("span", { class: "attribute-title" }, "Population Details", -1), e.activeView === "listView" ? (L(), c(y, {
|
|
27836
26980
|
key: 0,
|
|
27837
26981
|
width: "250",
|
|
27838
26982
|
trigger: "hover",
|
|
@@ -27843,14 +26987,14 @@ function _q(e, n, r, i, a, o) {
|
|
|
27843
26987
|
default: K(() => [m(S)]),
|
|
27844
26988
|
_: 1
|
|
27845
26989
|
})]),
|
|
27846
|
-
default: K(() => [o.hasSingleConnectivityList ? (L(), u("span",
|
|
26990
|
+
default: K(() => [o.hasSingleConnectivityList ? (L(), u("span", ZG, " This list is ordered alphabetically. Switch to graph view for path details, and use the legend below for reconciliation status. ")) : (L(), u("span", QG, " This list is ordered alphabetically, switch to graph view for path details. ")), o.hasSingleConnectivityList ? (L(), u("div", $G, [...n[9] ||= [
|
|
27847
26991
|
d("div", { class: "legend-title" }, "Legend", -1),
|
|
27848
26992
|
d("span", { class: "legend-item" }, [d("span", { class: "legend-color differ" }), p(" SCKAN feature alias to Map feature ")], -1),
|
|
27849
26993
|
d("span", { class: "legend-item" }, [d("span", { class: "legend-color unavailable" }), p(" SCKAN feature unavailable on Map ")], -1),
|
|
27850
26994
|
d("span", { class: "legend-item" }, [d("span", { class: "legend-color mapped" }), p(" SCKAN feature available on Map ")], -1)
|
|
27851
26995
|
]])) : l("", !0)]),
|
|
27852
26996
|
_: 1
|
|
27853
|
-
})) : l("", !0)]), d("div",
|
|
26997
|
+
})) : l("", !0)]), d("div", eK, [o.hasSingleConnectivityList ? l("", !0) : (L(), u("div", tK, [d("span", null, [n[12] ||= p(" Connectivity from: ", -1), m(y, {
|
|
27854
26998
|
width: "320",
|
|
27855
26999
|
trigger: "hover",
|
|
27856
27000
|
teleported: !1,
|
|
@@ -27897,11 +27041,11 @@ function _q(e, n, r, i, a, o) {
|
|
|
27897
27041
|
default: K(() => [...n[16] ||= [p(" Graph view ", -1)]]),
|
|
27898
27042
|
_: 1
|
|
27899
27043
|
}, 8, ["class"])], 2)])], 2),
|
|
27900
|
-
o.entry["nerve-label"] ? (L(), u("div",
|
|
27044
|
+
o.entry["nerve-label"] ? (L(), u("div", nK, [n[18] ||= d("div", { class: "attribute-title-container" }, [d("span", { class: "attribute-title" }, "Nerves")], -1), (L(!0), u(t, null, ie(o.entry["nerve-label"], (e, r) => (L(), u("div", { key: r }, [(L(), u("div", {
|
|
27901
27045
|
class: "attribute-content",
|
|
27902
27046
|
"origin-item-label": e.nerve,
|
|
27903
27047
|
key: e.nerve
|
|
27904
|
-
}, [d("span", null, U(o.capitalise(e.nerve)), 1)], 8,
|
|
27048
|
+
}, [d("span", null, U(o.capitalise(e.nerve)), 1)], 8, rK)), (L(!0), u(t, null, ie(e.subNerves, (e) => (L(), u("div", {
|
|
27905
27049
|
class: "attribute-content",
|
|
27906
27050
|
style: { "margin-left": "1rem" },
|
|
27907
27051
|
"origin-item-label": e,
|
|
@@ -27923,8 +27067,8 @@ function _q(e, n, r, i, a, o) {
|
|
|
27923
27067
|
}, 8, ["onClick"])]),
|
|
27924
27068
|
default: K(() => [n[17] ||= d("span", null, "Search sub nerve", -1)]),
|
|
27925
27069
|
_: 2
|
|
27926
|
-
}, 1024), d("span", null, U(o.capitalise(e)), 1)], 40,
|
|
27927
|
-
Ce(d("div",
|
|
27070
|
+
}, 1024), d("span", null, U(o.capitalise(e)), 1)], 40, iK))), 128))]))), 128))])) : l("", !0),
|
|
27071
|
+
Ce(d("div", aK, [o.hasSingleConnectivityList ? Ce((L(), c(E, {
|
|
27928
27072
|
key: `${o.connectivityKey}list`,
|
|
27929
27073
|
entry: o.entry,
|
|
27930
27074
|
origins: o.origins,
|
|
@@ -27985,7 +27129,7 @@ function _q(e, n, r, i, a, o) {
|
|
|
27985
27129
|
"onConnectivityClicked",
|
|
27986
27130
|
"onConnectivityActionClick"
|
|
27987
27131
|
])), [[M, e.connectivityLoading]])], 512), [[be, e.activeView === "listView"]]),
|
|
27988
|
-
Ce(d("div",
|
|
27132
|
+
Ce(d("div", oK, [e.graphViewLoaded ? (L(), u(t, { key: 0 }, [m(_, {
|
|
27989
27133
|
class: "button",
|
|
27990
27134
|
onClick: o.openGraphInViewer
|
|
27991
27135
|
}, {
|
|
@@ -28027,7 +27171,7 @@ function _q(e, n, r, i, a, o) {
|
|
|
28027
27171
|
"hasSingleConnectivityList",
|
|
28028
27172
|
"onTapNode"
|
|
28029
27173
|
])), [[M, e.connectivityLoading]])], 64)) : l("", !0)], 512), [[be, e.activeView === "graphView"]]),
|
|
28030
|
-
o.resources.length ? (L(), u("div",
|
|
27174
|
+
o.resources.length ? (L(), u("div", sK, [m(A, {
|
|
28031
27175
|
resources: o.resources,
|
|
28032
27176
|
onReferencesLoaded: o.onReferencesLoaded,
|
|
28033
27177
|
onShowReferenceConnectivities: o.onShowReferenceConnectivities,
|
|
@@ -28038,25 +27182,25 @@ function _q(e, n, r, i, a, o) {
|
|
|
28038
27182
|
"onShowReferenceConnectivities",
|
|
28039
27183
|
"onTrackEvent"
|
|
28040
27184
|
])])) : l("", !0),
|
|
28041
|
-
o.entry.featuresAlert?.length ? (L(), u("div",
|
|
27185
|
+
o.entry.featuresAlert?.length ? (L(), u("div", cK, [n[20] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Notes")], -1), d("div", lK, [(L(!0), u(t, null, ie(o.entry.featuresAlert, (e, t) => (L(), u("div", {
|
|
28042
27186
|
class: "alert-block",
|
|
28043
27187
|
key: t,
|
|
28044
27188
|
innerHTML: o.formatAlertText(e)
|
|
28045
|
-
}, null, 8,
|
|
28046
|
-
e.expertConsultants.length ? (L(), u("div",
|
|
27189
|
+
}, null, 8, uK))), 128))])], 512)) : l("", !0),
|
|
27190
|
+
e.expertConsultants.length ? (L(), u("div", dK, [n[23] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Expert Consultants")], -1), d("ul", fK, [(L(!0), u(t, null, ie(e.expertConsultants, (e) => (L(), u("li", { key: e.url }, [e.name ? (L(), c(j, {
|
|
28047
27191
|
key: 0,
|
|
28048
27192
|
contributor: e
|
|
28049
|
-
}, null, 8, ["contributor"])) : e.error ? l("", !0) : (L(), u("div",
|
|
27193
|
+
}, null, 8, ["contributor"])) : e.error ? l("", !0) : (L(), u("div", pK, [d("span", null, "Loading " + U(e.url), 1)])), e.error ? (L(), u("div", mK, [e.errorMessage ? (L(), u("span", hK, U(e.errorMessage), 1)) : (L(), u("span", gK, "Sorry, something went wrong.")), e.refreshable ? (L(), u(t, { key: 2 }, [
|
|
28050
27194
|
n[21] ||= d("br", null, null, -1),
|
|
28051
27195
|
n[22] ||= p(" Please try again. ", -1),
|
|
28052
27196
|
d("span", {
|
|
28053
27197
|
class: "reload-button",
|
|
28054
27198
|
onClick: (t) => o.reloadConsultant(e)
|
|
28055
|
-
}, "Reload", 8,
|
|
27199
|
+
}, "Reload", 8, _K)
|
|
28056
27200
|
], 64)) : l("", !0)])) : l("", !0)]))), 128))])])) : l("", !0)
|
|
28057
27201
|
])) : l("", !0);
|
|
28058
27202
|
}
|
|
28059
|
-
var
|
|
27203
|
+
var yK = /*#__PURE__*/ uS(RG, [["render", vK], ["__scopeId", "data-v-cbf988e3"]]), bK = {
|
|
28060
27204
|
name: "ConnectivityCard",
|
|
28061
27205
|
data() {
|
|
28062
27206
|
return { displayFields: ["id", "nerve-label"] };
|
|
@@ -28087,7 +27231,7 @@ var vq = /*#__PURE__*/ uS(LK, [["render", _q], ["__scopeId", "data-v-f693e136"]]
|
|
|
28087
27231
|
},
|
|
28088
27232
|
methods: {
|
|
28089
27233
|
capitalise: function(e) {
|
|
28090
|
-
return
|
|
27234
|
+
return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
|
|
28091
27235
|
},
|
|
28092
27236
|
cardClicked: function(e) {
|
|
28093
27237
|
this.loading || (this.$emit("open-connectivity", e), vz.emit("trackEvent", {
|
|
@@ -28097,28 +27241,28 @@ var vq = /*#__PURE__*/ uS(LK, [["render", _q], ["__scopeId", "data-v-f693e136"]]
|
|
|
28097
27241
|
}));
|
|
28098
27242
|
}
|
|
28099
27243
|
}
|
|
28100
|
-
},
|
|
27244
|
+
}, xK = {
|
|
28101
27245
|
class: "connectivity-card-container",
|
|
28102
27246
|
ref: "container"
|
|
28103
|
-
},
|
|
27247
|
+
}, SK = {
|
|
28104
27248
|
class: "connectivity-card",
|
|
28105
27249
|
ref: "card"
|
|
28106
|
-
},
|
|
27250
|
+
}, CK = { class: "card-title" }, wK = {
|
|
28107
27251
|
key: 0,
|
|
28108
27252
|
class: "card-details"
|
|
28109
|
-
},
|
|
27253
|
+
}, TK = {
|
|
28110
27254
|
key: 0,
|
|
28111
27255
|
class: "card-tags"
|
|
28112
|
-
},
|
|
27256
|
+
}, EK = {
|
|
28113
27257
|
key: 1,
|
|
28114
27258
|
class: "id-tag"
|
|
28115
27259
|
};
|
|
28116
|
-
function
|
|
27260
|
+
function DK(e, n, r, i, a, o) {
|
|
28117
27261
|
let s = Ug, f = Bx;
|
|
28118
|
-
return L(), u("div",
|
|
27262
|
+
return L(), u("div", xK, [d("div", SK, [n[1] ||= d("div", { class: "seperator-path" }, null, -1), Ce((L(), u("div", {
|
|
28119
27263
|
class: "card-content",
|
|
28120
27264
|
onClick: n[0] ||= (e) => o.cardClicked(r.entry)
|
|
28121
|
-
}, [d("div",
|
|
27265
|
+
}, [d("div", CK, U(o.capitalise(o.displayTitle)), 1), (L(!0), u(t, null, ie(a.displayFields, (e) => (L(), u(t, { key: e }, [r.entry[e] ? (L(), u("div", wK, [e === "nerve-label" ? (L(), u("div", TK, [(L(!0), u(t, null, ie(r.entry[e], (e) => (L(), u("div", { key: e.nerve }, [m(s, {
|
|
28122
27266
|
type: "primary",
|
|
28123
27267
|
size: "small"
|
|
28124
27268
|
}, {
|
|
@@ -28131,9 +27275,9 @@ function Eq(e, n, r, i, a, o) {
|
|
|
28131
27275
|
}, {
|
|
28132
27276
|
default: K(() => [p(U(e), 1)]),
|
|
28133
27277
|
_: 2
|
|
28134
|
-
}, 1024))), 128))]))), 128))])) : (L(), u("span",
|
|
27278
|
+
}, 1024))), 128))]))), 128))])) : (L(), u("span", EK, U(r.entry[e]), 1))])) : l("", !0)], 64))), 128))])), [[f, o.loading]])], 512)], 512);
|
|
28135
27279
|
}
|
|
28136
|
-
var
|
|
27280
|
+
var OK = /*#__PURE__*/ uS(bK, [["render", DK], ["__scopeId", "data-v-c6589a24"]]), kK = {
|
|
28137
27281
|
searchInput: "",
|
|
28138
27282
|
lastSearch: "",
|
|
28139
27283
|
results: [],
|
|
@@ -28143,14 +27287,14 @@ var Dq = /*#__PURE__*/ uS(yq, [["render", Eq], ["__scopeId", "data-v-1ef041fb"]]
|
|
|
28143
27287
|
numberPerPage: 10,
|
|
28144
27288
|
page: 1,
|
|
28145
27289
|
start: 0
|
|
28146
|
-
},
|
|
27290
|
+
}, AK = {
|
|
28147
27291
|
components: {
|
|
28148
|
-
SearchFilters:
|
|
28149
|
-
SearchHistory:
|
|
28150
|
-
ConnectivityCard:
|
|
28151
|
-
ConnectivityInfo:
|
|
28152
|
-
MapSvgIcon:
|
|
28153
|
-
MapSvgSpriteColor:
|
|
27292
|
+
SearchFilters: hG,
|
|
27293
|
+
SearchHistory: JU,
|
|
27294
|
+
ConnectivityCard: OK,
|
|
27295
|
+
ConnectivityInfo: yK,
|
|
27296
|
+
MapSvgIcon: ZU,
|
|
27297
|
+
MapSvgSpriteColor: UW
|
|
28154
27298
|
},
|
|
28155
27299
|
name: "ConnectivityExplorer",
|
|
28156
27300
|
props: {
|
|
@@ -28160,7 +27304,7 @@ var Dq = /*#__PURE__*/ uS(yq, [["render", Eq], ["__scopeId", "data-v-1ef041fb"]]
|
|
|
28160
27304
|
},
|
|
28161
27305
|
entry: {
|
|
28162
27306
|
type: Object,
|
|
28163
|
-
default: () =>
|
|
27307
|
+
default: () => kK
|
|
28164
27308
|
},
|
|
28165
27309
|
envVars: {
|
|
28166
27310
|
type: Object,
|
|
@@ -28408,20 +27552,20 @@ var Dq = /*#__PURE__*/ uS(yq, [["render", Eq], ["__scopeId", "data-v-1ef041fb"]]
|
|
|
28408
27552
|
this.expanded = "", this.expandedData = null;
|
|
28409
27553
|
});
|
|
28410
27554
|
}
|
|
28411
|
-
},
|
|
27555
|
+
}, jK = { class: "header" }, MK = {
|
|
28412
27556
|
key: 0,
|
|
28413
27557
|
class: "visibility-filter"
|
|
28414
|
-
},
|
|
27558
|
+
}, NK = {
|
|
28415
27559
|
key: 0,
|
|
28416
27560
|
class: "error-feedback"
|
|
28417
|
-
},
|
|
28418
|
-
function
|
|
28419
|
-
let s = H("MapSvgSpriteColor"), f = Oh, h = H("MapSvgIcon"), g = kx, _ = Rg, v = Mv, y =
|
|
27561
|
+
}, PK = ["onMouseenter"];
|
|
27562
|
+
function FK(e, n, r, i, a, o) {
|
|
27563
|
+
let s = H("MapSvgSpriteColor"), f = Oh, h = H("MapSvgIcon"), g = kx, _ = Rg, v = Mv, y = hG, b = JU, x = OK, S = yK, C = wx, w = C_, T = Bx;
|
|
28420
27564
|
return L(), c(w, {
|
|
28421
27565
|
"body-style": e.bodyStyle,
|
|
28422
27566
|
class: "content-card"
|
|
28423
27567
|
}, {
|
|
28424
|
-
header: K(() => [d("div",
|
|
27568
|
+
header: K(() => [d("div", jK, [
|
|
28425
27569
|
d("div", { class: D(["search-input-container", { "is-focus": e.inputFocus }]) }, [m(f, {
|
|
28426
27570
|
class: "search-input",
|
|
28427
27571
|
placeholder: "Search",
|
|
@@ -28512,7 +27656,7 @@ function Pq(e, n, r, i, a, o) {
|
|
|
28512
27656
|
default: K(() => [...n[7] ||= [p("Reset", -1)]]),
|
|
28513
27657
|
_: 1
|
|
28514
27658
|
}, 8, ["onClick"]),
|
|
28515
|
-
r.showVisibilityFilter ? (L(), u("div",
|
|
27659
|
+
r.showVisibilityFilter ? (L(), u("div", MK, [m(v, {
|
|
28516
27660
|
modelValue: e.filterVisibility,
|
|
28517
27661
|
"onUpdate:modelValue": n[1] ||= (t) => e.filterVisibility = t
|
|
28518
27662
|
}, {
|
|
@@ -28570,7 +27714,7 @@ function Pq(e, n, r, i, a, o) {
|
|
|
28570
27714
|
ref: "content",
|
|
28571
27715
|
onMouseleave: n[4] ||= (e) => o.onHoverChanged(e, void 0)
|
|
28572
27716
|
}, [
|
|
28573
|
-
e.results.length === 0 && !e.loadingCards ? (L(), u("div",
|
|
27717
|
+
e.results.length === 0 && !e.loadingCards ? (L(), u("div", NK, " No results found - Please change your search / filter criteria. ")) : l("", !0),
|
|
28574
27718
|
(L(!0), u(t, null, ie(o.paginatedResults, (t) => (L(), u("div", {
|
|
28575
27719
|
key: t.id,
|
|
28576
27720
|
ref_for: !0,
|
|
@@ -28616,7 +27760,7 @@ function Pq(e, n, r, i, a, o) {
|
|
|
28616
27760
|
"onConnectivityClicked",
|
|
28617
27761
|
"onLoaded",
|
|
28618
27762
|
"onCloseConnectivity"
|
|
28619
|
-
])) : l("", !0)], 40,
|
|
27763
|
+
])) : l("", !0)], 40, PK))), 128)),
|
|
28620
27764
|
m(C, {
|
|
28621
27765
|
class: "pagination",
|
|
28622
27766
|
"current-page": e.page,
|
|
@@ -28638,7 +27782,7 @@ function Pq(e, n, r, i, a, o) {
|
|
|
28638
27782
|
_: 1
|
|
28639
27783
|
}, 8, ["body-style"]);
|
|
28640
27784
|
}
|
|
28641
|
-
var
|
|
27785
|
+
var IK = /*#__PURE__*/ uS(AK, [["render", FK], ["__scopeId", "data-v-3eee4b39"]]), LK = {
|
|
28642
27786
|
name: "AnnotationTool",
|
|
28643
27787
|
components: {
|
|
28644
27788
|
AnnotationPopup: Ye,
|
|
@@ -28657,13 +27801,13 @@ var Fq = /*#__PURE__*/ uS(kq, [["render", Pq], ["__scopeId", "data-v-3eee4b39"]]
|
|
|
28657
27801
|
annotationPopupData: null
|
|
28658
27802
|
};
|
|
28659
27803
|
}
|
|
28660
|
-
},
|
|
27804
|
+
}, RK = { class: "annotation-tool scrollbar" }, zK = {
|
|
28661
27805
|
key: 1,
|
|
28662
27806
|
class: "delete-container"
|
|
28663
27807
|
};
|
|
28664
|
-
function
|
|
27808
|
+
function BK(e, t, n, r, i, a) {
|
|
28665
27809
|
let o = H("CreateTooltipContent"), s = H("annotation-popup"), d = Cy, f = Rg, h = Sy;
|
|
28666
|
-
return L(), u("div",
|
|
27810
|
+
return L(), u("div", RK, [
|
|
28667
27811
|
Ce(m(o, {
|
|
28668
27812
|
createData: n.createData,
|
|
28669
27813
|
onConfirmCreate: t[0] ||= (t) => e.$emit("confirm-create", t),
|
|
@@ -28678,7 +27822,7 @@ function zq(e, t, n, r, i, a) {
|
|
|
28678
27822
|
onHoverChanged: t[3] ||= (t) => e.$emit("hover-changed", t),
|
|
28679
27823
|
onTrackEvent: t[4] ||= (t) => e.$emit("trackEvent", t)
|
|
28680
27824
|
}, null, 8, ["annotationEntry"])) : l("", !0),
|
|
28681
|
-
n.createData && n.createData.toBeDeleted ? (L(), u("div",
|
|
27825
|
+
n.createData && n.createData.toBeDeleted ? (L(), u("div", zK, [m(h, null, {
|
|
28682
27826
|
default: K(() => [
|
|
28683
27827
|
m(d, {
|
|
28684
27828
|
offset: 1,
|
|
@@ -28719,7 +27863,7 @@ function zq(e, t, n, r, i, a) {
|
|
|
28719
27863
|
})])) : l("", !0)
|
|
28720
27864
|
]);
|
|
28721
27865
|
}
|
|
28722
|
-
var
|
|
27866
|
+
var VK = /*#__PURE__*/ uS(LK, [["render", BK], ["__scopeId", "data-v-5ab1d8ef"]]), HK = {
|
|
28723
27867
|
name: "Tabs",
|
|
28724
27868
|
components: { ElIconClose: Pe },
|
|
28725
27869
|
props: {
|
|
@@ -28760,34 +27904,30 @@ var Bq = /*#__PURE__*/ uS(Iq, [["render", zq], ["__scopeId", "data-v-5ab1d8ef"]]
|
|
|
28760
27904
|
});
|
|
28761
27905
|
}
|
|
28762
27906
|
}
|
|
28763
|
-
},
|
|
28764
|
-
function
|
|
27907
|
+
}, UK = { class: "tabs-container" }, WK = ["onClick"], GK = { class: "tab-title" };
|
|
27908
|
+
function KK(e, n, r, i, a, o) {
|
|
28765
27909
|
let s = Pe, f = zp;
|
|
28766
|
-
return L(), u("div",
|
|
28767
|
-
class: D(["tab", {
|
|
28768
|
-
"active-tab": e.id == r.activeId,
|
|
28769
|
-
"closable-tab": e.closable
|
|
28770
|
-
}]),
|
|
27910
|
+
return L(), u("div", UK, [(L(!0), u(t, null, ie(o.tabs, (e) => (L(), u("div", {
|
|
27911
|
+
class: D(["tab", { "active-tab": e.id == r.activeId }]),
|
|
28771
27912
|
key: e.id,
|
|
28772
27913
|
onClick: (t) => o.tabClicked(e)
|
|
28773
|
-
}, [d("span",
|
|
27914
|
+
}, [d("span", GK, U(e.title), 1), e.closable ? (L(), c(f, {
|
|
28774
27915
|
key: 0,
|
|
28775
27916
|
onClick: Te((t) => o.tabClosed(e), ["stop"]),
|
|
28776
27917
|
class: "tab-close-icon"
|
|
28777
27918
|
}, {
|
|
28778
27919
|
default: K(() => [m(s)]),
|
|
28779
27920
|
_: 1
|
|
28780
|
-
}, 8, ["onClick"])) : l("", !0)], 10,
|
|
27921
|
+
}, 8, ["onClick"])) : l("", !0)], 10, WK))), 128))]);
|
|
28781
27922
|
}
|
|
28782
|
-
var
|
|
27923
|
+
var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]), JK = {
|
|
28783
27924
|
components: {
|
|
28784
|
-
DatasetExplorer:
|
|
28785
|
-
Tabs:
|
|
27925
|
+
DatasetExplorer: CG,
|
|
27926
|
+
Tabs: qK,
|
|
28786
27927
|
ElIconArrowLeft: De,
|
|
28787
27928
|
ElIconArrowRight: Oe,
|
|
28788
|
-
AnnotationTool:
|
|
28789
|
-
ConnectivityExplorer:
|
|
28790
|
-
CellCardExplorer: CK
|
|
27929
|
+
AnnotationTool: VK,
|
|
27930
|
+
ConnectivityExplorer: IK
|
|
28791
27931
|
},
|
|
28792
27932
|
name: "SideBar",
|
|
28793
27933
|
props: {
|
|
@@ -28811,12 +27951,6 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
28811
27951
|
id: 3,
|
|
28812
27952
|
type: "annotation",
|
|
28813
27953
|
closable: !0
|
|
28814
|
-
},
|
|
28815
|
-
{
|
|
28816
|
-
title: "Cell Card Explorer",
|
|
28817
|
-
id: 4,
|
|
28818
|
-
type: "cellCardExplorer",
|
|
28819
|
-
closable: !1
|
|
28820
27954
|
}
|
|
28821
27955
|
]
|
|
28822
27956
|
},
|
|
@@ -28865,10 +27999,6 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
28865
27999
|
showLongLabel: {
|
|
28866
28000
|
type: Boolean,
|
|
28867
28001
|
default: !1
|
|
28868
|
-
},
|
|
28869
|
-
showCellCards: {
|
|
28870
|
-
type: Boolean,
|
|
28871
|
-
default: !1
|
|
28872
28002
|
}
|
|
28873
28003
|
},
|
|
28874
28004
|
data: function() {
|
|
@@ -28878,7 +28008,6 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
28878
28008
|
activeTabId: 1,
|
|
28879
28009
|
activeAnnotationData: { tabType: "annotation" },
|
|
28880
28010
|
activeConnectivityData: { tabType: "connectivity" },
|
|
28881
|
-
activeSpeciesForEntries: [],
|
|
28882
28011
|
state: {
|
|
28883
28012
|
dataset: {
|
|
28884
28013
|
search: "",
|
|
@@ -28888,10 +28017,6 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
28888
28017
|
search: "",
|
|
28889
28018
|
filters: []
|
|
28890
28019
|
},
|
|
28891
|
-
cellCards: {
|
|
28892
|
-
search: "",
|
|
28893
|
-
filters: []
|
|
28894
|
-
},
|
|
28895
28020
|
connectivityEntries: [],
|
|
28896
28021
|
annotationEntries: [],
|
|
28897
28022
|
activeTabId: this.activeTabId
|
|
@@ -28913,12 +28038,6 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
28913
28038
|
let n = this.getActiveTabTypeById(e);
|
|
28914
28039
|
n === "connectivityExplorer" && (this.activeConnectivityData = t), n === "annotation" && (this.activeAnnotationData = t);
|
|
28915
28040
|
},
|
|
28916
|
-
showSomaLocation: function(e) {
|
|
28917
|
-
this.$emit("soma-location-hovered", e);
|
|
28918
|
-
},
|
|
28919
|
-
onSomaLocationsReady: function(e) {
|
|
28920
|
-
this.$emit("soma-locations-ready", e);
|
|
28921
|
-
},
|
|
28922
28041
|
showConnectivity: function(e) {
|
|
28923
28042
|
this.$emit("show-connectivity", e);
|
|
28924
28043
|
},
|
|
@@ -28955,29 +28074,6 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
28955
28074
|
this.getTabRef(void 0, "datasetExplorer", !0).openSearch(e, t);
|
|
28956
28075
|
});
|
|
28957
28076
|
},
|
|
28958
|
-
openCellCardExplorerSearch: function(e, t) {
|
|
28959
|
-
this.drawerOpen = !0, this.$nextTick(() => {
|
|
28960
|
-
let n = this.getTabRef(void 0, "cellCardExplorer", !0);
|
|
28961
|
-
n && typeof n.openSearch == "function" && n.openSearch(e, t);
|
|
28962
|
-
});
|
|
28963
|
-
},
|
|
28964
|
-
openDatasetSearchFromCellCard: function(e) {
|
|
28965
|
-
if (!e || typeof e != "object") {
|
|
28966
|
-
this.openSearch([], e);
|
|
28967
|
-
return;
|
|
28968
|
-
}
|
|
28969
|
-
let t = [];
|
|
28970
|
-
e.species && t.push({
|
|
28971
|
-
facet: e.species,
|
|
28972
|
-
term: "Species",
|
|
28973
|
-
facetPropPath: "organisms.primary.species.name"
|
|
28974
|
-
}), e.location && t.push({
|
|
28975
|
-
facet: e.location,
|
|
28976
|
-
term: "Anatomical structure",
|
|
28977
|
-
facetPropPath: "anatomy.organ.category.name",
|
|
28978
|
-
AND: !0
|
|
28979
|
-
}), this.openSearch(t, "");
|
|
28980
|
-
},
|
|
28981
28077
|
getTabRef: function(e, t, n = !1) {
|
|
28982
28078
|
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;
|
|
28983
28079
|
return n && this.setActiveTab({
|
|
@@ -29045,24 +28141,18 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
29045
28141
|
updateState: function() {
|
|
29046
28142
|
this.state.activeTabId = this.activeTabId;
|
|
29047
28143
|
let e = this.getTabRef(void 0, "datasetExplorer");
|
|
29048
|
-
e && (this.state.dataset.search = e.getSearch(), this.state.dataset.filters =
|
|
28144
|
+
e && (this.state.dataset.search = e.getSearch(), this.state.dataset.filters = YW(e.getFilters()));
|
|
29049
28145
|
let t = this.getTabRef(void 0, "connectivityExplorer");
|
|
29050
|
-
t && (this.state.connectivity.search = t.getSearch(), this.state.connectivity.filters = t.getFilters());
|
|
29051
|
-
let n = this.getTabRef(void 0, "cellCardExplorer");
|
|
29052
|
-
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));
|
|
28146
|
+
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));
|
|
29053
28147
|
},
|
|
29054
28148
|
getState: function() {
|
|
29055
28149
|
return this.updateState(), this.state;
|
|
29056
28150
|
},
|
|
29057
28151
|
setState: function(e) {
|
|
29058
28152
|
if (!e || !e.dataset || !e.connectivity) return;
|
|
29059
|
-
|
|
29060
|
-
|
|
29061
|
-
|
|
29062
|
-
...t
|
|
29063
|
-
};
|
|
29064
|
-
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 || "";
|
|
29065
|
-
(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(() => {
|
|
28153
|
+
this.state = JSON.parse(JSON.stringify(e));
|
|
28154
|
+
let t = e.dataset.filters, n = e.connectivity.filters, r = e.dataset.search, i = e.connectivity.search;
|
|
28155
|
+
(t.length || r) && this.openSearch(t, r), (n.length || i) && this.openConnectivitySearch(n, i), e.activeTabId && this.$nextTick(() => {
|
|
29066
28156
|
this.tabEntries.find((t) => t.id === e.activeTabId) && (this.activeTabId = e.activeTabId);
|
|
29067
28157
|
});
|
|
29068
28158
|
},
|
|
@@ -29073,14 +28163,10 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
29073
28163
|
...e
|
|
29074
28164
|
};
|
|
29075
28165
|
this.$emit("trackEvent", t);
|
|
29076
|
-
},
|
|
29077
|
-
updateActiveSpeciesForEntries: function(e) {
|
|
29078
|
-
let t = Array.isArray(e) ? e : [e];
|
|
29079
|
-
this.activeSpeciesForEntries = [...new Set(t.filter(Boolean))];
|
|
29080
28166
|
}
|
|
29081
28167
|
},
|
|
29082
28168
|
computed: { tabEntries: function() {
|
|
29083
|
-
return this.tabs.filter((e) => e.type === "datasetExplorer" || e.type === "connectivityExplorer" || e.type === "annotation" && this.annotationEntry && this.annotationEntry.length > 0
|
|
28169
|
+
return this.tabs.filter((e) => e.type === "datasetExplorer" || e.type === "connectivityExplorer" || e.type === "annotation" && this.annotationEntry && this.annotationEntry.length > 0);
|
|
29084
28170
|
} },
|
|
29085
28171
|
created: function() {
|
|
29086
28172
|
this.drawerOpen = this.openAtStart;
|
|
@@ -29111,20 +28197,20 @@ var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]
|
|
|
29111
28197
|
this.trackEvent(e);
|
|
29112
28198
|
});
|
|
29113
28199
|
}
|
|
29114
|
-
},
|
|
29115
|
-
function
|
|
29116
|
-
let s = De, f = zp, p = Oe, h =
|
|
29117
|
-
return L(), u("div",
|
|
28200
|
+
}, YK = { ref: "container" }, XK = { class: "box-card" }, ZK = { class: "sidebar-container" };
|
|
28201
|
+
function QK(e, n, r, i, a, o) {
|
|
28202
|
+
let s = De, f = zp, p = Oe, h = qK, g = VK, _ = IK, v = CG, y = Uy;
|
|
28203
|
+
return L(), u("div", YK, [e.drawerOpen ? l("", !0) : (L(), u("div", {
|
|
29118
28204
|
key: 0,
|
|
29119
28205
|
onClick: n[0] ||= (...e) => o.toggleDrawer && o.toggleDrawer(...e),
|
|
29120
28206
|
class: "open-tab"
|
|
29121
28207
|
}, [m(f, null, {
|
|
29122
28208
|
default: K(() => [m(s)]),
|
|
29123
28209
|
_: 1
|
|
29124
|
-
})])), m(
|
|
28210
|
+
})])), m(y, {
|
|
29125
28211
|
class: "side-bar my-drawer",
|
|
29126
28212
|
modelValue: e.drawerOpen,
|
|
29127
|
-
"onUpdate:modelValue": n[
|
|
28213
|
+
"onUpdate:modelValue": n[7] ||= (t) => e.drawerOpen = t,
|
|
29128
28214
|
teleported: !1,
|
|
29129
28215
|
"modal-append-to-body": !1,
|
|
29130
28216
|
size: "584",
|
|
@@ -29135,14 +28221,14 @@ function Zq(e, n, r, i, a, o) {
|
|
|
29135
28221
|
"z-index": 10,
|
|
29136
28222
|
"lock-scroll": !1
|
|
29137
28223
|
}, {
|
|
29138
|
-
default: K(() => [d("div",
|
|
28224
|
+
default: K(() => [d("div", XK, [e.drawerOpen ? (L(), u("div", {
|
|
29139
28225
|
key: 0,
|
|
29140
28226
|
onClick: n[1] ||= (...e) => o.close && o.close(...e),
|
|
29141
28227
|
class: "close-tab"
|
|
29142
28228
|
}, [m(f, null, {
|
|
29143
28229
|
default: K(() => [m(p)]),
|
|
29144
28230
|
_: 1
|
|
29145
|
-
})])) : l("", !0), d("div",
|
|
28231
|
+
})])) : l("", !0), d("div", ZK, [o.tabEntries.length > 1 ? (L(), c(h, {
|
|
29146
28232
|
key: 0,
|
|
29147
28233
|
tabEntries: o.tabEntries,
|
|
29148
28234
|
activeId: e.activeTabId,
|
|
@@ -29206,26 +28292,8 @@ function Zq(e, n, r, i, a, o) {
|
|
|
29206
28292
|
"onConnectivityHovered",
|
|
29207
28293
|
"onConnectivityCollapseChange",
|
|
29208
28294
|
"onConnectivityItemClose"
|
|
29209
|
-
])), [[be, i.id === e.activeTabId]]) :
|
|
28295
|
+
])), [[be, i.id === e.activeTabId]]) : Ce((L(), c(v, {
|
|
29210
28296
|
key: 2,
|
|
29211
|
-
ref_for: !0,
|
|
29212
|
-
ref: "cellCardExplorerTab_" + i.id,
|
|
29213
|
-
class: "sidebar-content-container",
|
|
29214
|
-
envVars: r.envVars,
|
|
29215
|
-
activeSpecies: e.activeSpeciesForEntries,
|
|
29216
|
-
onSearchChanged: (e) => o.searchChanged(i.id, e),
|
|
29217
|
-
onDatasetSearch: n[7] ||= (e) => o.openDatasetSearchFromCellCard(e),
|
|
29218
|
-
onConnectivitySearch: n[8] ||= (e) => o.openConnectivitySearch(e.facets, e.query),
|
|
29219
|
-
onSomaLocationHovered: o.showSomaLocation,
|
|
29220
|
-
onSomaLocationsReady: o.onSomaLocationsReady
|
|
29221
|
-
}, null, 8, [
|
|
29222
|
-
"envVars",
|
|
29223
|
-
"activeSpecies",
|
|
29224
|
-
"onSearchChanged",
|
|
29225
|
-
"onSomaLocationHovered",
|
|
29226
|
-
"onSomaLocationsReady"
|
|
29227
|
-
])), [[be, i.id === e.activeTabId]]) : Ce((L(), c(y, {
|
|
29228
|
-
key: 3,
|
|
29229
28297
|
class: "sidebar-content-container",
|
|
29230
28298
|
contextCardEntry: i.contextCard,
|
|
29231
28299
|
envVars: r.envVars,
|
|
@@ -29242,6 +28310,6 @@ function Zq(e, n, r, i, a, o) {
|
|
|
29242
28310
|
_: 1
|
|
29243
28311
|
}, 8, ["modelValue"])], 512);
|
|
29244
28312
|
}
|
|
29245
|
-
var
|
|
28313
|
+
var $K = /*#__PURE__*/ uS(JK, [["render", QK], ["__scopeId", "data-v-e2911198"]]);
|
|
29246
28314
|
//#endregion
|
|
29247
|
-
export {
|
|
28315
|
+
export { $K as SideBar };
|