", "symbol>");
}), R6 = {
name: "MapSvgSpriteColor",
svgContext: Pc,
svgSprite: $6.join(`
`)
// concatenate all symbols into $options.svgSprite
}, N6 = ["innerHTML"];
function L6(e, t, n, r, o, a) {
return C(), F("svg", {
width: "0",
height: "0",
style: { display: "none" },
innerHTML: e.$options.svgSprite
}, null, 8, N6);
}
const Jy = /* @__PURE__ */ fy(R6, [["render", L6]]);
var Zy = { exports: {} };
/*! algoliasearch.umd.js | 4.23.2 | © Algolia, inc. | https://github.com/algolia/algoliasearch-client-javascript */
(function(e, t) {
(function(n, r) {
e.exports = r();
})(cT, function() {
function n(b, S, _) {
return S in b ? Object.defineProperty(b, S, { value: _, enumerable: !0, configurable: !0, writable: !0 }) : b[S] = _, b;
}
function r(b, S) {
var _ = Object.keys(b);
if (Object.getOwnPropertySymbols) {
var O = Object.getOwnPropertySymbols(b);
S && (O = O.filter(function(B) {
return Object.getOwnPropertyDescriptor(b, B).enumerable;
})), _.push.apply(_, O);
}
return _;
}
function o(b) {
for (var S = 1; S < arguments.length; S++) {
var _ = arguments[S] != null ? arguments[S] : {};
S % 2 ? r(Object(_), !0).forEach(function(O) {
n(b, O, _[O]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(b, Object.getOwnPropertyDescriptors(_)) : r(Object(_)).forEach(function(O) {
Object.defineProperty(b, O, Object.getOwnPropertyDescriptor(_, O));
});
}
return b;
}
function a(b, S) {
if (b == null) return {};
var _, O, B = function(ie, Q) {
if (ie == null) return {};
var ae, ge, fe = {}, Ee = Object.keys(ie);
for (ge = 0; ge < Ee.length; ge++) ae = Ee[ge], Q.indexOf(ae) >= 0 || (fe[ae] = ie[ae]);
return fe;
}(b, S);
if (Object.getOwnPropertySymbols) {
var ne = Object.getOwnPropertySymbols(b);
for (O = 0; O < ne.length; O++) _ = ne[O], S.indexOf(_) >= 0 || Object.prototype.propertyIsEnumerable.call(b, _) && (B[_] = b[_]);
}
return B;
}
function s(b, S) {
return function(_) {
if (Array.isArray(_)) return _;
}(b) || function(_, O) {
if (Symbol.iterator in Object(_) || Object.prototype.toString.call(_) === "[object Arguments]") {
var B = [], ne = !0, ie = !1, Q = void 0;
try {
for (var ae, ge = _[Symbol.iterator](); !(ne = (ae = ge.next()).done) && (B.push(ae.value), !O || B.length !== O); ne = !0) ;
} catch (fe) {
ie = !0, Q = fe;
} finally {
try {
ne || ge.return == null || ge.return();
} finally {
if (ie) throw Q;
}
}
return B;
}
}(b, S) || function() {
throw new TypeError("Invalid attempt to destructure non-iterable instance");
}();
}
function i(b) {
return function(S) {
if (Array.isArray(S)) {
for (var _ = 0, O = new Array(S.length); _ < S.length; _++) O[_] = S[_];
return O;
}
}(b) || function(S) {
if (Symbol.iterator in Object(S) || Object.prototype.toString.call(S) === "[object Arguments]") return Array.from(S);
}(b) || function() {
throw new TypeError("Invalid attempt to spread non-iterable instance");
}();
}
function l(b) {
var S, _ = "algoliasearch-client-js-".concat(b.key), O = function() {
return S === void 0 && (S = b.localStorage || window.localStorage), S;
}, B = function() {
return JSON.parse(O().getItem(_) || "{}");
}, ne = function(Q) {
O().setItem(_, JSON.stringify(Q));
}, ie = function() {
var Q = b.timeToLive ? 1e3 * b.timeToLive : null, ae = B(), ge = Object.fromEntries(Object.entries(ae).filter(function(Ee) {
return s(Ee, 2)[1].timestamp !== void 0;
}));
if (ne(ge), Q) {
var fe = Object.fromEntries(Object.entries(ge).filter(function(Ee) {
var ke = s(Ee, 2)[1], Me = (/* @__PURE__ */ new Date()).getTime();
return !(ke.timestamp + Q < Me);
}));
ne(fe);
}
};
return { get: function(Q, ae) {
var ge = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} };
return Promise.resolve().then(function() {
ie();
var fe = JSON.stringify(Q);
return B()[fe];
}).then(function(fe) {
return Promise.all([fe ? fe.value : ae(), fe !== void 0]);
}).then(function(fe) {
var Ee = s(fe, 2), ke = Ee[0], Me = Ee[1];
return Promise.all([ke, Me || ge.miss(ke)]);
}).then(function(fe) {
return s(fe, 1)[0];
});
}, set: function(Q, ae) {
return Promise.resolve().then(function() {
var ge = B();
return ge[JSON.stringify(Q)] = { timestamp: (/* @__PURE__ */ new Date()).getTime(), value: ae }, O().setItem(_, JSON.stringify(ge)), ae;
});
}, delete: function(Q) {
return Promise.resolve().then(function() {
var ae = B();
delete ae[JSON.stringify(Q)], O().setItem(_, JSON.stringify(ae));
});
}, clear: function() {
return Promise.resolve().then(function() {
O().removeItem(_);
});
} };
}
function c(b) {
var S = i(b.caches), _ = S.shift();
return _ === void 0 ? { get: function(O, B) {
var ne = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} }, ie = B();
return ie.then(function(Q) {
return Promise.all([Q, ne.miss(Q)]);
}).then(function(Q) {
return s(Q, 1)[0];
});
}, set: function(O, B) {
return Promise.resolve(B);
}, delete: function(O) {
return Promise.resolve();
}, clear: function() {
return Promise.resolve();
} } : { get: function(O, B) {
var ne = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} };
return _.get(O, B, ne).catch(function() {
return c({ caches: S }).get(O, B, ne);
});
}, set: function(O, B) {
return _.set(O, B).catch(function() {
return c({ caches: S }).set(O, B);
});
}, delete: function(O) {
return _.delete(O).catch(function() {
return c({ caches: S }).delete(O);
});
}, clear: function() {
return _.clear().catch(function() {
return c({ caches: S }).clear();
});
} };
}
function u() {
var b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { serializable: !0 }, S = {};
return { get: function(_, O) {
var B = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} }, ne = JSON.stringify(_);
if (ne in S) return Promise.resolve(b.serializable ? JSON.parse(S[ne]) : S[ne]);
var ie = O(), Q = B && B.miss || function() {
return Promise.resolve();
};
return ie.then(function(ae) {
return Q(ae);
}).then(function() {
return ie;
});
}, set: function(_, O) {
return S[JSON.stringify(_)] = b.serializable ? JSON.stringify(O) : O, Promise.resolve(O);
}, delete: function(_) {
return delete S[JSON.stringify(_)], Promise.resolve();
}, clear: function() {
return S = {}, Promise.resolve();
} };
}
function f(b, S, _) {
var O = { "x-algolia-api-key": _, "x-algolia-application-id": S };
return { headers: function() {
return b === y.WithinHeaders ? O : {};
}, queryParameters: function() {
return b === y.WithinQueryParameters ? O : {};
} };
}
function g(b) {
var S = 0;
return b(function _() {
return S++, new Promise(function(O) {
setTimeout(function() {
O(b(_));
}, Math.min(100 * S, 1e3));
});
});
}
function v(b) {
var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : function(_, O) {
return Promise.resolve();
};
return Object.assign(b, { wait: function(_) {
return v(b.then(function(O) {
return Promise.all([S(O, _), O]);
}).then(function(O) {
return O[1];
}));
} });
}
function d(b) {
for (var S = b.length - 1; S > 0; S--) {
var _ = Math.floor(Math.random() * (S + 1)), O = b[S];
b[S] = b[_], b[_] = O;
}
return b;
}
function h(b, S) {
return S && Object.keys(S).forEach(function(_) {
b[_] = S[_](b);
}), b;
}
function m(b) {
for (var S = arguments.length, _ = new Array(S > 1 ? S - 1 : 0), O = 1; O < S; O++) _[O - 1] = arguments[O];
var B = 0;
return b.replace(/%s/g, function() {
return encodeURIComponent(_[B++]);
});
}
var y = { WithinQueryParameters: 0, WithinHeaders: 1 };
function x(b, S) {
var _ = b || {}, O = _.data || {};
return Object.keys(_).forEach(function(B) {
["timeout", "headers", "queryParameters", "data", "cacheable"].indexOf(B) === -1 && (O[B] = _[B]);
}), { data: Object.entries(O).length > 0 ? O : void 0, timeout: _.timeout || S, headers: _.headers || {}, queryParameters: _.queryParameters || {}, cacheable: _.cacheable };
}
var A = { Read: 1, Write: 2, Any: 3 }, k = 1, E = 2, T = 3;
function I(b) {
var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : k;
return o(o({}, b), {}, { status: S, lastUpdate: Date.now() });
}
function R(b) {
return typeof b == "string" ? { protocol: "https", url: b, accept: A.Any } : { protocol: b.protocol || "https", url: b.url, accept: b.accept || A.Any };
}
var D = "DELETE", W = "GET", z = "POST", U = "PUT";
function X(b, S) {
return Promise.all(S.map(function(_) {
return b.get(_, function() {
return Promise.resolve(I(_));
});
})).then(function(_) {
var O = _.filter(function(ie) {
return function(Q) {
return Q.status === k || Date.now() - Q.lastUpdate > 12e4;
}(ie);
}), B = _.filter(function(ie) {
return function(Q) {
return Q.status === T && Date.now() - Q.lastUpdate <= 12e4;
}(ie);
}), ne = [].concat(i(O), i(B));
return { getTimeout: function(ie, Q) {
return (B.length === 0 && ie === 0 ? 1 : B.length + 3 + ie) * Q;
}, statelessHosts: ne.length > 0 ? ne.map(function(ie) {
return R(ie);
}) : S };
});
}
function de(b, S, _, O) {
var B = [], ne = function(ke, Me) {
if (!(ke.method === W || ke.data === void 0 && Me.data === void 0)) {
var Fe = Array.isArray(ke.data) ? ke.data : o(o({}, ke.data), Me.data);
return JSON.stringify(Fe);
}
}(_, O), ie = function(ke, Me) {
var Fe = o(o({}, ke.headers), Me.headers), et = {};
return Object.keys(Fe).forEach(function(lt) {
var Yt = Fe[lt];
et[lt.toLowerCase()] = Yt;
}), et;
}(b, O), Q = _.method, ae = _.method !== W ? {} : o(o({}, _.data), O.data), ge = o(o(o({ "x-algolia-agent": b.userAgent.value }, b.queryParameters), ae), O.queryParameters), fe = 0, Ee = function ke(Me, Fe) {
var et = Me.pop();
if (et === void 0) throw { name: "RetryError", message: "Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.", transporterStackTrace: me(B) };
var lt = { data: ne, headers: ie, method: Q, url: Z(et, _.path, ge), connectTimeout: Fe(fe, b.timeouts.connect), responseTimeout: Fe(fe, O.timeout) }, Yt = function(Xt) {
var Lt = { request: lt, response: Xt, host: et, triesLeft: Me.length };
return B.push(Lt), Lt;
}, la = { onSuccess: function(Xt) {
return function(Lt) {
try {
return JSON.parse(Lt.content);
} catch (Hr) {
throw /* @__PURE__ */ function(xr, _o) {
return { name: "DeserializationError", message: xr, response: _o };
}(Hr.message, Lt);
}
}(Xt);
}, onRetry: function(Xt) {
var Lt = Yt(Xt);
return Xt.isTimedOut && fe++, Promise.all([b.logger.info("Retryable failure", Ne(Lt)), b.hostsCache.set(et, I(et, Xt.isTimedOut ? T : E))]).then(function() {
return ke(Me, Fe);
});
}, onFail: function(Xt) {
throw Yt(Xt), function(Lt, Hr) {
var xr = Lt.content, _o = Lt.status, ca = xr;
try {
ca = JSON.parse(xr).message;
} catch {
}
return /* @__PURE__ */ function(gs, kl, kb) {
return { name: "ApiError", message: gs, status: kl, transporterStackTrace: kb };
}(ca, _o, Hr);
}(Xt, me(B));
} };
return b.requester.send(lt).then(function(Xt) {
return function(Lt, Hr) {
return function(xr) {
var _o = xr.status;
return xr.isTimedOut || function(ca) {
var gs = ca.isTimedOut, kl = ca.status;
return !gs && ~~kl == 0;
}(xr) || ~~(_o / 100) != 2 && ~~(_o / 100) != 4;
}(Lt) ? Hr.onRetry(Lt) : ~~(Lt.status / 100) == 2 ? Hr.onSuccess(Lt) : Hr.onFail(Lt);
}(Xt, la);
});
};
return X(b.hostsCache, S).then(function(ke) {
return Ee(i(ke.statelessHosts).reverse(), ke.getTimeout);
});
}
function re(b) {
var S = b.hostsCache, _ = b.logger, O = b.requester, B = b.requestsCache, ne = b.responsesCache, ie = b.timeouts, Q = b.userAgent, ae = b.hosts, ge = b.queryParameters, fe = { hostsCache: S, logger: _, requester: O, requestsCache: B, responsesCache: ne, timeouts: ie, userAgent: Q, headers: b.headers, queryParameters: ge, hosts: ae.map(function(Ee) {
return R(Ee);
}), read: function(Ee, ke) {
var Me = x(ke, fe.timeouts.read), Fe = function() {
return de(fe, fe.hosts.filter(function(lt) {
return (lt.accept & A.Read) != 0;
}), Ee, Me);
};
if ((Me.cacheable !== void 0 ? Me.cacheable : Ee.cacheable) !== !0) return Fe();
var et = { request: Ee, mappedRequestOptions: Me, transporter: { queryParameters: fe.queryParameters, headers: fe.headers } };
return fe.responsesCache.get(et, function() {
return fe.requestsCache.get(et, function() {
return fe.requestsCache.set(et, Fe()).then(function(lt) {
return Promise.all([fe.requestsCache.delete(et), lt]);
}, function(lt) {
return Promise.all([fe.requestsCache.delete(et), Promise.reject(lt)]);
}).then(function(lt) {
var Yt = s(lt, 2);
return Yt[0], Yt[1];
});
});
}, { miss: function(lt) {
return fe.responsesCache.set(et, lt);
} });
}, write: function(Ee, ke) {
return de(fe, fe.hosts.filter(function(Me) {
return (Me.accept & A.Write) != 0;
}), Ee, x(ke, fe.timeouts.write));
} };
return fe;
}
function L(b) {
var S = { value: "Algolia for JavaScript (".concat(b, ")"), add: function(_) {
var O = "; ".concat(_.segment).concat(_.version !== void 0 ? " (".concat(_.version, ")") : "");
return S.value.indexOf(O) === -1 && (S.value = "".concat(S.value).concat(O)), S;
} };
return S;
}
function Z(b, S, _) {
var O = ve(_), B = "".concat(b.protocol, "://").concat(b.url, "/").concat(S.charAt(0) === "/" ? S.substr(1) : S);
return O.length && (B += "?".concat(O)), B;
}
function ve(b) {
return Object.keys(b).map(function(S) {
return m("%s=%s", S, (_ = b[S], Object.prototype.toString.call(_) === "[object Object]" || Object.prototype.toString.call(_) === "[object Array]" ? JSON.stringify(b[S]) : b[S]));
var _;
}).join("&");
}
function me(b) {
return b.map(function(S) {
return Ne(S);
});
}
function Ne(b) {
var S = b.request.headers["x-algolia-api-key"] ? { "x-algolia-api-key": "*****" } : {};
return o(o({}, b), {}, { request: o(o({}, b.request), {}, { headers: o(o({}, b.request.headers), S) }) });
}
var _e = function(b) {
return function(S, _) {
return b.transporter.write({ method: z, path: "2/abtests", data: S }, _);
};
}, ze = function(b) {
return function(S, _) {
return b.transporter.write({ method: D, path: m("2/abtests/%s", S) }, _);
};
}, at = function(b) {
return function(S, _) {
return b.transporter.read({ method: W, path: m("2/abtests/%s", S) }, _);
};
}, Ge = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "2/abtests" }, S);
};
}, Le = function(b) {
return function(S, _) {
return b.transporter.write({ method: z, path: m("2/abtests/%s/stop", S) }, _);
};
}, Ke = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "1/strategies/personalization" }, S);
};
}, nt = function(b) {
return function(S, _) {
return b.transporter.write({ method: z, path: "1/strategies/personalization", data: S }, _);
};
};
function dt(b) {
return function S(_) {
return b.request(_).then(function(O) {
if (b.batch !== void 0 && b.batch(O.hits), !b.shouldStop(O)) return O.cursor ? S({ cursor: O.cursor }) : S({ page: (_.page || 0) + 1 });
});
}({});
}
var Cn = function(b) {
return function(S, _) {
var O = _ || {}, B = O.queryParameters, ne = a(O, ["queryParameters"]), ie = o({ acl: S }, B !== void 0 ? { queryParameters: B } : {});
return v(b.transporter.write({ method: z, path: "1/keys", data: ie }, ne), function(Q, ae) {
return g(function(ge) {
return Je(b)(Q.key, ae).catch(function(fe) {
if (fe.status !== 404) throw fe;
return ge();
});
});
});
};
}, Rt = function(b) {
return function(S, _, O) {
var B = x(O);
return B.queryParameters["X-Algolia-User-ID"] = S, b.transporter.write({ method: z, path: "1/clusters/mapping", data: { cluster: _ } }, B);
};
}, Tt = function(b) {
return function(S, _, O) {
return b.transporter.write({ method: z, path: "1/clusters/mapping/batch", data: { users: S, cluster: _ } }, O);
};
}, st = function(b) {
return function(S, _) {
return v(b.transporter.write({ method: z, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: !0, requests: { action: "addEntry", body: [] } } }, _), function(O, B) {
return _r(b)(O.taskID, B);
});
};
}, gt = function(b) {
return function(S, _, O) {
return v(b.transporter.write({ method: z, path: m("1/indexes/%s/operation", S), data: { operation: "copy", destination: _ } }, O), function(B, ne) {
return it(b)(S, { methods: { waitTask: wt } }).waitTask(B.taskID, ne);
});
};
}, Wt = function(b) {
return function(S, _, O) {
return gt(b)(S, _, o(o({}, O), {}, { scope: [Sl.Rules] }));
};
}, Gt = function(b) {
return function(S, _, O) {
return gt(b)(S, _, o(o({}, O), {}, { scope: [Sl.Settings] }));
};
}, Et = function(b) {
return function(S, _, O) {
return gt(b)(S, _, o(o({}, O), {}, { scope: [Sl.Synonyms] }));
};
}, Jt = function(b) {
return function(S, _) {
return S.method === W ? b.transporter.read(S, _) : b.transporter.write(S, _);
};
}, Nt = function(b) {
return function(S, _) {
return v(b.transporter.write({ method: D, path: m("1/keys/%s", S) }, _), function(O, B) {
return g(function(ne) {
return Je(b)(S, B).then(ne).catch(function(ie) {
if (ie.status !== 404) throw ie;
});
});
});
};
}, Sn = function(b) {
return function(S, _, O) {
var B = _.map(function(ne) {
return { action: "deleteEntry", body: { objectID: ne } };
});
return v(b.transporter.write({ method: z, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: !1, requests: B } }, O), function(ne, ie) {
return _r(b)(ne.taskID, ie);
});
};
}, Je = function(b) {
return function(S, _) {
return b.transporter.read({ method: W, path: m("1/keys/%s", S) }, _);
};
}, Ot = function(b) {
return function(S, _) {
return b.transporter.read({ method: W, path: m("1/task/%s", S.toString()) }, _);
};
}, zt = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "/1/dictionaries/*/settings" }, S);
};
}, cn = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "1/logs" }, S);
};
}, It = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "1/clusters/mapping/top" }, S);
};
}, te = function(b) {
return function(S, _) {
return b.transporter.read({ method: W, path: m("1/clusters/mapping/%s", S) }, _);
};
}, $e = function(b) {
return function(S) {
var _ = S || {}, O = _.retrieveMappings, B = a(_, ["retrieveMappings"]);
return O === !0 && (B.getClusters = !0), b.transporter.read({ method: W, path: "1/clusters/mapping/pending" }, B);
};
}, it = function(b) {
return function(S) {
var _ = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, O = { transporter: b.transporter, appId: b.appId, indexName: S };
return h(O, _.methods);
};
}, Ht = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "1/keys" }, S);
};
}, un = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "1/clusters" }, S);
};
}, wo = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "1/indexes" }, S);
};
}, oa = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: "1/clusters/mapping" }, S);
};
}, Vr = function(b) {
return function(S, _, O) {
return v(b.transporter.write({ method: z, path: m("1/indexes/%s/operation", S), data: { operation: "move", destination: _ } }, O), function(B, ne) {
return it(b)(S, { methods: { waitTask: wt } }).waitTask(B.taskID, ne);
});
};
}, zr = function(b) {
return function(S, _) {
return v(b.transporter.write({ method: z, path: "1/indexes/*/batch", data: { requests: S } }, _), function(O, B) {
return Promise.all(Object.keys(O.taskID).map(function(ne) {
return it(b)(ne, { methods: { waitTask: wt } }).waitTask(O.taskID[ne], B);
}));
});
};
}, Y = function(b) {
return function(S, _) {
return b.transporter.read({ method: z, path: "1/indexes/*/objects", data: { requests: S } }, _);
};
}, pe = function(b) {
return function(S, _) {
var O = S.map(function(B) {
return o(o({}, B), {}, { params: ve(B.params || {}) });
});
return b.transporter.read({ method: z, path: "1/indexes/*/queries", data: { requests: O }, cacheable: !0 }, _);
};
}, he = function(b) {
return function(S, _) {
return Promise.all(S.map(function(O) {
var B = O.params, ne = B.facetName, ie = B.facetQuery, Q = a(B, ["facetName", "facetQuery"]);
return it(b)(O.indexName, { methods: { searchForFacetValues: fd } }).searchForFacetValues(ne, ie, o(o({}, _), Q));
}));
};
}, Ze = function(b) {
return function(S, _) {
var O = x(_);
return O.queryParameters["X-Algolia-User-ID"] = S, b.transporter.write({ method: D, path: "1/clusters/mapping" }, O);
};
}, dn = function(b) {
return function(S, _, O) {
var B = _.map(function(ne) {
return { action: "addEntry", body: ne };
});
return v(b.transporter.write({ method: z, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: !0, requests: B } }, O), function(ne, ie) {
return _r(b)(ne.taskID, ie);
});
};
}, Zt = function(b) {
return function(S, _) {
return v(b.transporter.write({ method: z, path: m("1/keys/%s/restore", S) }, _), function(O, B) {
return g(function(ne) {
return Je(b)(S, B).catch(function(ie) {
if (ie.status !== 404) throw ie;
return ne();
});
});
});
};
}, fn = function(b) {
return function(S, _, O) {
var B = _.map(function(ne) {
return { action: "addEntry", body: ne };
});
return v(b.transporter.write({ method: z, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: !1, requests: B } }, O), function(ne, ie) {
return _r(b)(ne.taskID, ie);
});
};
}, Co = function(b) {
return function(S, _, O) {
return b.transporter.read({ method: z, path: m("/1/dictionaries/%s/search", S), data: { query: _ }, cacheable: !0 }, O);
};
}, fs = function(b) {
return function(S, _) {
return b.transporter.read({ method: z, path: "1/clusters/mapping/search", data: { query: S } }, _);
};
}, ul = function(b) {
return function(S, _) {
return v(b.transporter.write({ method: U, path: "/1/dictionaries/*/settings", data: S }, _), function(O, B) {
return _r(b)(O.taskID, B);
});
};
}, dl = function(b) {
return function(S, _) {
var O = Object.assign({}, _), B = _ || {}, ne = B.queryParameters, ie = a(B, ["queryParameters"]), Q = ne ? { queryParameters: ne } : {}, ae = ["acl", "indexes", "referers", "restrictSources", "queryParameters", "description", "maxQueriesPerIPPerHour", "maxHitsPerQuery"];
return v(b.transporter.write({ method: U, path: m("1/keys/%s", S), data: Q }, ie), function(ge, fe) {
return g(function(Ee) {
return Je(b)(S, fe).then(function(ke) {
return function(Me) {
return Object.keys(O).filter(function(Fe) {
return ae.indexOf(Fe) !== -1;
}).every(function(Fe) {
if (Array.isArray(Me[Fe]) && Array.isArray(O[Fe])) {
var et = Me[Fe];
return et.length === O[Fe].length && et.every(function(lt, Yt) {
return lt === O[Fe][Yt];
});
}
return Me[Fe] === O[Fe];
});
}(ke) ? Promise.resolve() : Ee();
});
});
});
};
}, _r = function(b) {
return function(S, _) {
return g(function(O) {
return Ot(b)(S, _).then(function(B) {
return B.status !== "published" ? O() : void 0;
});
});
};
}, aa = function(b) {
return function(S, _) {
return v(b.transporter.write({ method: z, path: m("1/indexes/%s/batch", b.indexName), data: { requests: S } }, _), function(O, B) {
return wt(b)(O.taskID, B);
});
};
}, fl = function(b) {
return function(S) {
return dt(o(o({ shouldStop: function(_) {
return _.cursor === void 0;
} }, S), {}, { request: function(_) {
return b.transporter.read({ method: z, path: m("1/indexes/%s/browse", b.indexName), data: _ }, S);
} }));
};
}, sa = function(b) {
return function(S) {
var _ = o({ hitsPerPage: 1e3 }, S);
return dt(o(o({ shouldStop: function(O) {
return O.hits.length < _.hitsPerPage;
} }, _), {}, { request: function(O) {
return pd(b)("", o(o({}, _), O)).then(function(B) {
return o(o({}, B), {}, { hits: B.hits.map(function(ne) {
return delete ne._highlightResult, ne;
}) });
});
} }));
};
}, pl = function(b) {
return function(S) {
var _ = o({ hitsPerPage: 1e3 }, S);
return dt(o(o({ shouldStop: function(O) {
return O.hits.length < _.hitsPerPage;
} }, _), {}, { request: function(O) {
return hd(b)("", o(o({}, _), O)).then(function(B) {
return o(o({}, B), {}, { hits: B.hits.map(function(ne) {
return delete ne._highlightResult, ne;
}) });
});
} }));
};
}, ia = function(b) {
return function(S, _, O) {
var B = O || {}, ne = B.batchSize, ie = a(B, ["batchSize"]), Q = { taskIDs: [], objectIDs: [] };
return v(function ae() {
var ge, fe = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, Ee = [];
for (ge = fe; ge < S.length && (Ee.push(S[ge]), Ee.length !== (ne || 1e3)); ge++) ;
return Ee.length === 0 ? Promise.resolve(Q) : aa(b)(Ee.map(function(ke) {
return { action: _, body: ke };
}), ie).then(function(ke) {
return Q.objectIDs = Q.objectIDs.concat(ke.objectIDs), Q.taskIDs.push(ke.taskID), ge++, ae(ge);
});
}(), function(ae, ge) {
return Promise.all(ae.taskIDs.map(function(fe) {
return wt(b)(fe, ge);
}));
});
};
}, hl = function(b) {
return function(S) {
return v(b.transporter.write({ method: z, path: m("1/indexes/%s/clear", b.indexName) }, S), function(_, O) {
return wt(b)(_.taskID, O);
});
};
}, ps = function(b) {
return function(S) {
var _ = S || {}, O = _.forwardToReplicas, B = x(a(_, ["forwardToReplicas"]));
return O && (B.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: z, path: m("1/indexes/%s/rules/clear", b.indexName) }, B), function(ne, ie) {
return wt(b)(ne.taskID, ie);
});
};
}, vl = function(b) {
return function(S) {
var _ = S || {}, O = _.forwardToReplicas, B = x(a(_, ["forwardToReplicas"]));
return O && (B.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: z, path: m("1/indexes/%s/synonyms/clear", b.indexName) }, B), function(ne, ie) {
return wt(b)(ne.taskID, ie);
});
};
}, gl = function(b) {
return function(S, _) {
return v(b.transporter.write({ method: z, path: m("1/indexes/%s/deleteByQuery", b.indexName), data: S }, _), function(O, B) {
return wt(b)(O.taskID, B);
});
};
}, ml = function(b) {
return function(S) {
return v(b.transporter.write({ method: D, path: m("1/indexes/%s", b.indexName) }, S), function(_, O) {
return wt(b)(_.taskID, O);
});
};
}, yl = function(b) {
return function(S, _) {
return v(q(b)([S], _).then(function(O) {
return { taskID: O.taskIDs[0] };
}), function(O, B) {
return wt(b)(O.taskID, B);
});
};
}, q = function(b) {
return function(S, _) {
var O = S.map(function(B) {
return { objectID: B };
});
return ia(b)(O, ko.DeleteObject, _);
};
}, le = function(b) {
return function(S, _) {
var O = _ || {}, B = O.forwardToReplicas, ne = x(a(O, ["forwardToReplicas"]));
return B && (ne.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: D, path: m("1/indexes/%s/rules/%s", b.indexName, S) }, ne), function(ie, Q) {
return wt(b)(ie.taskID, Q);
});
};
}, Ae = function(b) {
return function(S, _) {
var O = _ || {}, B = O.forwardToReplicas, ne = x(a(O, ["forwardToReplicas"]));
return B && (ne.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: D, path: m("1/indexes/%s/synonyms/%s", b.indexName, S) }, ne), function(ie, Q) {
return wt(b)(ie.taskID, Q);
});
};
}, Xe = function(b) {
return function(S) {
return cd(b)(S).then(function() {
return !0;
}).catch(function(_) {
if (_.status !== 404) throw _;
return !1;
});
};
}, Zn = function(b) {
return function(S, _, O) {
return b.transporter.read({ method: z, path: m("1/answers/%s/prediction", b.indexName), data: { query: S, queryLanguages: _ }, cacheable: !0 }, O);
};
}, Er = function(b) {
return function(S, _) {
var O = _ || {}, B = O.query, ne = O.paginate, ie = a(O, ["query", "paginate"]), Q = 0;
return function ae() {
return dd(b)(B || "", o(o({}, ie), {}, { page: Q })).then(function(ge) {
for (var fe = 0, Ee = Object.entries(ge.hits); fe < Ee.length; fe++) {
var ke = s(Ee[fe], 2), Me = ke[0], Fe = ke[1];
if (S(Fe)) return { object: Fe, position: parseInt(Me, 10), page: Q };
}
if (Q++, ne === !1 || Q >= ge.nbPages) throw { name: "ObjectNotFoundError", message: "Object not found." };
return ae();
});
}();
};
}, So = function(b) {
return function(S, _) {
return b.transporter.read({ method: W, path: m("1/indexes/%s/%s", b.indexName, S) }, _);
};
}, cr = function() {
return function(b, S) {
for (var _ = 0, O = Object.entries(b.hits); _ < O.length; _++) {
var B = s(O[_], 2), ne = B[0];
if (B[1].objectID === S) return parseInt(ne, 10);
}
return -1;
};
}, kn = function(b) {
return function(S, _) {
var O = _ || {}, B = O.attributesToRetrieve, ne = a(O, ["attributesToRetrieve"]), ie = S.map(function(Q) {
return o({ indexName: b.indexName, objectID: Q }, B ? { attributesToRetrieve: B } : {});
});
return b.transporter.read({ method: z, path: "1/indexes/*/objects", data: { requests: ie } }, ne);
};
}, hs = function(b) {
return function(S, _) {
return b.transporter.read({ method: W, path: m("1/indexes/%s/rules/%s", b.indexName, S) }, _);
};
}, cd = function(b) {
return function(S) {
return b.transporter.read({ method: W, path: m("1/indexes/%s/settings", b.indexName), data: { getVersion: 2 } }, S);
};
}, ab = function(b) {
return function(S, _) {
return b.transporter.read({ method: W, path: m("1/indexes/%s/synonyms/%s", b.indexName, S) }, _);
};
}, sb = function(b) {
return function(S, _) {
return v(ud(b)([S], _).then(function(O) {
return { objectID: O.objectIDs[0], taskID: O.taskIDs[0] };
}), function(O, B) {
return wt(b)(O.taskID, B);
});
};
}, ud = function(b) {
return function(S, _) {
var O = _ || {}, B = O.createIfNotExists, ne = a(O, ["createIfNotExists"]), ie = B ? ko.PartialUpdateObject : ko.PartialUpdateObjectNoCreate;
return ia(b)(S, ie, ne);
};
}, ib = function(b) {
return function(S, _) {
var O = _ || {}, B = O.safe, ne = O.autoGenerateObjectIDIfNotExist, ie = O.batchSize, Q = a(O, ["safe", "autoGenerateObjectIDIfNotExist", "batchSize"]), ae = function(Fe, et, lt, Yt) {
return v(b.transporter.write({ method: z, path: m("1/indexes/%s/operation", Fe), data: { operation: lt, destination: et } }, Yt), function(la, Xt) {
return wt(b)(la.taskID, Xt);
});
}, ge = Math.random().toString(36).substring(7), fe = "".concat(b.indexName, "_tmp_").concat(ge), Ee = bl({ appId: b.appId, transporter: b.transporter, indexName: fe }), ke = [], Me = ae(b.indexName, fe, "copy", o(o({}, Q), {}, { scope: ["settings", "synonyms", "rules"] }));
return ke.push(Me), v((B ? Me.wait(Q) : Me).then(function() {
var Fe = Ee(S, o(o({}, Q), {}, { autoGenerateObjectIDIfNotExist: ne, batchSize: ie }));
return ke.push(Fe), B ? Fe.wait(Q) : Fe;
}).then(function() {
var Fe = ae(fe, b.indexName, "move", Q);
return ke.push(Fe), B ? Fe.wait(Q) : Fe;
}).then(function() {
return Promise.all(ke);
}).then(function(Fe) {
var et = s(Fe, 3), lt = et[0], Yt = et[1], la = et[2];
return { objectIDs: Yt.objectIDs, taskIDs: [lt.taskID].concat(i(Yt.taskIDs), [la.taskID]) };
}), function(Fe, et) {
return Promise.all(ke.map(function(lt) {
return lt.wait(et);
}));
});
};
}, lb = function(b) {
return function(S, _) {
return wl(b)(S, o(o({}, _), {}, { clearExistingRules: !0 }));
};
}, cb = function(b) {
return function(S, _) {
return Cl(b)(S, o(o({}, _), {}, { clearExistingSynonyms: !0 }));
};
}, ub = function(b) {
return function(S, _) {
return v(bl(b)([S], _).then(function(O) {
return { objectID: O.objectIDs[0], taskID: O.taskIDs[0] };
}), function(O, B) {
return wt(b)(O.taskID, B);
});
};
}, bl = function(b) {
return function(S, _) {
var O = _ || {}, B = O.autoGenerateObjectIDIfNotExist, ne = a(O, ["autoGenerateObjectIDIfNotExist"]), ie = B ? ko.AddObject : ko.UpdateObject;
if (ie === ko.UpdateObject) {
var Q = !0, ae = !1, ge = void 0;
try {
for (var fe, Ee = S[Symbol.iterator](); !(Q = (fe = Ee.next()).done); Q = !0)
if (fe.value.objectID === void 0) return v(Promise.reject({ name: "MissingObjectIDError", message: "All objects must have an unique objectID (like a primary key) to be valid. Algolia is also able to generate objectIDs automatically but *it's not recommended*. To do it, use the `{'autoGenerateObjectIDIfNotExist': true}` option." }));
} catch (ke) {
ae = !0, ge = ke;
} finally {
try {
Q || Ee.return == null || Ee.return();
} finally {
if (ae) throw ge;
}
}
}
return ia(b)(S, ie, ne);
};
}, db = function(b) {
return function(S, _) {
return wl(b)([S], _);
};
}, wl = function(b) {
return function(S, _) {
var O = _ || {}, B = O.forwardToReplicas, ne = O.clearExistingRules, ie = x(a(O, ["forwardToReplicas", "clearExistingRules"]));
return B && (ie.queryParameters.forwardToReplicas = 1), ne && (ie.queryParameters.clearExistingRules = 1), v(b.transporter.write({ method: z, path: m("1/indexes/%s/rules/batch", b.indexName), data: S }, ie), function(Q, ae) {
return wt(b)(Q.taskID, ae);
});
};
}, fb = function(b) {
return function(S, _) {
return Cl(b)([S], _);
};
}, Cl = function(b) {
return function(S, _) {
var O = _ || {}, B = O.forwardToReplicas, ne = O.clearExistingSynonyms, ie = O.replaceExistingSynonyms, Q = x(a(O, ["forwardToReplicas", "clearExistingSynonyms", "replaceExistingSynonyms"]));
return B && (Q.queryParameters.forwardToReplicas = 1), (ie || ne) && (Q.queryParameters.replaceExistingSynonyms = 1), v(b.transporter.write({ method: z, path: m("1/indexes/%s/synonyms/batch", b.indexName), data: S }, Q), function(ae, ge) {
return wt(b)(ae.taskID, ge);
});
};
}, dd = function(b) {
return function(S, _) {
return b.transporter.read({ method: z, path: m("1/indexes/%s/query", b.indexName), data: { query: S }, cacheable: !0 }, _);
};
}, fd = function(b) {
return function(S, _, O) {
return b.transporter.read({ method: z, path: m("1/indexes/%s/facets/%s/query", b.indexName, S), data: { facetQuery: _ }, cacheable: !0 }, O);
};
}, pd = function(b) {
return function(S, _) {
return b.transporter.read({ method: z, path: m("1/indexes/%s/rules/search", b.indexName), data: { query: S } }, _);
};
}, hd = function(b) {
return function(S, _) {
return b.transporter.read({ method: z, path: m("1/indexes/%s/synonyms/search", b.indexName), data: { query: S } }, _);
};
}, pb = function(b) {
return function(S, _) {
var O = _ || {}, B = O.forwardToReplicas, ne = x(a(O, ["forwardToReplicas"]));
return B && (ne.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: U, path: m("1/indexes/%s/settings", b.indexName), data: S }, ne), function(ie, Q) {
return wt(b)(ie.taskID, Q);
});
};
}, wt = function(b) {
return function(S, _) {
return g(function(O) {
return (/* @__PURE__ */ function(B) {
return function(ne, ie) {
return B.transporter.read({ method: W, path: m("1/indexes/%s/task/%s", B.indexName, ne.toString()) }, ie);
};
}(b))(S, _).then(function(B) {
return B.status !== "published" ? O() : void 0;
});
});
};
}, ko = { AddObject: "addObject", UpdateObject: "updateObject", PartialUpdateObject: "partialUpdateObject", PartialUpdateObjectNoCreate: "partialUpdateObjectNoCreate", DeleteObject: "deleteObject", DeleteIndex: "delete", ClearIndex: "clear" }, Sl = { Settings: "settings", Synonyms: "synonyms", Rules: "rules" }, hb = 1, vb = 2, gb = 3, vs = function(b) {
return function(S, _) {
var O = S.map(function(B) {
return o(o({}, B), {}, { threshold: B.threshold || 0 });
});
return b.transporter.read({ method: z, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: !0 }, _);
};
}, mb = function(b) {
return function(S, _) {
return vs(b)(S.map(function(O) {
return o(o({}, O), {}, { fallbackParameters: {}, model: "bought-together" });
}), _);
};
}, yb = function(b) {
return function(S, _) {
return vs(b)(S.map(function(O) {
return o(o({}, O), {}, { model: "related-products" });
}), _);
};
}, bb = function(b) {
return function(S, _) {
var O = S.map(function(B) {
return o(o({}, B), {}, { model: "trending-facets", threshold: B.threshold || 0 });
});
return b.transporter.read({ method: z, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: !0 }, _);
};
}, wb = function(b) {
return function(S, _) {
var O = S.map(function(B) {
return o(o({}, B), {}, { model: "trending-items", threshold: B.threshold || 0 });
});
return b.transporter.read({ method: z, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: !0 }, _);
};
}, Cb = function(b) {
return function(S, _) {
return vs(b)(S.map(function(O) {
return o(o({}, O), {}, { model: "looking-similar" });
}), _);
};
}, Sb = function(b) {
return function(S, _) {
var O = S.map(function(B) {
return o(o({}, B), {}, { model: "recommended-for-you", threshold: B.threshold || 0 });
});
return b.transporter.read({ method: z, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: !0 }, _);
};
};
function vd(b, S, _) {
var O, B = { appId: b, apiKey: S, timeouts: { connect: 1, read: 2, write: 30 }, requester: { send: function(Q) {
return new Promise(function(ae) {
var ge = new XMLHttpRequest();
ge.open(Q.method, Q.url, !0), Object.keys(Q.headers).forEach(function(Me) {
return ge.setRequestHeader(Me, Q.headers[Me]);
});
var fe, Ee = function(Me, Fe) {
return setTimeout(function() {
ge.abort(), ae({ status: 0, content: Fe, isTimedOut: !0 });
}, 1e3 * Me);
}, ke = Ee(Q.connectTimeout, "Connection timeout");
ge.onreadystatechange = function() {
ge.readyState > ge.OPENED && fe === void 0 && (clearTimeout(ke), fe = Ee(Q.responseTimeout, "Socket timeout"));
}, ge.onerror = function() {
ge.status === 0 && (clearTimeout(ke), clearTimeout(fe), ae({ content: ge.responseText || "Network request failed", status: ge.status, isTimedOut: !1 }));
}, ge.onload = function() {
clearTimeout(ke), clearTimeout(fe), ae({ content: ge.responseText, status: ge.status, isTimedOut: !1 });
}, ge.send(Q.data);
});
} }, logger: (O = gb, { debug: function(Q, ae) {
return hb >= O && console.debug(Q, ae), Promise.resolve();
}, info: function(Q, ae) {
return vb >= O && console.info(Q, ae), Promise.resolve();
}, error: function(Q, ae) {
return console.error(Q, ae), Promise.resolve();
} }), responsesCache: u(), requestsCache: u({ serializable: !1 }), hostsCache: c({ caches: [l({ key: "".concat("4.23.2", "-").concat(b) }), u()] }), userAgent: L("4.23.2").add({ segment: "Browser" }) }, ne = o(o({}, B), _), ie = function() {
return function(Q) {
return function(ae) {
var ge = ae.region || "us", fe = f(y.WithinHeaders, ae.appId, ae.apiKey), Ee = re(o(o({ hosts: [{ url: "personalization.".concat(ge, ".algolia.com") }] }, ae), {}, { headers: o(o(o({}, fe.headers()), { "content-type": "application/json" }), ae.headers), queryParameters: o(o({}, fe.queryParameters()), ae.queryParameters) }));
return h({ appId: ae.appId, transporter: Ee }, ae.methods);
}(o(o(o({}, B), Q), {}, { methods: { getPersonalizationStrategy: Ke, setPersonalizationStrategy: nt } }));
};
};
return function(Q) {
var ae = Q.appId, ge = f(Q.authMode !== void 0 ? Q.authMode : y.WithinHeaders, ae, Q.apiKey), fe = re(o(o({ hosts: [{ url: "".concat(ae, "-dsn.algolia.net"), accept: A.Read }, { url: "".concat(ae, ".algolia.net"), accept: A.Write }].concat(d([{ url: "".concat(ae, "-1.algolianet.com") }, { url: "".concat(ae, "-2.algolianet.com") }, { url: "".concat(ae, "-3.algolianet.com") }])) }, Q), {}, { headers: o(o(o({}, ge.headers()), { "content-type": "application/x-www-form-urlencoded" }), Q.headers), queryParameters: o(o({}, ge.queryParameters()), Q.queryParameters) }));
return h({ transporter: fe, appId: ae, addAlgoliaAgent: function(Ee, ke) {
fe.userAgent.add({ segment: Ee, version: ke });
}, clearCache: function() {
return Promise.all([fe.requestsCache.clear(), fe.responsesCache.clear()]).then(function() {
});
} }, Q.methods);
}(o(o({}, ne), {}, { methods: { search: pe, searchForFacetValues: he, multipleBatch: zr, multipleGetObjects: Y, multipleQueries: pe, copyIndex: gt, copySettings: Gt, copySynonyms: Et, copyRules: Wt, moveIndex: Vr, listIndices: wo, getLogs: cn, listClusters: un, multipleSearchForFacetValues: he, getApiKey: Je, addApiKey: Cn, listApiKeys: Ht, updateApiKey: dl, deleteApiKey: Nt, restoreApiKey: Zt, assignUserID: Rt, assignUserIDs: Tt, getUserID: te, searchUserIDs: fs, listUserIDs: oa, getTopUserIDs: It, removeUserID: Ze, hasPendingMappings: $e, clearDictionaryEntries: st, deleteDictionaryEntries: Sn, getDictionarySettings: zt, getAppTask: Ot, replaceDictionaryEntries: dn, saveDictionaryEntries: fn, searchDictionaryEntries: Co, setDictionarySettings: ul, waitAppTask: _r, customRequest: Jt, initIndex: function(Q) {
return function(ae) {
return it(Q)(ae, { methods: { batch: aa, delete: ml, findAnswers: Zn, getObject: So, getObjects: kn, saveObject: ub, saveObjects: bl, search: dd, searchForFacetValues: fd, waitTask: wt, setSettings: pb, getSettings: cd, partialUpdateObject: sb, partialUpdateObjects: ud, deleteObject: yl, deleteObjects: q, deleteBy: gl, clearObjects: hl, browseObjects: fl, getObjectPosition: cr, findObject: Er, exists: Xe, saveSynonym: fb, saveSynonyms: Cl, getSynonym: ab, searchSynonyms: hd, browseSynonyms: pl, deleteSynonym: Ae, clearSynonyms: vl, replaceAllObjects: ib, replaceAllSynonyms: cb, searchRules: pd, getRule: hs, deleteRule: le, saveRule: db, saveRules: wl, replaceAllRules: lb, browseRules: sa, clearRules: ps } });
};
}, initAnalytics: function() {
return function(Q) {
return function(ae) {
var ge = ae.region || "us", fe = f(y.WithinHeaders, ae.appId, ae.apiKey), Ee = re(o(o({ hosts: [{ url: "analytics.".concat(ge, ".algolia.com") }] }, ae), {}, { headers: o(o(o({}, fe.headers()), { "content-type": "application/json" }), ae.headers), queryParameters: o(o({}, fe.queryParameters()), ae.queryParameters) }));
return h({ appId: ae.appId, transporter: Ee }, ae.methods);
}(o(o(o({}, B), Q), {}, { methods: { addABTest: _e, getABTest: at, getABTests: Ge, stopABTest: Le, deleteABTest: ze } }));
};
}, initPersonalization: ie, initRecommendation: function() {
return function(Q) {
return ne.logger.info("The `initRecommendation` method is deprecated. Use `initPersonalization` instead."), ie()(Q);
};
}, getRecommendations: vs, getFrequentlyBoughtTogether: mb, getLookingSimilar: Cb, getRecommendedForYou: Sb, getRelatedProducts: yb, getTrendingFacets: bb, getTrendingItems: wb } }));
}
return vd.version = "4.23.2", vd;
});
})(Zy);
var B6 = Zy.exports;
const D6 = /* @__PURE__ */ uT(B6), Oh = (e, t) => {
const n = {};
return e.forEach((r) => {
const o = r.split(".");
if (o.length !== t)
return;
const a = r.substring(0, r.lastIndexOf(".")), s = o[o.length - 1];
Object.keys(n).includes(a) ? n[a].push(s) : n[a] = [s];
}), n;
};
class Yy {
constructor(t, n, r = "https://api.pennsieve.io") {
this.client = D6(
t,
n
), this.PENNSIEVE_API_LOCATION = r;
}
initIndex(t) {
this.index = this.client.initIndex(t);
}
getAlgoliaFacets(t) {
const n = t.map((a) => a.facetPropPath), r = t.map((a) => a.facetSubpropPath), o = t.map(
(a) => a.facetSubsubpropPath
).filter(
(a) => a !== void 0
);
return this.index.search("", {
sortFacetValuesBy: "alpha",
facets: n.concat(r).concat(o)
}).then((a) => {
let s = [], i = 0;
return n.map((l) => {
const c = t.find((y) => y.facetPropPath == l);
var u = [];
const f = a.facets;
if (f === void 0)
return;
const g = f[l] == null ? {} : f[l], v = c && f[c.facetSubpropPath] ? Object.keys(f[c.facetSubpropPath]) : [], d = c && c.facetSubsubpropPath && f[c.facetSubsubpropPath] ? Object.keys(f[c.facetSubsubpropPath]) : [], h = Oh(v, 2), m = Oh(d, 3);
Object.keys(g).map((y) => {
const x = [];
Object.keys(h).includes(y) && h[y].forEach((k) => {
const E = `${y}.${k}`, T = [];
Object.keys(m).includes(E) && (m[E].forEach((I) => {
T.push(
{
label: I,
id: i++,
facetPropPath: `${c ? c.facetSubsubpropPath : void 0}`
}
);
}), E === "nerves and ganglia.dorsal root ganglion" && T.push(
{
label: "Non specific",
id: i++,
facetPropPath: `${c ? c.facetSubsubpropPath : void 0}`
}
)), x.push(
{
label: k,
id: i++,
facetPropPath: `${c ? c.facetSubpropPath : void 0}`,
children: T.length ? T : void 0
}
);
});
let A = {
label: y,
id: i++,
facetPropPath: l
};
x.length > 0 && (A.children = x), u.push(A);
}), u.length > 0 && s.push({
label: c ? c.label : "",
id: i++,
children: u,
key: l
});
}), s;
});
}
// Returns all DOIs of all versions for a given discover dataset
_discoverAllDois(t, n = "https://api.pennsieve.io") {
return new Promise((r) => {
fetch(`${n}/discover/datasets/${t}/versions`).then((o) => o.json()).then((o) => {
r(o.map((a) => a.doi));
});
});
}
// Get all dois given a list of discoverIds
_expandDois(t, n = "https://api.pennsieve.io") {
return new Promise((r) => {
let o = t.map((a) => this._discoverAllDois(a, n));
Promise.all(o).then((a) => {
r(a.flat());
});
});
}
_processResultsForCards(t) {
let n = [], r = {};
for (let o of t)
r = { ...o }, r = {
anatomy: o.anatomy ? o.anatomy.organ.map((a) => a.curie) : void 0,
doi: o.item.curie.split(":")[1],
name: o.item.name,
description: o.item.description,
updated: o.pennsieve ? o.pennsieve.updatedAt : void 0,
publishDate: o.pennsieve ? o.pennsieve.publishDate : void 0,
datasetId: o.objectID,
detailsReady: !1
}, n.push(r);
return n;
}
_processAnatomy(t) {
const n = {};
t.forEach((r) => {
r.anatomy && r.anatomy.organ && r.anatomy.organ.forEach((o) => {
o.curie && (n[o.curie] = o.name);
}), localStorage.setItem("available-name-curie-mapping", JSON.stringify(n));
});
}
_processUberonURL(t) {
return t.split("/").pop().replace("_", ":");
}
/**
* Get Search results
* This is using fetch from the Algolia API
*/
search(t, n = "", r = 10, o = 1) {
return new Promise((a) => {
this.index.search(n, {
facets: ["*"],
hitsPerPage: r,
page: o - 1,
filters: t,
attributesToHighlight: [],
attributesToRetrieve: [
"pennsieve.publishDate",
"pennsieve.updatedAt",
"item.curie",
"item.name",
"item.description",
"objectID",
"anatomy.organ.curie"
]
}).then((s) => {
let i = {
items: this._processResultsForCards(s.hits),
total: s.nbHits,
discoverIds: s.hits.map((l) => l.pennsieve ? l.pennsieve.identifier : l.objectID),
dois: s.hits.map((l) => l.item.curie.split(":")[1])
};
a(i);
});
});
}
/**
* Get key words
* This is used to return all keywords for a given search. Note that you often want the hits per page to be maxed out
*/
anatomyInSearch(t, n = "", r = 999999, o = 1) {
return new Promise((a) => {
this.index.search(n, {
facets: ["*"],
hitsPerPage: r,
page: o - 1,
filters: t,
attributesToHighlight: [],
attributesToRetrieve: [
"objectID",
"item.keywords.keyword",
"anatomy.organ.name",
"anatomy.organ.curie",
"anatomy.organ.subsubcategory.name"
]
}).then((s) => {
a({
forFlatmap: this.processResultsForFlatmap(s.facets, s.hits),
forScaffold: this.processResultsForScaffold(s.hits)
});
});
});
}
setLocalStorageForTermMapping() {
return new Promise((t) => {
this.index.search("", {
facets: ["*"],
hitsPerPage: 999999,
page: 0,
attributesToHighlight: [],
attributesToRetrieve: [
"objectID",
"item.keywords.keyword",
"anatomy.organ.name",
"anatomy.organ.curie"
]
}).then((n) => {
this._processAnatomy(n.hits);
});
});
}
processResultsForFlatmap(t, n) {
const r = this.filterAvailableAnatomies(t);
return n.map((a) => ({
id: a.objectID,
terms: a.anatomy ? a.anatomy.organ.map((i) => {
if (r.includes(i.name.toLowerCase()))
return i.curie;
}).filter(Boolean) : []
}));
}
filterAvailableAnatomies(t) {
const n = t["anatomy.organ.name"], r = t["anatomy.organ.category.name"], o = t["anatomy.organ.subcategory.name"], a = t["anatomy.organ.subsubcategory.name"], s = n ? Object.keys(n) : [], i = r ? Object.keys(r) : [], l = o ? Object.keys(o) : [], c = a ? Object.keys(a) : [], u = [];
return i.forEach((f) => {
const g = f.toLowerCase();
s.forEach((v) => {
const d = v.toLowerCase(), h = `${g}.${d}`;
l.some((y) => {
const x = y.toLowerCase();
return x === h ? !0 : c.find((A) => `${x}.${d}` === A);
}) && u.push(d);
});
}), u;
}
processResultsForScaffold(t) {
let n = {};
return t.forEach((r) => {
r.anatomy && r.anatomy.organ && r.anatomy.organ.forEach((o) => {
o.name && (n[o.name] ? n[o.name]++ : n[o.name] = 1);
});
}), n;
}
}
const ld = [
{
label: "Data Type",
id: "item.types",
facetPropPath: "item.types.name",
facetSubpropPath: "item.types.subcategory.name"
},
{
label: "Anatomical Structure",
id: "anatomy.organ.category",
facetPropPath: "anatomy.organ.category.name",
facetSubpropPath: "anatomy.organ.subcategory.name",
facetSubsubpropPath: "anatomy.organ.subsubcategory.name",
facetFilterPath: "anatomy.organ.name"
},
{
label: "Species",
id: "organisms.primary.species",
facetPropPath: "organisms.primary.species.name",
facetSubpropPath: "organisms.primary.species.subcategory.name"
},
{
label: "Experimental Approach",
id: "item.modalities",
facetPropPath: "item.modalities.keyword",
facetSubpropPath: "item.modalities.subcategory.name"
},
{
label: "Sex",
id: "attributes.subject.sex",
facetPropPath: "attributes.subject.sex.value",
facetSubpropPath: "attributes.subject.sex.subcategory.name"
},
{
label: "Age Categories",
id: "attributes.subject.ageCategory",
facetPropPath: "attributes.subject.ageCategory.value",
facetSubpropPath: "attributes.subject.ageCategory.subcategory.name"
},
{
label: "Consortia",
id: "supportingAwards.consortium",
facetPropPath: "supportingAwards.consortium.name",
facetSubpropPath: "supportingAwards.consortium.subcategory.name"
}
];
function Ih(e = void 0) {
if (e === void 0)
return "NOT item.published.status:embargo";
e.forEach((o) => {
o.label = o.facet3 ? o.facet3 : o.facet2 ? o.facet2 : o.facet;
});
let t = Xy(e);
t.forEach((o) => {
o.facet3 && o.facet3 === "Non specific" && (o.label = o.facet2);
});
let n = "NOT item.published.status:embargo";
return n = `(${n}) AND `, ld.map(
(o) => [o.facetPropPath, o.facetFilterPath]
).map(([o, a]) => {
let s = t.filter(
(c) => c.facetPropPath == o
), i = "", l = "";
s.map((c) => {
let u = c.facetSubPropPath ? c.facetSubPropPath : a || o;
c.AND ? l += `AND "${u}":"${c.label}"` : i += `"${u}":"${c.label}" OR `;
}), !(i == "" && l == "") && (i = `(${i.substring(0, i.lastIndexOf(" OR "))})`, n += `${i + l} AND `, n = n.split("()AND ").join(""));
}), n.substring(0, n.lastIndexOf(" AND "));
}
function Xy(e) {
return e.filter((t) => t.label !== "Show all");
}
const Ta = function(e) {
return e.charAt(0).toUpperCase() + e.slice(1);
}, Ah = function(e) {
const t = e.toLowerCase();
return bi[t] ? Ta(bi[t]) : e === e.toUpperCase() ? e : Ta(t);
}, M6 = {
name: "SearchFilters",
components: {
MapSvgIcon: py,
MapSvgSpriteColor: Jy,
Option: _u,
Select: zi,
Popover: Qa,
Cascader: zg
},
props: {
/**
* Object containing information for
* the required viewing.
*/
entry: Object,
envVars: {
type: Object,
default: () => {
}
}
},
data: function() {
return {
algoliaClient: void 0,
cascaderIsReady: !1,
previousShowAllChecked: {
species: !1,
gender: !1,
organ: !1,
datasets: !1
},
showFiltersText: !0,
cascadeSelected: [],
cascadeSelectedWithBoolean: [],
filterTimeout: null,
numberShown: 10,
filters: [],
facets: ["Species", "Gender", "Organ", "Datasets"],
numberDatasetsShown: ["10", "20", "50"],
cascaderProps: { multiple: !0 },
options: [
{
value: "Species",
label: "Species",
children: [{}]
}
],
presentTags: [],
searchInputs: {}
};
},
setup() {
const e = Ns({}), t = Ns({
term: /* @__PURE__ */ new Set(),
facet: /* @__PURE__ */ new Set(),
facet2: /* @__PURE__ */ new Set(),
facet3: /* @__PURE__ */ new Set()
});
return { cascaderTags: e, correctnessCheck: t };
},
computed: {
numberOfResultsText: function() {
return `${this.entry.numberOfHits} results | Showing`;
},
showFilters: function() {
return this.entry.showFilters;
}
},
watch: {
entry: {
deep: !0,
immediate: !0,
handler: function(e, t) {
JSON.stringify(e == null ? void 0 : e.options) !== JSON.stringify(t == null ? void 0 : t.options) && (this.options = [], this.filters = [], this.cascaderIsReady = !1, this.populateCascader().then(() => {
this.cascaderIsReady = !0, this.options.length && (this.checkShowAllBoxes(), this.cssMods(), this.$emit("cascaderReady"));
}));
}
}
},
methods: {
/**
* Internal only.
* Create value of cascader.
* Takes an array of label to create the value
*/
createCascaderItemValue: function(e) {
let t;
if (e != null && e.length) {
t = e[0];
for (let n = 1; e.length > n; n++)
t = `${t}>${e[n]}`;
t.includes("undefined") && console.warn(
"Warning: One or more of the facets is undefined, this will not be shown in the cascader"
);
}
return t;
},
createChildrenCascaderValue: function(e, t, n) {
if (e != null && e.length)
for (let r = 0; r < e.length; r++) {
const o = e[r];
if (e[r].facetPropPath !== "supportingAwards.consortium.name" && (e[r].label = Ah(
o.label
)), o.key && t.key.includes("flatmap.connectivity.source.")) {
const a = o.key, s = t.key, i = a.replace(`${s}.`, "");
e[r].value = this.createCascaderItemValue([t.label, i]);
} else {
const a = n.slice();
a.push(o.label), e[r].value = this.createCascaderItemValue(a), this.createChildrenCascaderValue(o.children, t, a);
}
}
},
getNodeKey: function(e) {
return e ? e.split(">")[1] : "";
},
isFlatmapConnectionsNode: function(e) {
return e.pathValues[0].includes("flatmap.connectivity.source") && e.isLeaf;
},
isFlatmapConnectionsFilterNode: function(e) {
return e.pathValues[0].includes("flatmap.connectivity.source") && e.pathLabels.includes("Filters") && e.isDisabled && e.isLeaf;
},
processOptions: function() {
const e = JSON.parse(JSON.stringify(this.options));
e.forEach((t, n) => {
e[n].total = this.countTotalFacet(t), e[n].label = Ah(t.label), e[n].value = this.createCascaderItemValue(
[t.key]
), e[n].children.find((r) => r.label === "Show all") || e[n].children.unshift({
value: this.createCascaderItemValue(["Show all"]),
label: "Show all"
}), t.key.includes("flatmap.connectivity.source") && e[n].children.unshift({
value: this.createCascaderItemValue(["ConnectivityFilters"]),
label: "Filters",
disabled: !0
}), this.createChildrenCascaderValue(e[n].children, t, [t.label]);
}), Object.assign(this.options, e);
},
populateCascader: function() {
return this.entry.options ? new Promise((e) => {
this.facets = this.entry.options, this.options = this.entry.options, this.processOptions(), e();
}) : new Promise((e) => {
this.algoliaClient.getAlgoliaFacets(ld).then((t) => {
this.facets = t, Pe.emit("available-facets", t), this.options = t, this.processOptions();
}).finally(() => {
e();
});
});
},
isConnectivityTag: function(e) {
return /^[A-Za-z]:/.test(e);
},
getConnectivityTag: function(e) {
const t = e.indexOf(":");
return t !== -1 ? e.substring(t + 1) : e;
},
modifyCascaderTagStyle: function(e) {
return this.isConnectivityTag(e) ? "connectivity-tag" : "";
},
flattenToEvents: function(e, t, n, r = void 0) {
const o = [];
for (const [a, s] of Object.entries(t)) {
const i = n.find((l) => l.label === a);
if (Object.entries(s).length) {
const l = i.key || r, c = this.flattenToEvents(e, s, i.children, l);
o.push(...c);
} else
a !== e && o.push([r, i.value]);
}
return o;
},
/**
* Create manual events when cascader tag is closed
*/
cascadeTagClose: function(e) {
const t = this.isConnectivityTag(e) ? this.getConnectivityTag(e) : e, n = this.flattenToEvents(t, this.cascaderTags, this.options);
this.cascadeEvent(n);
},
flattenToTags: function(e) {
const t = [];
for (const [n, r] of Object.entries(e))
if (Object.entries(r).length) {
const o = this.flattenToTags(r);
t.push(...o);
} else
n !== "Show all" && t.push(n);
return t;
},
/**
* Re-generate 'cascaderTags' and 'presentTags'
* Not able to avoid wrong facet at the moment
*/
tagsChangedCallback: function(e) {
this.correctnessCheck.term && this.correctnessCheck.facet && this.correctnessCheck.facet2 && this.correctnessCheck.facet3 && this.options.map((t) => {
var n;
this.correctnessCheck.term.add(t.label), (n = t.children) == null || n.map((r) => {
var o;
this.correctnessCheck.facet.add(r.label), (o = r.children) == null || o.map((a) => {
var s;
this.correctnessCheck.facet2.add(a.label), (s = a.children) == null || s.map((i) => {
this.correctnessCheck.facet3.add(i.label);
});
});
});
}), this.cascaderTags = {}, this.cascaderTagsClone = {}, this.presentTags = [], e.map((t) => {
const { facet: n, facet2: r, facet3: o, term: a, tagLabel: s, facetPropPath: i } = t;
let l = n, c = "";
i && i.includes("flatmap.connectivity.source.") && s && (l = s, c = a.charAt(0)), a && this.correctnessCheck.term.has(a) && (a in this.cascaderTags || (this.cascaderTags[a] = {}, this.cascaderTagsClone[a] = {}), l && this.correctnessCheck.facet.has(l) && (l in this.cascaderTags[a] || (this.cascaderTags[a][l] = {}, c ? this.cascaderTagsClone[a][c + ":" + l] = {} : this.cascaderTagsClone[a][l] = {}), r && this.correctnessCheck.facet2.has(r) && (r in this.cascaderTags[a][l] || (this.cascaderTags[a][l][r] = {}, this.cascaderTagsClone[a][l][r] = {}), o && this.correctnessCheck.facet3.has(o) && (o in this.cascaderTags[a][l][r] || (this.cascaderTags[a][l][r][o] = {}, this.cascaderTagsClone[a][l][r][o] = {})))));
}), this.presentTags = [...this.presentTags, ...this.flattenToTags(this.cascaderTagsClone)], this.presentTags = [...new Set(this.presentTags)].sort(), this.presentTags.length > 0 ? this.showFiltersText = !1 : this.showFiltersText = !0;
},
/**
* Support for function 'showAllEventModifierForAutoCheckAll'
* Called in function 'populateCascader'
*/
countTotalFacet: function(e) {
return ["anatomy.organ.category.name"].includes(e.key) ? e.children.reduce((n, r) => (n = typeof n == "number" ? n : n.children.length, n + r.children.length)) : e.children.length;
},
/**
* When check/uncheck all child items, automatically check "Show all"
*/
showAllEventModifierForAutoCheckAll: function(e) {
const t = {};
return e.map((n) => {
const r = n[0];
r in t ? t[r] += 1 : t[r] = 1;
}), this.options.map((n) => {
const r = n.key, o = n.children.filter((s) => s.label === "Show all")[0].value, a = n.total;
t[r] === a && (e = e.filter((s) => s[0] !== n.key), delete t[r]), r in t || e.unshift([r, o]);
}), e;
},
// cascadeEvent: initiate searches based off cascader changes
cascadeEvent: function(e) {
let t = [...e];
if (t) {
t = this.showAllEventModifier(t), t = this.showAllEventModifierForAutoCheckAll(t);
const n = this.$refs.cascader, o = (n == null ? void 0 : n.getCheckedNodes(!0)).filter(
(i) => i.checked && i.label !== "Show all"
);
if (this.__expandItem__) {
let i = 0;
this.__expandItem__.length > 1 && (i = 1);
const l = t.filter((u) => u[i] == this.__expandItem__[i]), c = t.filter((u) => u[i] !== this.__expandItem__[i]);
t = [...l, ...c];
}
let a = t.filter((i) => i !== void 0).map((i) => {
let { hString: l, bString: c } = this.findHierarachyStringAndBooleanString(i), { facet: u, facet2: f, facet3: g, term: v } = this.getFacetsFromHierarchyString(l);
const d = o.find(
(m) => i.join() === m.pathValues.join()
), h = d ? d.label : void 0;
return {
facetPropPath: i[0],
facet: u,
facet2: f,
facet3: g,
term: v,
AND: c,
// for setting the boolean
tagLabel: h
// for connectivity filter's cascader tag
};
}), s = t.filter((i) => i !== void 0).map((i) => {
let l = i[0].includes("duplicate") ? i[0].split("duplicate")[0] : i[0], { hString: c, bString: u } = this.findHierarachyStringAndBooleanString(i), { facet: f, facet2: g, facet3: v, term: d } = this.getFacetsFromHierarchyString(c);
v ? v === "Non specific" ? f = g : f = v : g && (f = g);
const h = o.find(
(y) => i.join() === y.pathValues.join()
), m = h ? h.label : void 0;
return {
facetPropPath: l,
facet: f,
term: d,
AND: u,
// for setting the boolean
tagLabel: m
// for connectivity filter's cascader tag
};
});
this.filterTimeout && clearTimeout(this.filterTimeout), this.$emit("loading", !0), this.setCascader(a), this.filterTimeout = setTimeout(() => {
this.$emit("filterResults", s), this.cssMods();
}, 600);
}
},
//this fucntion is needed as we previously stored booleans in the array of event that
// are stored in the cascader
findHierarachyStringAndBooleanString(e) {
let t, n;
const r = e.length;
return r >= 3 ? e[r - 1] && (typeof e[r - 1] == "string" || e[r - 1] instanceof String) && e[r - 1].split(">").length > 2 ? t = e[r - 1] : t = e[r - 2] : t = e[1], r >= 3 && typeof e[r - 1] == "boolean" && (n = e[r - 1]), { hString: t, bString: n };
},
// Splits the terms and facets from the string stored in the cascader
getFacetsFromHierarchyString(e) {
let t = e.split(">");
return {
term: t[0],
facet: t[1],
facet2: t[2],
facet3: t[3]
};
},
// showAllEventModifier: Modifies a cascade event to unclick all selections in category if "show all" is clicked. Also unchecks "Show all" if any secection is clicked
// *NOTE* Does NOT remove 'Show all' selections from showing in 'cascadeSelected'
showAllEventModifier: function(e) {
if (e.map((n) => n ? n[1].toLowerCase().includes("show all") : !1).includes(!0)) {
let n = [], r = {};
for (const o in e)
r[e[o][0]] === void 0 && (r[e[o][0]] = []), r[e[o][0]].push(e[o]);
for (const o in r) {
let a;
for (let s = r[o].length - 1; s >= 0; s--)
if (r[o][s][1].toLowerCase().includes("show all")) {
a = r[o].splice(s, 1)[0];
break;
}
a ? this.previousShowAllChecked[o] && r[o].length > 0 ? n.push(...r[o]) : n.push(a) : n.push(...r[o]);
}
return n.sort((o, a) => this.__expandItem__ ? o[0] == this.__expandItem__ ? a[0] == this.__expandItem__ ? 0 : -1 : a[0] == this.__expandItem__ ? o[0] == this.__expandItem__ ? 0 : 1 : 0 : 0);
}
return e;
},
cascadeExpandChange: function(e) {
this.__expandItem__ = e, this.__expandItem__ && this.updateListFilters(this.__expandItem__[0]), this.updateListStyleOrder(), this.cssMods();
},
updateListStyleOrder: function() {
this.$nextTick(() => {
const e = this.$refs.cascader, t = e == null ? void 0 : e.contentRef;
if (t) {
const n = t.querySelectorAll(".el-cascader-menu__list");
n && n.forEach((r) => {
r.querySelector(".sidebar-cascader-search") ? r.classList.add("cascader-menu-with-search") : r.classList.remove("cascader-menu-with-search");
});
}
});
},
searchInputChange: function(e, t) {
e.preventDefault();
const { target: n } = e;
if (n) {
const r = n.value, o = t.pathValues[0];
this.searchInputs[o] = r, this.updateListFilters(o);
}
},
searchInputFocusToggle: function(e, t) {
const { target: n } = e;
if (!n) return;
const r = n.closest(".el-input__wrapper");
t === !0 ? r.classList.add("is-focus") : r.classList.remove("is-focus");
},
updateListFilters: function(e) {
const t = this.searchInputs[e] || "";
this.$nextTick(() => {
const n = this.$refs["searchInput_" + e];
if (!n) return;
n.closest(".el-cascader-menu__list").querySelectorAll(".el-cascader-node").forEach((o, a) => {
a > 1 && (o.querySelector(".el-cascader-node__label").textContent.toLowerCase().includes(t.toLowerCase()) ? o.classList.remove("hide") : o.classList.add("hide"));
}), t && n.focus();
});
},
numberShownChanged: function(e) {
this.$emit("numberPerPage", parseInt(e));
},
updatePreviousShowAllChecked: function(e) {
for (const t in this.previousShowAllChecked)
this.previousShowAllChecked[t] = !1;
e.forEach((t) => {
t[1].toLowerCase().includes("show all") && (this.previousShowAllChecked[t[0]] = !0);
});
},
// setCascader: Clears previous selections and takes in an array of facets to select: filterFacets
// facets are in the form:
// {
// facetPropPath: 'anatomy.organ.name',
// term: 'Sex',
// facet: 'Male'
// AND: true // Optional value for setting the boolean within a facet
// }
setCascader: function(e) {
if (this.cascaderIsReady && e && e.length != 0) {
const t = (n) => {
let r = [
n.facetPropPath,
this.createCascaderItemValue([Ta(n.term), n.facet])
];
return n.facet2 && (r.push(
this.createCascaderItemValue([Ta(n.term), n.facet, n.facet2])
), n.facet3 && r.push(
this.createCascaderItemValue([Ta(n.term), n.facet, n.facet2, n.facet3])
)), r;
};
this.cascadeSelected = e.map((n) => t(n)), this.cascadeSelectedWithBoolean = e.map((n) => {
let r = t(n);
return r.push(n.AND), r;
}), this.updatePreviousShowAllChecked(this.cascadeSelected);
}
this.tagsChangedCallback(e);
},
addFilter: function(e) {
if (this.cascaderIsReady && e) {
let t = this.validateAndConvertFilterToHierarchical(e);
if (t && t.length)
return t.forEach((n) => {
this.cascadeSelected.filter((o) => o.term != n.term);
const r = [
n.facetPropPath,
this.createCascaderItemValue([n.term, n.facet]),
this.createCascaderItemValue([n.term, n.facet, n.facet2])
];
n.facet3 && r.push(this.createCascaderItemValue([n.term, n.facet, n.facet2, n.facet3])), this.cascadeSelected.push([...r]), this.cascadeSelectedWithBoolean.push([...r, n.AND]);
}), !0;
}
},
addFilters: function(e) {
let t = !1;
return this.cascaderIsReady && e.forEach((n) => {
t = t || this.addFilter(n);
}), t;
},
initiateSearch: function() {
this.cascadeEvent(this.cascadeSelectedWithBoolean);
},
// checkShowAllBoxes: Checks each 'Show all' cascade option by using the setCascader function
checkShowAllBoxes: function() {
this.setCascader(
this.options.map((e) => ({
facetPropPath: e.value,
term: e.label,
facet: "Show all"
}))
);
},
makeCascadeLabelsClickable: function() {
this.$nextTick(() => {
document.querySelectorAll(".sidebar-cascader-popper .el-cascader-node__label").forEach((e) => {
e.onclick = function() {
const t = this.previousElementSibling;
t && (t.parentElement.attributes["aria-owns"] || this.previousElementSibling.click());
};
});
});
},
cssMods: function() {
this.makeCascadeLabelsClickable();
},
flattenToFilters: function(e, t, n = !1) {
let r = [];
if (t) {
const o = e.facet.toLowerCase();
let a = !1;
for (const s of t) {
const i = e.facetPropPath.includes("flatmap.connectivity.source.") && s.key, l = i ? s.key.replace(`${e.facetPropPath}.`, "").toLowerCase() === o : s.label.toLowerCase() === o;
if (s.children && s.children.length) {
const c = l || n, u = this.flattenToFilters(e, s.children, c);
r.push(...u);
} else if (s.facetPropPath || s.key) {
const [c, u, f, g] = s.value.split(">");
g === "Non specific" && (a = !0);
const v = {
term: c,
facet: u,
facetPropPath: e.facetPropPath,
...f && { facet2: f },
...g && { facet3: g }
};
"AND" in e && (v.AND = e.AND), (n || l) && (i ? r.push(e) : r.push(v));
}
}
n && a && (r = r.filter((s) => !s.facet3 || s.facet3 === "Non specific"));
}
return r;
},
/*
* Given a filter, the function below returns the filter in the format of the cascader, returns false if facet is not found
*/
validateAndConvertFilterToHierarchical: function(e) {
if (e && e.facet && e.term) {
if (e.facet2 || e.facet3)
return [e];
{
const t = this.options.find((n) => n.label === e.term);
if (t)
return this.flattenToFilters(e, t.children);
}
}
},
getHierarchicalValidatedFilters: function(e) {
const t = [], n = [], r = [];
if (e) {
if (!this.cascaderIsReady)
return {
result: e,
notFound: r
};
e.forEach((o) => {
const a = this.validateAndConvertFilterToHierarchical(o);
a && a.length ? a.forEach((s) => {
t.push(s), n.push(s.term);
}) : this.options.find((i) => i.key === o.facetPropPath) && r.push(o);
}), this.options.forEach((o) => {
n.includes(o.label) || t.push({
facet: "Show all",
facetPropPath: o.key,
label: "Show all",
term: o.label
});
});
}
return {
result: t,
notFound: r
};
},
hasLineStyles: function(e) {
return "colour" in e && e.colourStyle === "line";
},
getLineStyles: function(e) {
return "colour" in e && e.colourStyle === "line" ? "dashed" in e && e.dashed === !0 ? { background: `repeating-linear-gradient(90deg,${e.colour},${e.colour} 6px,transparent 0,transparent 9px)` } : { background: e.colour } : { display: "None" };
},
getBackgroundStyles: function(e) {
return "colour" in e && e.colourStyle === "background" ? { background: e.colour } : {};
}
},
mounted: function() {
this.entry.options || (this.algoliaClient = Ns(new Yy(
this.envVars.ALGOLIA_ID,
this.envVars.ALGOLIA_KEY,
this.envVars.PENNSIEVE_API_LOCATION
)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.algoliaClient.setLocalStorageForTermMapping()), this.populateCascader().then(() => {
this.cascaderIsReady = !0, this.checkShowAllBoxes(), this.setCascader(this.entry.filterFacets), this.cssMods(), this.$emit("cascaderReady");
});
}
}, j6 = { class: "filters" }, V6 = { key: 0 }, z6 = {
key: 0,
class: "cascader-tag"
}, H6 = { class: "el-tags-container" }, U6 = { class: "el-tags-container" }, q6 = { class: "search-filters transition-box" }, K6 = { key: 0 }, W6 = { class: "sidebar-cascader-search el-input" }, G6 = { class: "el-input__wrapper" }, J6 = ["value", "onInput"], Z6 = { key: 1 }, Y6 = {
key: 0,
class: "sr-only"
}, X6 = {
key: 0,
class: "filter-default-value"
}, Q6 = { class: "dataset-shown" }, e9 = { class: "dataset-results-feedback" };
function t9(e, t, n, r, o, a) {
const s = Se("MapSvgSpriteColor"), i = lo, l = Qa, c = yu, u = mu, f = zg, g = Se("MapSvgIcon"), v = _u, d = zi, h = Zo;
return C(), F("div", j6, [
V(s),
a.showFilters && e.options.length > 0 ? (C(), F("div", V6, [
e.presentTags.length > 0 ? (C(), F("div", z6, [
V(i, {
class: "ml-2",
type: "info",
closable: "",
onClose: t[0] || (t[0] = (m) => a.cascadeTagClose(e.presentTags[0]))
}, {
default: P(() => [
M("span", {
class: N(["tag-text", a.modifyCascaderTagStyle(e.presentTags[0])])
}, se(e.presentTags[0]), 3)
]),
_: 1
}),
e.presentTags.length > 1 ? (C(), J(l, {
key: 0,
placement: "bottom-start",
width: 250,
trigger: "hover",
"popper-class": "cascade-tags-popover"
}, {
default: P(() => [
M("div", H6, [
(C(!0), F(Ie, null, ot(e.presentTags.slice(1), (m, y) => (C(), J(i, {
key: y,
class: N(["ml-2", a.modifyCascaderTagStyle(m)]),
type: "info",
closable: "",
onClose: (x) => a.cascadeTagClose(m)
}, {
default: P(() => [
Ce(se(m), 1)
]),
_: 2
}, 1032, ["class", "onClose"]))), 128))
])
]),
reference: P(() => [
M("div", U6, [
e.presentTags.length > 1 ? (C(), J(i, {
key: 0,
class: "ml-2",
type: "info"
}, {
default: P(() => [
Ce(" +" + se(e.presentTags.length - 1), 1)
]),
_: 1
})) : G("", !0)
])
]),
_: 1
})) : G("", !0)
])) : G("", !0),
V(ir, { name: "el-zoom-in-top" }, {
default: P(() => [
xe((C(), F("span", q6, [
V(f, {
class: "cascader",
ref: "cascader",
modelValue: e.cascadeSelected,
"onUpdate:modelValue": t[3] || (t[3] = (m) => e.cascadeSelected = m),
size: "large",
placeholder: " ",
"collapse-tags": !0,
"collapse-tags-tooltip": "",
options: e.options,
props: e.cascaderProps,
onChange: t[4] || (t[4] = (m) => a.cascadeEvent(m)),
onExpandChange: a.cascadeExpandChange,
"show-all-levels": !0,
"popper-class": "sidebar-cascader-popper"
}, {
default: P(({ node: m, data: y }) => [
a.isFlatmapConnectionsFilterNode(m) ? (C(), F("div", K6, [
M("div", W6, [
M("div", G6, [
M("input", {
class: "el-input__inner",
ref: "searchInput_" + m.pathValues[0],
value: e.searchInputs[m.pathValues[0]],
onInput: (x) => a.searchInputChange(x, m),
onFocus: t[1] || (t[1] = (x) => a.searchInputFocusToggle(x, !0)),
onBlur: t[2] || (t[2] = (x) => a.searchInputFocusToggle(x, !1)),
style: { width: "100%" },
autocomplete: "off",
placeholder: "Search"
}, null, 40, J6)
])
])
])) : (C(), F("div", Z6, [
V(u, null, {
default: P(() => [
a.hasLineStyles(y) ? (C(), J(c, {
key: 0,
span: 4
}, {
default: P(() => [
M("div", {
class: "path-visual",
style: Ue(a.getLineStyles(y))
}, null, 4)
]),
_: 2
}, 1024)) : G("", !0),
V(c, { span: 20 }, {
default: P(() => [
a.isFlatmapConnectionsNode(m) ? (C(), F("span", Y6, se(a.getNodeKey(m.value)), 1)) : G("", !0),
M("div", {
style: Ue(a.getBackgroundStyles(y))
}, se(y.label), 5)
]),
_: 2
}, 1024)
]),
_: 2
}, 1024)
]))
]),
_: 1
}, 8, ["modelValue", "options", "props", "onExpandChange"]),
e.showFiltersText ? (C(), F("div", X6, "Filters")) : G("", !0),
V(l, {
title: "How do filters work?",
width: "250",
trigger: "hover",
"popper-class": "filter-help-popover"
}, {
reference: P(() => [
V(g, {
icon: "help",
class: "help"
})
]),
default: P(() => [
M("div", null, [
t[7] || (t[7] = M("strong", null, "Within categories:", -1)),
t[8] || (t[8] = Ce(" OR ")),
t[9] || (t[9] = M("br", null, null, -1)),
Ce(" example: " + se(n.entry.helper.within) + " ", 1),
t[10] || (t[10] = M("br", null, null, -1)),
t[11] || (t[11] = M("br", null, null, -1)),
t[12] || (t[12] = M("strong", null, "Between categories:", -1)),
t[13] || (t[13] = Ce(" AND ")),
t[14] || (t[14] = M("br", null, null, -1)),
Ce(" example: " + se(n.entry.helper.between), 1)
])
]),
_: 1
})
])), [
[h, !e.cascaderIsReady]
])
]),
_: 1
})
])) : G("", !0),
M("div", Q6, [
M("span", e9, se(a.numberOfResultsText), 1),
V(d, {
class: "number-shown-select",
modelValue: e.numberShown,
"onUpdate:modelValue": t[5] || (t[5] = (m) => e.numberShown = m),
placeholder: "10",
onChange: t[6] || (t[6] = (m) => a.numberShownChanged(m))
}, {
default: P(() => [
(C(!0), F(Ie, null, ot(e.numberDatasetsShown, (m) => (C(), J(v, {
key: m,
label: m,
value: m
}, null, 8, ["label", "value"]))), 128))
]),
_: 1
}, 8, ["modelValue"])
])
]);
}
const cl = /* @__PURE__ */ Nn(M6, [["render", t9], ["__scopeId", "data-v-5ccdbcd9"]]);
var n9 = async function(e) {
if (!e.ok) {
let t = await e.json();
throw t ? new Error(t.message) : new Error(e);
}
return e;
}, r9 = {
searchInput: "",
lastSearch: "",
results: [],
numberOfHits: 0,
filter: [],
loadingCards: !1,
numberPerPage: 10,
page: 1,
pageModel: 1,
start: 0,
hasSearched: !1,
contextCardEnabled: !1
};
const o9 = {
components: {
SearchFilters: cl,
DatasetCard: dy,
SearchHistory: ll,
Button: Kt,
Card: Mi,
Drawer: bu,
Icon: He,
Input: Go,
Pagination: Hi
},
name: "DatasetExplorer",
props: {
visible: {
type: Boolean,
default: !1
},
isDrawer: {
type: Boolean,
default: !0
},
entry: {
type: Object,
default: () => r9
},
envVars: {
type: Object,
default: () => {
}
}
},
data: function() {
return {
...this.entry,
algoliaClient: void 0,
bodyStyle: {
flex: "1 1 auto",
"flex-flow": "column",
display: "flex"
},
cascaderIsReady: !1
};
},
computed: {
// This computed property populates filter data's entry object with $data from this sidebar
filterEntry: function() {
return {
numberOfHits: this.numberOfHits,
filterFacets: this.filter,
showFilters: !0,
helper: {
within: "'heart' OR 'colon'",
between: "'rat' AND 'lung'"
}
};
}
},
methods: {
hoverChanged: function(e) {
const t = e ? { ...e, tabType: "dataset" } : { tabType: "dataset" };
this.$emit("hover-changed", t);
},
resetSearch: function() {
this.numberOfHits = 0, this.discoverIds = [], this._dois = [], this.results = [], this.loadingCards = !1;
},
openSearch: function(e, t = "") {
if (this.searchInput = t, this.resetPageNavigation(), this.cascaderIsReady) {
const n = this.$refs.filtersRef.getHierarchicalValidatedFilters(e), r = n.notFound ? n.notFound.filter((o) => o.facet.toLowerCase() !== "show all") : [];
this.filter = n.result, r.forEach((o) => {
im({
message: `${o.facet} cannot be found in ${o.term}!`,
appendTo: this.$el,
showClose: !0,
offset: 113
});
}), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (this.searchAlgolia(this.filter, t), this.$refs.filtersRef.setCascader(this.filter), this.searchHistoryUpdate(this.filter, t));
} else
this.filter = e, (!e || e.length == 0) && (this.searchAlgolia(this.filter, t), this.searchHistoryUpdate(this.filter, t));
},
addFilter: function(e) {
this.cascaderIsReady ? (this.resetPageNavigation(), e && this.$refs.filtersRef.addFilters(e) && this.$refs.filtersRef.initiateSearch()) : Array.isArray(this.filter) ? this.filter.push(...e) : this.filter = [...e];
},
cascaderReady: function() {
this.cascaderIsReady = !0, this.openSearch(this.filter, this.searchInput);
},
clearSearchClicked: function() {
this.searchInput = "", this.searchAndFilterUpdate();
},
onResetClick: function() {
this.openSearch([], ""), this.$emit("search-changed", {
value: this.searchInput,
tabType: "dataset",
type: "reset-update"
}), Pe.emit("trackEvent", {
event_name: "portal_maps_action_filter",
category: "reset",
location: "map_sidebar_dataset"
});
},
searchEvent: function(e = !1) {
(e.keyCode === 13 || e instanceof MouseEvent) && (this.searchInput = this.searchInput.trim(), this.searchAndFilterUpdate());
},
filterUpdate: function(e) {
this.filter = [...e], this.searchAndFilterUpdate(), this.$emit("search-changed", {
value: e,
tabType: "dataset",
type: "filter-update"
});
},
searchAndFilterUpdate: function() {
this.resetPageNavigation(), this.searchAlgolia(this.filter, this.searchInput), this.searchHistoryUpdate(this.filter, this.searchInput);
},
searchHistoryUpdate: function(e, t) {
this.$refs.searchHistory.selectValue = "Search history", (e.length || t != null && t.trim()) && this.$refs.searchHistory.addSearchToHistory(e, t);
},
searchAlgolia(e, t = "") {
this.loadingCards = !0, this.algoliaClient.anatomyInSearch(Ih(e), t).then((n) => {
Pe.emit("anatomy-in-datasets", n.forFlatmap), Pe.emit("number-of-datasets-for-anatomies", n.forScaffold);
}), this.algoliaClient.search(Ih(e), t, this.numberPerPage, this.page).then((n) => {
this.numberOfHits = n.total, this.discoverIds = n.discoverIds, this._dois = n.dois, this.results = n.items, this.loadingCards = !1, this.scrollToTop(), this.$emit("search-changed", {
value: this.searchInput,
tabType: "dataset",
type: "query-update"
}), this._abortController && this._abortController.abort(), this._abortController = new AbortController();
const r = this._abortController.signal;
this.perItemSearch(r, { count: 0 });
});
},
filtersLoading: function(e) {
this.loadingCards = e;
},
numberPerPageUpdate: function(e) {
this.numberPerPage = e, Pe.emit("trackEvent", {
event_name: "portal_maps_dataset_perPage",
category: e + "",
location: "map_sidebar_dataset"
});
const t = this.page === 1;
this.pageChange(1, t);
},
pageChange: function(e, t = !1) {
this.start = (e - 1) * this.numberPerPage, this.page = e, this.searchAlgolia(
this.filter,
this.searchInput,
this.numberPerPage,
this.page
), t || Pe.emit("trackEvent", {
event_name: "portal_maps_dataset_pagination",
category: `page_${this.page}`,
location: "map_sidebar_dataset"
});
},
handleMissingData: function(e) {
let t = this.results.findIndex((n) => n.doi === e);
this.results[t] && (this.results[t].detailsReady = !0);
},
perItemSearch: function(e, t) {
if (10 > t.count) {
const r = this._dois.shift();
r && (t.count++, this.callSciCrunch(this.envVars.API_LOCATION, { dois: [r] }, e).then((o) => {
o.numberOfHits === 0 ? this.handleMissingData(r) : this.resultsProcessing(o), this.$refs.content.style["overflow-y"] = "scroll", t.count--, this.perItemSearch(e, t);
}).catch((o) => {
o.name !== "AbortError" && (this.handleMissingData(r), t.count--, this.perItemSearch(e, t));
}), this.perItemSearch(e, t));
}
},
scrollToTop: function() {
this.$refs.content && this.$refs.content.scroll({ top: 0, behavior: "smooth" });
},
resetPageNavigation: function() {
this.start = 0, this.page = 1;
},
resultsProcessing: function(e) {
this.lastSearch = this.searchInput, e.results.length !== 0 && e.results.forEach((t) => {
let n = this.results.findIndex(
(r) => t.doi ? t.doi.includes(r.doi) : !1
);
Object.assign(this.results[n], t), Object.assign(this.results[n], {
numberSamples: t.sampleSize ? parseInt(t.sampleSize) : 0,
numberSubjects: t.subjectSize ? parseInt(t.subjectSize) : 0,
updated: (t.updated && t.updated.length) > 0 ? t.updated[0].timestamp.split("T")[0] : "",
url: t.uri[0],
datasetId: t.dataset_identifier,
datasetRevision: t.dataset_revision,
datasetVersion: t.dataset_version,
organs: t.organs && t.organs.length > 0 ? [...new Set(t.organs.map((r) => r.name))] : void 0,
species: t.organisms && t.organisms[0].species ? [
...new Set(
t.organisms.map(
(r) => r.species ? r.species.name : null
)
)
] : void 0,
// This processing only includes each gender once into 'sexes'
scaffolds: t["abi-scaffold-metadata-file"],
thumbnails: t["abi-thumbnail"] ? t["abi-thumbnail"] : t["abi-scaffold-thumbnail"],
scaffoldViews: t["abi-scaffold-view-file"],
videos: t.video,
plots: t["abi-plot"],
images: t["common-images"],
contextualInformation: t["abi-contextual-information"].length > 0 ? t["abi-contextual-information"] : void 0,
segmentation: t["mbf-segmentation"],
//omex format will be the preferred mimetype
simulation: t["abi-simulation-omex-file"] ? t["abi-simulation-omex-file"] : t["abi-simulation-file"],
flatmaps: t["abi-flatmap-file"],
additionalLinks: t.additionalLinks,
detailsReady: !0
}), this.results[n] = this.results[n];
});
},
createfilterParams: function(e) {
let t = new URLSearchParams();
for (const n in e)
Array.isArray(e[n]) ? e[n].forEach((r) => {
t.append(n, r);
}) : t.append(n, e[n]);
return t.toString();
},
callSciCrunch: function(e, t = {}, n) {
return new Promise((r, o) => {
let a = this.envVars.API_LOCATION + this.searchEndpoint + "?" + this.createfilterParams(t);
fetch(a, { signal: n }).then(n9).then((s) => s.json()).then((s) => r(s)).catch((s) => o(s));
});
},
getAlgoliaFacets: async function() {
return await this.algoliaClient.getAlgoliaFacets(
ld
);
},
searchHistorySearch: function(e) {
this.searchInput = e.search, this.filter = e.filters, this.openSearch([...e.filters], e.search);
},
getSearch: function() {
return this.searchInput;
},
getFilters: function() {
return this.filter.some((t) => t.facet.toLowerCase() !== "show all") ? this.filter : [];
}
},
mounted: function() {
this.algoliaClient = Ns(new Yy(
this.envVars.ALGOLIA_ID,
this.envVars.ALGOLIA_KEY,
this.envVars.PENNSIEVE_API_LOCATION
)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX), this.openSearch(this.filter, this.searchInput);
},
created: function() {
this.searchEndpoint = "dataset_info/using_multiple_dois/";
}
}, a9 = { class: "header" }, s9 = {
class: "content scrollbar",
ref: "content"
}, i9 = {
key: 0,
class: "error-feedback"
};
function l9(e, t, n, r, o, a) {
const s = Go, i = Kt, l = cl, c = ll, u = dy, f = Hi, g = Mi, v = Zo;
return C(), J(g, {
"body-style": e.bodyStyle,
class: "content-card"
}, {
header: P(() => [
M("div", a9, [
V(s, {
class: "search-input",
placeholder: "Search",
modelValue: e.searchInput,
"onUpdate:modelValue": t[0] || (t[0] = (d) => e.searchInput = d),
onKeyup: a.searchEvent,
clearable: "",
onClear: a.clearSearchClicked
}, null, 8, ["modelValue", "onKeyup", "onClear"]),
V(i, {
type: "primary",
class: "button",
onClick: a.searchEvent,
size: "large"
}, {
default: P(() => t[3] || (t[3] = [
Ce(" Search ")
])),
_: 1
}, 8, ["onClick"]),
V(i, {
link: "",
class: "el-button-link",
onClick: a.onResetClick,
size: "large"
}, {
default: P(() => t[4] || (t[4] = [
Ce(" Reset ")
])),
_: 1
}, 8, ["onClick"])
])
]),
default: P(() => [
V(l, {
class: "filters",
ref: "filtersRef",
entry: a.filterEntry,
envVars: n.envVars,
onFilterResults: a.filterUpdate,
onNumberPerPage: a.numberPerPageUpdate,
onLoading: a.filtersLoading,
onCascaderReady: a.cascaderReady
}, null, 8, ["entry", "envVars", "onFilterResults", "onNumberPerPage", "onLoading", "onCascaderReady"]),
V(c, {
ref: "searchHistory",
localStorageKey: "sparc.science-dataset-search-history",
onSearch: a.searchHistorySearch
}, null, 8, ["onSearch"]),
xe((C(), F("div", s9, [
e.results.length === 0 && !e.loadingCards ? (C(), F("div", i9, " No results found - Please change your search / filter criteria. ")) : G("", !0),
(C(!0), F(Ie, null, ot(e.results, (d) => (C(), F("div", {
key: d.doi,
class: "step-item"
}, [
V(u, {
class: "dataset-card",
entry: d,
envVars: n.envVars,
onMouseenter: (h) => a.hoverChanged(d),
onMouseleave: t[1] || (t[1] = (h) => a.hoverChanged(void 0))
}, null, 8, ["entry", "envVars", "onMouseenter"])
]))), 128)),
V(f, {
class: "pagination",
"current-page": e.page,
"onUpdate:currentPage": t[2] || (t[2] = (d) => e.page = d),
"hide-on-single-page": "",
large: "",
layout: "prev, pager, next",
"page-size": e.numberPerPage,
total: e.numberOfHits,
onCurrentChange: a.pageChange
}, null, 8, ["current-page", "page-size", "total", "onCurrentChange"])
])), [
[v, e.loadingCards]
])
]),
_: 1
}, 8, ["body-style"]);
}
const Qy = /* @__PURE__ */ Nn(o9, [["render", l9], ["__scopeId", "data-v-9c8b75be"]]), c9 = (e) => e.replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.substr(1).toLowerCase()), ma = function(e) {
return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
}, u9 = {
name: "ConnectivityInfo",
components: {
Button: Kt,
Container: RO,
Icon: He,
ElIconWarning: Yh,
ElIconLocation: Xh,
ElIconSearch: Qh,
ExternalResourceCard: jb,
CopyToClipboard: ev,
ConnectivityGraph: Vb,
ConnectivityList: zb
},
props: {
connectivityEntry: {
type: Array,
default: []
},
entryId: {
type: String,
default: ""
},
envVars: {
type: Object,
default: () => {
}
},
availableAnatomyFacets: {
type: Array,
default: () => []
},
withCloseButton: {
type: Boolean,
default: !1
}
},
data: function() {
return {
updatedCopyContent: "",
activeView: "listView",
connectivityLoading: !1,
connectivitySource: "map",
// sckan
noMapConnectivity: !1,
connectivityError: {},
graphViewLoaded: !1,
connectivityFromMap: null
};
},
computed: {
entry: function() {
return this.connectivityEntry.find((e) => e.featureId[0] === this.entryId);
},
hasProvenanceTaxonomyLabel: function() {
return this.entry.provenanceTaxonomyLabel && this.entry.provenanceTaxonomyLabel.length > 0;
},
provSpeciesDescription: function() {
let e = "Studied in";
return this.entry.provenanceTaxonomyLabel.forEach((t) => {
e += ` ${t},`;
}), e = e.slice(0, -1), e += " species", e;
},
connectivityKey: function() {
return this.entry.featureId[0] + this.entry.connectivitySource;
},
origins: function() {
return this.entry.origins;
},
components: function() {
return this.entry.components;
},
destinations: function() {
return this.entry.destinations;
},
originsWithDatasets: function() {
return this.entry.originsWithDatasets;
},
componentsWithDatasets: function() {
return this.entry.componentsWithDatasets;
},
destinationsWithDatasets: function() {
return this.entry.destinationsWithDatasets;
},
resources: function() {
return this.entry.hyperlinks || [];
},
sckanVersion: function() {
return this.entry.knowledgeSource;
},
flatmapApi: function() {
return this.envVars.FLATMAPAPI_LOCATION;
}
},
watch: {
entry: {
deep: !0,
immediate: !0,
handler: function(e, t) {
e && e !== t && (this.connectivityLoading = !0, this.activeView = localStorage.getItem("connectivity-active-view") || this.activeView, this.activeView === "graphView" && (this.graphViewLoaded = !0), this.connectivitySource = this.entry.connectivitySource, this.noMapConnectivity = this.entry.noMapConnectivity, this.updateGraphConnectivity(), this.connectivityLoading = !1, (!t || (e == null ? void 0 : e.featureId[0]) !== (t == null ? void 0 : t.featureId[0])) && this.$emit("loaded"));
}
}
},
methods: {
titleCase: function(e) {
return c9(e);
},
capitalise: function(e) {
return ma(e);
},
showConnectivity: function() {
const e = this.entry.featureId || [];
this.$emit("show-connectivity", e), Pe.emit("trackEvent", {
event_name: "portal_maps_show_connectivity_on_map",
category: this.entry.id || "",
location: "map_sidebar_connectivity"
});
},
onCopied: function() {
Pe.emit("trackEvent", {
event_name: "portal_maps_connectivity_copy",
category: this.entry.id || "",
location: "map_sidebar_connectivity"
});
},
switchConnectivityView: function(e) {
this.activeView = e, localStorage.setItem("connectivity-active-view", this.activeView), e === "graphView" && !this.graphViewLoaded && this.$nextTick(() => {
this.graphViewLoaded = !0;
}), Pe.emit("trackEvent", {
event_name: "portal_maps_connectivity_switch_view",
category: e,
location: "map_sidebar_connectivity"
});
},
onTapNode: function(e) {
const t = e.map((n) => n.label).join(", ");
this.onConnectivityHovered(t);
},
onShowReferenceConnectivities: function(e) {
this.$emit("show-reference-connectivities", e);
},
onReferencesLoaded: function(e) {
this.updatedCopyContent = this.getUpdateCopyContent(e);
},
getUpdateCopyContent: function(e) {
var s, i, l, c, u;
if (!this.entry)
return "";
const t = [];
let n = this.entry.title, r = this.entry.featureId;
const o = [];
n && o.push(`${ma(this.entry.title)}`), r != null && r.length && (typeof r == "object" ? o.push(`(${r[0]})`) : o.push(`(${r})`)), t.push(`${o.join(" ")}
`), (s = this.entry.provenanceTaxonomyLabel) != null && s.length && t.push(`${this.provSpeciesDescription}
`), this.entry.paths && t.push(`${this.entry.paths}
`);
function a(f, g, v = []) {
let d = `${f}
`;
const h = [];
g.forEach((y) => {
let x = [];
y.split(",").forEach((A) => {
const k = v.find((E) => E.name === A.trim());
k ? x.push(`${ma(A)} (${k.id})`) : x.push(`${ma(A)}`);
}), h.push(x.join(","));
});
const m = h.map((y) => `${y}`).join(`
`);
return d += `
`, d += ``, d;
}
if ((i = this.entry["nerve-label"]) != null && i.length) {
const f = "Nerves", v = this.entry["nerve-label"].map((h) => Object.values(h)).flat(1 / 0), d = a(f, v);
t.push(d);
}
if ((l = this.origins) != null && l.length) {
const f = "Origin", g = this.origins, v = this.originsWithDatasets, d = a(f, g, v);
t.push(d);
}
if ((c = this.components) != null && c.length) {
const f = "Components", g = this.components, v = this.componentsWithDatasets, d = a(f, g, v);
t.push(d);
}
if ((u = this.destinations) != null && u.length) {
const f = "Destination", g = this.destinations, v = this.destinationsWithDatasets, d = a(f, g, v);
t.push(d);
}
if (e) {
let f = "References
";
f += `
`;
const g = e.list.map((v) => `${v}`).join(`
`);
f += ``, t.push(f);
}
return t.join(`
`);
},
getConnectivityDatasets: function(e) {
const t = [
...this.componentsWithDatasets,
...this.destinationsWithDatasets,
...this.originsWithDatasets
], n = e.split(",");
let r = [];
return n.forEach((o) => {
const a = t.find(
(s) => s.name.toLowerCase().trim() === o.toLowerCase().trim()
);
a && r.push({
id: a.id,
label: a.name
});
}), r;
},
onConnectivityHovered: function(e) {
const t = {
connectivityInfo: this.entry,
label: e,
data: e ? this.getConnectivityDatasets(e) : []
};
this.$emit("connectivity-hovered", t);
},
onConnectivityClicked: function(e) {
const t = { query: e, filter: [] };
this.$emit("connectivity-clicked", t);
},
/**
* Function to show error message.
* `errorInfo` includes `errorData` array (optional) for error connectivities
* and `errorMessage` for error message.
* @arg `errorInfo`
*/
getConnectivityError: function(e) {
const { errorData: t, errorMessage: n } = e;
return {
errorConnectivities: t.map((o) => ma(o.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
errorMessage: n
};
},
onConnectivitySourceChange: function(e) {
this.connectivityLoading = !0, this.activeView !== "graphView" && (this.graphViewLoaded = !1), this.updateGraphConnectivity(), Pe.emit("connectivity-source-change", {
entry: this.entry,
connectivitySource: e
}), Pe.emit("trackEvent", {
event_name: "portal_maps_connectivity_source_change",
category: e,
location: "map_sidebar_connectivity"
});
},
updateGraphConnectivity: function() {
this.connectivitySource === "map" ? this.getConnectionsFromMap().then((e) => {
var t;
this.connectivityFromMap = null, (t = e == null ? void 0 : e.connectivity) != null && t.length && (this.connectivityFromMap = e), this.connectivityLoading = !1;
}) : (this.connectivityFromMap = null, this.connectivityLoading = !1);
},
getConnectionsFromMap: async function() {
if (this.entry.mapuuid) {
const e = this.flatmapApi + `flatmap/${this.entry.mapuuid}/connectivity/${this.entry.featureId[0]}`;
try {
const t = await fetch(e);
if (!t.ok)
throw new Error(`Response status: ${t.status}`);
return await t.json();
} catch (t) {
throw Pe.emit("connectivity-source-change", {
entry: this.entry,
connectivitySource: "sckan"
}), new Error(t);
}
}
},
onConnectivityActionClick: function(e) {
Pe.emit("onConnectivityActionClick", e);
},
closeConnectivity: function() {
this.$emit("close-connectivity"), Pe.emit("trackEvent", {
event_name: "portal_maps_connectivity_close",
category: this.entry.id || "",
location: "map_sidebar_connectivity"
});
},
onTrackEvent: function(e) {
Pe.emit("trackEvent", e);
}
},
mounted: function() {
this.updatedCopyContent = this.getUpdateCopyContent(), Pe.on("connectivity-error", (e) => {
const t = this.getConnectivityError(e);
this.connectivityError = { ...t };
});
}
}, d9 = {
key: 0,
class: "main"
}, f9 = { class: "connectivity-info-title" }, p9 = { class: "title-content" }, h9 = {
key: 0,
class: "block"
}, v9 = { class: "title" }, g9 = { style: { "word-break": "keep-all" } }, m9 = { class: "subtitle" }, y9 = {
key: 0,
class: "subtitle"
}, b9 = {
key: 1,
class: "block"
}, w9 = { class: "title" }, C9 = { class: "title-buttons" }, S9 = { class: "content-container population-display" }, k9 = { class: "block attribute-title-container" }, _9 = { class: "block buttons-row" }, E9 = { class: "population-display-source" }, x9 = { class: "population-display-view" }, T9 = {
key: 0,
class: "block"
}, O9 = ["origin-item-label"], I9 = ["origin-item-label", "onMouseenter"], A9 = { class: "content-container content-container-connectivity" }, F9 = { class: "content-container content-container-connectivity" }, P9 = {
key: 1,
class: "content-container content-container-references"
};
function $9(e, t, n, r, o, a) {
const s = Mb, i = He, l = Qa, c = Xh, u = Kt, f = Se("CopyToClipboard"), g = ao, v = Yh, d = jg, h = MT, m = Qh, y = Se("connectivity-list"), x = Se("connectivity-graph"), A = Se("ExternalResourceCard"), k = Zo;
return a.entry ? (C(), F("div", d9, [
M("div", f9, [
M("div", p9, [
a.entry.title ? (C(), F("div", h9, [
M("div", v9, [
M("span", null, se(a.capitalise(a.entry.title)), 1),
a.entry.featuresAlert ? (C(), J(l, {
key: 0,
width: "250",
trigger: "hover",
teleported: !1,
"popper-class": "popover-origin-help"
}, {
reference: P(() => [
V(i, { class: "alert" }, {
default: P(() => [
V(s)
]),
_: 1
})
]),
default: P(() => [
M("span", g9, se(a.entry.featuresAlert), 1)
]),
_: 1
})) : G("", !0)
]),
M("div", m9, [
t[4] || (t[4] = M("strong", null, "id: ", -1)),
Ce(se(a.entry.featureId[0]), 1)
]),
a.hasProvenanceTaxonomyLabel ? (C(), F("div", y9, se(a.provSpeciesDescription), 1)) : G("", !0)
])) : (C(), F("div", b9, [
M("div", w9, se(a.entry.featureId), 1)
]))
]),
M("div", C9, [
V(l, {
width: "auto",
trigger: "hover",
teleported: !1,
"popper-class": "popover-map-pin"
}, {
reference: P(() => [
V(u, {
class: "button-circle secondary",
circle: "",
onClick: a.showConnectivity
}, {
default: P(() => [
V(i, { color: "#8300bf" }, {
default: P(() => [
V(c)
]),
_: 1
})
]),
_: 1
}, 8, ["onClick"])
]),
default: P(() => [
t[5] || (t[5] = M("span", null, " Show connectivity on map ", -1))
]),
_: 1
}),
V(f, {
onCopied: a.onCopied,
content: e.updatedCopyContent
}, null, 8, ["onCopied", "content"]),
n.withCloseButton ? (C(), J(l, {
key: 0,
width: "auto",
trigger: "hover",
teleported: !1,
"popper-class": "popover-map-pin"
}, {
reference: P(() => [
V(u, {
class: "button-circle",
circle: "",
onClick: a.closeConnectivity
}, {
default: P(() => [
V(i, { color: "white" }, {
default: P(() => [
V(g)
]),
_: 1
})
]),
_: 1
}, 8, ["onClick"])
]),
default: P(() => [
t[6] || (t[6] = M("span", null, "Close", -1))
]),
_: 1
})) : G("", !0)
])
]),
M("div", S9, [
M("div", k9, [
t[8] || (t[8] = M("span", { class: "attribute-title" }, "Population Display", -1)),
e.activeView === "listView" ? (C(), J(l, {
key: 0,
width: "250",
trigger: "hover",
teleported: !1,
"popper-class": "popover-origin-help"
}, {
reference: P(() => [
V(i, { class: "info" }, {
default: P(() => [
V(v)
]),
_: 1
})
]),
default: P(() => [
t[7] || (t[7] = M("span", { style: { "word-break": "keep-all" } }, " This list is ordered alphabetically, switch to graph view for path details. ", -1))
]),
_: 1
})) : G("", !0)
]),
M("div", _9, [
M("div", E9, [
M("span", null, [
t[10] || (t[10] = Ce(" Connectivity from: ")),
V(l, {
width: "320",
trigger: "hover",
teleported: !1,
"popper-class": "popover-origin-help"
}, {
reference: P(() => [
V(i, { class: "info" }, {
default: P(() => [
V(v)
]),
_: 1
})
]),
default: P(() => [
t[9] || (t[9] = M("span", { style: { "word-break": "keep-all" } }, [
M("strong", null, "Map"),
Ce(" - connectivity as defined in active map. "),
M("br"),
M("strong", null, "SCKAN"),
Ce(" - connectivity as defined in SCKAN. ")
], -1))
]),
_: 1
})
]),
V(h, {
modelValue: e.connectivitySource,
"onUpdate:modelValue": t[0] || (t[0] = (E) => e.connectivitySource = E),
onChange: a.onConnectivitySourceChange
}, {
default: P(() => [
V(d, {
value: "map",
disabled: e.noMapConnectivity
}, {
default: P(() => t[11] || (t[11] = [
Ce("Map")
])),
_: 1
}, 8, ["disabled"]),
V(d, { value: "sckan" }, {
default: P(() => t[12] || (t[12] = [
Ce("SCKAN")
])),
_: 1
})
]),
_: 1
}, 8, ["modelValue", "onChange"])
]),
M("div", x9, [
V(u, {
class: N(e.activeView === "listView" ? "button" : "el-button-secondary"),
onClick: t[1] || (t[1] = (E) => a.switchConnectivityView("listView"))
}, {
default: P(() => t[13] || (t[13] = [
Ce(" List view ")
])),
_: 1
}, 8, ["class"]),
V(u, {
class: N(e.activeView === "graphView" ? "button" : "el-button-secondary"),
onClick: t[2] || (t[2] = (E) => a.switchConnectivityView("graphView"))
}, {
default: P(() => t[14] || (t[14] = [
Ce(" Graph view ")
])),
_: 1
}, 8, ["class"])
])
])
]),
a.entry["nerve-label"] ? (C(), F("div", T9, [
t[16] || (t[16] = M("div", { class: "attribute-title-container" }, [
M("span", { class: "attribute-title" }, "Nerves")
], -1)),
(C(!0), F(Ie, null, ot(a.entry["nerve-label"], (E, T) => (C(), F("div", null, [
(C(), F("div", {
class: "attribute-content",
"origin-item-label": E.nerve,
key: E.nerve
}, [
M("span", null, se(a.capitalise(E.nerve)), 1)
], 8, O9)),
(C(!0), F(Ie, null, ot(E.subNerves, (I, R) => (C(), F("div", {
class: "attribute-content",
style: { "margin-left": "1rem" },
"origin-item-label": I,
key: I,
onMouseenter: (D) => a.onConnectivityHovered(I),
onMouseleave: t[3] || (t[3] = (D) => a.onConnectivityHovered())
}, [
V(l, {
width: "150",
trigger: "hover",
teleported: !1,
"popper-class": "popover-origin-help"
}, {
reference: P(() => [
V(i, {
class: "magnify-glass",
onClick: (D) => a.onConnectivityClicked(I)
}, {
default: P(() => [
V(m)
]),
_: 2
}, 1032, ["onClick"])
]),
default: P(() => [
t[15] || (t[15] = M("span", null, "Search sub nerve", -1))
]),
_: 2
}, 1024),
M("span", null, se(a.capitalise(I)), 1)
], 40, I9))), 128))
]))), 256))
])) : G("", !0),
xe(M("div", A9, [
xe((C(), J(y, {
key: `${a.connectivityKey}list`,
entry: a.entry,
origins: a.origins,
components: a.components,
destinations: a.destinations,
originsWithDatasets: a.originsWithDatasets,
componentsWithDatasets: a.componentsWithDatasets,
destinationsWithDatasets: a.destinationsWithDatasets,
availableAnatomyFacets: n.availableAnatomyFacets,
connectivityError: e.connectivityError,
onConnectivityHovered: a.onConnectivityHovered,
onConnectivityClicked: a.onConnectivityClicked,
onConnectivityActionClick: a.onConnectivityActionClick
}, null, 8, ["entry", "origins", "components", "destinations", "originsWithDatasets", "componentsWithDatasets", "destinationsWithDatasets", "availableAnatomyFacets", "connectivityError", "onConnectivityHovered", "onConnectivityClicked", "onConnectivityActionClick"])), [
[k, e.connectivityLoading]
])
], 512), [
[ht, e.activeView === "listView"]
]),
xe(M("div", F9, [
e.graphViewLoaded ? xe((C(), J(x, {
key: `${a.connectivityKey}graph`,
entry: a.entry.featureId[0],
mapServer: a.flatmapApi,
sckanVersion: a.sckanVersion,
connectivityFromMap: e.connectivityFromMap,
connectivityError: e.connectivityError,
onTapNode: a.onTapNode
}, null, 8, ["entry", "mapServer", "sckanVersion", "connectivityFromMap", "connectivityError", "onTapNode"])), [
[k, e.connectivityLoading]
]) : G("", !0)
], 512), [
[ht, e.activeView === "graphView"]
]),
a.resources.length ? (C(), F("div", P9, [
V(A, {
resources: a.resources,
onReferencesLoaded: a.onReferencesLoaded,
onShowReferenceConnectivities: a.onShowReferenceConnectivities,
onTrackEvent: a.onTrackEvent
}, null, 8, ["resources", "onReferencesLoaded", "onShowReferenceConnectivities", "onTrackEvent"])
])) : G("", !0)
])) : G("", !0);
}
const eb = /* @__PURE__ */ Nn(u9, [["render", $9], ["__scopeId", "data-v-b1d54f1d"]]), R9 = {
name: "ConnectivityCard",
data() {
return {
displayFields: ["id", "nerve-label"]
};
},
props: {
/**
* Object containing information for
* the required viewing.
*/
entry: {
type: Object,
default: () => {
}
},
connectivityEntry: {
type: Array,
default: () => []
}
},
computed: {
loading: function() {
if ("ready" in this.entry)
return !this.entry.ready;
const e = this.connectivityEntry.find(
(t) => t.id === this.entry.id
);
return e ? !e.ready : !1;
}
},
methods: {
capitalise: function(e) {
return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
},
cardClicked: function(e) {
this.loading || (this.$emit("open-connectivity", e), Pe.emit("trackEvent", {
event_name: "portal_maps_connectivity_open",
category: e.id || "",
location: "map_sidebar_connectivity"
}));
}
}
}, N9 = {
class: "connectivity-card-container",
ref: "container"
}, L9 = {
class: "connectivity-card",
ref: "card"
}, B9 = { class: "card-title" }, D9 = {
key: 0,
class: "card-details"
}, M9 = {
key: 0,
class: "card-tags"
}, j9 = { key: 1 };
function V9(e, t, n, r, o, a) {
const s = lo, i = Zo;
return C(), F("div", N9, [
M("div", L9, [
t[1] || (t[1] = M("div", { class: "seperator-path" }, null, -1)),
xe((C(), F("div", {
class: "card-content",
onClick: t[0] || (t[0] = (l) => a.cardClicked(n.entry))
}, [
M("div", B9, se(a.capitalise(n.entry.label)), 1),
(C(!0), F(Ie, null, ot(o.displayFields, (l) => (C(), F(Ie, { key: l }, [
n.entry[l] ? (C(), F("div", D9, [
M("strong", null, se(l) + ":", 1),
l === "nerve-label" ? (C(), F("div", M9, [
(C(!0), F(Ie, null, ot(n.entry[l], (c) => (C(), F("div", {
key: c.nerve
}, [
V(s, {
type: "primary",
size: "small"
}, {
default: P(() => [
Ce(se(c.nerve), 1)
]),
_: 2
}, 1024),
(C(!0), F(Ie, null, ot(c.subNerves, (u) => (C(), J(s, {
type: "primary",
size: "small"
}, {
default: P(() => [
Ce(se(u), 1)
]),
_: 2
}, 1024))), 256))
]))), 128))
])) : (C(), F("span", j9, se(n.entry[l]), 1))
])) : G("", !0)
], 64))), 128))
])), [
[i, a.loading]
])
], 512)
], 512);
}
const tb = /* @__PURE__ */ Nn(R9, [["render", V9], ["__scopeId", "data-v-4c16c9d7"]]);
var z9 = {
searchInput: "",
lastSearch: "",
results: [],
numberOfHits: 0,
filter: [],
loadingCards: !1,
numberPerPage: 10,
page: 1,
start: 0
};
const H9 = {
components: {
SearchFilters: cl,
SearchHistory: ll,
ConnectivityCard: tb,
ConnectivityInfo: eb,
Button: Kt,
Card: Mi,
Checkbox: vu,
Icon: He,
Input: Go,
Pagination: Hi,
MapSvgIcon: py,
MapSvgSpriteColor: Jy
},
name: "ConnectivityExplorer",
props: {
connectivityKnowledge: {
type: Array,
default: []
},
entry: {
type: Object,
default: () => z9
},
envVars: {
type: Object,
default: () => {
}
},
connectivityEntry: {
type: Array,
default: []
},
availableAnatomyFacets: {
type: Object,
default: []
},
connectivityFilterOptions: {
type: Array,
default: []
},
showVisibilityFilter: {
type: Boolean,
default: !1
}
},
data: function() {
return {
...this.entry,
bodyStyle: {
flex: "1 1 auto",
"flex-flow": "column",
display: "flex"
},
cascaderIsReady: !1,
freezeTimeout: void 0,
freezed: !1,
initLoading: !0,
expanded: "",
filterVisibility: !0,
expandedData: null
};
},
computed: {
// This computed property populates filter data's entry object with $data from this sidebar
filterEntry: function() {
return {
numberOfHits: this.numberOfHits,
filterFacets: this.filter,
options: this.connectivityFilterOptions,
showFilters: !0,
helper: {
within: "'CNS' OR 'Local circuit neuron'",
between: "'Somatic lower motor' AND 'Human'"
}
};
},
paginatedResults: function() {
return this.results.slice(this.start, this.start + this.numberPerPage);
}
},
watch: {
connectivityKnowledge: function(e, t) {
this.expanded = "", this.expandedData = null, this.loadingCards = !1, JSON.stringify(e) !== JSON.stringify(t) && (this.results = e, this.initLoading = !1, this.numberOfHits = this.results.length, this.numberOfHits > 0 && "ready" in this.results[0] && (this.$refs.filtersRef.checkShowAllBoxes(), this.searchInput = "", this.filter = []));
},
// watch for connectivityEntry changes
// card should be expanded if there is only one entry and it is ready
connectivityEntry: function(e, t) {
if (JSON.stringify(e) !== JSON.stringify(t) && e.length === 1 && e[0].ready) {
const n = this.filter.some((r) => r.facet !== "Show all");
if (
// card should not be expanded if only one entry and from neuron click
this.numberOfHits === 1 && !this.searchInput && !n || // if the changed property is connectivity source,
// or two different maps in split view, do not collapse
(e[0].connectivitySource !== t[0].connectivitySource || e[0].mapId !== t[0].mapId) && t[0].ready
)
return;
this.collapseChange(e[0]);
}
},
paginatedResults: function() {
this.loadingCards = !1;
},
filterVisibility: function(e) {
this.filterVisibility = e, this.$emit("filter-visibility", this.filterVisibility);
}
},
methods: {
freezeHoverChange: function() {
this.freezed = !0, this.freezeTimeout && clearTimeout(this.freezeTimeout), this.freezeTimeout = setTimeout(() => {
this.freezed = !1;
}, 3e3);
},
onShowConnectivity: function(e) {
this.freezeHoverChange(), this.$emit("show-connectivity", e);
},
onShowReferenceConnectivities: function(e) {
this.freezeHoverChange(), this.$emit("show-reference-connectivities", e);
},
onConnectivityClicked: function(e) {
this.searchInput = e.query, this.searchAndFilterUpdate();
},
collapseChange: function(e) {
this.expanded = this.expanded === e.id ? "" : e.id, this.expandedData = this.expanded ? e : null;
},
closeConnectivity: function() {
this.expanded || this.$emit("connectivity-item-close");
},
onConnectivityCollapseChange: function(e) {
this.connectivityEntry.find((t) => t.featureId[0] === e.id) ? (this.collapseChange(e), this.closeConnectivity()) : (this.expanded = "", this.expandedData = null, this.$nextTick(() => {
this.$emit("connectivity-collapse-change", e);
}));
},
onHoverChanged: function(e, t) {
const { target: n } = e;
(t || n && n.checkVisibility()) && this.hoverChanged(t);
},
hoverChanged: function(e) {
if (!this.freezed) {
let t = { tabType: "connectivity" };
e ? t = { ...t, ...e } : this.expandedData && (t = { ...t, ...this.expandedData }), this.$emit("hover-changed", t);
}
},
resetSearch: function() {
this.numberOfHits = 0, this.results = [], this.loadingCards = !1;
},
resetSearchIfNoActiveSearch: function() {
const e = this.filter.some((t) => t.facet !== "Show all");
!this.searchInput && !e && this.openSearch([], "");
},
onResetClick: function() {
this.openSearch([], ""), this.$emit("search-changed", {
value: [],
tabType: "dataset",
type: "reset-update"
}), Pe.emit("trackEvent", {
event_name: "portal_maps_action_filter",
category: "reset",
location: "map_sidebar_connectivity"
});
},
openSearch: function(e, t = "") {
if (this.searchInput = t, this.resetPageNavigation(), this.cascaderIsReady) {
const n = this.$refs.filtersRef.getHierarchicalValidatedFilters(e), r = n.notFound ? n.notFound.filter((o) => o.facet.toLowerCase() !== "show all") : [];
this.filter = n.result, r.forEach((o) => {
const a = o.tagLabel || o.facet, s = a.charAt(0).toLowerCase() + a.slice(1);
let i = "";
o.term.toLowerCase() === "origin" ? i = `There are no neuron populations beginning at ${s}.` : o.term.toLowerCase() === "via" ? i = `There are no neuron populations that run through ${s}.` : o.term.toLowerCase() === "destination" ? i = `There are no neuron populations terminating at ${s}.` : i = `There are no neuron populations beginning, terminating, or running through ${s}.`, im({
dangerouslyUseHTMLString: !0,
message: i,
appendTo: this.$el,
showClose: !0,
offset: 113
});
}), r.length && this.$emit("search-changed", {
value: r,
tabType: "dataset",
type: "reset-update"
}), e && e.length > 0 && this.filter && this.filter.length === 0 ? (this.$refs.filtersRef.checkShowAllBoxes(), this.resetSearch()) : this.filter && (this.searchKnowledge(this.filter, t), this.$refs.filtersRef.setCascader(this.filter), this.searchHistoryUpdate(this.filter, t));
} else
this.filter = e, (!e || e.length == 0) && (this.searchKnowledge(this.filter, t), this.searchHistoryUpdate(this.filter, t));
},
addFilter: function(e) {
this.cascaderIsReady ? (this.resetPageNavigation(), e && this.$refs.filtersRef.addFilter(e) && this.$refs.filtersRef.initiateSearch()) : Array.isArray(this.filter) ? this.filter.push(e) : this.filter = [e];
},
cascaderReady: function() {
this.cascaderIsReady = !0, this.openSearch(this.filter, this.searchInput);
},
clearSearchClicked: function() {
this.searchInput = "", this.searchAndFilterUpdate();
},
searchEvent: function(e = !1) {
(e.keyCode === 13 || e instanceof MouseEvent) && (this.searchInput = this.searchInput.trim(), this.searchAndFilterUpdate());
},
filterUpdate: function(e) {
this.filter = [...e], this.searchAndFilterUpdate();
},
searchAndFilterUpdate: function() {
this.resetPageNavigation(), this.searchKnowledge(this.filter, this.searchInput), this.searchHistoryUpdate(this.filter, this.searchInput);
},
searchHistoryUpdate: function(e, t) {
this.$refs.searchHistory.selectValue = "Search history", (e.length || t != null && t.trim()) && this.$refs.searchHistory.addSearchToHistory(this.filter, t);
},
searchKnowledge: function(e, t = "") {
this.expanded = "", this.expandedData = null, this.loadingCards = !0, this.scrollToTop(), this.$emit("search-changed", {
// value: this.searchInput,
// type: "query-update",
query: t,
filter: e,
tabType: "connectivity"
}), this.lastSearch = t;
},
filtersLoading: function(e) {
this.loadingCards = e;
},
numberPerPageUpdate: function(e) {
this.numberPerPage = e, Pe.emit("trackEvent", {
event_name: "portal_maps_connectivity_perPage",
category: e + "",
location: "map_sidebar_connectivity"
});
const t = this.page === 1;
this.pageChange(1, t);
},
pageChange: function(e, t = !1) {
this.start = (e - 1) * this.numberPerPage, this.page = e, this.expanded = "", this.expandedData = null, this.scrollToTop(), t || Pe.emit("trackEvent", {
event_name: "portal_maps_connectivity_pagination",
category: `page_${this.page}`,
location: "map_sidebar_connectivity"
});
},
scrollToTop: function() {
this.$refs.content && this.$refs.content.scroll({ top: 0, behavior: "smooth" });
},
resetPageNavigation: function() {
this.start = 0, this.page = 1;
},
searchHistorySearch: function(e) {
this.searchInput = e.search, this.filter = e.filters, this.openSearch([...e.filters], e.search);
},
onConnectivityInfoLoaded: function(e) {
const t = this.$refs["stepItem-" + e.id], n = this.$refs.content;
this.$nextTick(() => {
n && t && t[0] && (n.scrollTop = t[0].offsetTop);
});
},
getSearch: function() {
return this.searchInput;
},
getFilters: function() {
return this.filter.some((t) => t.facet.toLowerCase() !== "show all") ? this.filter : [];
}
},
mounted: function() {
localStorage.removeItem("connectivity-active-view"), this.openSearch(this.filter, this.searchInput), Pe.on("close-connectivity", () => {
this.expanded = "", this.expandedData = null;
});
}
}, U9 = { class: "header" }, q9 = {
key: 0,
class: "visibility-filter"
}, K9 = {
key: 0,
class: "error-feedback"
}, W9 = ["onMouseenter"];
function G9(e, t, n, r, o, a) {
const s = Se("MapSvgSpriteColor"), i = Go, l = Kt, c = vu, u = Se("MapSvgIcon"), f = Qa, g = cl, v = ll, d = tb, h = eb, m = Hi, y = Mi, x = Zo;
return C(), J(y, {
"body-style": e.bodyStyle,
class: "content-card"
}, {
header: P(() => [
M("div", U9, [
V(i, {
class: "search-input",
placeholder: "Search",
modelValue: e.searchInput,
"onUpdate:modelValue": t[0] || (t[0] = (A) => e.searchInput = A),
onKeyup: a.searchEvent,
clearable: "",
onClear: a.clearSearchClicked
}, null, 8, ["modelValue", "onKeyup", "onClear"]),
V(l, {
type: "primary",
class: "button",
onClick: a.searchEvent,
size: "large"
}, {
default: P(() => t[5] || (t[5] = [
Ce(" Search ")
])),
_: 1
}, 8, ["onClick"]),
V(l, {
link: "",
class: "el-button-link",
onClick: a.onResetClick,
size: "large"
}, {
default: P(() => t[6] || (t[6] = [
Ce(" Reset ")
])),
_: 1
}, 8, ["onClick"]),
n.showVisibilityFilter ? (C(), F("div", q9, [
V(c, {
modelValue: e.filterVisibility,
"onUpdate:modelValue": t[1] || (t[1] = (A) => e.filterVisibility = A)
}, {
default: P(() => t[7] || (t[7] = [
Ce(" Focused ")
])),
_: 1
}, 8, ["modelValue"]),
V(f, {
title: "How does focused checkbox work?",
width: "250",
trigger: "hover",
"popper-class": "filter-help-popover"
}, {
reference: P(() => [
V(u, {
icon: "help",
class: "help"
})
]),
default: P(() => [
t[8] || (t[8] = M("div", null, [
M("strong", null, "Checked:"),
M("br"),
Ce(" Display listed or highlighted items only. "),
M("br"),
M("br"),
M("strong", null, "Unchecked:"),
M("br"),
Ce(" Display listed or highlighted items in full colour and non-listed items in greyscale. ")
], -1))
]),
_: 1
})
])) : G("", !0)
])
]),
default: P(() => [
V(s),
V(g, {
class: "filters",
ref: "filtersRef",
entry: a.filterEntry,
envVars: n.envVars,
onFilterResults: a.filterUpdate,
onNumberPerPage: a.numberPerPageUpdate,
onLoading: a.filtersLoading,
onCascaderReady: a.cascaderReady
}, null, 8, ["entry", "envVars", "onFilterResults", "onNumberPerPage", "onLoading", "onCascaderReady"]),
V(v, {
ref: "searchHistory",
localStorageKey: "sparc.science-connectivity-search-history",
onSearch: a.searchHistorySearch
}, null, 8, ["onSearch"]),
xe((C(), F("div", {
class: "content scrollbar",
ref: "content",
onMouseleave: t[4] || (t[4] = (A) => a.onHoverChanged(A, void 0))
}, [
e.results.length === 0 && !e.loadingCards ? (C(), F("div", K9, " No results found - Please change your search / filter criteria. ")) : G("", !0),
(C(!0), F(Ie, null, ot(a.paginatedResults, (A) => (C(), F("div", {
key: A.id,
ref_for: !0,
ref: "stepItem-" + A.id,
class: "step-item",
onMouseenter: (k) => a.onHoverChanged(k, A)
}, [
xe(V(d, {
class: "connectivity-card",
entry: A,
connectivityEntry: n.connectivityEntry,
onOpenConnectivity: a.onConnectivityCollapseChange
}, null, 8, ["entry", "connectivityEntry", "onOpenConnectivity"]), [
[ht, e.expanded !== A.id]
]),
e.expanded === A.id ? (C(), J(h, {
key: 0,
class: "connectivity-info",
entryId: A.id,
connectivityEntry: n.connectivityEntry,
availableAnatomyFacets: n.availableAnatomyFacets,
envVars: n.envVars,
withCloseButton: !0,
onShowConnectivity: a.onShowConnectivity,
onShowReferenceConnectivities: a.onShowReferenceConnectivities,
onConnectivityClicked: a.onConnectivityClicked,
onConnectivityHovered: t[2] || (t[2] = (k) => e.$emit("connectivity-hovered", k)),
onLoaded: (k) => a.onConnectivityInfoLoaded(A),
onCloseConnectivity: (k) => a.onConnectivityCollapseChange(A)
}, null, 8, ["entryId", "connectivityEntry", "availableAnatomyFacets", "envVars", "onShowConnectivity", "onShowReferenceConnectivities", "onConnectivityClicked", "onLoaded", "onCloseConnectivity"])) : G("", !0)
], 40, W9))), 128)),
V(m, {
class: "pagination",
"current-page": e.page,
"onUpdate:currentPage": t[3] || (t[3] = (A) => e.page = A),
"hide-on-single-page": "",
large: "",
layout: "prev, pager, next",
"page-size": e.numberPerPage,
total: e.numberOfHits,
onCurrentChange: a.pageChange
}, null, 8, ["current-page", "page-size", "total", "onCurrentChange"])
], 32)), [
[x, e.loadingCards || e.initLoading]
])
]),
_: 1
}, 8, ["body-style"]);
}
const nb = /* @__PURE__ */ Nn(H9, [["render", G9], ["__scopeId", "data-v-d9061656"]]), J9 = {
name: "AnnotationTool",
components: {
AnnotationPopup: Hb,
Button: Kt,
CreateTooltipContent: Ub,
Col: yu,
ElIconDelete: Zl,
Icon: He,
Row: mu
},
props: {
annotationEntry: {
type: Array
},
createData: {
type: Object,
default: {}
}
},
data: function() {
return {
ElIconDelete: Qr(Zl),
annotationPopupData: null
};
}
}, Z9 = { class: "annotation-tool scrollbar" }, Y9 = {
key: 1,
class: "delete-container"
};
function X9(e, t, n, r, o, a) {
const s = Se("CreateTooltipContent"), i = Se("annotation-popup"), l = yu, c = Kt, u = mu;
return C(), F("div", Z9, [
xe(V(s, {
createData: n.createData,
onConfirmCreate: t[0] || (t[0] = (f) => e.$emit("confirm-create", f)),
onCancelCreate: t[1] || (t[1] = (f) => e.$emit("cancel-create")),
class: "create-tooltip-content"
}, null, 8, ["createData"]), [
[ht, n.createData && n.createData.toBeConfirmed]
]),
n.annotationEntry && (!n.createData || !n.createData.toBeConfirmed) ? (C(), J(i, {
key: 0,
class: "annotation-popup",
annotationEntry: n.annotationEntry,
onAnnotation: t[2] || (t[2] = (f) => e.$emit("annotation", f)),
onHoverChanged: t[3] || (t[3] = (f) => e.$emit("hover-changed", f)),
onTrackEvent: t[4] || (t[4] = (f) => e.$emit("trackEvent", f))
}, null, 8, ["annotationEntry"])) : G("", !0),
n.createData && n.createData.toBeDeleted ? (C(), F("div", Y9, [
V(u, null, {
default: P(() => [
V(l, {
offset: 1,
span: 6
}, {
default: P(() => t[7] || (t[7] = [
Ce("Delete this feature?")
])),
_: 1
}),
V(l, {
offset: 1,
span: 3
}, {
default: P(() => [
V(c, {
class: "delete-button",
icon: e.ElIconDelete,
onClick: t[5] || (t[5] = (f) => e.$emit("confirm-delete"))
}, {
default: P(() => t[8] || (t[8] = [
Ce(" Delete ")
])),
_: 1
}, 8, ["icon"])
]),
_: 1
}),
V(l, {
offset: 1,
span: 2
}, {
default: P(() => [
V(c, {
class: "delete-button",
onClick: t[6] || (t[6] = (f) => e.$emit("cancel-create"))
}, {
default: P(() => t[9] || (t[9] = [
Ce(" Dismiss ")
])),
_: 1
})
]),
_: 1
})
]),
_: 1
})
])) : G("", !0)
]);
}
const rb = /* @__PURE__ */ Nn(J9, [["render", X9], ["__scopeId", "data-v-7acfbf0c"]]), Q9 = {
name: "Tabs",
components: {
ElIconClose: ao
},
props: {
tabEntries: {
type: Array,
default: () => []
},
activeId: {
type: Number,
default: 1
},
contextArray: {
type: Array,
default: () => []
}
},
computed: {
tabs: function() {
const e = this.tabEntries.filter((r) => !r.closable), t = this.tabEntries.filter((r) => r.closable);
let n = e.concat(t);
if (this.contextArray.length)
for (let r in n)
n[r].contextCard = this.contextArray[r];
return n;
}
},
methods: {
tabClicked: function(e) {
this.$emit("tabClicked", { id: e.id, type: e.type }), this.$emit("trackEvent", {
event: "interaction_event",
event_name: "portal_maps_sidebar_open_tab",
category: e.type,
location: "map_sidebar_tabs"
});
},
tabClosed: function(e) {
this.$emit("tabClosed", { id: e.id, type: e.type });
}
}
}, eB = { class: "tabs-container" }, tB = ["onClick"], nB = { class: "tab-title" };
function rB(e, t, n, r, o, a) {
const s = ao, i = He;
return C(), F("div", eB, [
(C(!0), F(Ie, null, ot(a.tabs, (l) => (C(), F("div", {
class: N(["tab", { "active-tab": l.id == n.activeId }]),
key: l.id,
onClick: (c) => a.tabClicked(l)
}, [
M("span", nB, se(l.title), 1),
l.closable ? (C(), J(i, {
key: 0,
onClick: Be((c) => a.tabClosed(l), ["stop"]),
class: "tab-close-icon"
}, {
default: P(() => [
V(s)
]),
_: 2
}, 1032, ["onClick"])) : G("", !0)
], 10, tB))), 128))
]);
}
const ob = /* @__PURE__ */ Nn(Q9, [["render", rB], ["__scopeId", "data-v-744b6365"]]), oB = {
components: {
DatasetExplorer: Qy,
Tabs: ob,
ElIconArrowLeft: Rc,
ElIconArrowRight: _i,
Drawer: bu,
Icon: He,
AnnotationTool: rb,
ConnectivityExplorer: nb
},
name: "SideBar",
props: {
tabs: {
type: Array,
default: [
{ title: "Dataset Explorer", id: 1, type: "datasetExplorer", closable: !1 },
{ title: "Connectivity Explorer", id: 2, type: "connectivityExplorer", closable: !1 },
{ title: "Annotation", id: 3, type: "annotation", closable: !0 }
]
},
/**
* The option to show side bar.
*/
visible: {
type: Boolean,
default: !1
},
/**
* The environment variables object with
* `API_LOCATION`, `ALGOLIA_KEY`, `ALGOLIA_ID`,
* `ALGOLIA_INDEX`, `PENNSIEVE_API_LOCATION`, `BL_SERVER_URL`,
* `NL_LINK_PREFIX`, `ROOT_URL`
*/
envVars: {
type: Object,
default: () => {
}
},
/**
* The option to show or hide sidebar on page load.
*/
openAtStart: {
type: Boolean,
default: !1
},
/**
* The connectivity info data to show in sidebar.
*/
connectivityEntry: {
type: Array,
default: []
},
/**
* The annotation data to show in sidebar.
*/
annotationEntry: {
type: Array,
default: []
},
createData: {
type: Object,
default: {
toBeConfirmed: !1,
points: [],
shape: "",
x: 0,
y: 0
}
},
connectivityKnowledge: {
type: Array,
default: []
},
filterOptions: {
type: Array,
default: []
},
showVisibilityFilter: {
type: Boolean,
default: !1
}
},
data: function() {
return {
drawerOpen: !1,
availableAnatomyFacets: [],
activeTabId: 1,
activeAnnotationData: { tabType: "annotation" },
activeConnectivityData: { tabType: "connectivity" },
state: {
dataset: {
search: "",
filters: []
},
connectivity: {
search: "",
filters: []
},
connectivityEntries: [],
annotationEntries: [],
activeTabId: this.activeTabId
}
};
},
methods: {
onConnectivityCollapseChange: function(e) {
this.$emit("connectivity-collapse-change", e);
},
/**
* This event is emitted when
* the close button of the opened connectivity card
* in connectivity explorer is clicked.
*/
onConnectivityItemClose: function() {
this.$emit("connectivity-item-close");
},
/**
* This event is emitted when the mouse hover are changed.
* @arg data
*/
hoverChanged: function(e, t) {
this.$emit("hover-changed", { ...t, tabId: e });
const n = this.getActiveTabTypeById(e);
n === "connectivityExplorer" && (this.activeConnectivityData = t), n === "annotation" && (this.activeAnnotationData = t);
},
/**
* This event is emitted when the show connectivity button is clicked.
* @arg featureIds
*/
showConnectivity: function(e) {
this.$emit("show-connectivity", e);
},
/**
* This event is emitted when the show related connectivities button in reference is clicked.
* @param refSource
*/
onShowReferenceConnectivities: function(e) {
this.$emit("show-reference-connectivities", e);
},
/**
* This function is triggered after connectivity term is hovered.
* @arg data
*/
onConnectivityHovered: function(e) {
this.$emit("connectivity-hovered", e);
},
/**
* This event is emitted when the search filters are changed.
* @arg `obj` {data, id}
*/
searchChanged: function(e, t) {
this.$emit("search-changed", { ...t, tabId: e });
},
/**
* The function to close sidebar.
* @public
*/
close: function() {
this.drawerOpen = !1;
},
/**
* The function to toggle (open and close) sidebar.
* @public
*/
toggleDrawer: function() {
this.drawerOpen = !this.drawerOpen;
},
openConnectivitySearch: function(e, t) {
this.drawerOpen = !0, this.$nextTick(() => {
this.getTabRef(void 0, "connectivityExplorer", !0).openSearch(e, t);
});
},
resetConnectivitySearch: function() {
this.$nextTick(() => {
this.getTabRef(void 0, "connectivityExplorer", !1).resetSearchIfNoActiveSearch();
});
},
openSearch: function(e, t) {
this.drawerOpen = !0, this.$nextTick(() => {
this.getTabRef(void 0, "datasetExplorer", !0).openSearch(e, t);
});
},
/**
* Get the ref id of the tab by id and type.
*/
getTabRef: function(e, t, n = !1) {
const r = this.tabEntries.filter((s) => (e === void 0 || s.id === e) && (t === void 0 || s.type === t)), o = r.length ? r : this.tabEntries, a = o[0].type + "Tab_" + o[0].id;
return n && this.setActiveTab({ id: o[0].id, type: o[0].type }), !this.$refs[a] || this.$refs[a].length === 0 ? null : this.$refs[a][0];
},
/**
* The function to add filters to sidebar search.
*
* @param {Object} filter
* @public
*/
addFilter: function(e) {
if (e) {
this.drawerOpen = !0;
let t = e;
Array.isArray(e) ? t.forEach((n) => n.AND = !0) : (e.AND = !0, t = [e]), this.$nextTick(() => {
this.getTabRef(void 0, "datasetExplorer", !0).addFilter(t);
});
}
},
openNeuronSearch: function(e) {
this.drawerOpen = !0, this.$nextTick(() => {
this.getTabRef(void 0, "datasetExplorer", !0).openSearch(
"",
void 0,
"scicrunch-query-string/",
{ field: "*organ.curie", curie: e }
);
});
},
getAlgoliaFacets: async function() {
return await this.getTabRef(void 0, "datasetExplorer").getAlgoliaFacets();
},
setDrawerOpen: function(e = !0) {
this.drawerOpen = e;
},
setActiveTab: function(e) {
const t = this.tabs.filter((r) => r.id === e.id && r.type === e.type), n = t.length ? t : this.tabEntries;
this.activeTabId = n[0].id;
},
getActiveTabTypeById: function(e) {
const t = this.tabs.find((n) => n.id === e);
return t ? t.type : "";
},
highlightActiveTabData: function(e) {
let t = null;
if (e.type === "connectivityExplorer") {
const n = this.getTabRef(void 0, "connectivityExplorer", !0);
n && !n.expanded ? t = { tabType: "connectivity" } : t = { ...this.activeConnectivityData };
} else e.type === "annotation" && (t = { ...this.activeAnnotationData });
t && this.$emit("hover-changed", { ...t, tabId: e.id });
},
tabClicked: function(e) {
this.setActiveTab(e), this.$emit("tabClicked", e), this.highlightActiveTabData(e);
},
tabClosed: function(e) {
this.$emit("tabClosed", e);
},
/**
* To receive error message for connectivity graph
* @param {String} errorMessage
*/
updateConnectivityError: function(e) {
Pe.emit("connectivity-error", e);
},
/**
* Store available anatomy facets data for connectivity list component
*/
storeAvailableAnatomyFacets: function(e) {
localStorage.setItem("available-anatomy-facets", JSON.stringify(e));
},
closeConnectivity: function() {
Pe.emit("close-connectivity");
},
updateState: function() {
this.state.activeTabId = this.activeTabId;
const e = this.getTabRef(void 0, "datasetExplorer");
e && (this.state.dataset.search = e.getSearch(), this.state.dataset.filters = Xy(e.getFilters()));
const t = this.getTabRef(void 0, "connectivityExplorer");
t && (this.state.connectivity.search = t.getSearch(), this.state.connectivity.filters = t.getFilters()), this.connectivityEntry && this.connectivityEntry.length > 0 && (this.state.connectivityEntries = this.connectivityEntry.map((n) => n.id)), this.annotationEntry && this.annotationEntry.length > 0 && (this.state.annotationEntries = this.annotationEntry.map((n) => n.models));
},
/**
* This function returns the current state of the sidebar
* to store in the map state.
* @returns {Object} state
* @public
*/
getState: function() {
return this.updateState(), this.state;
},
/**
* This function restores the state of the sidebar
* from the provided state object.
* @param state {Object} state
* @public
*/
setState: function(e) {
if (!e || !e.dataset || !e.connectivity) return;
this.state = JSON.parse(JSON.stringify(e));
const t = e.dataset.filters, n = e.connectivity.filters, r = e.dataset.search, o = e.connectivity.search;
(t.length || r) && this.openSearch(t, r), (n.length || o) && this.openConnectivitySearch(n, o), e.activeTabId && this.$nextTick(() => {
this.tabEntries.find((s) => s.id === e.activeTabId) && (this.activeTabId = e.activeTabId);
});
},
/**
* @public
* Track an event for analytics
* @param {Object} `data` - The event data
*/
trackEvent: function(e) {
const t = {
event: "interaction_event",
location: "map_sidebar",
...e
};
this.$emit("trackEvent", t);
}
},
computed: {
// This should respect the information provided by the property
tabEntries: function() {
return this.tabs.filter(
(e) => e.type === "datasetExplorer" || e.type === "connectivityExplorer" || e.type === "annotation" && this.annotationEntry && this.annotationEntry.length > 0
);
}
},
created: function() {
this.drawerOpen = this.openAtStart;
},
mounted: function() {
Pe.on("PopoverActionClick", (e) => {
this.$emit("actionClick", e);
}), Pe.on("number-of-datasets-for-anatomies", (e) => {
this.$emit("number-of-datasets-for-anatomies", e);
}), Pe.on("anatomy-in-datasets", (e) => {
this.$emit("anatomy-in-datasets", e);
}), Pe.on("contextUpdate", (e) => {
this.$emit("contextUpdate", e);
}), Pe.on("datalink-clicked", (e) => {
this.$emit("datalink-clicked", e);
}), Pe.on("onConnectivityActionClick", (e) => {
this.tabClicked({ id: 1, type: "datasetExplorer" }), this.$emit("actionClick", e);
}), Pe.on("connectivity-source-change", (e) => {
this.$emit("connectivity-source-change", e);
}), Pe.on("available-facets", (e) => {
this.availableAnatomyFacets = e.find((t) => t.label === "Anatomical Structure").children, this.storeAvailableAnatomyFacets(this.availableAnatomyFacets);
}), Pe.on("trackEvent", (e) => {
this.trackEvent(e);
});
}
}, aB = { ref: "container" }, sB = { class: "box-card" }, iB = { class: "sidebar-container" };
function lB(e, t, n, r, o, a) {
const s = Rc, i = He, l = _i, c = ob, u = rb, f = nb, g = Qy, v = bu;
return C(), F("div", aB, [
e.drawerOpen ? G("", !0) : (C(), F("div", {
key: 0,
onClick: t[0] || (t[0] = (...d) => a.toggleDrawer && a.toggleDrawer(...d)),
class: "open-tab"
}, [
V(i, null, {
default: P(() => [
V(s)
]),
_: 1
})
])),
V(v, {
class: "side-bar my-drawer",
modelValue: e.drawerOpen,
"onUpdate:modelValue": t[7] || (t[7] = (d) => e.drawerOpen = d),
teleported: !1,
"modal-append-to-body": !1,
size: "584",
"with-header": !1,
wrapperClosable: !1,
modal: !1,
"modal-class": "sidebar-body",
"z-index": 10,
"lock-scroll": !1
}, {
default: P(() => [
M("div", sB, [
e.drawerOpen ? (C(), F("div", {
key: 0,
onClick: t[1] || (t[1] = (...d) => a.close && a.close(...d)),
class: "close-tab"
}, [
V(i, null, {
default: P(() => [
V(l)
]),
_: 1
})
])) : G("", !0),
M("div", iB, [
a.tabEntries.length > 1 ? (C(), J(c, {
key: 0,
tabEntries: a.tabEntries,
activeId: e.activeTabId,
onTabClicked: a.tabClicked,
onTabClosed: a.tabClosed,
onTrackEvent: a.trackEvent
}, null, 8, ["tabEntries", "activeId", "onTabClicked", "onTabClosed", "onTrackEvent"])) : G("", !0),
(C(!0), F(Ie, null, ot(n.tabs, (d) => (C(), F(Ie, { key: "tab.id" }, [
d.type === "annotation" ? xe((C(), J(u, {
key: 0,
ref_for: !0,
ref: "annotationTab_" + d.id,
annotationEntry: n.annotationEntry,
createData: n.createData,
onAnnotation: t[2] || (t[2] = (h) => e.$emit("annotation-submitted", h)),
onConfirmCreate: t[3] || (t[3] = (h) => e.$emit("confirm-create", h)),
onCancelCreate: t[4] || (t[4] = (h) => e.$emit("cancel-create")),
onConfirmDelete: t[5] || (t[5] = (h) => e.$emit("confirm-delete", h)),
onHoverChanged: (h) => a.hoverChanged(d.id, h),
onTrackEvent: a.trackEvent
}, null, 8, ["annotationEntry", "createData", "onHoverChanged", "onTrackEvent"])), [
[ht, d.id === e.activeTabId]
]) : d.type === "connectivityExplorer" ? xe((C(), J(f, {
key: 1,
ref_for: !0,
ref: "connectivityExplorerTab_" + d.id,
connectivityKnowledge: n.connectivityKnowledge,
envVars: n.envVars,
connectivityEntry: n.connectivityEntry,
availableAnatomyFacets: e.availableAnatomyFacets,
onFilterVisibility: t[6] || (t[6] = (h) => e.$emit("filter-visibility", h)),
connectivityFilterOptions: n.filterOptions,
showVisibilityFilter: n.showVisibilityFilter,
onSearchChanged: (h) => a.searchChanged(d.id, h),
onHoverChanged: (h) => a.hoverChanged(d.id, h),
onShowConnectivity: a.showConnectivity,
onShowReferenceConnectivities: a.onShowReferenceConnectivities,
onConnectivityHovered: a.onConnectivityHovered,
onConnectivityCollapseChange: a.onConnectivityCollapseChange,
onConnectivityItemClose: a.onConnectivityItemClose
}, null, 8, ["connectivityKnowledge", "envVars", "connectivityEntry", "availableAnatomyFacets", "connectivityFilterOptions", "showVisibilityFilter", "onSearchChanged", "onHoverChanged", "onShowConnectivity", "onShowReferenceConnectivities", "onConnectivityHovered", "onConnectivityCollapseChange", "onConnectivityItemClose"])), [
[ht, d.id === e.activeTabId]
]) : xe((C(), J(g, {
key: 2,
class: "sidebar-content-container",
contextCardEntry: d.contextCard,
envVars: n.envVars,
ref_for: !0,
ref: "datasetExplorerTab_" + d.id,
onSearchChanged: (h) => a.searchChanged(d.id, h),
onHoverChanged: (h) => a.hoverChanged(d.id, h)
}, null, 8, ["contextCardEntry", "envVars", "onSearchChanged", "onHoverChanged"])), [
[ht, d.id === e.activeTabId]
])
], 64))), 128))
])
])
]),
_: 1
}, 8, ["modelValue"])
], 512);
}
const fB = /* @__PURE__ */ Nn(oB, [["render", lB], ["__scopeId", "data-v-353bb9df"]]);
export {
fB as SideBar
};