{"version":3,"file":"flow.7a2e2b40.js","sources":["../../../../pages/flow.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" class=\"fluid-container-custom mx-auto relative\">\n    <filtersFilterPanel v-model:open=\"openFilters\"></filtersFilterPanel>\n    <div class=\"mt-8 grid grid-cols-5\">\n      <div class=\"col-span-4\">\n        <div class=\"flex justify-start\">\n          <h1 class=\"text-2xl\">Democracy Support Spending Flows {{baseYearRange[0]}} - {{baseYearRange[1]}}</h1>\n          <HelpTooltip>\n            Click on the drop-down arrows to arrange the data by name or donation value.<br/>\n            This overview <span class=\"font-bold\"> does not include </span> bilateral funding to unspecified recipients or multilateral organisations. For a more in-depth oveview, cliick on each donor. \n          </HelpTooltip>\n        </div>\n        <p class=\"font-sans mt-2\">\n          An overview revealing how donors spend on core democracy support. Hover the mouse over the donor, recipient, or category labels to learn more about where the funding is diverted to.\n        </p>\n      </div>\n      <div class=\"text-right\">\n        <button\n          class=\"px-4 py-1 rounded-md font-medium inline-flex gap-x-1.5\"\n          :class=\"[\n            ifStore.isAnyFilterActive === true\n              ? 'bg-Secondary-400 text-white'\n              : 'bg-white text-Primary-800 ring-1 ring-Primary-800',\n          ]\"\n          @click=\"openFilters = true\"\n        >\n          Filter\n          <AdjustmentsVerticalIcon\n            class=\"-mr-1 h-5 w-5 text-Primary-800\"\n            :class=\"[\n              ifStore.isAnyFilterActive === true\n                ? 'text-white'\n                : ' text-Primary-800 ',\n            ]\"\n            aria-hidden=\"true\"\n          />\n        </button>\n      </div>\n    </div>\n    <div class=\"mb-4\">\n      <FiltersInlineFilters> </FiltersInlineFilters>\n    </div>\n    <SankeyHeaders :headers=\"headers\" />\n    <div class=\"sankey-wrapper\" style=\"height:900px\">\n    <SankeyChart\n      v-if=\"allLinks.length > 1 && allNodes.length > 1\"\n      :chart-data=\"sankeyData\"\n      :height=\"900\"\n      :total-width=\"availableWidth\"\n      :auto-sorting=\"\n        headers[0].sortBy === sortByTypes.Auto &&\n        headers[1].sortBy === sortByTypes.Auto &&\n        headers[2].sortBy === sortByTypes.Auto\n      \"\n      @nodeSelected=\"onNodeSelected\"\n      :extraBilateralInfo=\"false\"\n    />\n    </div>\n    <interfaceEntitySneakPeakModal\n      v-model:showModal=\"showSneakPeakModal\"\n      :entityName=\"selectedEntity.name\"\n      :entityId=\"selectedEntity.id\"\n      :categories=\"selectedEntity.categories\"\n      :recipients=\"selectedEntity.topCountries\"\n      :contentType=\"selectedEntity.contentType\"\n      :nodeType=\"selectedEntity.nodeType\"\n      :token=\"token\"\n    >\n    </interfaceEntitySneakPeakModal>\n    <InterfaceSourcesText class=\"mt-24\"></InterfaceSourcesText>\n  </div>\n</template>\n<script setup>\nimport { queries } from \"@/assets/queries.js\";\nimport { AdjustmentsVerticalIcon } from \"@heroicons/vue/20/solid\";\nimport * as d3 from \"d3\";\nimport { httpConfig, baseYearRange } from \"@/assets/baseTypes.js\";\nimport { sortByTypes, nodeTypes } from \"@/assets/configStrings.js\";\nimport recipients from \"@/assets/recipients.json\";\nimport HelpTooltip from \"~/components/HelpTooltip.vue\";\ndetectScreenSize();\nconst config = useRuntimeConfig();\n\nconst containerRef = ref(null);\nconst openFilters = ref(false);\n\nconst { width: availableWidth } = useElementSize(containerRef);\n\nconst store = useBaseDataStore();\nconst ifStore = useInterfaceStore();\nconst token = computed(() => {\n  return store.token;\n});\n\n\nawait useManageAuth()\n\nconst reloadOnError = useReloadTokenOnError();\n\n/*** sankey */\nconst { data: dataRecipients, refresh: refreshRecipients } = await useAsyncData(\n  'getAllRecipientsByRegion' + ifStore.sliderYears[0] + ifStore.sliderYears[1],\n  () => {\n    const configAllRecipients = httpConfig(\n      JSON.stringify(queries.getAllRecipientsByRegion(ifStore.sliderYears)),\n      token.value\n    );\n    return $fetch(config.public.apiURL, configAllRecipients).catch(error => reloadOnError.refreshReload())\n  }\n);\n\nconst resultsForSankey1 = computed(() => {\n  // this function will filter out the categories not selected in the filters\n  let documents = dataRecipients.value.documents;\n  if (ifStore.isFilterActive === true) {\n    const filteredCategories = dataRecipients.value.documents.filter((item) => {\n      return ifStore.activeFilterKeys.includes(item._id[1]);\n    });\n    documents = filteredCategories;\n  }\n\n  // get Total using d3.rollup\n  const total = d3.sum(documents, (d) => d.TOTAL);\n  // add percentage to the array\n  documents.forEach((item) => {\n    item.percentage = (item.TOTAL / total) * 100;\n  });\n  // END: low-contributions\n  return documents;\n});\n\nconst { data: dataCategoriesDonor, refresh: refreshDonors } =\n  await useAsyncData(\n    'getAllDonorsByCategory' + ifStore.sliderYears[0] + ifStore.sliderYears[1],\n    () => {\n    const configDonors = httpConfig(\n      JSON.stringify(queries.getAllDonorsByCategory(ifStore.sliderYears)),\n      token.value\n    );\n    return $fetch(config.public.apiURL, configDonors).catch(error => reloadOnError.refreshReload())\n  });\n\nconst resultsForSankey2 = computed(() => {\n  // this function will filter out the categories not selected in the filters\n  if (ifStore.isFilterActive === false)\n    return dataCategoriesDonor.value.documents;\n  else {\n    const filteredCategories = dataCategoriesDonor.value.documents.filter(\n      (item) => {\n        return ifStore.activeFilterKeys.includes(item._id[1]);\n      }\n    );\n    return filteredCategories;\n  }\n});\n\n// min height should be the number of recipients * 20\n\n// list of nodes\n\n// this function get all The donors with the aggregated sum using d3.rollup\nconst allDonors = computed(() => {\n  const allDonorsMap = d3.rollup(\n    resultsForSankey2.value,\n    (v) => d3.sum(v, (d) => d.TOTAL),\n    (d) => d._id[0]\n  );\n  // iterate over the map and return an array of objects\n  let don = Array.from(allDonorsMap, ([name, value]) => ({\n    _id: name,\n    name: name,\n    TOTAL: value,\n    type: nodeTypes.donor,\n  }));\n  don = don.sort(sortFunctions[headers.value[0].sortBy]);\n  return don;\n});\n\nconst allCategories = computed(() => {\n  const allCategoriesMap = d3.rollup(\n    resultsForSankey2.value,\n    (v) => d3.sum(v, (d) => d.TOTAL),\n    (d) => d._id[1]\n  );\n  // iterate over the map and return an array of objects\n  return Array.from(allCategoriesMap, ([name, value]) => ({\n    _id: name,\n    name: name,\n    TOTAL: value,\n    type: nodeTypes.category,\n  })).sort(sortFunctions[headers.value[1].sortBy]);\n});\n\nconst allRecipients = computed(() => {\n  const allRecipientsMap = d3.rollup(\n    resultsForSankey1.value,\n    (v) => d3.sum(v, (d) => d.TOTAL),\n    (d) => d._id[0]\n  );\n  return Array.from(allRecipientsMap, ([name, value]) => ({\n    _id: name,\n    name: name,\n    TOTAL: value,\n    type: nodeTypes.recipient,\n  })).sort(sortFunctions[headers.value[2].sortBy]);\n});\n\nconst sortFunctions = {\n  [sortByTypes.Auto]: (a, b) => true,\n  [sortByTypes.Name]: (a, b) => d3.ascending(a._id, b._id),\n  [sortByTypes.Value]: (a, b) => d3.ascending(a.TOTAL, b.TOTAL),\n};\n\nconst allNodes = computed(() => {\n  let nodes = [];\n  nodes = nodes.concat(allDonors.value);\n  nodes = nodes.concat(allRecipients.value);\n  nodes = nodes.concat(allCategories.value);\n  return nodes.map((node) => {\n    return {\n      id: node._id,\n      name: node._id,\n      value: node.TOTAL,\n      type: node.type,\n    };\n  });\n});\n\nconst allLinks = computed(() => {\n  let links = [];\n  resultsForSankey2.value.forEach((item) => {\n    links.push({\n      source: item._id[0],\n      target: item._id[1],\n      value: item.TOTAL,\n      id: item._id[0] + \"-\" + item._id[1],\n    });\n  });\n  resultsForSankey1.value.forEach((item) => {\n    links.push({\n      source: item._id[1],\n      target: item._id[0],\n      value: item.TOTAL,\n      id: item._id[1] + \"-\" + item._id[0],\n    });\n  });\n  return links;\n});\n\nconst sankeyData = computed(() => {\n  return {\n    nodes: allNodes.value,\n    links: allLinks.value,\n  };\n});\n\nwatch(\n  () => ifStore.sliderYears,\n  (newValue, oldValue) => {\n    refreshRecipients();\n    refreshDonors();\n  }\n);\n\nconst headers = ref([\n  {\n    text: \"Donors\",\n    sortBy: sortByTypes.Auto,\n  },\n\n  {\n    text: \"Categories\",\n    sortBy: sortByTypes.Auto,\n  },\n  {\n    text: \"Recipients\",\n    sortBy: sortByTypes.Auto,\n  },\n]);\n\n// part in control of the sneakPeak Modal\nconst showSneakPeakModal = ref(false);\nconst selectedEntity = ref({\n  name: \"\",\n  id: \"\",\n  type: nodeTypes.Donor,\n  topCountries: [],\n  topCategories: [],\n});\n\nconst recipientsByRegion = d3.group(recipients, (d) => d.region);\nconst onNodeSelected = (node) => {\n  if (node.type === nodeTypes.donor) {\n    showSneakPeakModal.value = true;\n    selectedEntity.value.name = node.name;\n    selectedEntity.value.id = store.allDonorNames.find(\n      (item) => item._id === node.name\n    ).iso;\n    selectedEntity.value.contentType = \"single\";\n    selectedEntity.value.nodeType = node.type;\n    selectedEntity.value.categories = node.sourceLinks.map((link) => {\n      return {\n        id: link.target.name,\n        value: link.value,\n      };\n    });\n  }\n  if (node.type === nodeTypes.recipient) {\n    showSneakPeakModal.value = true;\n    selectedEntity.value.contentType = \"multiple\";\n    selectedEntity.value.nodeType = node.type;\n    selectedEntity.value.name = node.name;\n    selectedEntity.value.topCountries = recipientsByRegion.get(node.name);\n\n    //selectedEntity.value.topCountries =\n  }\n};\n</script>\n"],"names":["detectScreenSize","config","useRuntimeConfig","containerRef","ref","openFilters","availableWidth","useElementSize","store","useBaseDataStore","ifStore","useInterfaceStore","token","computed","__temp","__restore","_withAsyncContext","useManageAuth","reloadOnError","useReloadTokenOnError","dataRecipients","refreshRecipients","useAsyncData","configAllRecipients","httpConfig","queries","error","resultsForSankey1","documents","item","total","d3.sum","d","dataCategoriesDonor","refreshDonors","configDonors","resultsForSankey2","allDonors","allDonorsMap","d3.rollup","v","don","name","value","nodeTypes","sortFunctions","headers","allCategories","allCategoriesMap","allRecipients","allRecipientsMap","sortByTypes","a","b","d3.ascending","allNodes","nodes","node","allLinks","links","sankeyData","watch","newValue","oldValue","showSneakPeakModal","selectedEntity","recipientsByRegion","d3.group","recipients","onNodeSelected","link"],"mappings":"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"}