@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.
@@ -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-afcfce15"]]), SS = {
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: 1,
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
- B(null), B(4);
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(), v("datalink-clicked", _.data.link), e.remove();
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 && v("card-clicked", _.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
- d("div", {
19868
- class: "cursor-pointer",
19869
- style: k(e.imageContainerStyle),
19870
- onClick: Te(x, ["prevent"])
19871
- }, [f.value ? (L(), u("img", {
19872
- key: 0,
19873
- src: W(r),
19874
- style: k(e.imageStyle)
19875
- }, null, 12, nz)) : (L(), u("img", {
19876
- key: 1,
19877
- src: s.value,
19878
- alt: "thumbnail loading ...",
19879
- style: k(e.imageStyle)
19880
- }, null, 12, rz))], 4),
19881
- l("", !0),
19882
- e.showCardDetails ? (L(), u("div", iz, [
19883
- e.data.hideType ? l("", !0) : (L(), u("p", az, [d("b", null, U(e.data.type), 1)])),
19884
- m(i, {
19885
- "virtual-ref": a.value,
19886
- disabled: h.value,
19887
- content: e.data.title,
19888
- placement: "top",
19889
- trigger: "hover",
19890
- "popper-class": "gallery-popper",
19891
- "virtual-triggering": ""
19892
- }, null, 8, [
19893
- "virtual-ref",
19894
- "disabled",
19895
- "content"
19896
- ]),
19897
- Ce(d("p", {
19898
- ref_key: "titleText",
19899
- ref: a,
19900
- class: "title"
19901
- }, U(e.data.title), 513), [[be, !e.data.hideTitle]]),
19902
- Ce(d("p", oz, null, 512), [[be, e.data.hideTitle]]),
19903
- m(o, {
19904
- class: "button",
19905
- onClick: Te(x, ["prevent"]),
19906
- size: "large"
19907
- }, {
19908
- default: K(() => [p(" View " + U(e.data.type), 1)]),
19909
- _: 1
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-8306387d"]]), cz = {
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-e745b327"]]) },
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
- //#endregion
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
- function PU(e) {
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, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").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: NU(),
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 > LU) {
22896
- let e = this.searchHistory.filter((e) => e.saved), t = this.searchHistory.filter((e) => !e.saved), n = LU - this.searchHistory.length;
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 ||= NU(), !e.label) {
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, n = this.localStorageKey?.indexOf("cell-card") !== -1;
22911
- return e ? "connectivity" : t ? "dataset" : n ? "cell_card" : "";
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
- }, zU = {
22969
+ }, IU = {
22952
22970
  key: 0,
22953
22971
  class: "history-container"
22954
- }, BU = {
22972
+ }, LU = {
22955
22973
  key: 0,
22956
22974
  class: "saved-search-history"
22957
- }, VU = { key: 1 }, HU = { class: "el-dropdown-select" }, UU = ["onClick"], WU = ["onClick"], GU = {
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
- }, KU = {
22978
+ }, UU = {
22961
22979
  key: 1,
22962
22980
  viewBox: "0 0 24 24"
22963
- }, qU = { key: 0 }, JU = { key: 1 }, YU = { key: 2 };
22964
- function XU(e, n, r, i, a, o) {
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", zU, [a.savedSearchHistory.length ? (L(), u("div", BU, [(L(!0), u(t, null, ie(a.savedSearchHistory, (e, n) => (L(), u(t, { key: e.id }, [n < 2 ? (L(), c(f, {
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", VU, [...n[0] ||= [d("span", { class: "empty-saved-search" }, "No Saved Searches", -1)]])), m(x, {
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, UU)]),
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, WU))]), d("div", null, [m(s, {
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", GU, [...n[2] ||= [d("path", { d: "m12 21.35-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54z" }, null, -1)]])) : (L(), u("svg", KU, [...n[3] ||= [d("path", { d: "M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3m-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05" }, null, -1)]]))]),
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", qU, " Limit 2: Please remove a saved search before adding another. ")) : e.saved ? (L(), u("span", JU, "Remove from saved searches.")) : (L(), u("span", YU, "Add up to two saved searches."))]),
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", HU, [n[1] ||= p(" Search history ", -1), m(g, { class: "el-icon--right" }, {
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 ZU = /*#__PURE__*/ uS(RU, [["render", XU], ["__scopeId", "data-v-14c013b9"]]), QU = (e, t) => {
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
- }, $U = ["xlink:href"], eW = /*#__PURE__*/ QU({
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, $U)], 2));
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
- }, FW = (e) => [
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(), IW = !0, LW = !0, RW = ["fill"], zW = /* #__PURE__ */ Object.assign({
23110
- "/assets/icons/2horpanel.svg": tW,
23111
- "/assets/icons/2vertpanel.svg": nW,
23112
- "/assets/icons/3panel.svg": rW,
23113
- "/assets/icons/4panel.svg": iW,
23114
- "/assets/icons/5panel.svg": aW,
23115
- "/assets/icons/6panel.svg": oW,
23116
- "/assets/icons/6panelVertical.svg": sW,
23117
- "/assets/icons/changeBckgd.svg": cW,
23118
- "/assets/icons/close-no-bk.svg": lW,
23119
- "/assets/icons/close.svg": uW,
23120
- "/assets/icons/closeFullScreen.svg": dW,
23121
- "/assets/icons/comment.svg": fW,
23122
- "/assets/icons/connection.svg": pW,
23123
- "/assets/icons/dock.svg": mW,
23124
- "/assets/icons/drawLine.svg": hW,
23125
- "/assets/icons/drawPoint.svg": gW,
23126
- "/assets/icons/drawPolygon.svg": _W,
23127
- "/assets/icons/drawTrash.svg": vW,
23128
- "/assets/icons/fitWindow.svg": yW,
23129
- "/assets/icons/fullScreen.svg": bW,
23130
- "/assets/icons/help.svg": xW,
23131
- "/assets/icons/magnifyingGlass.svg": SW,
23132
- "/assets/icons/noun-filter.svg": CW,
23133
- "/assets/icons/openMap.svg": wW,
23134
- "/assets/icons/pause.svg": TW,
23135
- "/assets/icons/permalink.svg": EW,
23136
- "/assets/icons/play.svg": DW,
23137
- "/assets/icons/resetZoom.svg": OW,
23138
- "/assets/icons/singlepanel.svg": kW,
23139
- "/assets/icons/tooltips.svg": AW,
23140
- "/assets/icons/undock.svg": jW,
23141
- "/assets/icons/zoomIn.svg": MW,
23142
- "/assets/icons/zoomOut.svg": NW
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(zW).map((e) => {
23145
- let t = PW(zW[e], IW, LW, RW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
23146
- return FW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
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 BW = !0, VW = !0, HW = /* #__PURE__ */ Object.assign({
23149
- "/assets/icons/2horpanel.svg": tW,
23150
- "/assets/icons/2vertpanel.svg": nW,
23151
- "/assets/icons/3panel.svg": rW,
23152
- "/assets/icons/4panel.svg": iW,
23153
- "/assets/icons/5panel.svg": aW,
23154
- "/assets/icons/6panel.svg": oW,
23155
- "/assets/icons/6panelVertical.svg": sW,
23156
- "/assets/icons/changeBckgd.svg": cW,
23157
- "/assets/icons/close-no-bk.svg": lW,
23158
- "/assets/icons/close.svg": uW,
23159
- "/assets/icons/closeFullScreen.svg": dW,
23160
- "/assets/icons/comment.svg": fW,
23161
- "/assets/icons/connection.svg": pW,
23162
- "/assets/icons/dock.svg": mW,
23163
- "/assets/icons/drawLine.svg": hW,
23164
- "/assets/icons/drawPoint.svg": gW,
23165
- "/assets/icons/drawPolygon.svg": _W,
23166
- "/assets/icons/drawTrash.svg": vW,
23167
- "/assets/icons/fitWindow.svg": yW,
23168
- "/assets/icons/fullScreen.svg": bW,
23169
- "/assets/icons/help.svg": xW,
23170
- "/assets/icons/magnifyingGlass.svg": SW,
23171
- "/assets/icons/noun-filter.svg": CW,
23172
- "/assets/icons/openMap.svg": wW,
23173
- "/assets/icons/pause.svg": TW,
23174
- "/assets/icons/permalink.svg": EW,
23175
- "/assets/icons/play.svg": DW,
23176
- "/assets/icons/resetZoom.svg": OW,
23177
- "/assets/icons/singlepanel.svg": kW,
23178
- "/assets/icons/tooltips.svg": AW,
23179
- "/assets/icons/undock.svg": jW,
23180
- "/assets/icons/zoomIn.svg": MW,
23181
- "/assets/icons/zoomOut.svg": NW
23182
- }), UW = {
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: HW,
23185
- svgSprite: Object.keys(HW).map((e) => {
23186
- let t = PW(HW[e], BW, VW), n = e.replace(/^.+\/(\w+).svg$/, "$1");
23187
- return FW(t).replace("<svg", `<symbol id="${n}"`).replace("svg>", "symbol>");
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
- }, WW = ["innerHTML"];
23190
- function GW(e, t, n, r, i, a) {
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, WW);
23214
+ }, null, 8, VW);
23197
23215
  }
23198
- var KW = /*#__PURE__*/ QU(UW, [["render", GW]]), qW = /* @__PURE__ */ dt((/* @__PURE__ */ ct(((e, t) => {
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), JW = (e, t) => {
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
- }, YW = class {
25028
+ }, KW = class {
25011
25029
  constructor(e, t, n = "https://api.pennsieve.io") {
25012
- this.client = (0, qW.default)(e, t), this.PENNSIEVE_API_LOCATION = n;
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 = JW(l, 2), f = JW(u, 3);
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
- }, XW = [
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 ZW(e = void 0) {
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 = QW(e);
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 `, XW.map((e) => [e.facetPropPath, e.facetFilterPath]).map(([e, r]) => {
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 QW(e) {
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 $W = function(e) {
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] ? PU(yz[t]) : e === e.toUpperCase() ? e : PU(t);
25284
- }, eG = {
25303
+ return yz[t] ? XW(yz[t]) : e === e.toUpperCase() ? e : XW(t);
25304
+ }, QW = {
25285
25305
  name: "SearchFilters",
25286
25306
  components: {
25287
- MapSvgIcon: eW,
25288
- MapSvgSpriteColor: KW
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 = t.key;
25375
- if (e?.length) for (let i = 0; i < e.length; i++) {
25376
- let a = e[i];
25377
- if (e[i].facetPropPath !== "supportingAwards.consortium.name" && (r === "sourceNomenclatureLabel" ? e[i].label = a.label : e[i].label = $W(a.label)), a.key && r.includes("flatmap.connectivity.source.")) {
25378
- let n = a.key.replace(`${r}.`, "");
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 r = n.slice();
25382
- r.push(a.label), e[i].value = this.createCascaderItemValue(r), this.createChildrenCascaderValue(a.children, t, r);
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 = $W(t.label), e[n].value = this.createCascaderItemValue([t.key]), e[n].children.find((e) => e.label === "Show all") || e[n].children.unshift({
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(XW).then((e) => {
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([PU(e.term), e.facet])];
25620
+ let t = [e.facetPropPath, this.createCascaderItemValue([XW(e.term), e.facet])];
25602
25621
  return e.facet2 && (t.push(this.createCascaderItemValue([
25603
- PU(e.term),
25622
+ XW(e.term),
25604
25623
  e.facet,
25605
25624
  e.facet2
25606
25625
  ])), e.facet3 && t.push(this.createCascaderItemValue([
25607
- PU(e.term),
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 YW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.algoliaClient.setLocalStorageForTermMapping()), this.populateCascader().then(() => {
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
- }, tG = { class: "filters" }, nG = { key: 0 }, rG = {
25754
+ }, $W = { class: "filters" }, eG = { key: 0 }, tG = {
25736
25755
  key: 0,
25737
25756
  class: "cascader-tag"
25738
- }, iG = { class: "el-tags-container" }, aG = { class: "el-tags-container" }, oG = { class: "search-filters transition-box" }, sG = { key: 0 }, cG = { class: "sidebar-cascader-search el-input" }, lG = { class: "el-input__wrapper" }, uG = ["value", "onInput"], dG = { key: 1 }, fG = {
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
- }, pG = {
25760
+ }, dG = {
25742
25761
  key: 0,
25743
25762
  class: "filter-default-value"
25744
- }, mG = { class: "dataset-shown" }, hG = { class: "dataset-results-feedback" };
25745
- function gG(e, n, r, i, a, o) {
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", tG, [
25766
+ return L(), u("div", $W, [
25748
25767
  m(s),
25749
- o.showFilters && e.options.length > 0 ? (L(), u("div", nG, [e.presentTags.length > 0 ? (L(), u("div", rG, [m(f, {
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", iG, [(L(!0), u(t, null, ie(e.presentTags.slice(1), (e, t) => (L(), c(f, {
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", aG, [e.presentTags.length > 1 ? (L(), c(f, {
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", oG, [
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", sG, [d("div", cG, [d("div", lG, [d("input", {
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, uG)])])])) : (L(), u("div", dG, [m(_, null, {
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", fG, U(o.getNodeKey(t.value)), 1)) : l("", !0), d("div", { style: k(o.getBackgroundStyles(r)) }, U(r.label), 5)]),
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", pG, "Filters")) : l("", !0),
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", mG, [d("span", hG, U(o.numberOfResultsText), 1), m(x, {
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 _G = /*#__PURE__*/ uS(eG, [["render", gG], ["__scopeId", "data-v-30ec8d0a"]]), vG = async function(e) {
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
- }, yG = {
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
- }, bG = {
25913
+ }, vG = {
25895
25914
  components: {
25896
- SearchFilters: _G,
25915
+ SearchFilters: hG,
25897
25916
  DatasetCard: MU,
25898
- SearchHistory: ZU,
25899
- MapSvgIcon: eW
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: () => yG
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(ZW(e), t).then((e) => {
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(ZW(e), t, this.numberPerPage, this.page).then((e) => {
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(vG).then((e) => e.json()).then((t) => e(t)).catch((e) => r(e));
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(XW);
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 YW(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.openSearch(this.filter, this.searchInput);
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
- }, xG = { class: "header" }, SG = {
26136
+ }, yG = { class: "header" }, bG = {
26118
26137
  class: "content scrollbar",
26119
26138
  ref: "content"
26120
- }, CG = {
26139
+ }, xG = {
26121
26140
  key: 0,
26122
26141
  class: "error-feedback"
26123
26142
  };
26124
- function wG(e, n, r, i, a, o) {
26125
- let s = Oh, f = H("MapSvgIcon"), h = kx, g = Rg, _ = _G, v = ZU, y = MU, b = wx, x = C_, S = Bx;
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", xG, [
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", SG, [
26225
- e.results.length === 0 && !e.loadingCards ? (L(), u("div", CG, " No results found - Please change your search / filter criteria. ")) : l("", !0),
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 TG = /*#__PURE__*/ uS(bG, [["render", wG], ["__scopeId", "data-v-96a11064"]]), EG = {}, DG = {
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
- }, TK = { class: "contributor-item" }, EK = { class: "popover-content" }, DK = { class: "popover-name" }, OK = {
26294
+ }, TG = { class: "contributor-item" }, EG = { class: "popover-content" }, DG = { class: "popover-name" }, OG = {
27163
26295
  key: 0,
27164
26296
  class: "popover-url"
27165
- }, kK = ["href"], AK = {
26297
+ }, kG = ["href"], AG = {
27166
26298
  key: 1,
27167
26299
  class: "popover-url"
27168
- }, jK = ["href"], MK = {
26300
+ }, jG = ["href"], MG = {
27169
26301
  key: 2,
27170
26302
  class: "popover-organization"
27171
- }, NK = {
26303
+ }, NG = {
27172
26304
  key: 3,
27173
26305
  class: "popover-role"
27174
26306
  };
27175
- function PK(e, t, n, r, i, a) {
26307
+ function PG(e, t, n, r, i, a) {
27176
26308
  let o = kx;
27177
- return L(), u("div", TK, [m(o, {
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", EK, [
27186
- d("div", DK, U(n.contributor.name), 1),
27187
- n.contributor.orcidId ? (L(), u("div", OK, [
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, kK)
26325
+ }, U(a.orcidId), 9, kG)
27194
26326
  ])) : l("", !0),
27195
- a.rrid ? (L(), u("div", AK, [
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, jK)
26333
+ }, U(a.rrid), 9, jG)
27202
26334
  ])) : l("", !0),
27203
- n.contributor.organization ? (L(), u("div", MK, [t[4] ||= d("strong", null, "Organization", -1), p(" : " + U(n.contributor.organization), 1)])) : l("", !0),
27204
- n.contributor.role ? (L(), u("div", NK, [t[5] ||= d("strong", null, "Title", -1), p(" : " + U(n.contributor.role), 1)])) : l("", !0)
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 FK = /*#__PURE__*/ uS(wK, [["render", PK], ["__scopeId", "data-v-fe8a4738"]]), IK = (e) => e.replace(/\w\S*/g, (e) => e.charAt(0).toUpperCase() + e.substr(1).toLowerCase()), LK = {
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: FK
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 IK(e);
26486
+ return IG(e);
27353
26487
  },
27354
26488
  capitalise: function(e) {
27355
- return PU(e);
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 = PU(r || n);
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(`${PU(e)} (${r.id})`) : t.push(`${PU(e)}`);
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 = PU(e.sckanLabel || e.mapLabel || "-");
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 ? PU(e.sckanLabel) : "-", n = i(e.sckanId), r = n ? `${t} (${n})` : t;
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 = PU(e.mapLabel), o = i(e.mapId), l = o ? `${a} (${o})` : 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) => PU(e.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
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
- IU(this, "alertElement");
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 FU(e, { formatLines: !0 });
26845
+ return e ? e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").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
- }, RK = {
26857
+ }, zG = {
27714
26858
  key: 0,
27715
26859
  class: "main"
27716
- }, zK = { class: "connectivity-info-title" }, BK = { class: "title-content" }, VK = {
26860
+ }, BG = { class: "connectivity-info-title" }, VG = { class: "title-content" }, HG = {
27717
26861
  key: 0,
27718
26862
  class: "block"
27719
- }, HK = { class: "title-group" }, UK = { class: "subtitle" }, WK = { class: "id-tag" }, GK = {
26863
+ }, UG = { class: "title-group" }, WG = { class: "subtitle" }, GG = { class: "id-tag" }, KG = {
27720
26864
  key: 0,
27721
26865
  class: "subtitle"
27722
- }, KK = {
26866
+ }, qG = {
27723
26867
  key: 1,
27724
26868
  class: "block"
27725
- }, qK = { class: "title" }, JK = { class: "title-buttons" }, YK = { class: "block attribute-title-container" }, XK = {
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
- }, ZK = {
26872
+ }, QG = {
27729
26873
  key: 1,
27730
26874
  style: { "word-break": "keep-all" }
27731
- }, QK = {
26875
+ }, $G = {
27732
26876
  key: 2,
27733
26877
  class: "connectivity-legends"
27734
- }, $K = { class: "block buttons-row" }, eq = {
26878
+ }, eK = { class: "block buttons-row" }, tK = {
27735
26879
  key: 0,
27736
26880
  class: "population-details-source"
27737
- }, tq = {
26881
+ }, nK = {
27738
26882
  key: 0,
27739
26883
  class: "block"
27740
- }, nq = ["origin-item-label"], rq = ["origin-item-label", "onMouseenter"], iq = { class: "content-container content-container-connectivity" }, aq = { class: "content-container content-container-connectivity" }, oq = {
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
- }, sq = {
26887
+ }, cK = {
27744
26888
  key: 2,
27745
26889
  ref: "alertElement",
27746
26890
  class: "content-container content-container-alert"
27747
- }, cq = { class: "block" }, lq = ["innerHTML"], uq = {
26891
+ }, lK = { class: "block" }, uK = ["innerHTML"], dK = {
27748
26892
  key: 3,
27749
26893
  class: "content-container"
27750
- }, dq = { class: "block consultant-block" }, fq = {
26894
+ }, fK = { class: "block consultant-block" }, pK = {
27751
26895
  key: 1,
27752
26896
  class: "consultant-loading"
27753
- }, pq = {
26897
+ }, mK = {
27754
26898
  key: 2,
27755
26899
  class: "consultant-error"
27756
- }, mq = { key: 0 }, hq = { key: 1 }, gq = ["onClick"];
27757
- function _q(e, n, r, i, a, o) {
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 = FK, M = Bx;
27759
- return o.entry ? (L(), u("div", RK, [
27760
- d("div", zK, [d("div", BK, [o.entry.title ? (L(), u("div", VK, [
27761
- d("div", HK, [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", UK, [d("span", WK, U(o.entry.featureId[0]), 1), o.entry.featuresAlert?.length ? (L(), c(_, {
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", GK, U(o.provSpeciesDescription), 1)) : l("", !0)
27788
- ])) : (L(), u("div", KK, [d("div", qK, U(o.entry.featureId), 1)]))]), d("div", JK, [
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", YK, [n[10] ||= d("span", { class: "attribute-title" }, "Population Details", -1), e.activeView === "listView" ? (L(), c(y, {
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", XK, " This list is ordered alphabetically. Switch to graph view for path details, and use the legend below for reconciliation status. ")) : (L(), u("span", ZK, " This list is ordered alphabetically, switch to graph view for path details. ")), o.hasSingleConnectivityList ? (L(), u("div", QK, [...n[9] ||= [
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", $K, [o.hasSingleConnectivityList ? l("", !0) : (L(), u("div", eq, [d("span", null, [n[12] ||= p(" Connectivity from: ", -1), m(y, {
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", tq, [n[18] ||= d("div", { class: "attribute-title-container" }, [d("span", { class: "attribute-title" }, "Nerves")], -1), (L(!0), u(t, null, ie(o.entry["nerve-label"], (e, r) => (L(), u("div", { key: r }, [(L(), u("div", {
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, nq)), (L(!0), u(t, null, ie(e.subNerves, (e) => (L(), u("div", {
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, rq))), 128))]))), 128))])) : l("", !0),
27927
- Ce(d("div", iq, [o.hasSingleConnectivityList ? Ce((L(), c(E, {
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", aq, [e.graphViewLoaded ? (L(), u(t, { key: 0 }, [m(_, {
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", oq, [m(A, {
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", sq, [n[20] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Notes")], -1), d("div", cq, [(L(!0), u(t, null, ie(o.entry.featuresAlert, (e, t) => (L(), u("div", {
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, lq))), 128))])], 512)) : l("", !0),
28046
- e.expertConsultants.length ? (L(), u("div", uq, [n[23] ||= d("div", { class: "block attribute-title-container" }, [d("span", { class: "attribute-title" }, "Expert Consultants")], -1), d("ul", dq, [(L(!0), u(t, null, ie(e.expertConsultants, (e) => (L(), u("li", { key: e.url }, [e.name ? (L(), c(j, {
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", fq, [d("span", null, "Loading " + U(e.url), 1)])), e.error ? (L(), u("div", pq, [e.errorMessage ? (L(), u("span", mq, U(e.errorMessage), 1)) : (L(), u("span", hq, "Sorry, something went wrong.")), e.refreshable ? (L(), u(t, { key: 2 }, [
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, gq)
27199
+ }, "Reload", 8, _K)
28056
27200
  ], 64)) : l("", !0)])) : l("", !0)]))), 128))])])) : l("", !0)
28057
27201
  ])) : l("", !0);
28058
27202
  }
28059
- var vq = /*#__PURE__*/ uS(LK, [["render", _q], ["__scopeId", "data-v-f693e136"]]), yq = {
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 PU(e);
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
- }, bq = {
27244
+ }, xK = {
28101
27245
  class: "connectivity-card-container",
28102
27246
  ref: "container"
28103
- }, xq = {
27247
+ }, SK = {
28104
27248
  class: "connectivity-card",
28105
27249
  ref: "card"
28106
- }, Sq = { class: "card-title" }, Cq = {
27250
+ }, CK = { class: "card-title" }, wK = {
28107
27251
  key: 0,
28108
27252
  class: "card-details"
28109
- }, wq = {
27253
+ }, TK = {
28110
27254
  key: 0,
28111
27255
  class: "card-tags"
28112
- }, Tq = {
27256
+ }, EK = {
28113
27257
  key: 1,
28114
27258
  class: "id-tag"
28115
27259
  };
28116
- function Eq(e, n, r, i, a, o) {
27260
+ function DK(e, n, r, i, a, o) {
28117
27261
  let s = Ug, f = Bx;
28118
- return L(), u("div", bq, [d("div", xq, [n[1] ||= d("div", { class: "seperator-path" }, null, -1), Ce((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", Sq, U(o.capitalise(o.displayTitle)), 1), (L(!0), u(t, null, ie(a.displayFields, (e) => (L(), u(t, { key: e }, [r.entry[e] ? (L(), u("div", Cq, [e === "nerve-label" ? (L(), u("div", wq, [(L(!0), u(t, null, ie(r.entry[e], (e) => (L(), u("div", { key: e.nerve }, [m(s, {
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", Tq, U(r.entry[e]), 1))])) : l("", !0)], 64))), 128))])), [[f, o.loading]])], 512)], 512);
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 Dq = /*#__PURE__*/ uS(yq, [["render", Eq], ["__scopeId", "data-v-1ef041fb"]]), Oq = {
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
- }, kq = {
27290
+ }, AK = {
28147
27291
  components: {
28148
- SearchFilters: _G,
28149
- SearchHistory: ZU,
28150
- ConnectivityCard: Dq,
28151
- ConnectivityInfo: vq,
28152
- MapSvgIcon: eW,
28153
- MapSvgSpriteColor: KW
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: () => Oq
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
- }, Aq = { class: "header" }, jq = {
27555
+ }, jK = { class: "header" }, MK = {
28412
27556
  key: 0,
28413
27557
  class: "visibility-filter"
28414
- }, Mq = {
27558
+ }, NK = {
28415
27559
  key: 0,
28416
27560
  class: "error-feedback"
28417
- }, Nq = ["onMouseenter"];
28418
- function Pq(e, n, r, i, a, o) {
28419
- let s = H("MapSvgSpriteColor"), f = Oh, h = H("MapSvgIcon"), g = kx, _ = Rg, v = Mv, y = _G, b = ZU, x = Dq, S = vq, C = wx, w = C_, T = Bx;
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", Aq, [
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", jq, [m(v, {
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", Mq, " No results found - Please change your search / filter criteria. ")) : l("", !0),
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, Nq))), 128)),
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 Fq = /*#__PURE__*/ uS(kq, [["render", Pq], ["__scopeId", "data-v-3eee4b39"]]), Iq = {
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
- }, Lq = { class: "annotation-tool scrollbar" }, Rq = {
27804
+ }, RK = { class: "annotation-tool scrollbar" }, zK = {
28661
27805
  key: 1,
28662
27806
  class: "delete-container"
28663
27807
  };
28664
- function zq(e, t, n, r, i, a) {
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", Lq, [
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", Rq, [m(h, null, {
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 Bq = /*#__PURE__*/ uS(Iq, [["render", zq], ["__scopeId", "data-v-5ab1d8ef"]]), Vq = {
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
- }, Hq = { class: "tabs-container" }, Uq = ["onClick"], Wq = { class: "tab-title" };
28764
- function Gq(e, n, r, i, a, o) {
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", Hq, [(L(!0), u(t, null, ie(o.tabs, (e) => (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", Wq, U(e.title), 1), e.closable ? (L(), c(f, {
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, Uq))), 128))]);
27921
+ }, 8, ["onClick"])) : l("", !0)], 10, WK))), 128))]);
28781
27922
  }
28782
- var Kq = /*#__PURE__*/ uS(Vq, [["render", Gq], ["__scopeId", "data-v-82b26025"]]), qq = {
27923
+ var qK = /*#__PURE__*/ uS(HK, [["render", KK], ["__scopeId", "data-v-5dc8af1d"]]), JK = {
28783
27924
  components: {
28784
- DatasetExplorer: TG,
28785
- Tabs: Kq,
27925
+ DatasetExplorer: CG,
27926
+ Tabs: qK,
28786
27927
  ElIconArrowLeft: De,
28787
27928
  ElIconArrowRight: Oe,
28788
- AnnotationTool: Bq,
28789
- ConnectivityExplorer: Fq,
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 = QW(e.getFilters()));
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
- let t = JSON.parse(JSON.stringify(e));
29060
- this.state = {
29061
- ...this.state,
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 || e.type === "cellCardExplorer" && this.showCellCards);
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
- }, Jq = { ref: "container" }, Yq = { class: "box-card" }, Xq = { class: "sidebar-container" };
29115
- function Zq(e, n, r, i, a, o) {
29116
- let s = De, f = zp, p = Oe, h = Kq, g = Bq, _ = Fq, v = CK, y = TG, b = Uy;
29117
- return L(), u("div", Jq, [e.drawerOpen ? l("", !0) : (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(b, {
28210
+ })])), m(y, {
29125
28211
  class: "side-bar my-drawer",
29126
28212
  modelValue: e.drawerOpen,
29127
- "onUpdate:modelValue": n[9] ||= (t) => e.drawerOpen = t,
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", Yq, [e.drawerOpen ? (L(), u("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", Xq, [o.tabEntries.length > 1 ? (L(), c(h, {
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]]) : i.type === "cellCardExplorer" && r.showCellCards ? Ce((L(), c(v, {
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 Qq = /*#__PURE__*/ uS(qq, [["render", Zq], ["__scopeId", "data-v-0489e799"]]);
28313
+ var $K = /*#__PURE__*/ uS(JK, [["render", QK], ["__scopeId", "data-v-e2911198"]]);
29246
28314
  //#endregion
29247
- export { Qq as SideBar };
28315
+ export { $K as SideBar };