(function(){ var freeGlobal = typeof global == "object" && global && global.Object === Object && global; var freeSelf = typeof self == "object" && self && self.Object === Object && self; var root = freeGlobal || freeSelf || Function("return this")(); var Symbol$1 = root.Symbol; var objectProto$4 = Object.prototype; var hasOwnProperty$3 = objectProto$4.hasOwnProperty; var nativeObjectToString$1 = objectProto$4.toString; var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : void 0; function getRawTag(value) { var isOwn = hasOwnProperty$3.call(value, symToStringTag$1), tag = value[symToStringTag$1]; try { value[symToStringTag$1] = void 0; var unmasked = true; } catch (e) { } var result = nativeObjectToString$1.call(value); if (unmasked) { if (isOwn) { value[symToStringTag$1] = tag; } else { delete value[symToStringTag$1]; } } return result; } var objectProto$3 = Object.prototype; var nativeObjectToString = objectProto$3.toString; function objectToString(value) { return nativeObjectToString.call(value); } var nullTag = "[object Null]", undefinedTag = "[object Undefined]"; var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0; function baseGetTag(value) { if (value == null) { return value === void 0 ? undefinedTag : nullTag; } return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value); } function isObjectLike(value) { return value != null && typeof value == "object"; } var symbolTag = "[object Symbol]"; function isSymbol(value) { return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag; } function arrayMap(array, iteratee) { var index = -1, length = array == null ? 0 : array.length, result = Array(length); while (++index < length) { result[index] = iteratee(array[index], index, array); } return result; } var isArray = Array.isArray; var symbolProto = Symbol$1 ? Symbol$1.prototype : void 0, symbolToString = symbolProto ? symbolProto.toString : void 0; function baseToString(value) { if (typeof value == "string") { return value; } if (isArray(value)) { return arrayMap(value, baseToString) + ""; } if (isSymbol(value)) { return symbolToString ? symbolToString.call(value) : ""; } var result = value + ""; return result == "0" && 1 / value == -Infinity ? "-0" : result; } function isObject(value) { var type = typeof value; return value != null && (type == "object" || type == "function"); } var asyncTag = "[object AsyncFunction]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", proxyTag = "[object Proxy]"; function isFunction(value) { if (!isObject(value)) { return false; } var tag = baseGetTag(value); return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag; } var coreJsData = root["__core-js_shared__"]; var maskSrcKey = function() { var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || ""); return uid ? "Symbol(src)_1." + uid : ""; }(); function isMasked(func) { return !!maskSrcKey && maskSrcKey in func; } var funcProto$1 = Function.prototype; var funcToString$1 = funcProto$1.toString; function toSource(func) { if (func != null) { try { return funcToString$1.call(func); } catch (e) { } try { return func + ""; } catch (e) { } } return ""; } var reRegExpChar = /[\\^$.*+?()[\]{}|]/g; var reIsHostCtor = /^\[object .+?Constructor\]$/; var funcProto = Function.prototype, objectProto$2 = Object.prototype; var funcToString = funcProto.toString; var hasOwnProperty$2 = objectProto$2.hasOwnProperty; var reIsNative = RegExp( "^" + funcToString.call(hasOwnProperty$2).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$" ); function baseIsNative(value) { if (!isObject(value) || isMasked(value)) { return false; } var pattern = isFunction(value) ? reIsNative : reIsHostCtor; return pattern.test(toSource(value)); } function getValue(object, key) { return object == null ? void 0 : object[key]; } function getNative(object, key) { var value = getValue(object, key); return baseIsNative(value) ? value : void 0; } function eq(value, other) { return value === other || value !== value && other !== other; } var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/; function isKey(value, object) { if (isArray(value)) { return false; } var type = typeof value; if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) { return true; } return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object); } var nativeCreate = getNative(Object, "create"); function hashClear() { this.__data__ = nativeCreate ? nativeCreate(null) : {}; this.size = 0; } function hashDelete(key) { var result = this.has(key) && delete this.__data__[key]; this.size -= result ? 1 : 0; return result; } var HASH_UNDEFINED$1 = "__lodash_hash_undefined__"; var objectProto$1 = Object.prototype; var hasOwnProperty$1 = objectProto$1.hasOwnProperty; function hashGet(key) { var data = this.__data__; if (nativeCreate) { var result = data[key]; return result === HASH_UNDEFINED$1 ? void 0 : result; } return hasOwnProperty$1.call(data, key) ? data[key] : void 0; } var objectProto = Object.prototype; var hasOwnProperty = objectProto.hasOwnProperty; function hashHas(key) { var data = this.__data__; return nativeCreate ? data[key] !== void 0 : hasOwnProperty.call(data, key); } var HASH_UNDEFINED = "__lodash_hash_undefined__"; function hashSet(key, value) { var data = this.__data__; this.size += this.has(key) ? 0 : 1; data[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value; return this; } function Hash(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } Hash.prototype.clear = hashClear; Hash.prototype["delete"] = hashDelete; Hash.prototype.get = hashGet; Hash.prototype.has = hashHas; Hash.prototype.set = hashSet; function listCacheClear() { this.__data__ = []; this.size = 0; } function assocIndexOf(array, key) { var length = array.length; while (length--) { if (eq(array[length][0], key)) { return length; } } return -1; } var arrayProto = Array.prototype; var splice = arrayProto.splice; function listCacheDelete(key) { var data = this.__data__, index = assocIndexOf(data, key); if (index < 0) { return false; } var lastIndex = data.length - 1; if (index == lastIndex) { data.pop(); } else { splice.call(data, index, 1); } --this.size; return true; } function listCacheGet(key) { var data = this.__data__, index = assocIndexOf(data, key); return index < 0 ? void 0 : data[index][1]; } function listCacheHas(key) { return assocIndexOf(this.__data__, key) > -1; } function listCacheSet(key, value) { var data = this.__data__, index = assocIndexOf(data, key); if (index < 0) { ++this.size; data.push([key, value]); } else { data[index][1] = value; } return this; } function ListCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } ListCache.prototype.clear = listCacheClear; ListCache.prototype["delete"] = listCacheDelete; ListCache.prototype.get = listCacheGet; ListCache.prototype.has = listCacheHas; ListCache.prototype.set = listCacheSet; var Map = getNative(root, "Map"); function mapCacheClear() { this.size = 0; this.__data__ = { "hash": new Hash(), "map": new (Map || ListCache)(), "string": new Hash() }; } function isKeyable(value) { var type = typeof value; return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null; } function getMapData(map, key) { var data = map.__data__; return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map; } function mapCacheDelete(key) { var result = getMapData(this, key)["delete"](key); this.size -= result ? 1 : 0; return result; } function mapCacheGet(key) { return getMapData(this, key).get(key); } function mapCacheHas(key) { return getMapData(this, key).has(key); } function mapCacheSet(key, value) { var data = getMapData(this, key), size = data.size; data.set(key, value); this.size += data.size == size ? 0 : 1; return this; } function MapCache(entries) { var index = -1, length = entries == null ? 0 : entries.length; this.clear(); while (++index < length) { var entry = entries[index]; this.set(entry[0], entry[1]); } } MapCache.prototype.clear = mapCacheClear; MapCache.prototype["delete"] = mapCacheDelete; MapCache.prototype.get = mapCacheGet; MapCache.prototype.has = mapCacheHas; MapCache.prototype.set = mapCacheSet; var FUNC_ERROR_TEXT = "Expected a function"; function memoize(func, resolver) { if (typeof func != "function" || resolver != null && typeof resolver != "function") { throw new TypeError(FUNC_ERROR_TEXT); } var memoized = function() { var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache; if (cache.has(key)) { return cache.get(key); } var result = func.apply(this, args); memoized.cache = cache.set(key, result) || cache; return result; }; memoized.cache = new (memoize.Cache || MapCache)(); return memoized; } memoize.Cache = MapCache; var MAX_MEMOIZE_SIZE = 500; function memoizeCapped(func) { var result = memoize(func, function(key) { if (cache.size === MAX_MEMOIZE_SIZE) { cache.clear(); } return key; }); var cache = result.cache; return result; } var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g; var reEscapeChar = /\$\$?/g; var stringToPath = memoizeCapped(function(string) { var result = []; if (string.charCodeAt(0) === 46) { result.push(""); } string.replace(rePropName, function(match, number, quote, subString) { result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match); }); return result; }); function toString(value) { return value == null ? "" : baseToString(value); } function castPath(value, object) { if (isArray(value)) { return value; } return isKey(value, object) ? [value] : stringToPath(toString(value)); } function toKey(value) { if (typeof value == "string" || isSymbol(value)) { return value; } var result = value + ""; return result == "0" && 1 / value == -Infinity ? "-0" : result; } function baseGet(object, path) { path = castPath(path, object); var index = 0, length = path.length; while (object != null && index < length) { object = object[toKey(path[index++])]; } return index && index == length ? object : void 0; } function get(object, path, defaultValue) { var result = object == null ? void 0 : baseGet(object, path); return result === void 0 ? defaultValue : result; } const convertToObjectArray = (data, keyMap = {}) => { if (!data || !keyMap || !Object.keys(keyMap).length) return []; return data.map((item) => { const obj = {}; Object.keys(keyMap).forEach((key) => { obj[keyMap[key]] = item[key]; }); return obj; }); }; const drawBarchart = (containerId, data, { barHeight = 60, barColor = "#e5e7eb", labelColor = "#000", valueColor = "#fff", labelFontSize = "12px", valueFontSize = "12px", spacingPerData = 0.5 } = {}) => { const container = document.getElementById(containerId); if (!container) return; container.innerHTML = ""; const margin = { top: 0, right: 0, bottom: 0, left: 0 }; const width = container.clientWidth; const height = Math.max(data.length * barHeight, 100) - margin.top - margin.bottom; const svg = d3.select(`#${containerId}`).append("svg").attr("width", width).attr("height", height + margin.top + margin.bottom).append("g").attr("transform", `translate(${margin.left},${margin.top})`); const x = d3.scaleLinear().domain([0, d3.max(data, (d) => d.count)]).range([0, width]); const y = d3.scaleBand().domain(data.map((d) => d.label)).range([0, height]).padding(spacingPerData); svg.selectAll("rect").data(data).enter().append("rect").attr("y", (d) => y(d.label)).attr("height", y.bandwidth()).attr("x", 0).attr("width", (d) => x(d.count)).attr("fill", barColor); svg.selectAll(".label").data(data).enter().append("text").attr("class", "label").attr("x", margin.right).attr("y", (d) => y(d.label) - 5).text((d) => d.label).style("font-weight", "400").style("font-size", labelFontSize).style("fill", labelColor); svg.selectAll(".count-container").data(data).enter().append("text").attr("class", "count-container").attr("x", (d) => 20).attr("y", (d) => y(d.label) + y.bandwidth() / 2).attr("text-anchor", "middle").attr("dominant-baseline", "middle").text((d) => d.count).style("opacity", "0.8").style("fill", valueColor).style("font-size", valueFontSize); }; const drawBarStackedChart = (containerId, data, { barHeight = 60, colors = ["#6b7280", "#9ca3af", "#d1d5db", "#e5e7eb", "#f9fafb", "#f3f4f6"], // Default gray scale labelColor = "#000", valueColor = "#fff", labelFontSize = "12px", valueFontSize = "12px", showLegend = false } = {}) => { const container = document.getElementById(containerId); if (!container) return; container.innerHTML = ""; const margin = { top: 0, right: 0, bottom: 0, left: 0 }; const width = container.clientWidth; const height = Math.max(data.length * barHeight, 100) - margin.top - margin.bottom; const svg = d3.select(`#${containerId}`).append("svg").attr("width", width).attr("height", height + margin.top + margin.bottom).append("g").attr("transform", `translate(${margin.left},${margin.top})`); const keys = Object.keys(data[0]).filter((key) => key !== "label"); const stack = d3.stack().keys(keys); const stackedData = stack(data); const x = d3.scaleLinear().domain([0, d3.max(stackedData[stackedData.length - 1], (d) => d[1])]).range([0, width]); const y = d3.scaleBand().domain(data.map((d) => d.label)).range([0, height]).padding(0.5); d3.scaleOrdinal().domain(keys).range(colors); const tooltip = d3.select("body").append("div").attr("class", "d3-tooltip").style("position", "absolute").style("visibility", "hidden").style("background-color", "white").style("border", "solid 1px #ccc").style("border-radius", "3px").style("padding", "5px").style("font-size", "12px"); const bars = svg.selectAll("g.stack").data(stackedData).enter().append("g").attr("class", "stack").attr("fill", (d, i) => colors[i]); bars.selectAll("rect").data((d) => d).enter().append("rect").attr("y", (d) => y(d.data.label)).attr("height", y.bandwidth()).attr("x", (d) => x(d[0])).attr("width", (d) => x(d[1]) ? x(d[1]) - x(d[0]) : 0).on("mouseover", function(event, d) { const key = d3.select(this.parentNode).datum().key; tooltip.style("visibility", "visible").html(`${key}: ${d[1] - d[0]}`); }).on("mousemove", function(event) { tooltip.style("top", event.pageY - 10 + "px").style("left", event.pageX + 10 + "px"); }).on("mouseout", function() { tooltip.style("visibility", "hidden"); }); svg.selectAll(".label").data(data).enter().append("text").attr("class", "label").attr("x", margin.right).attr("y", (d) => y(d.label) - 5).text((d) => d.label).style("font-weight", "400").style("font-size", labelFontSize).style("fill", labelColor); if (showLegend) { const legendSpacing = 20; const legendRectSize = 15; const legend = svg.append("g").attr("class", "legend").attr("transform", `translate(${width / 2 - 50}, ${height + 20})`); const legendItems = legend.selectAll(".legend-item").data(keys).enter().append("g").attr("class", "legend-item").attr("transform", (d, i) => `translate(0, ${i * legendSpacing})`); legendItems.append("rect").attr("width", legendRectSize).attr("height", legendRectSize).style("fill", (d, i) => colors[i]); legendItems.append("text").attr("x", legendRectSize + 5).attr("y", legendRectSize - 3).text((d) => d).style("font-size", "12px").style("fill", labelColor); const legendHeight = 100; svg.attr("height", height + legendHeight); d3.select(`#${containerId} svg`).attr("height", height + legendHeight); } }; const loadScript = (url) => { if (document.querySelector(`[src="${url}"]`)) return Promise.resolve(); return new Promise((resolve, reject) => { const script = document.createElement("script"); script.src = url; script.onload = () => resolve(script); script.onerror = () => reject(new Error(`Script load error for ${url}`)); document.head.appendChild(script); }); }; const d3Url = "https://cdn.jsdelivr.net/npm/d3@7.9.0/dist/d3.min.js"; const getFetchParams = ({ templateId, filters, searchTerm, sort, order, limit = 0, geolocalized = false }) => ({ allAggregations: false, ...filters ? { filters: JSON.stringify(filters) } : {}, from: 0, limit, sort, order, includeUnpublished: true, // change this to false when going live. unpublished: false, treatAs: "number", types: JSON.stringify([templateId]), ...geolocalized && { geolocation: true }, ...searchTerm ? { searchTerm } : {} }); const createStorage = () => { const store = /* @__PURE__ */ new Map(); return { // Store data with a given key set: (key, data) => store.set(key, data), // Retrieve data by key get: (key) => store.get(key), // Check if key exists has: (key) => store.has(key), // Remove data by key delete: (key) => store.delete(key), // Clear all stored data clear: () => store.clear(), // Get all stored keys keys: () => Array.from(store.keys()) }; }; const storage = createStorage(); const getPath = (path) => { return path; }; const getData = async ({ templateId, filters, searchTerm, sort, shouldCache = true, geolocalized = false, log = false }) => { const params = getFetchParams({ templateId, filters, searchTerm, sort, order: "desc", geolocalized }); const path = getPath(`/api/search?${new URLSearchParams(params)}`); if (log) { console.log(path); } if (shouldCache && storage.has(path)) { return storage.get(path); } const request = await fetch(path); const response = await request.json(); if (shouldCache) { storage.set(path, response); } return response; }; const getDataByType = async ({ type, params, shouldCache = true }) => { const path = `/api/${type}?${new URLSearchParams(params)}`; if (shouldCache && storage.has(path)) { return storage.get(path); } const request = await fetch(path); const response = await request.json(); if (shouldCache) { storage.set(path, response); } return response; }; var reWhitespace = /\s/; function trimmedEndIndex(string) { var index = string.length; while (index-- && reWhitespace.test(string.charAt(index))) { } return index; } var reTrimStart = /^\s+/; function baseTrim(string) { return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string; } var NAN = 0 / 0; var reIsBadHex = /^[-+]0x[0-9a-f]+$/i; var reIsBinary = /^0b[01]+$/i; var reIsOctal = /^0o[0-7]+$/i; var freeParseInt = parseInt; function toNumber(value) { if (typeof value == "number") { return value; } if (isSymbol(value)) { return NAN; } if (isObject(value)) { var other = typeof value.valueOf == "function" ? value.valueOf() : value; value = isObject(other) ? other + "" : other; } if (typeof value != "string") { return value === 0 ? value : +value; } value = baseTrim(value); var isBinary = reIsBinary.test(value); return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value; } var now = function() { return root.Date.now(); }; var FUNC_ERROR_TEXT = "Expected a function"; var nativeMax = Math.max, nativeMin = Math.min; function debounce(func, wait, options) { var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true; if (typeof func != "function") { throw new TypeError(FUNC_ERROR_TEXT); } wait = toNumber(wait) || 0; if (isObject(options)) { leading = !!options.leading; maxing = "maxWait" in options; maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait; trailing = "trailing" in options ? !!options.trailing : trailing; } function invokeFunc(time) { var args = lastArgs, thisArg = lastThis; lastArgs = lastThis = void 0; lastInvokeTime = time; result = func.apply(thisArg, args); return result; } function leadingEdge(time) { lastInvokeTime = time; timerId = setTimeout(timerExpired, wait); return leading ? invokeFunc(time) : result; } function remainingWait(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall; return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting; } function shouldInvoke(time) { var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime; return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait; } function timerExpired() { var time = now(); if (shouldInvoke(time)) { return trailingEdge(time); } timerId = setTimeout(timerExpired, remainingWait(time)); } function trailingEdge(time) { timerId = void 0; if (trailing && lastArgs) { return invokeFunc(time); } lastArgs = lastThis = void 0; return result; } function cancel() { if (timerId !== void 0) { clearTimeout(timerId); } lastInvokeTime = 0; lastArgs = lastCallTime = lastThis = timerId = void 0; } function flush() { return timerId === void 0 ? result : trailingEdge(now()); } function debounced() { var time = now(), isInvoking = shouldInvoke(time); lastArgs = arguments; lastThis = this; lastCallTime = time; if (isInvoking) { if (timerId === void 0) { return leadingEdge(lastCallTime); } if (maxing) { clearTimeout(timerId); timerId = setTimeout(timerExpired, wait); return invokeFunc(lastCallTime); } } if (timerId === void 0) { timerId = setTimeout(timerExpired, wait); } return result; } debounced.cancel = cancel; debounced.flush = flush; return debounced; } const getFilteredData = (arr) => { return arr.filter((item) => item.label !== "No label" && item.label !== "Any").map((item) => { const doc_count = get(item, "filtered.doc_count", 0); const label = get(item, "label", ""); return { label, doc_count, key: item.key }; }); }; const removeAnyValue = (bucket) => { return bucket.key !== "any"; }; const populateBarCharts = ({ incidents, testimonies }) => { const incidentsData = convertToObjectArray( getFilteredData( get(incidents, "aggregations.all.detention_centre(s)_related.buckets", []) ), { label: "label", doc_count: "count" } ).sort((a, b) => b.count - a.count).slice(0, 6); const testimoniesData = convertToObjectArray( getFilteredData( get(testimonies, "aggregations.all.detention_centre_related.buckets", []) ), { label: "label", doc_count: "count" } ).sort((a, b) => b.count - a.count).slice(0, 6); const barCharts = [ { id: "bar_documented_incidents", data: incidentsData }, { id: "bar_documented_testimonies", data: testimoniesData } ]; barCharts.forEach(({ id, data }) => { const container = document.getElementById(id).parentElement; if (data.length === 0) { container.classList.add("hidden"); } else { container.classList.remove("hidden"); setTimeout(() => { drawBarchart(id, data, { barHeight: 50, barColor: "rgba(0, 0, 0, 0.2)" }); }, 0); } }); }; const populateTextSections = (metadata) => { const introductionText = get( metadata, "rows.0.metadata.introduction.0.value", "" ); const teamText = get(metadata, "rows.0.metadata.team.0.value", ""); const methodologyText = get( metadata, "rows.0.metadata.methodology.0.value", "" ); const fundingStreamsText = get( metadata, "rows.0.metadata.funding_streams_&_related_projects.0.value", "" ); const introductionTextElement = document.querySelector( "#introduction-text .text-content" ); const teamTextElement = document.querySelector("#team-text .text-content"); const methodologyTextElement = document.querySelector( "#methodology-text .text-content" ); const fundingStreamsTextElement = document.querySelector( "#funding-streams-text .text-content" ); const contentContainerMap = [ { text: introductionText, container: introductionTextElement }, { text: teamText, container: teamTextElement }, { text: methodologyText, container: methodologyTextElement }, { text: fundingStreamsText, container: fundingStreamsTextElement } ]; function convertMarkdownToHtml(text) { return text.replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*([^\*]+)\*/g, "$1").replace(/\n/g, "
").replace(/\[([^\]]+)\]$([^$]+)\)/g, '$1').replace(/^- (.+)$/gm, "

").replace(/(

.*<\/li>)/s, "

$1"); } contentContainerMap.forEach(({ text, container }) => { if (!text) { container.style.display = "none"; } else { container.style.display = "block"; container.innerHTML = convertMarkdownToHtml(text); } }); }; const populateCounters = (counters) => { const countersArr = [ { element: document.getElementById("count_documented_detention_centres"), count: get(counters, "detentionCentres.totalRows", 0) }, { element: document.getElementById("count_documented_online_sources"), count: get(counters, "onlineSources.totalRows", 0) }, { element: document.getElementById("count_documented_incidents"), count: get(counters, "incidents.totalRows", 0) }, { element: document.getElementById("count_documented_testimonies"), count: get(counters, "testimonies.totalRows", 0) } ]; countersArr.forEach(({ element, count }) => { element.textContent = count; }); }; const populateMap = (mapsData) => { window.updatePageDatasets && window.updatePageDatasets("locations", mapsData); }; const filterByCountry = async (country) => { const page = document.querySelector(".custom-page"); try { page == null ? void 0 : page.classList.add("page-data-fetching"); const [ metadata, detentionCentres, onlineSources, incidents, testimonies, mapsData ] = await Promise.all([ getDataByType({ type: "entities", params: { sharedId: country, omitRelationships: true } }), getData({ templateId: "612fd9a62d1b8c6d17bb12f3", filters: { country: { values: [country] } }, sort: "desc" }), getData({ templateId: "63002f6539588a5b2f7fe674", filters: { detention_centre_country: { values: [country] } }, sort: "desc" }), getData({ templateId: "6328701f4c6273545d55a6b4", filters: { detention_centre_country: { values: [country] } }, sort: "desc" }), getData({ templateId: "6144777f43834d239b3af94c", filters: { detention_centre_country: { values: [country] } }, sort: "desc" }), getData({ templateId: "612fd9a62d1b8c6d17bb12f3", filters: { country: { values: [country] } }, geolocalized: true }) ]); populateTextSections(metadata); populateCounters({ detentionCentres, onlineSources, incidents, testimonies }); populateBarCharts({ incidents, testimonies }); populateMap(mapsData); page == null ? void 0 : page.classList.remove("page-data-fetching"); } catch (e) { console.log(e); page == null ? void 0 : page.classList.remove("page-data-fetching"); } }; let selectedCountry = null; const initializeDropdown = async () => { const rawCountries = (datasets == null ? void 0 : datasets.locations) || {}; const countries = get(rawCountries, "aggregations.all.country.buckets", []).filter(removeAnyValue).map(({ label, key }) => { return { label, value: key }; }).sort((a, b) => a.label.localeCompare(b.label)); const dropdownCountries = document.querySelector("#countries"); dropdownCountries.innerHTML = countries.map(({ label, value: value2 }) => ``).join(""); dropdownCountries.addEventListener("change", (event) => { filterByCountry(event.target.value); selectedCountry = event.target.value; const countryName = document.getElementById("country-name"); countryName.textContent = dropdownCountries.options[event.target.selectedIndex].text; }); if (countries.length > 0) { dropdownCountries.disabled = false; } const value = dropdownCountries.value; if (value) { selectedCountry = value; const countryName = document.getElementById("country-name"); countryName.textContent = dropdownCountries.options[dropdownCountries.selectedIndex].text; filterByCountry(value); } }; const debouncedFilterByCountry = debounce(() => { if (!selectedCountry) return; filterByCountry(selectedCountry); }, 1e3); setTimeout(async () => { await loadScript(d3Url); await initializeDropdown(); if (!document.body.hasAttribute("countries-resize-event-added")) { document.body.setAttribute("countries-resize-event-added", true); window.addEventListener("resize", () => { debouncedFilterByCountry(); }); } }, 500); })();