", "symbol>");
});
var N6 = {
name: "MapSvgSpriteColor",
svgContext: $c,
svgSprite: R6.join(`
`)
// concatenate all symbols into $options.svgSprite
};
var L6 = ["innerHTML"];
function B6(e, t, n, r, o, a) {
return openBlock(), createElementBlock("svg", {
width: "0",
height: "0",
style: { display: "none" },
innerHTML: e.$options.svgSprite
}, null, 8, L6);
}
var Gy = dy(N6, [["render", B6]]);
var Jy = { exports: {} };
(function(e, t) {
(function(n, r) {
e.exports = r();
})(lT, function() {
function n(b, S, x) {
return S in b ? Object.defineProperty(b, S, { value: x, enumerable: true, configurable: true, writable: true }) : b[S] = x, b;
}
function r(b, S) {
var x = Object.keys(b);
if (Object.getOwnPropertySymbols) {
var O = Object.getOwnPropertySymbols(b);
S && (O = O.filter(function(L) {
return Object.getOwnPropertyDescriptor(b, L).enumerable;
})), x.push.apply(x, O);
}
return x;
}
function o(b) {
for (var S = 1; S < arguments.length; S++) {
var x = arguments[S] != null ? arguments[S] : {};
S % 2 ? r(Object(x), true).forEach(function(O) {
n(b, O, x[O]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(b, Object.getOwnPropertyDescriptors(x)) : r(Object(x)).forEach(function(O) {
Object.defineProperty(b, O, Object.getOwnPropertyDescriptor(x, O));
});
}
return b;
}
function a(b, S) {
if (b == null) return {};
var x, O, L = function(ie, X) {
if (ie == null) return {};
var ae, ve, de = {}, _e = Object.keys(ie);
for (ve = 0; ve < _e.length; ve++) ae = _e[ve], X.indexOf(ae) >= 0 || (de[ae] = ie[ae]);
return de;
}(b, S);
if (Object.getOwnPropertySymbols) {
var ne = Object.getOwnPropertySymbols(b);
for (O = 0; O < ne.length; O++) x = ne[O], S.indexOf(x) >= 0 || Object.prototype.propertyIsEnumerable.call(b, x) && (L[x] = b[x]);
}
return L;
}
function s(b, S) {
return function(x) {
if (Array.isArray(x)) return x;
}(b) || function(x, O) {
if (Symbol.iterator in Object(x) || Object.prototype.toString.call(x) === "[object Arguments]") {
var L = [], ne = true, ie = false, X = void 0;
try {
for (var ae, ve = x[Symbol.iterator](); !(ne = (ae = ve.next()).done) && (L.push(ae.value), !O || L.length !== O); ne = true) ;
} catch (de) {
ie = true, X = de;
} finally {
try {
ne || ve.return == null || ve.return();
} finally {
if (ie) throw X;
}
}
return L;
}
}(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 x = 0, O = new Array(S.length); x < S.length; x++) O[x] = S[x];
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, x = "algoliasearch-client-js-".concat(b.key), O = function() {
return S === void 0 && (S = b.localStorage || window.localStorage), S;
}, L = function() {
return JSON.parse(O().getItem(x) || "{}");
}, ne = function(X) {
O().setItem(x, JSON.stringify(X));
}, ie = function() {
var X = b.timeToLive ? 1e3 * b.timeToLive : null, ae = L(), ve = Object.fromEntries(Object.entries(ae).filter(function(_e) {
return s(_e, 2)[1].timestamp !== void 0;
}));
if (ne(ve), X) {
var de = Object.fromEntries(Object.entries(ve).filter(function(_e) {
var Se = s(_e, 2)[1], De = (/* @__PURE__ */ new Date()).getTime();
return !(Se.timestamp + X < De);
}));
ne(de);
}
};
return { get: function(X, ae) {
var ve = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} };
return Promise.resolve().then(function() {
ie();
var de = JSON.stringify(X);
return L()[de];
}).then(function(de) {
return Promise.all([de ? de.value : ae(), de !== void 0]);
}).then(function(de) {
var _e = s(de, 2), Se = _e[0], De = _e[1];
return Promise.all([Se, De || ve.miss(Se)]);
}).then(function(de) {
return s(de, 1)[0];
});
}, set: function(X, ae) {
return Promise.resolve().then(function() {
var ve = L();
return ve[JSON.stringify(X)] = { timestamp: (/* @__PURE__ */ new Date()).getTime(), value: ae }, O().setItem(x, JSON.stringify(ve)), ae;
});
}, delete: function(X) {
return Promise.resolve().then(function() {
var ae = L();
delete ae[JSON.stringify(X)], O().setItem(x, JSON.stringify(ae));
});
}, clear: function() {
return Promise.resolve().then(function() {
O().removeItem(x);
});
} };
}
function c(b) {
var S = i(b.caches), x = S.shift();
return x === void 0 ? { get: function(O, L) {
var ne = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} }, ie = L();
return ie.then(function(X) {
return Promise.all([X, ne.miss(X)]);
}).then(function(X) {
return s(X, 1)[0];
});
}, set: function(O, L) {
return Promise.resolve(L);
}, delete: function(O) {
return Promise.resolve();
}, clear: function() {
return Promise.resolve();
} } : { get: function(O, L) {
var ne = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} };
return x.get(O, L, ne).catch(function() {
return c({ caches: S }).get(O, L, ne);
});
}, set: function(O, L) {
return x.set(O, L).catch(function() {
return c({ caches: S }).set(O, L);
});
}, delete: function(O) {
return x.delete(O).catch(function() {
return c({ caches: S }).delete(O);
});
}, clear: function() {
return x.clear().catch(function() {
return c({ caches: S }).clear();
});
} };
}
function u() {
var b = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : { serializable: true }, S = {};
return { get: function(x, O) {
var L = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : { miss: function() {
return Promise.resolve();
} }, ne = JSON.stringify(x);
if (ne in S) return Promise.resolve(b.serializable ? JSON.parse(S[ne]) : S[ne]);
var ie = O(), X = L && L.miss || function() {
return Promise.resolve();
};
return ie.then(function(ae) {
return X(ae);
}).then(function() {
return ie;
});
}, set: function(x, O) {
return S[JSON.stringify(x)] = b.serializable ? JSON.stringify(O) : O, Promise.resolve(O);
}, delete: function(x) {
return delete S[JSON.stringify(x)], Promise.resolve();
}, clear: function() {
return S = {}, Promise.resolve();
} };
}
function d(b, S, x) {
var O = { "x-algolia-api-key": x, "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 x() {
return S++, new Promise(function(O) {
setTimeout(function() {
O(b(x));
}, Math.min(100 * S, 1e3));
});
});
}
function v(b) {
var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : function(x, O) {
return Promise.resolve();
};
return Object.assign(b, { wait: function(x) {
return v(b.then(function(O) {
return Promise.all([S(O, x), O]);
}).then(function(O) {
return O[1];
}));
} });
}
function f(b) {
for (var S = b.length - 1; S > 0; S--) {
var x = Math.floor(Math.random() * (S + 1)), O = b[S];
b[S] = b[x], b[x] = O;
}
return b;
}
function h7(b, S) {
return S && Object.keys(S).forEach(function(x) {
b[x] = S[x](b);
}), b;
}
function m(b) {
for (var S = arguments.length, x = new Array(S > 1 ? S - 1 : 0), O = 1; O < S; O++) x[O - 1] = arguments[O];
var L = 0;
return b.replace(/%s/g, function() {
return encodeURIComponent(x[L++]);
});
}
var y = { WithinQueryParameters: 0, WithinHeaders: 1 };
function _(b, S) {
var x = b || {}, O = x.data || {};
return Object.keys(x).forEach(function(L) {
["timeout", "headers", "queryParameters", "data", "cacheable"].indexOf(L) === -1 && (O[L] = x[L]);
}), { data: Object.entries(O).length > 0 ? O : void 0, timeout: x.timeout || S, headers: x.headers || {}, queryParameters: x.queryParameters || {}, cacheable: x.cacheable };
}
var A = { Read: 1, Write: 2, Any: 3 }, E = 1, k = 2, T = 3;
function I(b) {
var S = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : E;
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", G = "GET", H = "POST", K = "PUT";
function Q(b, S) {
return Promise.all(S.map(function(x) {
return b.get(x, function() {
return Promise.resolve(I(x));
});
})).then(function(x) {
var O = x.filter(function(ie) {
return function(X) {
return X.status === E || Date.now() - X.lastUpdate > 12e4;
}(ie);
}), L = x.filter(function(ie) {
return function(X) {
return X.status === T && Date.now() - X.lastUpdate <= 12e4;
}(ie);
}), ne = [].concat(i(O), i(L));
return { getTimeout: function(ie, X) {
return (L.length === 0 && ie === 0 ? 1 : L.length + 3 + ie) * X;
}, statelessHosts: ne.length > 0 ? ne.map(function(ie) {
return R(ie);
}) : S };
});
}
function he(b, S, x, O) {
var L = [], ne = function(Se, De) {
if (!(Se.method === G || Se.data === void 0 && De.data === void 0)) {
var Ae = Array.isArray(Se.data) ? Se.data : o(o({}, Se.data), De.data);
return JSON.stringify(Ae);
}
}(x, O), ie = function(Se, De) {
var Ae = o(o({}, Se.headers), De.headers), Xe = {};
return Object.keys(Ae).forEach(function(it) {
var Yt = Ae[it];
Xe[it.toLowerCase()] = Yt;
}), Xe;
}(b, O), X = x.method, ae = x.method !== G ? {} : o(o({}, x.data), O.data), ve = o(o(o({ "x-algolia-agent": b.userAgent.value }, b.queryParameters), ae), O.queryParameters), de = 0, _e = function Se(De, Ae) {
var Xe = De.pop();
if (Xe === void 0) throw { name: "RetryError", message: "Unreachable hosts - your application id may be incorrect. If the error persists, contact support@algolia.com.", transporterStackTrace: ye(L) };
var it = { data: ne, headers: ie, method: X, url: Z(Xe, x.path, ve), connectTimeout: Ae(de, b.timeouts.connect), responseTimeout: Ae(de, O.timeout) }, Yt = function(Xt) {
var Lt = { request: it, response: Xt, host: Xe, triesLeft: De.length };
return L.push(Lt), Lt;
}, sa = { onSuccess: function(Xt) {
return function(Lt) {
try {
return JSON.parse(Lt.content);
} catch (Hr) {
throw /* @__PURE__ */ function(xr, ko) {
return { name: "DeserializationError", message: xr, response: ko };
}(Hr.message, Lt);
}
}(Xt);
}, onRetry: function(Xt) {
var Lt = Yt(Xt);
return Xt.isTimedOut && de++, Promise.all([b.logger.info("Retryable failure", Ne(Lt)), b.hostsCache.set(Xe, I(Xe, Xt.isTimedOut ? T : k))]).then(function() {
return Se(De, Ae);
});
}, onFail: function(Xt) {
throw Yt(Xt), function(Lt, Hr) {
var xr = Lt.content, ko = Lt.status, ia = xr;
try {
ia = JSON.parse(xr).message;
} catch {
}
return /* @__PURE__ */ function(hs, kl, Sb) {
return { name: "ApiError", message: hs, status: kl, transporterStackTrace: Sb };
}(ia, ko, Hr);
}(Xt, ye(L));
} };
return b.requester.send(it).then(function(Xt) {
return function(Lt, Hr) {
return function(xr) {
var ko = xr.status;
return xr.isTimedOut || function(ia) {
var hs = ia.isTimedOut, kl = ia.status;
return !hs && ~~kl == 0;
}(xr) || ~~(ko / 100) != 2 && ~~(ko / 100) != 4;
}(Lt) ? Hr.onRetry(Lt) : ~~(Lt.status / 100) == 2 ? Hr.onSuccess(Lt) : Hr.onFail(Lt);
}(Xt, sa);
});
};
return Q(b.hostsCache, S).then(function(Se) {
return _e(i(Se.statelessHosts).reverse(), Se.getTimeout);
});
}
function re(b) {
var S = b.hostsCache, x = b.logger, O = b.requester, L = b.requestsCache, ne = b.responsesCache, ie = b.timeouts, X = b.userAgent, ae = b.hosts, ve = b.queryParameters, de = { hostsCache: S, logger: x, requester: O, requestsCache: L, responsesCache: ne, timeouts: ie, userAgent: X, headers: b.headers, queryParameters: ve, hosts: ae.map(function(_e) {
return R(_e);
}), read: function(_e, Se) {
var De = _(Se, de.timeouts.read), Ae = function() {
return he(de, de.hosts.filter(function(it) {
return (it.accept & A.Read) != 0;
}), _e, De);
};
if ((De.cacheable !== void 0 ? De.cacheable : _e.cacheable) !== true) return Ae();
var Xe = { request: _e, mappedRequestOptions: De, transporter: { queryParameters: de.queryParameters, headers: de.headers } };
return de.responsesCache.get(Xe, function() {
return de.requestsCache.get(Xe, function() {
return de.requestsCache.set(Xe, Ae()).then(function(it) {
return Promise.all([de.requestsCache.delete(Xe), it]);
}, function(it) {
return Promise.all([de.requestsCache.delete(Xe), Promise.reject(it)]);
}).then(function(it) {
var Yt = s(it, 2);
return Yt[0], Yt[1];
});
});
}, { miss: function(it) {
return de.responsesCache.set(Xe, it);
} });
}, write: function(_e, Se) {
return he(de, de.hosts.filter(function(De) {
return (De.accept & A.Write) != 0;
}), _e, _(Se, de.timeouts.write));
} };
return de;
}
function B(b) {
var S = { value: "Algolia for JavaScript (".concat(b, ")"), add: function(x) {
var O = "; ".concat(x.segment).concat(x.version !== void 0 ? " (".concat(x.version, ")") : "");
return S.value.indexOf(O) === -1 && (S.value = "".concat(S.value).concat(O)), S;
} };
return S;
}
function Z(b, S, x) {
var O = me(x), L = "".concat(b.protocol, "://").concat(b.url, "/").concat(S.charAt(0) === "/" ? S.substr(1) : S);
return O.length && (L += "?".concat(O)), L;
}
function me(b) {
return Object.keys(b).map(function(S) {
return m("%s=%s", S, (x = b[S], Object.prototype.toString.call(x) === "[object Object]" || Object.prototype.toString.call(x) === "[object Array]" ? JSON.stringify(b[S]) : b[S]));
var x;
}).join("&");
}
function ye(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 Le = function(b) {
return function(S, x) {
return b.transporter.write({ method: H, path: "2/abtests", data: S }, x);
};
}, et = function(b) {
return function(S, x) {
return b.transporter.write({ method: D, path: m("2/abtests/%s", S) }, x);
};
}, bt = function(b) {
return function(S, x) {
return b.transporter.read({ method: G, path: m("2/abtests/%s", S) }, x);
};
}, ot = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "2/abtests" }, S);
};
}, Me = function(b) {
return function(S, x) {
return b.transporter.write({ method: H, path: m("2/abtests/%s/stop", S) }, x);
};
}, qe = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "1/strategies/personalization" }, S);
};
}, tt = function(b) {
return function(S, x) {
return b.transporter.write({ method: H, path: "1/strategies/personalization", data: S }, x);
};
};
function ut(b) {
return function S(x) {
return b.request(x).then(function(O) {
if (b.batch !== void 0 && b.batch(O.hits), !b.shouldStop(O)) return O.cursor ? S({ cursor: O.cursor }) : S({ page: (x.page || 0) + 1 });
});
}({});
}
var Cn = function(b) {
return function(S, x) {
var O = x || {}, L = O.queryParameters, ne = a(O, ["queryParameters"]), ie = o({ acl: S }, L !== void 0 ? { queryParameters: L } : {});
return v(b.transporter.write({ method: H, path: "1/keys", data: ie }, ne), function(X, ae) {
return g(function(ve) {
return We(b)(X.key, ae).catch(function(de) {
if (de.status !== 404) throw de;
return ve();
});
});
});
};
}, Rt = function(b) {
return function(S, x, O) {
var L = _(O);
return L.queryParameters["X-Algolia-User-ID"] = S, b.transporter.write({ method: H, path: "1/clusters/mapping", data: { cluster: x } }, L);
};
}, Tt = function(b) {
return function(S, x, O) {
return b.transporter.write({ method: H, path: "1/clusters/mapping/batch", data: { users: S, cluster: x } }, O);
};
}, at = function(b) {
return function(S, x) {
return v(b.transporter.write({ method: H, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: true, requests: { action: "addEntry", body: [] } } }, x), function(O, L) {
return _r(b)(O.taskID, L);
});
};
}, vt = function(b) {
return function(S, x, O) {
return v(b.transporter.write({ method: H, path: m("1/indexes/%s/operation", S), data: { operation: "copy", destination: x } }, O), function(L, ne) {
return st(b)(S, { methods: { waitTask: wt } }).waitTask(L.taskID, ne);
});
};
}, Wt = function(b) {
return function(S, x, O) {
return vt(b)(S, x, o(o({}, O), {}, { scope: [Sl.Rules] }));
};
}, Gt = function(b) {
return function(S, x, O) {
return vt(b)(S, x, o(o({}, O), {}, { scope: [Sl.Settings] }));
};
}, Et = function(b) {
return function(S, x, O) {
return vt(b)(S, x, o(o({}, O), {}, { scope: [Sl.Synonyms] }));
};
}, Jt = function(b) {
return function(S, x) {
return S.method === G ? b.transporter.read(S, x) : b.transporter.write(S, x);
};
}, Nt = function(b) {
return function(S, x) {
return v(b.transporter.write({ method: D, path: m("1/keys/%s", S) }, x), function(O, L) {
return g(function(ne) {
return We(b)(S, L).then(ne).catch(function(ie) {
if (ie.status !== 404) throw ie;
});
});
});
};
}, Sn = function(b) {
return function(S, x, O) {
var L = x.map(function(ne) {
return { action: "deleteEntry", body: { objectID: ne } };
});
return v(b.transporter.write({ method: H, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: false, requests: L } }, O), function(ne, ie) {
return _r(b)(ne.taskID, ie);
});
};
}, We = function(b) {
return function(S, x) {
return b.transporter.read({ method: G, path: m("1/keys/%s", S) }, x);
};
}, Ot = function(b) {
return function(S, x) {
return b.transporter.read({ method: G, path: m("1/task/%s", S.toString()) }, x);
};
}, zt = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "/1/dictionaries/*/settings" }, S);
};
}, cn = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "1/logs" }, S);
};
}, It = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "1/clusters/mapping/top" }, S);
};
}, te = function(b) {
return function(S, x) {
return b.transporter.read({ method: G, path: m("1/clusters/mapping/%s", S) }, x);
};
}, Pe = function(b) {
return function(S) {
var x = S || {}, O = x.retrieveMappings, L = a(x, ["retrieveMappings"]);
return O === true && (L.getClusters = true), b.transporter.read({ method: G, path: "1/clusters/mapping/pending" }, L);
};
}, st = function(b) {
return function(S) {
var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, O = { transporter: b.transporter, appId: b.appId, indexName: S };
return h7(O, x.methods);
};
}, Ht = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "1/keys" }, S);
};
}, un = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "1/clusters" }, S);
};
}, bo = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "1/indexes" }, S);
};
}, na = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: "1/clusters/mapping" }, S);
};
}, Vr = function(b) {
return function(S, x, O) {
return v(b.transporter.write({ method: H, path: m("1/indexes/%s/operation", S), data: { operation: "move", destination: x } }, O), function(L, ne) {
return st(b)(S, { methods: { waitTask: wt } }).waitTask(L.taskID, ne);
});
};
}, zr = function(b) {
return function(S, x) {
return v(b.transporter.write({ method: H, path: "1/indexes/*/batch", data: { requests: S } }, x), function(O, L) {
return Promise.all(Object.keys(O.taskID).map(function(ne) {
return st(b)(ne, { methods: { waitTask: wt } }).waitTask(O.taskID[ne], L);
}));
});
};
}, Y = function(b) {
return function(S, x) {
return b.transporter.read({ method: H, path: "1/indexes/*/objects", data: { requests: S } }, x);
};
}, fe = function(b) {
return function(S, x) {
var O = S.map(function(L) {
return o(o({}, L), {}, { params: me(L.params || {}) });
});
return b.transporter.read({ method: H, path: "1/indexes/*/queries", data: { requests: O }, cacheable: true }, x);
};
}, pe = function(b) {
return function(S, x) {
return Promise.all(S.map(function(O) {
var L = O.params, ne = L.facetName, ie = L.facetQuery, X = a(L, ["facetName", "facetQuery"]);
return st(b)(O.indexName, { methods: { searchForFacetValues: pd } }).searchForFacetValues(ne, ie, o(o({}, x), X));
}));
};
}, Ge = function(b) {
return function(S, x) {
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, x, O) {
var L = x.map(function(ne) {
return { action: "addEntry", body: ne };
});
return v(b.transporter.write({ method: H, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: true, requests: L } }, O), function(ne, ie) {
return _r(b)(ne.taskID, ie);
});
};
}, Zt = function(b) {
return function(S, x) {
return v(b.transporter.write({ method: H, path: m("1/keys/%s/restore", S) }, x), function(O, L) {
return g(function(ne) {
return We(b)(S, L).catch(function(ie) {
if (ie.status !== 404) throw ie;
return ne();
});
});
});
};
}, fn = function(b) {
return function(S, x, O) {
var L = x.map(function(ne) {
return { action: "addEntry", body: ne };
});
return v(b.transporter.write({ method: H, path: m("/1/dictionaries/%s/batch", S), data: { clearExistingDictionaryEntries: false, requests: L } }, O), function(ne, ie) {
return _r(b)(ne.taskID, ie);
});
};
}, wo = function(b) {
return function(S, x, O) {
return b.transporter.read({ method: H, path: m("/1/dictionaries/%s/search", S), data: { query: x }, cacheable: true }, O);
};
}, us = function(b) {
return function(S, x) {
return b.transporter.read({ method: H, path: "1/clusters/mapping/search", data: { query: S } }, x);
};
}, ul = function(b) {
return function(S, x) {
return v(b.transporter.write({ method: K, path: "/1/dictionaries/*/settings", data: S }, x), function(O, L) {
return _r(b)(O.taskID, L);
});
};
}, dl = function(b) {
return function(S, x) {
var O = Object.assign({}, x), L = x || {}, ne = L.queryParameters, ie = a(L, ["queryParameters"]), X = ne ? { queryParameters: ne } : {}, ae = ["acl", "indexes", "referers", "restrictSources", "queryParameters", "description", "maxQueriesPerIPPerHour", "maxHitsPerQuery"];
return v(b.transporter.write({ method: K, path: m("1/keys/%s", S), data: X }, ie), function(ve, de) {
return g(function(_e) {
return We(b)(S, de).then(function(Se) {
return function(De) {
return Object.keys(O).filter(function(Ae) {
return ae.indexOf(Ae) !== -1;
}).every(function(Ae) {
if (Array.isArray(De[Ae]) && Array.isArray(O[Ae])) {
var Xe = De[Ae];
return Xe.length === O[Ae].length && Xe.every(function(it, Yt) {
return it === O[Ae][Yt];
});
}
return De[Ae] === O[Ae];
});
}(Se) ? Promise.resolve() : _e();
});
});
});
};
}, _r = function(b) {
return function(S, x) {
return g(function(O) {
return Ot(b)(S, x).then(function(L) {
return L.status !== "published" ? O() : void 0;
});
});
};
}, ra = function(b) {
return function(S, x) {
return v(b.transporter.write({ method: H, path: m("1/indexes/%s/batch", b.indexName), data: { requests: S } }, x), function(O, L) {
return wt(b)(O.taskID, L);
});
};
}, fl = function(b) {
return function(S) {
return ut(o(o({ shouldStop: function(x) {
return x.cursor === void 0;
} }, S), {}, { request: function(x) {
return b.transporter.read({ method: H, path: m("1/indexes/%s/browse", b.indexName), data: x }, S);
} }));
};
}, oa = function(b) {
return function(S) {
var x = o({ hitsPerPage: 1e3 }, S);
return ut(o(o({ shouldStop: function(O) {
return O.hits.length < x.hitsPerPage;
} }, x), {}, { request: function(O) {
return hd(b)("", o(o({}, x), O)).then(function(L) {
return o(o({}, L), {}, { hits: L.hits.map(function(ne) {
return delete ne._highlightResult, ne;
}) });
});
} }));
};
}, pl = function(b) {
return function(S) {
var x = o({ hitsPerPage: 1e3 }, S);
return ut(o(o({ shouldStop: function(O) {
return O.hits.length < x.hitsPerPage;
} }, x), {}, { request: function(O) {
return vd(b)("", o(o({}, x), O)).then(function(L) {
return o(o({}, L), {}, { hits: L.hits.map(function(ne) {
return delete ne._highlightResult, ne;
}) });
});
} }));
};
}, aa = function(b) {
return function(S, x, O) {
var L = O || {}, ne = L.batchSize, ie = a(L, ["batchSize"]), X = { taskIDs: [], objectIDs: [] };
return v(function ae() {
var ve, de = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, _e = [];
for (ve = de; ve < S.length && (_e.push(S[ve]), _e.length !== (ne || 1e3)); ve++) ;
return _e.length === 0 ? Promise.resolve(X) : ra(b)(_e.map(function(Se) {
return { action: x, body: Se };
}), ie).then(function(Se) {
return X.objectIDs = X.objectIDs.concat(Se.objectIDs), X.taskIDs.push(Se.taskID), ve++, ae(ve);
});
}(), function(ae, ve) {
return Promise.all(ae.taskIDs.map(function(de) {
return wt(b)(de, ve);
}));
});
};
}, hl = function(b) {
return function(S) {
return v(b.transporter.write({ method: H, path: m("1/indexes/%s/clear", b.indexName) }, S), function(x, O) {
return wt(b)(x.taskID, O);
});
};
}, ds = function(b) {
return function(S) {
var x = S || {}, O = x.forwardToReplicas, L = _(a(x, ["forwardToReplicas"]));
return O && (L.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: H, path: m("1/indexes/%s/rules/clear", b.indexName) }, L), function(ne, ie) {
return wt(b)(ne.taskID, ie);
});
};
}, vl = function(b) {
return function(S) {
var x = S || {}, O = x.forwardToReplicas, L = _(a(x, ["forwardToReplicas"]));
return O && (L.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: H, path: m("1/indexes/%s/synonyms/clear", b.indexName) }, L), function(ne, ie) {
return wt(b)(ne.taskID, ie);
});
};
}, gl = function(b) {
return function(S, x) {
return v(b.transporter.write({ method: H, path: m("1/indexes/%s/deleteByQuery", b.indexName), data: S }, x), function(O, L) {
return wt(b)(O.taskID, L);
});
};
}, ml = function(b) {
return function(S) {
return v(b.transporter.write({ method: D, path: m("1/indexes/%s", b.indexName) }, S), function(x, O) {
return wt(b)(x.taskID, O);
});
};
}, yl = function(b) {
return function(S, x) {
return v(U(b)([S], x).then(function(O) {
return { taskID: O.taskIDs[0] };
}), function(O, L) {
return wt(b)(O.taskID, L);
});
};
}, U = function(b) {
return function(S, x) {
var O = S.map(function(L) {
return { objectID: L };
});
return aa(b)(O, So.DeleteObject, x);
};
}, le = function(b) {
return function(S, x) {
var O = x || {}, L = O.forwardToReplicas, ne = _(a(O, ["forwardToReplicas"]));
return L && (ne.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: D, path: m("1/indexes/%s/rules/%s", b.indexName, S) }, ne), function(ie, X) {
return wt(b)(ie.taskID, X);
});
};
}, Ie = function(b) {
return function(S, x) {
var O = x || {}, L = O.forwardToReplicas, ne = _(a(O, ["forwardToReplicas"]));
return L && (ne.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: D, path: m("1/indexes/%s/synonyms/%s", b.indexName, S) }, ne), function(ie, X) {
return wt(b)(ie.taskID, X);
});
};
}, Ze = function(b) {
return function(S) {
return ud(b)(S).then(function() {
return true;
}).catch(function(x) {
if (x.status !== 404) throw x;
return false;
});
};
}, Zn = function(b) {
return function(S, x, O) {
return b.transporter.read({ method: H, path: m("1/answers/%s/prediction", b.indexName), data: { query: S, queryLanguages: x }, cacheable: true }, O);
};
}, Er = function(b) {
return function(S, x) {
var O = x || {}, L = O.query, ne = O.paginate, ie = a(O, ["query", "paginate"]), X = 0;
return function ae() {
return fd(b)(L || "", o(o({}, ie), {}, { page: X })).then(function(ve) {
for (var de = 0, _e = Object.entries(ve.hits); de < _e.length; de++) {
var Se = s(_e[de], 2), De = Se[0], Ae = Se[1];
if (S(Ae)) return { object: Ae, position: parseInt(De, 10), page: X };
}
if (X++, ne === false || X >= ve.nbPages) throw { name: "ObjectNotFoundError", message: "Object not found." };
return ae();
});
}();
};
}, Co = function(b) {
return function(S, x) {
return b.transporter.read({ method: G, path: m("1/indexes/%s/%s", b.indexName, S) }, x);
};
}, cr = function() {
return function(b, S) {
for (var x = 0, O = Object.entries(b.hits); x < O.length; x++) {
var L = s(O[x], 2), ne = L[0];
if (L[1].objectID === S) return parseInt(ne, 10);
}
return -1;
};
}, kn = function(b) {
return function(S, x) {
var O = x || {}, L = O.attributesToRetrieve, ne = a(O, ["attributesToRetrieve"]), ie = S.map(function(X) {
return o({ indexName: b.indexName, objectID: X }, L ? { attributesToRetrieve: L } : {});
});
return b.transporter.read({ method: H, path: "1/indexes/*/objects", data: { requests: ie } }, ne);
};
}, fs = function(b) {
return function(S, x) {
return b.transporter.read({ method: G, path: m("1/indexes/%s/rules/%s", b.indexName, S) }, x);
};
}, ud = function(b) {
return function(S) {
return b.transporter.read({ method: G, path: m("1/indexes/%s/settings", b.indexName), data: { getVersion: 2 } }, S);
};
}, ob = function(b) {
return function(S, x) {
return b.transporter.read({ method: G, path: m("1/indexes/%s/synonyms/%s", b.indexName, S) }, x);
};
}, ab = function(b) {
return function(S, x) {
return v(dd(b)([S], x).then(function(O) {
return { objectID: O.objectIDs[0], taskID: O.taskIDs[0] };
}), function(O, L) {
return wt(b)(O.taskID, L);
});
};
}, dd = function(b) {
return function(S, x) {
var O = x || {}, L = O.createIfNotExists, ne = a(O, ["createIfNotExists"]), ie = L ? So.PartialUpdateObject : So.PartialUpdateObjectNoCreate;
return aa(b)(S, ie, ne);
};
}, sb = function(b) {
return function(S, x) {
var O = x || {}, L = O.safe, ne = O.autoGenerateObjectIDIfNotExist, ie = O.batchSize, X = a(O, ["safe", "autoGenerateObjectIDIfNotExist", "batchSize"]), ae = function(Ae, Xe, it, Yt) {
return v(b.transporter.write({ method: H, path: m("1/indexes/%s/operation", Ae), data: { operation: it, destination: Xe } }, Yt), function(sa, Xt) {
return wt(b)(sa.taskID, Xt);
});
}, ve = Math.random().toString(36).substring(7), de = "".concat(b.indexName, "_tmp_").concat(ve), _e = bl({ appId: b.appId, transporter: b.transporter, indexName: de }), Se = [], De = ae(b.indexName, de, "copy", o(o({}, X), {}, { scope: ["settings", "synonyms", "rules"] }));
return Se.push(De), v((L ? De.wait(X) : De).then(function() {
var Ae = _e(S, o(o({}, X), {}, { autoGenerateObjectIDIfNotExist: ne, batchSize: ie }));
return Se.push(Ae), L ? Ae.wait(X) : Ae;
}).then(function() {
var Ae = ae(de, b.indexName, "move", X);
return Se.push(Ae), L ? Ae.wait(X) : Ae;
}).then(function() {
return Promise.all(Se);
}).then(function(Ae) {
var Xe = s(Ae, 3), it = Xe[0], Yt = Xe[1], sa = Xe[2];
return { objectIDs: Yt.objectIDs, taskIDs: [it.taskID].concat(i(Yt.taskIDs), [sa.taskID]) };
}), function(Ae, Xe) {
return Promise.all(Se.map(function(it) {
return it.wait(Xe);
}));
});
};
}, ib = function(b) {
return function(S, x) {
return wl(b)(S, o(o({}, x), {}, { clearExistingRules: true }));
};
}, lb = function(b) {
return function(S, x) {
return Cl(b)(S, o(o({}, x), {}, { clearExistingSynonyms: true }));
};
}, cb = function(b) {
return function(S, x) {
return v(bl(b)([S], x).then(function(O) {
return { objectID: O.objectIDs[0], taskID: O.taskIDs[0] };
}), function(O, L) {
return wt(b)(O.taskID, L);
});
};
}, bl = function(b) {
return function(S, x) {
var O = x || {}, L = O.autoGenerateObjectIDIfNotExist, ne = a(O, ["autoGenerateObjectIDIfNotExist"]), ie = L ? So.AddObject : So.UpdateObject;
if (ie === So.UpdateObject) {
var X = true, ae = false, ve = void 0;
try {
for (var de, _e = S[Symbol.iterator](); !(X = (de = _e.next()).done); X = true)
if (de.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 (Se) {
ae = true, ve = Se;
} finally {
try {
X || _e.return == null || _e.return();
} finally {
if (ae) throw ve;
}
}
}
return aa(b)(S, ie, ne);
};
}, ub = function(b) {
return function(S, x) {
return wl(b)([S], x);
};
}, wl = function(b) {
return function(S, x) {
var O = x || {}, L = O.forwardToReplicas, ne = O.clearExistingRules, ie = _(a(O, ["forwardToReplicas", "clearExistingRules"]));
return L && (ie.queryParameters.forwardToReplicas = 1), ne && (ie.queryParameters.clearExistingRules = 1), v(b.transporter.write({ method: H, path: m("1/indexes/%s/rules/batch", b.indexName), data: S }, ie), function(X, ae) {
return wt(b)(X.taskID, ae);
});
};
}, db = function(b) {
return function(S, x) {
return Cl(b)([S], x);
};
}, Cl = function(b) {
return function(S, x) {
var O = x || {}, L = O.forwardToReplicas, ne = O.clearExistingSynonyms, ie = O.replaceExistingSynonyms, X = _(a(O, ["forwardToReplicas", "clearExistingSynonyms", "replaceExistingSynonyms"]));
return L && (X.queryParameters.forwardToReplicas = 1), (ie || ne) && (X.queryParameters.replaceExistingSynonyms = 1), v(b.transporter.write({ method: H, path: m("1/indexes/%s/synonyms/batch", b.indexName), data: S }, X), function(ae, ve) {
return wt(b)(ae.taskID, ve);
});
};
}, fd = function(b) {
return function(S, x) {
return b.transporter.read({ method: H, path: m("1/indexes/%s/query", b.indexName), data: { query: S }, cacheable: true }, x);
};
}, pd = function(b) {
return function(S, x, O) {
return b.transporter.read({ method: H, path: m("1/indexes/%s/facets/%s/query", b.indexName, S), data: { facetQuery: x }, cacheable: true }, O);
};
}, hd = function(b) {
return function(S, x) {
return b.transporter.read({ method: H, path: m("1/indexes/%s/rules/search", b.indexName), data: { query: S } }, x);
};
}, vd = function(b) {
return function(S, x) {
return b.transporter.read({ method: H, path: m("1/indexes/%s/synonyms/search", b.indexName), data: { query: S } }, x);
};
}, fb = function(b) {
return function(S, x) {
var O = x || {}, L = O.forwardToReplicas, ne = _(a(O, ["forwardToReplicas"]));
return L && (ne.queryParameters.forwardToReplicas = 1), v(b.transporter.write({ method: K, path: m("1/indexes/%s/settings", b.indexName), data: S }, ne), function(ie, X) {
return wt(b)(ie.taskID, X);
});
};
}, wt = function(b) {
return function(S, x) {
return g(function(O) {
return (/* @__PURE__ */ function(L) {
return function(ne, ie) {
return L.transporter.read({ method: G, path: m("1/indexes/%s/task/%s", L.indexName, ne.toString()) }, ie);
};
}(b))(S, x).then(function(L) {
return L.status !== "published" ? O() : void 0;
});
});
};
}, So = { AddObject: "addObject", UpdateObject: "updateObject", PartialUpdateObject: "partialUpdateObject", PartialUpdateObjectNoCreate: "partialUpdateObjectNoCreate", DeleteObject: "deleteObject", DeleteIndex: "delete", ClearIndex: "clear" }, Sl = { Settings: "settings", Synonyms: "synonyms", Rules: "rules" }, pb = 1, hb = 2, vb = 3, ps = function(b) {
return function(S, x) {
var O = S.map(function(L) {
return o(o({}, L), {}, { threshold: L.threshold || 0 });
});
return b.transporter.read({ method: H, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: true }, x);
};
}, gb = function(b) {
return function(S, x) {
return ps(b)(S.map(function(O) {
return o(o({}, O), {}, { fallbackParameters: {}, model: "bought-together" });
}), x);
};
}, mb = function(b) {
return function(S, x) {
return ps(b)(S.map(function(O) {
return o(o({}, O), {}, { model: "related-products" });
}), x);
};
}, yb = function(b) {
return function(S, x) {
var O = S.map(function(L) {
return o(o({}, L), {}, { model: "trending-facets", threshold: L.threshold || 0 });
});
return b.transporter.read({ method: H, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: true }, x);
};
}, bb = function(b) {
return function(S, x) {
var O = S.map(function(L) {
return o(o({}, L), {}, { model: "trending-items", threshold: L.threshold || 0 });
});
return b.transporter.read({ method: H, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: true }, x);
};
}, wb = function(b) {
return function(S, x) {
return ps(b)(S.map(function(O) {
return o(o({}, O), {}, { model: "looking-similar" });
}), x);
};
}, Cb = function(b) {
return function(S, x) {
var O = S.map(function(L) {
return o(o({}, L), {}, { model: "recommended-for-you", threshold: L.threshold || 0 });
});
return b.transporter.read({ method: H, path: "1/indexes/*/recommendations", data: { requests: O }, cacheable: true }, x);
};
};
function gd(b, S, x) {
var O, L = { appId: b, apiKey: S, timeouts: { connect: 1, read: 2, write: 30 }, requester: { send: function(X) {
return new Promise(function(ae) {
var ve = new XMLHttpRequest();
ve.open(X.method, X.url, true), Object.keys(X.headers).forEach(function(De) {
return ve.setRequestHeader(De, X.headers[De]);
});
var de, _e = function(De, Ae) {
return setTimeout(function() {
ve.abort(), ae({ status: 0, content: Ae, isTimedOut: true });
}, 1e3 * De);
}, Se = _e(X.connectTimeout, "Connection timeout");
ve.onreadystatechange = function() {
ve.readyState > ve.OPENED && de === void 0 && (clearTimeout(Se), de = _e(X.responseTimeout, "Socket timeout"));
}, ve.onerror = function() {
ve.status === 0 && (clearTimeout(Se), clearTimeout(de), ae({ content: ve.responseText || "Network request failed", status: ve.status, isTimedOut: false }));
}, ve.onload = function() {
clearTimeout(Se), clearTimeout(de), ae({ content: ve.responseText, status: ve.status, isTimedOut: false });
}, ve.send(X.data);
});
} }, logger: (O = vb, { debug: function(X, ae) {
return pb >= O && console.debug(X, ae), Promise.resolve();
}, info: function(X, ae) {
return hb >= O && console.info(X, ae), Promise.resolve();
}, error: function(X, ae) {
return console.error(X, ae), Promise.resolve();
} }), responsesCache: u(), requestsCache: u({ serializable: false }), hostsCache: c({ caches: [l({ key: "".concat("4.23.2", "-").concat(b) }), u()] }), userAgent: B("4.23.2").add({ segment: "Browser" }) }, ne = o(o({}, L), x), ie = function() {
return function(X) {
return function(ae) {
var ve = ae.region || "us", de = d(y.WithinHeaders, ae.appId, ae.apiKey), _e = re(o(o({ hosts: [{ url: "personalization.".concat(ve, ".algolia.com") }] }, ae), {}, { headers: o(o(o({}, de.headers()), { "content-type": "application/json" }), ae.headers), queryParameters: o(o({}, de.queryParameters()), ae.queryParameters) }));
return h7({ appId: ae.appId, transporter: _e }, ae.methods);
}(o(o(o({}, L), X), {}, { methods: { getPersonalizationStrategy: qe, setPersonalizationStrategy: tt } }));
};
};
return function(X) {
var ae = X.appId, ve = d(X.authMode !== void 0 ? X.authMode : y.WithinHeaders, ae, X.apiKey), de = re(o(o({ hosts: [{ url: "".concat(ae, "-dsn.algolia.net"), accept: A.Read }, { url: "".concat(ae, ".algolia.net"), accept: A.Write }].concat(f([{ url: "".concat(ae, "-1.algolianet.com") }, { url: "".concat(ae, "-2.algolianet.com") }, { url: "".concat(ae, "-3.algolianet.com") }])) }, X), {}, { headers: o(o(o({}, ve.headers()), { "content-type": "application/x-www-form-urlencoded" }), X.headers), queryParameters: o(o({}, ve.queryParameters()), X.queryParameters) }));
return h7({ transporter: de, appId: ae, addAlgoliaAgent: function(_e, Se) {
de.userAgent.add({ segment: _e, version: Se });
}, clearCache: function() {
return Promise.all([de.requestsCache.clear(), de.responsesCache.clear()]).then(function() {
});
} }, X.methods);
}(o(o({}, ne), {}, { methods: { search: fe, searchForFacetValues: pe, multipleBatch: zr, multipleGetObjects: Y, multipleQueries: fe, copyIndex: vt, copySettings: Gt, copySynonyms: Et, copyRules: Wt, moveIndex: Vr, listIndices: bo, getLogs: cn, listClusters: un, multipleSearchForFacetValues: pe, getApiKey: We, addApiKey: Cn, listApiKeys: Ht, updateApiKey: dl, deleteApiKey: Nt, restoreApiKey: Zt, assignUserID: Rt, assignUserIDs: Tt, getUserID: te, searchUserIDs: us, listUserIDs: na, getTopUserIDs: It, removeUserID: Ge, hasPendingMappings: Pe, clearDictionaryEntries: at, deleteDictionaryEntries: Sn, getDictionarySettings: zt, getAppTask: Ot, replaceDictionaryEntries: dn, saveDictionaryEntries: fn, searchDictionaryEntries: wo, setDictionarySettings: ul, waitAppTask: _r, customRequest: Jt, initIndex: function(X) {
return function(ae) {
return st(X)(ae, { methods: { batch: ra, delete: ml, findAnswers: Zn, getObject: Co, getObjects: kn, saveObject: cb, saveObjects: bl, search: fd, searchForFacetValues: pd, waitTask: wt, setSettings: fb, getSettings: ud, partialUpdateObject: ab, partialUpdateObjects: dd, deleteObject: yl, deleteObjects: U, deleteBy: gl, clearObjects: hl, browseObjects: fl, getObjectPosition: cr, findObject: Er, exists: Ze, saveSynonym: db, saveSynonyms: Cl, getSynonym: ob, searchSynonyms: vd, browseSynonyms: pl, deleteSynonym: Ie, clearSynonyms: vl, replaceAllObjects: sb, replaceAllSynonyms: lb, searchRules: hd, getRule: fs, deleteRule: le, saveRule: ub, saveRules: wl, replaceAllRules: ib, browseRules: oa, clearRules: ds } });
};
}, initAnalytics: function() {
return function(X) {
return function(ae) {
var ve = ae.region || "us", de = d(y.WithinHeaders, ae.appId, ae.apiKey), _e = re(o(o({ hosts: [{ url: "analytics.".concat(ve, ".algolia.com") }] }, ae), {}, { headers: o(o(o({}, de.headers()), { "content-type": "application/json" }), ae.headers), queryParameters: o(o({}, de.queryParameters()), ae.queryParameters) }));
return h7({ appId: ae.appId, transporter: _e }, ae.methods);
}(o(o(o({}, L), X), {}, { methods: { addABTest: Le, getABTest: bt, getABTests: ot, stopABTest: Me, deleteABTest: et } }));
};
}, initPersonalization: ie, initRecommendation: function() {
return function(X) {
return ne.logger.info("The `initRecommendation` method is deprecated. Use `initPersonalization` instead."), ie()(X);
};
}, getRecommendations: ps, getFrequentlyBoughtTogether: gb, getLookingSimilar: wb, getRecommendedForYou: Cb, getRelatedProducts: mb, getTrendingFacets: yb, getTrendingItems: bb } }));
}
return gd.version = "4.23.2", gd;
});
})(Jy);
var D6 = Jy.exports;
var M6 = cT(D6);
var xh = (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;
};
var Zy = class {
constructor(t, n, r = "https://api.pennsieve.io") {
this.client = M6(
t,
n
), this.PENNSIEVE_API_LOCATION = r, this.anatomyFacetLabels = [];
}
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 d = a.facets;
if (d === void 0)
return;
const g = d[l] == null ? {} : d[l], v = c && d[c.facetSubpropPath] ? Object.keys(d[c.facetSubpropPath]) : [], f = c && c.facetSubsubpropPath && d[c.facetSubsubpropPath] ? Object.keys(d[c.facetSubsubpropPath]) : [], h7 = xh(v, 2), m = xh(f, 3);
Object.keys(g).map((y) => {
const _ = [];
Object.keys(h7).includes(y) && h7[y].forEach((E) => {
const k = `${y}.${E}`, T = [];
Object.keys(m).includes(k) && (m[k].forEach((I) => {
T.push(
{
label: I,
id: i++,
facetPropPath: `${c ? c.facetSubsubpropPath : void 0}`
}
);
}), k === "nerves and ganglia.dorsal root ganglion" && T.push(
{
label: "Non specific",
id: i++,
facetPropPath: `${c ? c.facetSubsubpropPath : void 0}`
}
)), _.push(
{
label: E,
id: i++,
facetPropPath: `${c ? c.facetSubpropPath : void 0}`,
children: T.length ? T : void 0
}
);
});
let A = {
label: y,
id: i++,
facetPropPath: l
};
_.length > 0 && (A.children = _), 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: false
}, n.push(r);
return n;
}
_processAnatomy(t) {
let n = [], r = [], o = [], a = [];
return t.forEach((s) => {
s.item && s.item.keywords && s.item.keywords.forEach((i) => {
let l = i.keyword.toUpperCase();
(l.includes("UBERON") || l.includes("ILX")) && n.push(this._processUberonURL(l));
}), s.anatomy && s.anatomy.organ && s.anatomy.organ.forEach((i) => {
i.curie && (n.push(i.curie), r.push(i.name));
});
}), a = [...new Set(n)], o = [...new Set(r)], this.anatomyFacetLabels = o, a;
}
_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)
});
});
});
}
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((d) => {
const g = d.toLowerCase();
s.forEach((v) => {
const f = v.toLowerCase(), h7 = `${g}.${f}`, m = [], y = l.some((_) => {
const A = _.toLowerCase();
if (A === h7) {
const E = c.find((k) => k.toLocaleLowerCase().includes(A));
if (E) {
const k = E.replace(`${A}.`, "");
s.map((T) => T.toLowerCase()).includes(k) && m.push(k);
}
return true;
}
});
m.length && u.push(...m.map((_) => _.toLowerCase())), y && u.push(f);
});
}), 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;
}
};
var cd = [
{
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: "Funding Program",
id: "pennsieve.organization",
facetPropPath: "pennsieve.organization.name",
facetSubpropPath: "pennsieve.organization.subcategory.name"
}
];
function Th(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 = Yy(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 `, cd.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 Yy(e) {
return e.filter((t) => t.label !== "Show all");
}
var xa = function(e) {
return e.charAt(0).toUpperCase() + e.slice(1);
};
var Oh = function(e) {
const t = e.toLowerCase();
return mi[t] ? xa(mi[t]) : e === e.toUpperCase() ? e : xa(t);
};
var j6 = {
name: "SearchFilters",
components: {
MapSvgIcon: fy,
MapSvgSpriteColor: Gy,
Option: Eu,
Select: ji,
Popover: Qa,
Cascader: jg
},
props: {
/**
* Object containing information for
* the required viewing.
*/
entry: Object,
envVars: {
type: Object,
default: () => {
}
}
},
data: function() {
return {
algoliaClient: void 0,
cascaderIsReady: false,
previousShowAllChecked: {
species: false,
gender: false,
organ: false,
datasets: false
},
showFiltersText: true,
cascadeSelected: [],
cascadeSelectedWithBoolean: [],
filterTimeout: null,
numberShown: 10,
filters: [],
facets: ["Species", "Gender", "Organ", "Datasets"],
numberDatasetsShown: ["10", "20", "50"],
cascaderProps: { multiple: true },
options: [
{
value: "Species",
label: "Species",
children: [{}]
}
],
presentTags: [],
searchInputs: {}
};
},
setup() {
const e = markRaw({}), t = markRaw({
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: true,
immediate: true,
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 = false, this.populateCascader().then(() => {
this.cascaderIsReady = true, 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) {
e != null && e.length && e.forEach((r, o) => {
if (e[o].facetPropPath !== "pennsieve.organization.name" && (e[o].label = Oh(
r.label
)), r.key && t.key.includes("flatmap.connectivity.source.")) {
const a = r.key, s = t.key, i = a.replace(`${s}.`, "");
e[o].value = this.createCascaderItemValue([t.label, i]);
} else {
const a = n.slice();
a.push(r.label), e[o].value = this.createCascaderItemValue(a), this.createChildrenCascaderValue(r.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() {
this.options.forEach((e, t) => {
this.options[t].total = this.countTotalFacet(e), this.options[t].label = Oh(e.label), this.options[t].value = this.createCascaderItemValue(
[e.key]
), this.options[t].children.find((n) => n.label === "Show all") || this.options[t].children.unshift({
value: this.createCascaderItemValue(["Show all"]),
label: "Show all"
}), e.key.includes("flatmap.connectivity.source") && this.options[t].children.unshift({
value: this.createCascaderItemValue(["ConnectivityFilters"]),
label: "Filters",
disabled: true
}), this.createChildrenCascaderValue(this.options[t].children, e, [e.label]);
});
},
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(cd).then((t) => {
this.facets = t, Fe.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 = false : this.showFiltersText = true;
},
/**
* 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(true)).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: d, facet3: g, term: v } = this.getFacetsFromHierarchyString(l);
const f = o.find(
(m) => i.join() === m.pathValues.join()
), h7 = f ? f.label : void 0;
return {
facetPropPath: i[0],
facet: u,
facet2: d,
facet3: g,
term: v,
AND: c,
// for setting the boolean
tagLabel: h7
// 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: d, facet2: g, facet3: v, term: f } = this.getFacetsFromHierarchyString(c);
v ? v === "Non specific" ? d = g : d = v : g && (d = g);
const h7 = o.find(
(y) => i.join() === y.pathValues.join()
), m = h7 ? h7.label : void 0;
return {
facetPropPath: l,
facet: d,
term: f,
AND: u,
// for setting the boolean
tagLabel: m
// for connectivity filter's cascader tag
};
});
this.filterTimeout && clearTimeout(this.filterTimeout), this.$emit("loading", true), 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") : false).includes(true)) {
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 === true ? 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] = false;
e.forEach((t) => {
t[1].toLowerCase().includes("show all") && (this.previousShowAllChecked[t[0]] = true);
});
},
// 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([xa(n.term), n.facet])
];
return n.facet2 && (r.push(
this.createCascaderItemValue([xa(n.term), n.facet, n.facet2])
), n.facet3 && r.push(
this.createCascaderItemValue([xa(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]);
}), true;
}
},
addFilters: function(e) {
let t = false;
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 = false) {
let r = [];
if (t) {
const o = e.facet.toLowerCase();
let a = false;
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, d, g] = s.value.split(">");
g === "Non specific" && (a = true);
const v = {
term: c,
facet: u,
facetPropPath: e.facetPropPath,
...d && { facet2: d },
...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 === true ? { 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 = markRaw(new Zy(
this.envVars.ALGOLIA_ID,
this.envVars.ALGOLIA_KEY,
this.envVars.PENNSIEVE_API_LOCATION
)), this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX)), this.populateCascader().then(() => {
this.cascaderIsReady = true, this.checkShowAllBoxes(), this.setCascader(this.entry.filterFacets), this.cssMods(), this.$emit("cascaderReady");
});
}
};
var V6 = { class: "filters" };
var z6 = { key: 0 };
var H6 = {
key: 0,
class: "cascader-tag"
};
var U6 = { class: "el-tags-container" };
var q6 = { class: "el-tags-container" };
var K6 = { class: "search-filters transition-box" };
var W6 = { key: 0 };
var G6 = { class: "sidebar-cascader-search el-input" };
var J6 = { class: "el-input__wrapper" };
var Z6 = ["value", "onInput"];
var Y6 = { key: 1 };
var X6 = {
key: 0,
class: "sr-only"
};
var Q6 = {
key: 0,
class: "filter-default-value"
};
var e9 = { class: "dataset-shown" };
var t9 = { class: "dataset-results-feedback" };
function n9(e, t, n, r, o, a) {
const s = resolveComponent("MapSvgSpriteColor"), i = io, l = Qa, c = bu, u = yu, d = jg, g = resolveComponent("MapSvgIcon"), v = Eu, f = ji, h7 = Go;
return openBlock(), createElementBlock("div", V6, [
createVNode(s),
a.showFilters && e.options.length > 0 ? (openBlock(), createElementBlock("div", z6, [
e.presentTags.length > 0 ? (openBlock(), createElementBlock("div", H6, [
createVNode(i, {
class: "ml-2",
type: "info",
closable: "",
onClose: t[0] || (t[0] = (m) => a.cascadeTagClose(e.presentTags[0]))
}, {
default: withCtx(() => [
createBaseVNode("span", {
class: normalizeClass(["tag-text", a.modifyCascaderTagStyle(e.presentTags[0])])
}, toDisplayString(e.presentTags[0]), 3)
]),
_: 1
}),
e.presentTags.length > 1 ? (openBlock(), createBlock(l, {
key: 0,
placement: "bottom-start",
width: 250,
trigger: "hover",
"popper-class": "cascade-tags-popover"
}, {
default: withCtx(() => [
createBaseVNode("div", U6, [
(openBlock(true), createElementBlock(Fragment, null, renderList(e.presentTags.slice(1), (m, y) => (openBlock(), createBlock(i, {
key: y,
class: normalizeClass(["ml-2", a.modifyCascaderTagStyle(m)]),
type: "info",
closable: "",
onClose: (_) => a.cascadeTagClose(m)
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(m), 1)
]),
_: 2
}, 1032, ["class", "onClose"]))), 128))
])
]),
reference: withCtx(() => [
createBaseVNode("div", q6, [
e.presentTags.length > 1 ? (openBlock(), createBlock(i, {
key: 0,
class: "ml-2",
type: "info"
}, {
default: withCtx(() => [
createTextVNode(" +" + toDisplayString(e.presentTags.length - 1), 1)
]),
_: 1
})) : createCommentVNode("", true)
])
]),
_: 1
})) : createCommentVNode("", true)
])) : createCommentVNode("", true),
createVNode(Transition, { name: "el-zoom-in-top" }, {
default: withCtx(() => [
withDirectives((openBlock(), createElementBlock("span", K6, [
createVNode(d, {
class: "cascader",
ref: "cascader",
modelValue: e.cascadeSelected,
"onUpdate:modelValue": t[3] || (t[3] = (m) => e.cascadeSelected = m),
size: "large",
placeholder: " ",
"collapse-tags": true,
"collapse-tags-tooltip": "",
options: e.options,
props: e.cascaderProps,
onChange: t[4] || (t[4] = (m) => a.cascadeEvent(m)),
onExpandChange: a.cascadeExpandChange,
"show-all-levels": true,
"popper-class": "sidebar-cascader-popper"
}, {
default: withCtx(({ node: m, data: y }) => [
a.isFlatmapConnectionsFilterNode(m) ? (openBlock(), createElementBlock("div", W6, [
createBaseVNode("div", G6, [
createBaseVNode("div", J6, [
createBaseVNode("input", {
class: "el-input__inner",
ref: "searchInput_" + m.pathValues[0],
value: e.searchInputs[m.pathValues[0]],
onInput: (_) => a.searchInputChange(_, m),
onFocus: t[1] || (t[1] = (_) => a.searchInputFocusToggle(_, true)),
onBlur: t[2] || (t[2] = (_) => a.searchInputFocusToggle(_, false)),
style: { width: "100%" },
autocomplete: "off",
placeholder: "Search"
}, null, 40, Z6)
])
])
])) : (openBlock(), createElementBlock("div", Y6, [
createVNode(u, null, {
default: withCtx(() => [
a.hasLineStyles(y) ? (openBlock(), createBlock(c, {
key: 0,
span: 4
}, {
default: withCtx(() => [
createBaseVNode("div", {
class: "path-visual",
style: normalizeStyle(a.getLineStyles(y))
}, null, 4)
]),
_: 2
}, 1024)) : createCommentVNode("", true),
createVNode(c, { span: 20 }, {
default: withCtx(() => [
a.isFlatmapConnectionsNode(m) ? (openBlock(), createElementBlock("span", X6, toDisplayString(a.getNodeKey(m.value)), 1)) : createCommentVNode("", true),
createBaseVNode("div", {
style: normalizeStyle(a.getBackgroundStyles(y))
}, toDisplayString(y.label), 5)
]),
_: 2
}, 1024)
]),
_: 2
}, 1024)
]))
]),
_: 1
}, 8, ["modelValue", "options", "props", "onExpandChange"]),
e.showFiltersText ? (openBlock(), createElementBlock("div", Q6, "Filters")) : createCommentVNode("", true),
createVNode(l, {
title: "How do filters work?",
width: "250",
trigger: "hover",
"popper-class": "filter-help-popover"
}, {
reference: withCtx(() => [
createVNode(g, {
icon: "help",
class: "help"
})
]),
default: withCtx(() => [
createBaseVNode("div", null, [
t[7] || (t[7] = createBaseVNode("strong", null, "Within categories:", -1)),
t[8] || (t[8] = createTextVNode(" OR ")),
t[9] || (t[9] = createBaseVNode("br", null, null, -1)),
createTextVNode(" example: " + toDisplayString(n.entry.helper.within) + " ", 1),
t[10] || (t[10] = createBaseVNode("br", null, null, -1)),
t[11] || (t[11] = createBaseVNode("br", null, null, -1)),
t[12] || (t[12] = createBaseVNode("strong", null, "Between categories:", -1)),
t[13] || (t[13] = createTextVNode(" AND ")),
t[14] || (t[14] = createBaseVNode("br", null, null, -1)),
createTextVNode(" example: " + toDisplayString(n.entry.helper.between), 1)
])
]),
_: 1
})
])), [
[h7, !e.cascaderIsReady]
])
]),
_: 1
})
])) : createCommentVNode("", true),
createBaseVNode("div", e9, [
createBaseVNode("span", t9, toDisplayString(a.numberOfResultsText), 1),
createVNode(f, {
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: withCtx(() => [
(openBlock(true), createElementBlock(Fragment, null, renderList(e.numberDatasetsShown, (m) => (openBlock(), createBlock(v, {
key: m,
label: m,
value: m
}, null, 8, ["label", "value"]))), 128))
]),
_: 1
}, 8, ["modelValue"])
])
]);
}
var cl = Nn(j6, [["render", n9], ["__scopeId", "data-v-f5d573d2"]]);
var r9 = async function(e) {
if (!e.ok) {
let t = await e.json();
throw t ? new Error(t.message) : new Error(e);
}
return e;
};
var o9 = {
searchInput: "",
lastSearch: "",
results: [],
numberOfHits: 0,
filter: [],
loadingCards: false,
numberPerPage: 10,
page: 1,
pageModel: 1,
start: 0,
hasSearched: false,
contextCardEnabled: false
};
var a9 = {
components: {
SearchFilters: cl,
DatasetCard: uy,
SearchHistory: ll,
Button: Kt,
Card: Bi,
Drawer: wu,
Icon: ze,
Input: Ko,
Pagination: Vi
},
name: "DatasetExplorer",
props: {
visible: {
type: Boolean,
default: false
},
isDrawer: {
type: Boolean,
default: true
},
entry: {
type: Object,
default: () => o9
},
envVars: {
type: Object,
default: () => {
}
}
},
data: function() {
return {
...this.entry,
algoliaClient: void 0,
bodyStyle: {
flex: "1 1 auto",
"flex-flow": "column",
display: "flex"
},
cascaderIsReady: false
};
},
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: true,
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 = false;
},
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) => {
am({
message: `${o.facet} cannot be found in ${o.term}!`,
appendTo: this.$el,
showClose: true,
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 = true, 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"
}), Fe.emit("trackEvent", {
event_name: "portal_maps_action_filter",
category: "reset",
location: "map_sidebar_dataset"
});
},
searchEvent: function(e = false) {
(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 = true, this.algoliaClient.anatomyInSearch(Th(e), t).then((n) => {
Fe.emit("anatomy-in-datasets", n.forFlatmap), Fe.emit("number-of-datasets-for-anatomies", n.forScaffold);
}), this.algoliaClient.search(Th(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 = false, 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, Fe.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 = false) {
this.start = (e - 1) * this.numberPerPage, this.page = e, this.searchAlgolia(
this.filter,
this.searchInput,
this.numberPerPage,
this.page
), t || Fe.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 = true);
},
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) : false
);
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"],
simulation: t["abi-simulation-omex-file"] ? t["abi-simulation-omex-file"] : t["abi-simulation-file"],
additionalLinks: t.additionalLinks,
detailsReady: true
}), 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(r9).then((s) => s.json()).then((s) => r(s)).catch((s) => o(s));
});
},
getAlgoliaFacets: async function() {
return await this.algoliaClient.getAlgoliaFacets(
cd
);
},
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 = markRaw(new Zy(
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/";
}
};
var s9 = { class: "header" };
var i9 = {
class: "content scrollbar",
ref: "content"
};
var l9 = {
key: 0,
class: "error-feedback"
};
function c9(e, t, n, r, o, a) {
const s = Ko, i = Kt, l = cl, c = ll, u = uy, d = Vi, g = Bi, v = Go;
return openBlock(), createBlock(g, {
"body-style": e.bodyStyle,
class: "content-card"
}, {
header: withCtx(() => [
createBaseVNode("div", s9, [
createVNode(s, {
class: "search-input",
placeholder: "Search",
modelValue: e.searchInput,
"onUpdate:modelValue": t[0] || (t[0] = (f) => e.searchInput = f),
onKeyup: a.searchEvent,
clearable: "",
onClear: a.clearSearchClicked
}, null, 8, ["modelValue", "onKeyup", "onClear"]),
createVNode(i, {
type: "primary",
class: "button",
onClick: a.searchEvent,
size: "large"
}, {
default: withCtx(() => t[3] || (t[3] = [
createTextVNode(" Search ")
])),
_: 1
}, 8, ["onClick"]),
createVNode(i, {
link: "",
class: "el-button-link",
onClick: a.onResetClick,
size: "large"
}, {
default: withCtx(() => t[4] || (t[4] = [
createTextVNode(" Reset ")
])),
_: 1
}, 8, ["onClick"])
])
]),
default: withCtx(() => [
createVNode(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"]),
createVNode(c, {
ref: "searchHistory",
localStorageKey: "sparc.science-dataset-search-history",
onSearch: a.searchHistorySearch
}, null, 8, ["onSearch"]),
withDirectives((openBlock(), createElementBlock("div", i9, [
e.results.length === 0 && !e.loadingCards ? (openBlock(), createElementBlock("div", l9, " No results found - Please change your search / filter criteria. ")) : createCommentVNode("", true),
(openBlock(true), createElementBlock(Fragment, null, renderList(e.results, (f) => (openBlock(), createElementBlock("div", {
key: f.doi,
class: "step-item"
}, [
createVNode(u, {
class: "dataset-card",
entry: f,
envVars: n.envVars,
onMouseenter: (h7) => a.hoverChanged(f),
onMouseleave: t[1] || (t[1] = (h7) => a.hoverChanged(void 0))
}, null, 8, ["entry", "envVars", "onMouseenter"])
]))), 128)),
createVNode(d, {
class: "pagination",
"current-page": e.page,
"onUpdate:currentPage": t[2] || (t[2] = (f) => e.page = f),
"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"]);
}
var Xy = Nn(a9, [["render", c9], ["__scopeId", "data-v-68235ba7"]]);
var u9 = (e) => e.replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.substr(1).toLowerCase());
var ga = function(e) {
return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
};
var d9 = {
name: "ConnectivityInfo",
components: {
Button: Kt,
Container: $O,
Icon: ze,
ElIconWarning: warning_default,
ElIconLocation: location_default,
ElIconSearch: search_default,
ExternalResourceCard: wT,
CopyToClipboard: Sg,
ConnectivityGraph: B7,
ConnectivityList: M_
},
props: {
connectivityEntry: {
type: Array,
default: []
},
entryId: {
type: String,
default: ""
},
envVars: {
type: Object,
default: () => {
}
},
availableAnatomyFacets: {
type: Array,
default: () => []
},
withCloseButton: {
type: Boolean,
default: false
}
},
data: function() {
return {
updatedCopyContent: "",
activeView: "listView",
connectivityLoading: false,
connectivitySource: "map",
// sckan
noMapConnectivity: false,
connectivityError: {},
graphViewLoaded: false,
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: true,
immediate: true,
handler: function(e, t) {
e && e !== t && (this.connectivityLoading = true, this.activeView = localStorage.getItem("connectivity-active-view") || this.activeView, this.activeView === "graphView" && (this.graphViewLoaded = true), this.connectivitySource = this.entry.connectivitySource, this.noMapConnectivity = this.entry.noMapConnectivity, this.updateGraphConnectivity(), this.connectivityLoading = false, (!t || (e == null ? void 0 : e.featureId[0]) !== (t == null ? void 0 : t.featureId[0])) && this.$emit("loaded"));
}
}
},
methods: {
titleCase: function(e) {
return u9(e);
},
capitalise: function(e) {
return ga(e);
},
showConnectivity: function() {
const e = this.entry.featureId || [];
this.$emit("show-connectivity", e), Fe.emit("trackEvent", {
event_name: "portal_maps_show_connectivity_on_map",
category: this.entry.id || "",
location: "map_sidebar_connectivity"
});
},
onCopied: function() {
Fe.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 = true;
}), Fe.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(`${ga(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(d, g, v = []) {
let f = `${d}
`;
const h7 = [];
g.forEach((y) => {
let _ = [];
y.split(",").forEach((A) => {
const E = v.find((k) => k.name === A.trim());
E ? _.push(`${ga(A)} (${E.id})`) : _.push(`${ga(A)}`);
}), h7.push(_.join(","));
});
const m = h7.map((y) => `${y}`).join(`
`);
return f += `
`, f += ``, f;
}
if ((i = this.entry["nerve-label"]) != null && i.length) {
const d = "Nerves", v = this.entry["nerve-label"].map((h7) => Object.values(h7)).flat(1 / 0), f = a(d, v);
t.push(f);
}
if ((l = this.origins) != null && l.length) {
const d = "Origin", g = this.origins, v = this.originsWithDatasets, f = a(d, g, v);
t.push(f);
}
if ((c = this.components) != null && c.length) {
const d = "Components", g = this.components, v = this.componentsWithDatasets, f = a(d, g, v);
t.push(f);
}
if ((u = this.destinations) != null && u.length) {
const d = "Destination", g = this.destinations, v = this.destinationsWithDatasets, f = a(d, g, v);
t.push(f);
}
if (e) {
let d = "References
";
d += `
`;
const g = e.list.map((v) => `${v}`).join(`
`);
d += ``, t.push(d);
}
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) => ga(o.label)).join(", ").replace(/, ([^,]*)$/, " and $1"),
errorMessage: n
};
},
onConnectivitySourceChange: function(e) {
this.connectivityLoading = true, this.activeView !== "graphView" && (this.graphViewLoaded = false), this.updateGraphConnectivity(), Fe.emit("connectivity-source-change", {
entry: this.entry,
connectivitySource: e
}), Fe.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 = false;
}) : (this.connectivityFromMap = null, this.connectivityLoading = false);
},
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 Fe.emit("connectivity-source-change", {
entry: this.entry,
connectivitySource: "sckan"
}), new Error(t);
}
}
},
onConnectivityActionClick: function(e) {
Fe.emit("onConnectivityActionClick", e);
},
closeConnectivity: function() {
this.$emit("close-connectivity"), Fe.emit("trackEvent", {
event_name: "portal_maps_connectivity_close",
category: this.entry.id || "",
location: "map_sidebar_connectivity"
});
},
onTrackEvent: function(e) {
Fe.emit("trackEvent", e);
}
},
mounted: function() {
this.updatedCopyContent = this.getUpdateCopyContent(), Fe.on("connectivity-error", (e) => {
const t = this.getConnectivityError(e);
this.connectivityError = { ...t };
});
}
};
var f9 = {
key: 0,
class: "main"
};
var p9 = { class: "connectivity-info-title" };
var h9 = { class: "title-content" };
var v9 = {
key: 0,
class: "block"
};
var g9 = { class: "title" };
var m9 = { style: { "word-break": "keep-all" } };
var y9 = { class: "subtitle" };
var b9 = {
key: 0,
class: "subtitle"
};
var w9 = {
key: 1,
class: "block"
};
var C9 = { class: "title" };
var S9 = { class: "title-buttons" };
var k9 = { class: "content-container population-display" };
var _9 = { class: "block attribute-title-container" };
var E9 = { class: "block buttons-row" };
var x9 = {
key: 0,
class: "block"
};
var T9 = ["origin-item-label"];
var O9 = ["origin-item-label", "onMouseenter"];
var I9 = { class: "content-container content-container-connectivity" };
var A9 = { class: "content-container content-container-connectivity" };
var F9 = {
key: 1,
class: "content-container content-container-references"
};
function P9(e, t, n, r, o, a) {
const s = warn_triangle_filled_default, i = ze, l = Qa, c = location_default, u = Kt, d = resolveComponent("CopyToClipboard"), g = close_default, v = warning_default, f = Dg, h7 = DT, m = search_default, y = resolveComponent("connectivity-list"), _ = resolveComponent("connectivity-graph"), A = resolveComponent("ExternalResourceCard"), E = Go;
return a.entry ? (openBlock(), createElementBlock("div", f9, [
createBaseVNode("div", p9, [
createBaseVNode("div", h9, [
a.entry.title ? (openBlock(), createElementBlock("div", v9, [
createBaseVNode("div", g9, [
createBaseVNode("span", null, toDisplayString(a.capitalise(a.entry.title)), 1),
a.entry.featuresAlert ? (openBlock(), createBlock(l, {
key: 0,
width: "250",
trigger: "hover",
teleported: false,
"popper-class": "popover-origin-help"
}, {
reference: withCtx(() => [
createVNode(i, { class: "alert" }, {
default: withCtx(() => [
createVNode(s)
]),
_: 1
})
]),
default: withCtx(() => [
createBaseVNode("span", m9, toDisplayString(a.entry.featuresAlert), 1)
]),
_: 1
})) : createCommentVNode("", true)
]),
createBaseVNode("div", y9, [
t[4] || (t[4] = createBaseVNode("strong", null, "id: ", -1)),
createTextVNode(toDisplayString(a.entry.featureId[0]), 1)
]),
a.hasProvenanceTaxonomyLabel ? (openBlock(), createElementBlock("div", b9, toDisplayString(a.provSpeciesDescription), 1)) : createCommentVNode("", true)
])) : (openBlock(), createElementBlock("div", w9, [
createBaseVNode("div", C9, toDisplayString(a.entry.featureId), 1)
]))
]),
createBaseVNode("div", S9, [
createVNode(l, {
width: "auto",
trigger: "hover",
teleported: false,
"popper-class": "popover-map-pin"
}, {
reference: withCtx(() => [
createVNode(u, {
class: "button-circle secondary",
circle: "",
onClick: a.showConnectivity
}, {
default: withCtx(() => [
createVNode(i, { color: "#8300bf" }, {
default: withCtx(() => [
createVNode(c)
]),
_: 1
})
]),
_: 1
}, 8, ["onClick"])
]),
default: withCtx(() => [
t[5] || (t[5] = createBaseVNode("span", null, " Show connectivity on map ", -1))
]),
_: 1
}),
createVNode(d, {
onCopied: a.onCopied,
content: e.updatedCopyContent
}, null, 8, ["onCopied", "content"]),
n.withCloseButton ? (openBlock(), createBlock(l, {
key: 0,
width: "auto",
trigger: "hover",
teleported: false,
"popper-class": "popover-map-pin"
}, {
reference: withCtx(() => [
createVNode(u, {
class: "button-circle",
circle: "",
onClick: a.closeConnectivity
}, {
default: withCtx(() => [
createVNode(i, { color: "white" }, {
default: withCtx(() => [
createVNode(g)
]),
_: 1
})
]),
_: 1
}, 8, ["onClick"])
]),
default: withCtx(() => [
t[6] || (t[6] = createBaseVNode("span", null, "Close", -1))
]),
_: 1
})) : createCommentVNode("", true)
])
]),
createBaseVNode("div", k9, [
createBaseVNode("div", _9, [
t[8] || (t[8] = createBaseVNode("span", { class: "attribute-title" }, "Population Display", -1)),
e.activeView === "listView" ? (openBlock(), createBlock(l, {
key: 0,
width: "250",
trigger: "hover",
teleported: false,
"popper-class": "popover-origin-help"
}, {
reference: withCtx(() => [
createVNode(i, { class: "info" }, {
default: withCtx(() => [
createVNode(v)
]),
_: 1
})
]),
default: withCtx(() => [
t[7] || (t[7] = createBaseVNode("span", { style: { "word-break": "keep-all" } }, " This list is ordered alphabetically, switch to graph view for path details. ", -1))
]),
_: 1
})) : createCommentVNode("", true)
]),
createBaseVNode("div", E9, [
t[13] || (t[13] = createBaseVNode("span", null, "Connectivity from:", -1)),
createVNode(h7, {
modelValue: e.connectivitySource,
"onUpdate:modelValue": t[0] || (t[0] = (k) => e.connectivitySource = k),
onChange: a.onConnectivitySourceChange
}, {
default: withCtx(() => [
createVNode(f, {
value: "map",
disabled: e.noMapConnectivity
}, {
default: withCtx(() => t[9] || (t[9] = [
createTextVNode("Map")
])),
_: 1
}, 8, ["disabled"]),
createVNode(f, { value: "sckan" }, {
default: withCtx(() => t[10] || (t[10] = [
createTextVNode("SCKAN")
])),
_: 1
})
]),
_: 1
}, 8, ["modelValue", "onChange"]),
createVNode(u, {
class: normalizeClass(e.activeView === "listView" ? "button" : "el-button-secondary"),
onClick: t[1] || (t[1] = (k) => a.switchConnectivityView("listView"))
}, {
default: withCtx(() => t[11] || (t[11] = [
createTextVNode(" List view ")
])),
_: 1
}, 8, ["class"]),
createVNode(u, {
class: normalizeClass(e.activeView === "graphView" ? "button" : "el-button-secondary"),
onClick: t[2] || (t[2] = (k) => a.switchConnectivityView("graphView"))
}, {
default: withCtx(() => t[12] || (t[12] = [
createTextVNode(" Graph view ")
])),
_: 1
}, 8, ["class"])
])
]),
a.entry["nerve-label"] ? (openBlock(), createElementBlock("div", x9, [
t[15] || (t[15] = createBaseVNode("div", { class: "attribute-title-container" }, [
createBaseVNode("span", { class: "attribute-title" }, "Nerves")
], -1)),
(openBlock(true), createElementBlock(Fragment, null, renderList(a.entry["nerve-label"], (k, T) => (openBlock(), createElementBlock("div", null, [
(openBlock(), createElementBlock("div", {
class: "attribute-content",
"origin-item-label": k.nerve,
key: k.nerve
}, [
createBaseVNode("span", null, toDisplayString(a.capitalise(k.nerve)), 1)
], 8, T9)),
(openBlock(true), createElementBlock(Fragment, null, renderList(k.subNerves, (I, R) => (openBlock(), createElementBlock("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())
}, [
createVNode(l, {
width: "150",
trigger: "hover",
teleported: false,
"popper-class": "popover-origin-help"
}, {
reference: withCtx(() => [
createVNode(i, {
class: "magnify-glass",
onClick: (D) => a.onConnectivityClicked(I)
}, {
default: withCtx(() => [
createVNode(m)
]),
_: 2
}, 1032, ["onClick"])
]),
default: withCtx(() => [
t[14] || (t[14] = createBaseVNode("span", null, "Search sub nerve", -1))
]),
_: 2
}, 1024),
createBaseVNode("span", null, toDisplayString(a.capitalise(I)), 1)
], 40, O9))), 128))
]))), 256))
])) : createCommentVNode("", true),
withDirectives(createBaseVNode("div", I9, [
withDirectives((openBlock(), createBlock(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"])), [
[E, e.connectivityLoading]
])
], 512), [
[vShow, e.activeView === "listView"]
]),
withDirectives(createBaseVNode("div", A9, [
e.graphViewLoaded ? withDirectives((openBlock(), createBlock(_, {
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"])), [
[E, e.connectivityLoading]
]) : createCommentVNode("", true)
], 512), [
[vShow, e.activeView === "graphView"]
]),
a.resources.length ? (openBlock(), createElementBlock("div", F9, [
createVNode(A, {
resources: a.resources,
onReferencesLoaded: a.onReferencesLoaded,
onShowReferenceConnectivities: a.onShowReferenceConnectivities,
onTrackEvent: a.onTrackEvent
}, null, 8, ["resources", "onReferencesLoaded", "onShowReferenceConnectivities", "onTrackEvent"])
])) : createCommentVNode("", true)
])) : createCommentVNode("", true);
}
var Qy = Nn(d9, [["render", P9], ["__scopeId", "data-v-589e4c5c"]]);
var $9 = {
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 : false;
}
},
methods: {
capitalise: function(e) {
return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
},
cardClicked: function(e) {
this.loading || (this.$emit("open-connectivity", e), Fe.emit("trackEvent", {
event_name: "portal_maps_connectivity_open",
category: e.id || "",
location: "map_sidebar_connectivity"
}));
}
}
};
var R9 = {
class: "connectivity-card-container",
ref: "container"
};
var N9 = {
class: "connectivity-card",
ref: "card"
};
var L9 = { class: "card-title" };
var B9 = {
key: 0,
class: "card-details"
};
var D9 = {
key: 0,
class: "card-tags"
};
var M9 = { key: 1 };
function j9(e, t, n, r, o, a) {
const s = io, i = Go;
return openBlock(), createElementBlock("div", R9, [
createBaseVNode("div", N9, [
t[1] || (t[1] = createBaseVNode("div", { class: "seperator-path" }, null, -1)),
withDirectives((openBlock(), createElementBlock("div", {
class: "card-content",
onClick: t[0] || (t[0] = (l) => a.cardClicked(n.entry))
}, [
createBaseVNode("div", L9, toDisplayString(a.capitalise(n.entry.label)), 1),
(openBlock(true), createElementBlock(Fragment, null, renderList(o.displayFields, (l) => (openBlock(), createElementBlock(Fragment, { key: l }, [
n.entry[l] ? (openBlock(), createElementBlock("div", B9, [
createBaseVNode("strong", null, toDisplayString(l) + ":", 1),
l === "nerve-label" ? (openBlock(), createElementBlock("div", D9, [
(openBlock(true), createElementBlock(Fragment, null, renderList(n.entry[l], (c) => (openBlock(), createElementBlock("div", {
key: c.nerve
}, [
createVNode(s, {
type: "primary",
size: "small"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(c.nerve), 1)
]),
_: 2
}, 1024),
(openBlock(true), createElementBlock(Fragment, null, renderList(c.subNerves, (u) => (openBlock(), createBlock(s, {
type: "primary",
size: "small"
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(u), 1)
]),
_: 2
}, 1024))), 256))
]))), 128))
])) : (openBlock(), createElementBlock("span", M9, toDisplayString(n.entry[l]), 1))
])) : createCommentVNode("", true)
], 64))), 128))
])), [
[i, a.loading]
])
], 512)
], 512);
}
var eb = Nn($9, [["render", j9], ["__scopeId", "data-v-4c16c9d7"]]);
var V9 = {
searchInput: "",
lastSearch: "",
results: [],
numberOfHits: 0,
filter: [],
loadingCards: false,
numberPerPage: 10,
page: 1,
start: 0
};
var z9 = {
components: {
SearchFilters: cl,
SearchHistory: ll,
ConnectivityCard: eb,
ConnectivityInfo: Qy,
Button: Kt,
Card: Bi,
Checkbox: gu,
Icon: ze,
Input: Ko,
Pagination: Vi,
MapSvgIcon: fy,
MapSvgSpriteColor: Gy
},
name: "ConnectivityExplorer",
props: {
connectivityKnowledge: {
type: Array,
default: []
},
entry: {
type: Object,
default: () => V9
},
envVars: {
type: Object,
default: () => {
}
},
connectivityEntry: {
type: Array,
default: []
},
availableAnatomyFacets: {
type: Object,
default: []
},
connectivityFilterOptions: {
type: Array,
default: []
},
showVisibilityFilter: {
type: Boolean,
default: false
}
},
data: function() {
return {
...this.entry,
bodyStyle: {
flex: "1 1 auto",
"flex-flow": "column",
display: "flex"
},
cascaderIsReady: false,
freezeTimeout: void 0,
freezed: false,
initLoading: true,
expanded: "",
filterVisibility: true,
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: true,
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 = false, JSON.stringify(e) !== JSON.stringify(t) && (this.results = e, this.initLoading = false, 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 = false;
},
filterVisibility: function(e) {
this.filterVisibility = e, this.$emit("filter-visibility", this.filterVisibility);
}
},
methods: {
freezeHoverChange: function() {
this.freezed = true, this.freezeTimeout && clearTimeout(this.freezeTimeout), this.freezeTimeout = setTimeout(() => {
this.freezed = false;
}, 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 = false;
},
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"
}), Fe.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}.`, am({
dangerouslyUseHTMLString: true,
message: i,
appendTo: this.$el,
showClose: true,
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 = true, this.openSearch(this.filter, this.searchInput);
},
clearSearchClicked: function() {
this.searchInput = "", this.searchAndFilterUpdate();
},
searchEvent: function(e = false) {
(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 = true, 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, Fe.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 = false) {
this.start = (e - 1) * this.numberPerPage, this.page = e, this.expanded = "", this.expandedData = null, this.scrollToTop(), t || Fe.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), Fe.on("close-connectivity", () => {
this.expanded = "", this.expandedData = null;
});
}
};
var H9 = { class: "header" };
var U9 = {
key: 0,
class: "visibility-filter"
};
var q9 = {
key: 0,
class: "error-feedback"
};
var K9 = ["onMouseenter"];
function W9(e, t, n, r, o, a) {
const s = resolveComponent("MapSvgSpriteColor"), i = Ko, l = Kt, c = gu, u = resolveComponent("MapSvgIcon"), d = Qa, g = cl, v = ll, f = eb, h7 = Qy, m = Vi, y = Bi, _ = Go;
return openBlock(), createBlock(y, {
"body-style": e.bodyStyle,
class: "content-card"
}, {
header: withCtx(() => [
createBaseVNode("div", H9, [
createVNode(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"]),
createVNode(l, {
type: "primary",
class: "button",
onClick: a.searchEvent,
size: "large"
}, {
default: withCtx(() => t[5] || (t[5] = [
createTextVNode(" Search ")
])),
_: 1
}, 8, ["onClick"]),
createVNode(l, {
link: "",
class: "el-button-link",
onClick: a.onResetClick,
size: "large"
}, {
default: withCtx(() => t[6] || (t[6] = [
createTextVNode(" Reset ")
])),
_: 1
}, 8, ["onClick"]),
n.showVisibilityFilter ? (openBlock(), createElementBlock("div", U9, [
createVNode(c, {
modelValue: e.filterVisibility,
"onUpdate:modelValue": t[1] || (t[1] = (A) => e.filterVisibility = A)
}, {
default: withCtx(() => t[7] || (t[7] = [
createTextVNode(" Focused ")
])),
_: 1
}, 8, ["modelValue"]),
createVNode(d, {
title: "How does focused checkbox work?",
width: "250",
trigger: "hover",
"popper-class": "filter-help-popover"
}, {
reference: withCtx(() => [
createVNode(u, {
icon: "help",
class: "help"
})
]),
default: withCtx(() => [
t[8] || (t[8] = createBaseVNode("div", null, [
createBaseVNode("strong", null, "Checked:"),
createBaseVNode("br"),
createTextVNode(" Display listed or highlighted items only. "),
createBaseVNode("br"),
createBaseVNode("br"),
createBaseVNode("strong", null, "Unchecked:"),
createBaseVNode("br"),
createTextVNode(" Display listed or highlighted items in full colour and non-listed items in greyscale. ")
], -1))
]),
_: 1
})
])) : createCommentVNode("", true)
])
]),
default: withCtx(() => [
createVNode(s),
createVNode(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"]),
createVNode(v, {
ref: "searchHistory",
localStorageKey: "sparc.science-connectivity-search-history",
onSearch: a.searchHistorySearch
}, null, 8, ["onSearch"]),
withDirectives((openBlock(), createElementBlock("div", {
class: "content scrollbar",
ref: "content",
onMouseleave: t[4] || (t[4] = (A) => a.onHoverChanged(A, void 0))
}, [
e.results.length === 0 && !e.loadingCards ? (openBlock(), createElementBlock("div", q9, " No results found - Please change your search / filter criteria. ")) : createCommentVNode("", true),
(openBlock(true), createElementBlock(Fragment, null, renderList(a.paginatedResults, (A) => (openBlock(), createElementBlock("div", {
key: A.id,
ref_for: true,
ref: "stepItem-" + A.id,
class: "step-item",
onMouseenter: (E) => a.onHoverChanged(E, A)
}, [
withDirectives(createVNode(f, {
class: "connectivity-card",
entry: A,
connectivityEntry: n.connectivityEntry,
onOpenConnectivity: a.onConnectivityCollapseChange
}, null, 8, ["entry", "connectivityEntry", "onOpenConnectivity"]), [
[vShow, e.expanded !== A.id]
]),
e.expanded === A.id ? (openBlock(), createBlock(h7, {
key: 0,
class: "connectivity-info",
entryId: A.id,
connectivityEntry: n.connectivityEntry,
availableAnatomyFacets: n.availableAnatomyFacets,
envVars: n.envVars,
withCloseButton: true,
onShowConnectivity: a.onShowConnectivity,
onShowReferenceConnectivities: a.onShowReferenceConnectivities,
onConnectivityClicked: a.onConnectivityClicked,
onConnectivityHovered: t[2] || (t[2] = (E) => e.$emit("connectivity-hovered", E)),
onLoaded: (E) => a.onConnectivityInfoLoaded(A),
onCloseConnectivity: (E) => a.onConnectivityCollapseChange(A)
}, null, 8, ["entryId", "connectivityEntry", "availableAnatomyFacets", "envVars", "onShowConnectivity", "onShowReferenceConnectivities", "onConnectivityClicked", "onLoaded", "onCloseConnectivity"])) : createCommentVNode("", true)
], 40, K9))), 128)),
createVNode(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)), [
[_, e.loadingCards || e.initLoading]
])
]),
_: 1
}, 8, ["body-style"]);
}
var tb = Nn(z9, [["render", W9], ["__scopeId", "data-v-54947ae4"]]);
var G9 = {
name: "AnnotationTool",
components: {
AnnotationPopup: j5,
Button: Kt,
CreateTooltipContent: M7,
Col: bu,
ElIconDelete: delete_default,
Icon: ze,
Row: yu
},
props: {
annotationEntry: {
type: Array
},
createData: {
type: Object,
default: {}
}
},
data: function() {
return {
ElIconDelete: shallowRef(delete_default),
annotationPopupData: null
};
}
};
var J9 = { class: "annotation-tool scrollbar" };
var Z9 = {
key: 1,
class: "delete-container"
};
function Y9(e, t, n, r, o, a) {
const s = resolveComponent("CreateTooltipContent"), i = resolveComponent("annotation-popup"), l = bu, c = Kt, u = yu;
return openBlock(), createElementBlock("div", J9, [
withDirectives(createVNode(s, {
createData: n.createData,
onConfirmCreate: t[0] || (t[0] = (d) => e.$emit("confirm-create", d)),
onCancelCreate: t[1] || (t[1] = (d) => e.$emit("cancel-create")),
class: "create-tooltip-content"
}, null, 8, ["createData"]), [
[vShow, n.createData && n.createData.toBeConfirmed]
]),
n.annotationEntry && (!n.createData || !n.createData.toBeConfirmed) ? (openBlock(), createBlock(i, {
key: 0,
class: "annotation-popup",
annotationEntry: n.annotationEntry,
onAnnotation: t[2] || (t[2] = (d) => e.$emit("annotation", d)),
onHoverChanged: t[3] || (t[3] = (d) => e.$emit("hover-changed", d)),
onTrackEvent: t[4] || (t[4] = (d) => e.$emit("trackEvent", d))
}, null, 8, ["annotationEntry"])) : createCommentVNode("", true),
n.createData && n.createData.toBeDeleted ? (openBlock(), createElementBlock("div", Z9, [
createVNode(u, null, {
default: withCtx(() => [
createVNode(l, {
offset: 1,
span: 6
}, {
default: withCtx(() => t[7] || (t[7] = [
createTextVNode("Delete this feature?")
])),
_: 1
}),
createVNode(l, {
offset: 1,
span: 3
}, {
default: withCtx(() => [
createVNode(c, {
class: "delete-button",
icon: e.ElIconDelete,
onClick: t[5] || (t[5] = (d) => e.$emit("confirm-delete"))
}, {
default: withCtx(() => t[8] || (t[8] = [
createTextVNode(" Delete ")
])),
_: 1
}, 8, ["icon"])
]),
_: 1
}),
createVNode(l, {
offset: 1,
span: 2
}, {
default: withCtx(() => [
createVNode(c, {
class: "delete-button",
onClick: t[6] || (t[6] = (d) => e.$emit("cancel-create"))
}, {
default: withCtx(() => t[9] || (t[9] = [
createTextVNode(" Dismiss ")
])),
_: 1
})
]),
_: 1
})
]),
_: 1
})
])) : createCommentVNode("", true)
]);
}
var nb = Nn(G9, [["render", Y9], ["__scopeId", "data-v-7acfbf0c"]]);
var X9 = {
name: "Tabs",
components: {
ElIconClose: close_default
},
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 });
}
}
};
var Q9 = { class: "tabs-container" };
var eB = ["onClick"];
var tB = { class: "tab-title" };
function nB(e, t, n, r, o, a) {
const s = close_default, i = ze;
return openBlock(), createElementBlock("div", Q9, [
(openBlock(true), createElementBlock(Fragment, null, renderList(a.tabs, (l) => (openBlock(), createElementBlock("div", {
class: normalizeClass(["tab", { "active-tab": l.id == n.activeId }]),
key: l.id,
onClick: (c) => a.tabClicked(l)
}, [
createBaseVNode("span", tB, toDisplayString(l.title), 1),
l.closable ? (openBlock(), createBlock(i, {
key: 0,
onClick: withModifiers((c) => a.tabClosed(l), ["stop"]),
class: "tab-close-icon"
}, {
default: withCtx(() => [
createVNode(s)
]),
_: 2
}, 1032, ["onClick"])) : createCommentVNode("", true)
], 10, eB))), 128))
]);
}
var rb = Nn(X9, [["render", nB], ["__scopeId", "data-v-744b6365"]]);
var rB = {
components: {
DatasetExplorer: Xy,
Tabs: rb,
ElIconArrowLeft: arrow_left_default,
ElIconArrowRight: arrow_right_default,
Drawer: wu,
Icon: ze,
AnnotationTool: nb,
ConnectivityExplorer: tb
},
name: "SideBar",
props: {
tabs: {
type: Array,
default: [
{ title: "Dataset Explorer", id: 1, type: "datasetExplorer", closable: false },
{ title: "Connectivity Explorer", id: 2, type: "connectivityExplorer", closable: false },
{ title: "Annotation", id: 3, type: "annotation", closable: true }
]
},
/**
* The option to show side bar.
*/
visible: {
type: Boolean,
default: false
},
/**
* 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: false
},
/**
* 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: false,
points: [],
shape: "",
x: 0,
y: 0
}
},
connectivityKnowledge: {
type: Array,
default: []
},
filterOptions: {
type: Array,
default: []
},
showVisibilityFilter: {
type: Boolean,
default: false
}
},
data: function() {
return {
drawerOpen: false,
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 = false;
},
/**
* The function to toggle (open and close) sidebar.
* @public
*/
toggleDrawer: function() {
this.drawerOpen = !this.drawerOpen;
},
openConnectivitySearch: function(e, t) {
this.drawerOpen = true, this.$nextTick(() => {
this.getTabRef(void 0, "connectivityExplorer", true).openSearch(e, t);
});
},
resetConnectivitySearch: function() {
this.$nextTick(() => {
this.getTabRef(void 0, "connectivityExplorer", false).resetSearchIfNoActiveSearch();
});
},
openSearch: function(e, t) {
this.drawerOpen = true, this.$nextTick(() => {
this.getTabRef(void 0, "datasetExplorer", true).openSearch(e, t);
});
},
/**
* Get the ref id of the tab by id and type.
*/
getTabRef: function(e, t, n = false) {
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][0];
},
/**
* The function to add filters to sidebar search.
*
* @param {Object} filter
* @public
*/
addFilter: function(e) {
if (e) {
this.drawerOpen = true;
let t = e;
Array.isArray(e) ? t.forEach((n) => n.AND = true) : (e.AND = true, t = [e]), this.$nextTick(() => {
this.getTabRef(void 0, "datasetExplorer", true).addFilter(t);
});
}
},
openNeuronSearch: function(e) {
this.drawerOpen = true, this.$nextTick(() => {
this.getTabRef(void 0, "datasetExplorer", true).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 = true) {
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", true);
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) {
Fe.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() {
Fe.emit("close-connectivity");
},
updateState: function() {
const e = this.getTabRef(void 0, "datasetExplorer"), t = this.getTabRef(void 0, "connectivityExplorer");
this.state.activeTabId = this.activeTabId, this.state.dataset.search = e.getSearch(), this.state.dataset.filters = Yy(e.getFilters()), this.state.connectivity.search = t.getSearch(), this.state.connectivity.filters = t.getFilters(), this.state.connectivityEntries = this.connectivityEntry.map((n) => n.id), 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() {
Fe.on("PopoverActionClick", (e) => {
this.$emit("actionClick", e);
}), Fe.on("number-of-datasets-for-anatomies", (e) => {
this.$emit("number-of-datasets-for-anatomies", e);
}), Fe.on("anatomy-in-datasets", (e) => {
this.$emit("anatomy-in-datasets", e);
}), Fe.on("contextUpdate", (e) => {
this.$emit("contextUpdate", e);
}), Fe.on("datalink-clicked", (e) => {
this.$emit("datalink-clicked", e);
}), Fe.on("onConnectivityActionClick", (e) => {
this.tabClicked({ id: 1, type: "datasetExplorer" }), this.$emit("actionClick", e);
}), Fe.on("connectivity-source-change", (e) => {
this.$emit("connectivity-source-change", e);
}), Fe.on("available-facets", (e) => {
this.availableAnatomyFacets = e.find((t) => t.label === "Anatomical Structure").children, this.storeAvailableAnatomyFacets(this.availableAnatomyFacets);
}), Fe.on("trackEvent", (e) => {
this.trackEvent(e);
});
}
};
var oB = { ref: "container" };
var aB = { class: "box-card" };
var sB = { class: "sidebar-container" };
function iB(e, t, n, r, o, a) {
const s = arrow_left_default, i = ze, l = arrow_right_default, c = rb, u = nb, d = tb, g = Xy, v = wu;
return openBlock(), createElementBlock("div", oB, [
e.drawerOpen ? createCommentVNode("", true) : (openBlock(), createElementBlock("div", {
key: 0,
onClick: t[0] || (t[0] = (...f) => a.toggleDrawer && a.toggleDrawer(...f)),
class: "open-tab"
}, [
createVNode(i, null, {
default: withCtx(() => [
createVNode(s)
]),
_: 1
})
])),
createVNode(v, {
class: "side-bar my-drawer",
modelValue: e.drawerOpen,
"onUpdate:modelValue": t[7] || (t[7] = (f) => e.drawerOpen = f),
teleported: false,
"modal-append-to-body": false,
size: "584",
"with-header": false,
wrapperClosable: false,
modal: false,
"modal-class": "sidebar-body",
"z-index": 10,
"lock-scroll": false
}, {
default: withCtx(() => [
createBaseVNode("div", aB, [
e.drawerOpen ? (openBlock(), createElementBlock("div", {
key: 0,
onClick: t[1] || (t[1] = (...f) => a.close && a.close(...f)),
class: "close-tab"
}, [
createVNode(i, null, {
default: withCtx(() => [
createVNode(l)
]),
_: 1
})
])) : createCommentVNode("", true),
createBaseVNode("div", sB, [
a.tabEntries.length > 1 ? (openBlock(), createBlock(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"])) : createCommentVNode("", true),
(openBlock(true), createElementBlock(Fragment, null, renderList(n.tabs, (f) => (openBlock(), createElementBlock(Fragment, { key: "tab.id" }, [
f.type === "annotation" ? withDirectives((openBlock(), createBlock(u, {
key: 0,
ref_for: true,
ref: "annotationTab_" + f.id,
annotationEntry: n.annotationEntry,
createData: n.createData,
onAnnotation: t[2] || (t[2] = (h7) => e.$emit("annotation-submitted", h7)),
onConfirmCreate: t[3] || (t[3] = (h7) => e.$emit("confirm-create", h7)),
onCancelCreate: t[4] || (t[4] = (h7) => e.$emit("cancel-create")),
onConfirmDelete: t[5] || (t[5] = (h7) => e.$emit("confirm-delete", h7)),
onHoverChanged: (h7) => a.hoverChanged(f.id, h7),
onTrackEvent: a.trackEvent
}, null, 8, ["annotationEntry", "createData", "onHoverChanged", "onTrackEvent"])), [
[vShow, f.id === e.activeTabId]
]) : f.type === "connectivityExplorer" ? withDirectives((openBlock(), createBlock(d, {
key: 1,
ref_for: true,
ref: "connectivityExplorerTab_" + f.id,
connectivityKnowledge: n.connectivityKnowledge,
envVars: n.envVars,
connectivityEntry: n.connectivityEntry,
availableAnatomyFacets: e.availableAnatomyFacets,
onFilterVisibility: t[6] || (t[6] = (h7) => e.$emit("filter-visibility", h7)),
connectivityFilterOptions: n.filterOptions,
showVisibilityFilter: n.showVisibilityFilter,
onSearchChanged: (h7) => a.searchChanged(f.id, h7),
onHoverChanged: (h7) => a.hoverChanged(f.id, h7),
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"])), [
[vShow, f.id === e.activeTabId]
]) : withDirectives((openBlock(), createBlock(g, {
key: 2,
class: "sidebar-content-container",
contextCardEntry: f.contextCard,
envVars: n.envVars,
ref_for: true,
ref: "datasetExplorerTab_" + f.id,
onSearchChanged: (h7) => a.searchChanged(f.id, h7),
onHoverChanged: (h7) => a.hoverChanged(f.id, h7)
}, null, 8, ["contextCardEntry", "envVars", "onSearchChanged", "onHoverChanged"])), [
[vShow, f.id === e.activeTabId]
])
], 64))), 128))
])
])
]),
_: 1
}, 8, ["modelValue"])
], 512);
}
var dB = Nn(rB, [["render", iB], ["__scopeId", "data-v-bc4ad4fb"]]);
export {
dB as SideBar
};
/*! Bundled license information:
@abi-software/map-side-bar/dist/map-side-bar.js:
(**
* @vue/shared v3.5.13
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**)
(**
* @vue/shared v3.4.21
* (c) 2018-present Yuxi (Evan) You and Vue contributors
* @license MIT
**)
(*! Element Plus Icons Vue v2.3.1 *)
(*! algoliasearch.umd.js | 4.23.2 | © Algolia, inc. | https://github.com/algolia/algoliasearch-client-javascript *)
*/
//# sourceMappingURL=@abi-software_map-side-bar.js.map