{"version":3,"file":"js/app-2679825a.76606e24.js","mappings":"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","sources":["webpack://uhmi-web-maps/./src/App.vue","webpack://uhmi-web-maps/./src/App.vue?7ccd"],"sourcesContent":["<template>\n  <div id=\"map\"></div>\n\n  <Header\n    :regionTypes=\"regionTypes\"\n    @region-change=\"store.changeRegionType($event, changeRegionVisibility)\"\n    data-html2canvas-ignore\n  ></Header>\n\n  <div\n    class=\"menu\"\n    data-html2canvas-ignore\n  >\n    <Tab1\n      v-for=\"(tab, index) of tabs\"\n      :children=\"tab.children\"\n      :active=\"isActive(tab)\"\n      :index=\"index\"\n      @click=\"store.chooseMenuTabId(tab?.id, index)\"\n    >\n      <template v-if=\"tab.icon == 'crop-yield.svg'\">\n        <CropYieldSvg />\n      </template>\n      <template v-else-if=\"tab.icon == 'crop-area.svg'\">\n        <CropAreaSvg />\n      </template>\n      <template v-else-if=\"tab.icon == 'fertilizers.svg'\">\n        <FertilizersSvg />\n      </template>\n      <template v-else-if=\"tab.icon == 'irrigation.svg'\">\n        <IrrigationSvg />\n      </template>\n      {{ tab.name?.[chosenLang.id] || tab.name }}\n    </Tab1>\n\n    <RegionType\n      :regionTypes=\"regionTypes\"\n      @change=\"store.changeRegionType($event, changeRegionVisibility)\"\n    ></RegionType>\n  </div>\n\n  <Timeline\n    v-if=\"canInitOtherComponents\"\n    data-html2canvas-ignore\n  ></Timeline>\n\n  <Legend v-if=\"canInitOtherComponents\"></Legend>\n\n  <div\n    class=\"subpanel\"\n    data-html2canvas-ignore\n  >\n    <IconButton\n      :inverted=\"true\"\n      @click=\"zoom('+')\"\n    >+</IconButton>\n\n    <IconButton\n      :inverted=\"true\"\n      @click=\"zoom('-')\"\n    >-</IconButton>\n  </div>\n\n  <div\n    id=\"save\"\n    data-html2canvas-ignore\n  >\n    <IconButton\n      :inverted=\"false\"\n      @click=\"saveImg\"\n      id=\"saveImg\"\n    >\n      <img\n        src=\"@/assets/images/save-img.svg\"\n        alt=\"save-image-icon\"\n      />\n    </IconButton>\n    <IconButton\n      :inverted=\"false\"\n      @click=\"saveCSV\"\n    >\n      <img\n        src=\"@/assets/images/save-csv.svg\"\n        alt=\"save-csv-icon\"\n      />\n    </IconButton>\n  </div>\n\n  <Chart\n    v-if=\"canInitOtherComponents\"\n    ref=\"chartRef\"\n    :chosenRegion=\"chosenRegion\"\n    @close=\"onClose\"\n  ></Chart>\n\n  <PopupAbout />\n  <ParamsPopup />\n  <MeasurmentPopup />\n\n  <div id=\"cloudflareWidget\"></div>\n\n  <div id=\"logo-screenshot\">\n    <div class=\"name\">\n      <img\n        src=\"@/assets/images/logo1.png\"\n        class=\"name__logo\"\n      />\n      <div class=\"name__text\">\n        <h2 class=\"name__name\">\n          AgroStats\n        </h2>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { defineAsyncComponent } from \"vue\";\n// components\nimport Header from '@/components/Header.vue'\nimport Tab1 from '@/components/Tabs/tab-1.vue'\nimport IconButton from '@/components/Icon-button.vue'\nimport RegionType from '@/components/Region-type.vue'\nimport PopupAbout from \"@/components/About-popup.vue\";\n\n// local data\nimport tabs from \"@/assets/content/tabs.json\"\nimport regions from \"@/assets/content/regions.json\"\n\n// everything else\nimport { useMapStore } from '@/stores/useMapStore'\nimport { Map, Popup } from '@maptiler/sdk'\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { useLangStore } from './stores/useLangStore'\nimport { useWidget } from \"@/composables/cloudflareWidget\"\nimport ParamsPopup from \"@/components/Params-popup.vue\";\n\n// svg components\nimport CropAreaSvg from \"@/components/svg/crop-area.vue\"\nimport CropYieldSvg from \"@/components/svg/crop-yield.vue\"\nimport FertilizersSvg from \"@/components/svg/fertilizers.vue\"\nimport IrrigationSvg from \"@/components/svg/irrigation.vue\"\nimport MeasurmentPopup from \"./components/Measurment-popup.vue\";\n\n// async imports\nconst Timeline = defineAsyncComponent({\n  loader: () => import('./components/Timeline.vue'),\n  delay: 0\n})\nconst Legend = defineAsyncComponent({\n  loader: () => import('./components/Legend.vue'),\n  delay: 0\n})\nconst Chart = defineAsyncComponent({\n  loader: () => import('./components/Chart.vue'),\n  delay: 0\n})\n\nconst store = useMapStore(),\n  langStore = useLangStore()\n\nlet map, hoveredStateId = null,\n  clickedStateId = null,\n  chosenRegion = ref(),\n  chosenRegionType = computed(() => store.chosenRegionTypeGetter), // 'regions_layer' or 'Ukraine_layer'\n  regionTypes = [{\n    name: {\n      en: 'Admin. oblast\\'',\n      ua: 'Адмін. область'\n    },\n    value: 'regions_layer'\n  }, {\n    name: {\n      en: 'Ukraine',\n      ua: 'Україна'\n    },\n    value: 'Ukraine_layer'\n  }],\n  chartRef = ref(),\n  chosenLang = computed(() => langStore.chosenLangGetter),\n  canInitOtherComponents = ref(false)\n\nconst changeRegionVisibility = (region) => {\n  if (region == 'Ukraine_layer') {\n    map.setLayoutProperty('regions_layer', 'visibility', 'none')\n    map.setLayoutProperty('regions_outline', 'visibility', 'none')\n    map.setLayoutProperty('Ukraine_layer', 'visibility', 'visible')\n  }\n  else if (region == 'regions_layer') {\n    map.setLayoutProperty('regions_layer', 'visibility', 'visible')\n    map.setLayoutProperty('regions_outline', 'visibility', 'visible')\n    map.setLayoutProperty('Ukraine_layer', 'visibility', 'none')\n  }\n}\n\nconst saveImg = async () => {\n  const { domToPng } = await import('modern-screenshot');\n\n  let dataUrl = await domToPng(document.body, {\n    timeout: 1000,\n    backgroundColor: \"#000\",\n    filter: (el) => {\n      return !el?.hasAttribute?.('data-html2canvas-ignore')\n    },\n    onCloneNode: (node) => {\n      node.querySelector('noscript').style.display = 'none';\n      node.style.translate = '-8px -8px';\n      node.querySelector(\"#logo-screenshot\").style.display = 'block';\n    }\n  })\n  const link = document.createElement('a')\n  link.download = `AgroStats_map-${store.mainTabNameGetter?.[chosenLang.value.id]}-${store.measurmentsGetter?.name?.[chosenLang.value.id]}_${store.yearsGetter.join('-')}.png`;\n  link.href = dataUrl\n  link.click()\n}\n\nconst saveCSV = () => {\n  let data = store.mapGetter.features.map(el => {\n    let foundRegionInJson = regions.find(region => region.name.id == el.properties.NAME_UA)\n    return {\n      nameEng: foundRegionInJson?.name?.en,\n      nameUa: foundRegionInJson?.name?.ua,\n      value: el.properties.value_data\n    }\n  });\n  const titleKeys = Object.keys(data[0])\n\n  const refinedData = []\n  refinedData.push(titleKeys)\n\n  data.forEach(item => {\n    refinedData.push(Object.values(item))\n  })\n\n  let csvContent = ''\n\n  refinedData.forEach(row => {\n    csvContent += row.join(',') + '\\n'\n  })\n\n  var link = document.createElement('a');\n  if (store.mainTabNameGetter?.[chosenLang.value.id] == store.measurmentsGetter?.name?.[chosenLang.value.id]) link.download = `AgroStats_map-${store.mainTabNameGetter?.[chosenLang.value.id]}_${store.yearsGetter.join('-')}.csv`;\n  else link.download = `AgroStats_map-${store.mainTabNameGetter?.[chosenLang.value.id]}-${store.measurmentsGetter?.name?.[chosenLang.value.id]}_${store.yearsGetter.join('-')}.csv`;\n  const blob = new Blob([csvContent], { type: 'text/csv' })\n  link.href = window.URL.createObjectURL(blob);\n  link.click();\n}\n\nconst zoom = (sign) => {\n  if (sign == '+') map.zoomIn()\n  else if (sign == '-') map.zoomOut()\n}\n\nconst isActive = (tab) => {\n  if (!tab.children) {\n    return !!tab.id.find(el => el.queue == store.chosenMenuTabIdGetter[0].queue)\n  }\n\n  let res = false;\n\n  tab.children.map(el => {\n    if (el.children) {\n      el.children.map(child1 => {\n        if (child1.children) {\n          child1.children.map(child2 => {\n            if (JSON.stringify(child2.id) == JSON.stringify(store.chosenMenuTabIdGetter)) res = true;\n          })\n        }\n        else {\n          if (JSON.stringify(child1.id) == JSON.stringify(store.chosenMenuTabIdGetter)) res = true;\n        }\n      })\n    }\n    else {\n      if (JSON.stringify(el.id) == JSON.stringify(store.chosenMenuTabIdGetter)) res = true;\n    }\n  })\n\n  return res;\n}\n\nwatch(() => store.updateMapTriggerGetter, () => {\n  let paintObject = ['#a0a0a0']\n  for (let i = +store.scaleGetter.length - 1; i >= 0; i--) {\n    let color;\n\n    let shift = chosenRegionType.value == 'Ukraine_layer' ? 1 : 0;\n    if (store.selectedTimeModeGetter == \"Compare\") shift = - (store.scaleGetter.length - 1) / 2 + (chosenRegionType.value == 'Ukraine_layer' ? 1 : 0) + 1;\n\n    if (i == 9 + shift) color = '#08519c'\n    else if (i == 8 + shift) color = '#3182bd'\n    else if (i == 7 + shift) color = '#6baed6'\n    else if (i == 6 + shift) color = '#bdd7e7'\n    else if (i == 5 + shift) color = '#FFFFE5'\n    else if (i == 4 + shift) color = '#FFF7BC'\n    else if (i == 3 + shift) color = '#FEC44F'\n    else if (i == 2 + shift) color = '#EC7014'\n    else if (i == 1 + shift) color = '#993404'\n    if (i == 1 && shift && store.selectedTimeModeGetter != \"Compare\") color = '#501c02';\n    if (store.selectedTimeModeGetter == \"Compare\" && i == 0) break;\n\n    if (!color) break;\n\n    let val = +store.scaleGetter[i]\n    // for '<'\n    if (Number.isNaN(+store.scaleGetter[i])) {\n      if (store.selectedTimeModeGetter == \"Compare\") val = -1e6 + 1\n      else val = -1e-4;\n    }\n\n    if (i == store.scaleGetter.length - 1) {\n      if (store.selectedTimeModeGetter == \"Compare\") paintObject.push(Math.max(Math.floor(val), -1e6 + 1), color)\n      else paintObject.push(Math.max(Math.floor(val), -1e-4), color)\n    }\n    else paintObject.push(val, color)\n  }\n\n  map.setPaintProperty(chosenRegionType.value, 'fill-color', [\n    'step',\n    ['get', 'value_data'],\n    ...paintObject\n  ])\n  map.setPaintProperty(chosenRegionType.value, 'fill-opacity', 1)\n  let source;\n  if (chosenRegionType.value == 'regions_layer') source = \"regions\";\n  else if (chosenRegionType.value == 'Ukraine_layer') source = \"Ukraine\"\n  map.getSource(source).setData(store.mapGetter);\n})\n\nconst mainFunc = async () => {\n  console.time();\n\n  console.log(\"Хай живе %cУкраїнська Агроімперія!\", 'color: blue; background-color: yellow; font-weight: bold; font-style: italic; font-size: 1.5em;');\n  console.log(\"Long live the %cUkrainian Agro-empire!\", 'color: blue; background-color: yellow; font-weight: bold; font-style: italic; font-size: 1.5em;');\n  console.log(\"v1.0.0\");\n\n  console.timeLog();\n\n  map = new Map({\n    container: 'map', // container's id or the HTML element in which SDK will render the map\n    style: `https://api.maptiler.com/maps/f8fe4743-7a03-4a80-abdb-2c24795465f7/style.json?key=Gxh7oMbyjL1mXV9L4ujE`,\n    center: [31, 48.5],\n    //maxBounds: [10, 35, 45, 60],\n    zoom: 4.75, // starting zoom\n    minZoom: 3.75,\n    maxZoom: 6,\n    compassControl: false,\n    attributionControl: false,\n    navigationControl: false,\n    geolocateControl: false,\n    language: 'latin',\n    preserveDrawingBuffer: true\n  })\n\n  const popup = new Popup({\n    closeButton: false,\n    closeOnClick: false\n  });\n\n  map.on('load', async () => {\n    console.timeLog();\n\n    const Regions_geojson = await import(\"@/assets/geojson/test_agriculture_admin_obl_simplfied_0_01.geojson\")\n\n    map.addSource('regions', {\n      type: 'geojson',\n      data: Regions_geojson\n    });\n\n    map.addLayer({\n      'id': 'regions_layer',\n      'type': 'fill',\n      'source': 'regions',\n      'layout': {\n        'visibility': 'visible'\n      },\n      'paint': {\n        // starting state\n        'fill-color': [\n          \"step\",\n          [\n            \"get\",\n            \"value_data\"\n          ],\n          \"#a0a0a0\",\n          -0.0001,\n          \"#FFF7BC\",\n          20,\n          \"#FEC44F\",\n          30,\n          \"#EC7014\",\n          40,\n          \"#993404\"\n        ],\n        'fill-opacity': 1\n      }\n    });\n\n    map.addLayer({\n      'id': 'regions_outline',\n      'type': 'line',\n      'source': 'regions',\n      'layout': {\n        'visibility': 'visible'\n      },\n      'paint': {\n        'line-color': '#000',\n        'line-width': [\n          'case',\n          ['boolean', ['feature-state', 'hover'], false],\n          2,\n          0.25\n        ]\n      }\n    });\n\n    map.on('mousemove', 'regions_layer', (e) => {\n      if (e.features.length > 0) {\n        if (hoveredStateId !== null && clickedStateId != hoveredStateId) {\n          map.setFeatureState(\n            { source: 'regions', id: hoveredStateId },\n            { hover: false }\n          );\n        }\n        hoveredStateId = +e.features[0].id;\n        map.setFeatureState(\n          { source: 'regions', id: hoveredStateId },\n          { hover: true }\n        );\n        let numberVal =\n          e.features[0].properties.value_data >\n            (store.selectedTimeModeGetter == \"Compare\" ? -1e6 : -1e-4) ?\n            `${store.selectedTimeModeGetter == \"Compare\" && e.features[0].properties.value_data > 0 ? '+' : ''}${Number(e.features[0].properties.value_data).toFixed(1)} ${store.measurmentsGetter?.id[store.chosenMeasurmentIndexGetter].name?.[chosenLang.value.id]}` :\n            chosenLang.value.id == 'en' ? 'no data' : 'дані відсутні';\n        let addText = {\n          en: \"\",\n          ua: \"\"\n        };\n        if (store.selectedTimeModeGetter == \"Compare\") {\n          let filteredData = store.allMapDataGetter?.[e.features[0]?.properties.NAME_UA]\n\n          if (!filteredData) return\n\n          if (filteredData[0][1] === null && filteredData.at(-1)[1] === null) addText = {\n            'en': ` for chosen years`,\n            'ua': ' для обраних років'\n          }\n          else if (filteredData[0][1] === null) addText = {\n            'en': ` for ${filteredData[0][0]}`,\n            'ua': ` для ${filteredData[0][0]}`\n          }\n          else if (filteredData.at(-1)[1] === null) addText = {\n            'en': ` for ${filteredData.at(-1)[0]}`,\n            'ua': ` для ${filteredData.at(-1)[0]}`\n          }\n          else {\n            if (filteredData?.length > 1) addText = {\n              'en': `<br/>${filteredData[0][0]} and ${filteredData.at(-1)[0]}`,\n              'ua': `<br/>${filteredData[0][0]} та ${filteredData.at(-1)[0]}`\n            }\n            else if (filteredData?.length == 1) addText = {\n              'en': `<br/>only in ${filteredData[0][0]}`,\n              'ua': `<br/>тільки за ${filteredData[0][0]}`\n            }\n          }\n        }\n        popup.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(`<div class='maplibregl-popup-content-heading'>${regions.find(el => el.name.id == e.features[0].properties.NAME_UA).name[chosenLang.value.id]}</div>${numberVal}${addText[chosenLang.value.id]}`).addTo(map);\n      }\n    });\n\n    map.on('mouseleave', 'regions_layer', () => {\n      if (hoveredStateId !== null && clickedStateId != hoveredStateId) {\n        map.setFeatureState(\n          { source: 'regions', id: hoveredStateId },\n          { hover: false }\n        );\n        hoveredStateId = null;\n      }\n      popup.remove();\n    });\n\n    map.on('click', 'regions_layer', (e) => {\n      if (chartRef.value.isClosed) {\n        map.setFeatureState(\n          { source: 'regions', id: hoveredStateId },\n          { hover: true }\n        );\n        chartRef.value.open()\n        clickedStateId = hoveredStateId;\n      }\n      else if (chosenRegion.value == e.features[0].properties.NAME_UA) {\n        map.setFeatureState(\n          { source: 'regions', id: hoveredStateId },\n          { hover: false }\n        );\n        chartRef.value.close()\n        clickedStateId = null;\n      }\n      else {\n        map.setFeatureState(\n          { source: 'regions', id: clickedStateId },\n          { hover: false }\n        );\n        clickedStateId = hoveredStateId;\n      }\n\n      chosenRegion.value = e.features[0].properties.NAME_UA;\n    });\n\n    const Ukraine_geojson = await import(\"@/assets/geojson/test_agriculture_all_ukraine_simplfied_0_01.geojson\")\n\n    map.addSource('Ukraine', {\n      type: 'geojson',\n      data: Ukraine_geojson\n    })\n\n    map.addLayer({\n      'id': 'Ukraine_layer',\n      'type': 'fill',\n      'source': 'Ukraine',\n      'layout': {\n        'visibility': 'none'\n      },\n      'paint': {\n        'fill-color': '#FFF7BC',\n        'fill-opacity': 1\n      }\n    });\n\n    map.on('mousemove', 'Ukraine_layer', (e) => {\n      if (e.features.length > 0) {\n        if (hoveredStateId !== null && clickedStateId != hoveredStateId) {\n          map.setFeatureState(\n            { source: 'Ukraine', id: hoveredStateId },\n            { hover: false }\n          );\n        }\n        hoveredStateId = +e.features[0].id;\n        map.setFeatureState(\n          { source: 'Ukraine', id: hoveredStateId },\n          { hover: true }\n        );\n        let numberVal =\n          e.features[0].properties.value_data >\n            (store.selectedTimeModeGetter == \"Compare\" ? -1e6 : -1e-4) ?\n            `${store.selectedTimeModeGetter == \"Compare\" && e.features[0].properties.value_data > 0 ? '+' : ''}${Number(e.features[0].properties.value_data).toFixed(1)} ${store.measurmentsGetter?.id[store.chosenMeasurmentIndexGetter].name?.[chosenLang.value.id]}` :\n            chosenLang.value.id == 'en' ? 'no data' : 'дані відсутні';\n        let addText = {\n          en: \"\",\n          ua: \"\"\n        };\n        if (store.selectedTimeModeGetter == \"Compare\") {\n          let filteredData = store.allMapDataGetter?.[e.features[0]?.properties.NAME_UA]\n\n          if (!filteredData) return\n\n          if (filteredData[0][1] === null && filteredData.at(-1)[1] === null) addText = {\n            'en': ` for chosen years`,\n            'ua': ' для обраних років'\n          }\n          else if (filteredData[0][1] === null) addText = {\n            'en': ` for ${filteredData[0][0]}`,\n            'ua': ` для ${filteredData[0][0]}`\n          }\n          else if (filteredData.at(-1)[1] === null) addText = {\n            'en': ` for ${filteredData.at(-1)[0]}`,\n            'ua': ` для ${filteredData.at(-1)[0]}`\n          }\n          else {\n            if (filteredData?.length > 1) addText = {\n              'en': `<br/>, ${filteredData[0][0]} and ${filteredData.at(-1)[0]}`,\n              'ua': `<br/>, ${filteredData[0][0]} та ${filteredData.at(-1)[0]}`\n            }\n            else if (filteredData?.length == 1) addText = {\n              'en': `<br/>only in ${filteredData[0][0]}`,\n              'ua': `<br/>тільки за ${filteredData[0][0]}`\n            }\n          }\n        }\n        popup.setLngLat([e.lngLat.lng, e.lngLat.lat]).setHTML(`<div class='maplibregl-popup-content-heading'>${regions.find(el => el.name.id == e.features[0].properties.NAME_UA).name[chosenLang.value.id]}</div>${numberVal}${addText[chosenLang.value.id]}`).addTo(map);\n      }\n    });\n\n    map.on('mouseleave', 'Ukraine_layer', () => {\n      if (hoveredStateId !== null && clickedStateId != hoveredStateId) {\n        map.setFeatureState(\n          { source: 'Ukraine', id: hoveredStateId },\n          { hover: false }\n        );\n        hoveredStateId = null;\n      }\n      popup.remove();\n    });\n\n    console.timeLog();\n  });\n\n  await map.once('load');\n  canInitOtherComponents.value = true;\n  store.chooseMenuTabId(store.chosenMenuTabIdGetter, 0);\n  console.timeLog();\n  await import('@maptiler/sdk/dist/maptiler-sdk.css')\n  console.timeEnd();\n\n  const RobotoLight = new FontFace(\"Roboto\", \"url(./fonts/Roboto-Light.ttf)\", {\n    weight: 300,\n    display: \"swap\"\n  })\n  const RobotoRegular = new FontFace(\"Roboto\", \"url(./fonts/Roboto-Regular.ttf)\", {\n    weight: 400,\n    display: \"swap\"\n  })\n  const RobotoMedium = new FontFace(\"Roboto\", \"url(./fonts/Roboto-Medium.ttf)\", {\n    weight: 500,\n    display: \"swap\"\n  })\n  const RobotoBold = new FontFace(\"Roboto\", \"url(./fonts/Roboto-Bold.ttf)\", {\n    weight: 700,\n    display: \"swap\"\n  })\n  document.fonts.add(RobotoLight);\n  document.fonts.add(RobotoRegular);\n  document.fonts.add(RobotoMedium);\n  document.fonts.add(RobotoBold);\n}\n\nonMounted(async () => {\n  window.onloadTurnstileCallback = async function () {\n    if (document.cookie.split(\";\").some((item) => item.trim().startsWith(\"APIToken=\") && item.trim('').split('=')[1] !== 'undefined')) {\n      document.querySelector(\"#cloudflareWidget\").classList.add(\"hidden\")\n      return await mainFunc();\n    }\n    else {\n      \n      /* document.querySelector(\"#cloudflareWidget\").classList.add(\"hidden\")\n      return await mainFunc(); */\n\n      useWidget(async () => {\n        if (!canInitOtherComponents.value) await mainFunc();\n      })\n    }\n  };\n})\n\nconst onClose = () => {\n  map.setFeatureState(\n    { source: 'regions', id: clickedStateId },\n    { hover: false }\n  );\n\n  clickedStateId = null;\n}\n</script>\n\n<style lang=\"scss\">\n/*\n@font-face {\n  font-family: Roboto;\n  font-weight: 300;\n  src: url(\"@/assets/fonts/Roboto/Roboto-Light.ttf\");\n  font-display: swap;\n}\n\n@font-face {\n  font-family: Roboto;\n  font-weight: 400;\n  src: url(\"@/assets/fonts/Roboto/Roboto-Regular.ttf\");\n  font-display: swap;\n}\n\n@font-face {\n  font-family: Roboto;\n  font-weight: 500;\n  src: url(\"@/assets/fonts/Roboto/Roboto-Medium.ttf\");\n  font-display: swap;\n}\n\n@font-face {\n  font-family: Roboto;\n  font-weight: 700;\n  src: url(\"@/assets/fonts/Roboto/Roboto-Bold.ttf\");\n  font-display: swap;\n}\n*/\n\n* {\n  box-sizing: border-box;\n}\n\nbody {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  background-color: #505050;\n  width: 100vw;\n  height: 100dvh;\n  overflow: hidden;\n}\n\n.menu {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  width: fit-content;\n  padding: 32px 0 0 32px;\n  pointer-events: none;\n}\n\n.subpanel {\n  position: absolute;\n  // 60px is header height - maybe fix later\n  top: calc(60px + 30px);\n  right: 30px;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n\n  #layers {\n    margin-top: 13px;\n  }\n}\n\n#save {\n  position: absolute;\n  right: 30px;\n  top: calc((100dvh - 75px) / 2);\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n\n#map {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100dvh;\n}\n\n.maplibregl-popup {\n  max-width: 400px !important;\n  font-family: Roboto;\n  font-size: 18px;\n  filter: drop-shadow(2px 4px 4px #000);\n  margin-top: -20px;\n\n  &-tip {\n    border-top-color: #fff !important;\n  }\n\n  &-content {\n    padding: 6px !important;\n    background-color: #fff !important;\n    line-height: 1.3;\n\n    &-heading {\n      margin-bottom: 8px;\n      font-weight: 500;\n    }\n  }\n}\n\n#cloudflareWidget {\n  position: absolute;\n  width: 100vw;\n  height: 100dvh;\n  left: 0;\n  top: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #00000080;\n  z-index: 1000;\n\n  &.hidden {\n    display: none;\n    opacity: 0;\n    z-index: -1000;\n  }\n}\n\n// for content ref in Popup\n.article {\n  &__download {\n    width: fit-content;\n    background-color: #fff;\n    padding: 12px 24px;\n    margin-top: 24px;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    gap: 12px;\n    border: 1px solid #141413a0;\n    border-radius: 12px;\n    cursor: pointer;\n    transition: .3s;\n\n    &:hover {\n      background-color: #efefef;\n      border-color: #000;\n    }\n  }\n\n  a {\n    text-decoration: unset;\n    color: #0952ab;\n\n    &:hover {\n      text-decoration: underline;\n      color: #001838;\n    }\n  }\n\n  .partner-logo {\n    height: 64px;\n\n    &-container {\n      margin-top: 24px;\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n      justify-content: flex-start;\n      gap: 72px;\n      align-items: center;\n    }\n  }\n\n  #article-contacts {\n    a {\n      display: flex;\n      flex-direction: row;\n      gap: 12px;\n      justify-content: center;\n      align-items: center;\n      width: fit-content;\n\n      &>svg {\n        width: 32px;\n        height: 32px;\n      }\n    }\n  }\n\n  ol ul li {\n    font-size: 16px;\n  }\n\n  ol li {\n    margin: 4px 0;\n  }\n}\n\n#logo-screenshot {\n  position: absolute;\n  display: none;\n  height: 100px;\n  top: 36px;\n  left: 36px;\n\n  .name {\n    display: flex;\n    gap: 0 12px;\n    margin: auto;\n    color: #fff;\n    height: 36px;\n    justify-content: center;\n    align-items: center;\n\n    &__logo {\n      grid-area: logo;\n      height: inherit;\n    }\n\n    &__name {\n      grid-area: name;\n      font-weight: 600;\n      font-size: 26px;\n      line-height: 17px;\n      margin: unset;\n    }\n\n    &__tagline {\n      grid-area: tagline;\n      font-weight: 400;\n      font-size: 13px;\n      line-height: 13px;\n      margin: unset;\n    }\n  }\n}\n\n@media screen and (max-width: 800px) {\n\n  html,\n  body {\n    overflow: hidden;\n  }\n\n  .maplibregl-ctrl-bottom-right,\n  .maplibregl-ctrl-bottom-left {\n    display: none;\n  }\n\n  #saveImg {\n    display: none;\n  }\n\n  .menu {\n    display: none;\n  }\n\n  .subpanel {\n    display: none;\n  }\n\n  #save {\n    top: unset;\n    bottom: 140px;\n\n    .icon {\n      width: 48px;\n      height: 48px;\n      padding: 10px;\n\n      img {\n        width: 100%;\n      }\n    }\n  }\n\n  .article {\n    .partner-logo {\n      &-container {\n        flex-direction: column;\n        gap: 32px;\n      }\n    }\n  }\n}\n</style>\n","import script from \"./App.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./App.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=2a7eef9a&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"names":["Timeline","defineAsyncComponent","loader","delay","Legend","Chart","store","useMapStore","langStore","useLangStore","map","hoveredStateId","clickedStateId","chosenRegion","ref","chosenRegionType","computed","chosenRegionTypeGetter","regionTypes","name","en","ua","value","chartRef","chosenLang","chosenLangGetter","canInitOtherComponents","changeRegionVisibility","region","setLayoutProperty","saveImg","async","domToPng","dataUrl","document","body","timeout","backgroundColor","filter","el","hasAttribute","onCloneNode","node","querySelector","style","display","translate","link","createElement","download","mainTabNameGetter","id","measurmentsGetter","yearsGetter","join","href","click","saveCSV","data","mapGetter","features","foundRegionInJson","regions","find","properties","NAME_UA","nameEng","nameUa","value_data","titleKeys","Object","keys","refinedData","push","forEach","item","values","csvContent","row","blob","Blob","type","window","URL","createObjectURL","zoom","sign","zoomIn","zoomOut","isActive","tab","children","queue","chosenMenuTabIdGetter","res","child1","child2","JSON","stringify","watch","updateMapTriggerGetter","source","paintObject","i","scaleGetter","length","color","shift","selectedTimeModeGetter","val","Number","isNaN","Math","max","floor","setPaintProperty","getSource","setData","mainFunc","console","time","log","timeLog","Map","container","center","minZoom","maxZoom","compassControl","attributionControl","navigationControl","geolocateControl","language","preserveDrawingBuffer","popup","Popup","closeButton","closeOnClick","on","Regions_geojson","addSource","addLayer","e","setFeatureState","hover","numberVal","toFixed","chosenMeasurmentIndexGetter","addText","filteredData","allMapDataGetter","at","setLngLat","lngLat","lng","lat","setHTML","addTo","remove","isClosed","open","close","Ukraine_geojson","once","chooseMenuTabId","timeEnd","RobotoLight","FontFace","weight","RobotoRegular","RobotoMedium","RobotoBold","fonts","add","onMounted","onloadTurnstileCallback","cookie","split","some","trim","startsWith","classList","useWidget","onClose","__exports__"],"sourceRoot":""}