ato-water-lib 0.0.0-watch

package/lib/assets/map/marker.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="820.000000pt" height="800.000000pt" viewBox="0 0 820.000000 800.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
+fill="green" stroke="none" >
+<path d="M3905 7590 c-665 -62 -1217 -367 -1609 -890 -356 -474 -497 -1091
+-385 -1680 72 -378 292 -798 926 -1770 447 -685 721 -1192 928 -1715 116 -293
+229 -652 295 -940 18 -77 34 -147 37 -155 3 -8 13 24 23 71 104 492 280 998
+519 1493 189 394 400 753 804 1371 346 529 452 709 625 1065 157 325 217 530
+243 831 18 210 -7 476 -67 708 -52 198 -156 431 -274 611 -335 508 -819 834
+-1425 959 -196 41 -463 58 -640 41z m420 -1390 c255 -78 464 -301 531 -565 25
+-100 23 -276 -4 -376 -106 -395 -495 -646 -892 -575 -298 53 -543 279 -622
+575 -27 101 -29 277 -4 376 82 323 364 568 685 594 102 8 221 -3 306 -29z"/>
+</g>
+</svg>

package/lib/assets/map/top-water-use.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39.002" height="35.999" viewBox="0 0 39.002 35.999">
+  <defs>
+    <filter id="Path_547" x="0" y="0" width="39.002" height="35.999" filterUnits="userSpaceOnUse">
+      <feOffset dy="1" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1.5" result="blur"/>
+      <feFlood flood-opacity="0.2"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_26409" data-name="Group 26409" transform="translate(588.5 1129.5)">
+    <g transform="matrix(1, 0, 0, 1, -588.5, -1129.5)" filter="url(#Path_547)">
+      <path id="Path_547-2" data-name="Path 547" d="M15.271,4.129a2.2,2.2,0,0,1,3.839,0l12.782,22.5A2.25,2.25,0,0,1,29.973,30H4.409A2.25,2.25,0,0,1,2.49,26.628Z" transform="translate(2.31 0.5)" fill="#fff"/>
+    </g>
+    <g id="Group_238" data-name="Group 238" transform="translate(-580.25 -1121.5)">
+      <path id="hand-holding-droplet-solid" d="M5.4.129a.3.3,0,0,1,.49,0l1.3,1.89A1.916,1.916,0,0,1,7.53,3.1v.033a1.882,1.882,0,0,1-3.765,0V3.1A1.911,1.911,0,0,1,4.1,2.02Zm5.74,6.465a.783.783,0,0,1-.167,1.1L8.493,9.519a2.669,2.669,0,0,1-1.582.52H.627A.627.627,0,0,1,0,9.412V8.157a.627.627,0,0,1,.627-.627h.722l.88-.706A2.5,2.5,0,0,1,3.8,6.274H6.9a.627.627,0,1,1,0,1.255H5.334a.314.314,0,1,0,0,.627H7.7l2.347-1.729A.784.784,0,0,1,11.142,6.594ZM3.8,7.529Z" transform="translate(5.602 6.82)" fill="#DD9349"/>
+      <path id="triangle-light" d="M11.553,33.625a.347.347,0,0,0-.606,0l-1.213-.732a1.734,1.734,0,0,1,3.032,0l9.492,16.636a1.849,1.849,0,0,1,.009,1.812,1.753,1.753,0,0,1-1.525.909H1.758a1.753,1.753,0,0,1-1.525-.909,1.851,1.851,0,0,1,.009-1.812L9.734,32.893l1.213.732L1.455,50.22a.361.361,0,0,0,0,.362.322.322,0,0,0,.3.221H20.742a.318.318,0,0,0,.3-.221.348.348,0,0,0,0-.362Z" transform="translate(0 -32)" fill="#DD9349"/>
+    </g>
+  </g>
+</svg>

package/lib/assets/map/water-deprived.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39.002" height="35.999" viewBox="0 0 39.002 35.999">
+  <defs>
+    <filter id="Path_547" x="0" y="0" width="39.002" height="35.999" filterUnits="userSpaceOnUse">
+      <feOffset dy="1" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1.5" result="blur"/>
+      <feFlood flood-opacity="0.2"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_26409" data-name="Group 26409" transform="translate(588.5 1129.5)">
+    <g transform="matrix(1, 0, 0, 1, -588.5, -1129.5)" filter="url(#Path_547)">
+      <path id="Path_547-2" data-name="Path 547" d="M15.271,4.129a2.2,2.2,0,0,1,3.839,0l12.782,22.5A2.25,2.25,0,0,1,29.973,30H4.409A2.25,2.25,0,0,1,2.49,26.628Z" transform="translate(2.31 0.5)" fill="#fff"/>
+    </g>
+    <g id="Group_238" data-name="Group 238" transform="translate(-580.25 -1121.5)">
+      <path id="hand-holding-droplet-solid" d="M5.4.129a.3.3,0,0,1,.49,0l1.3,1.89A1.916,1.916,0,0,1,7.53,3.1v.033a1.882,1.882,0,0,1-3.765,0V3.1A1.911,1.911,0,0,1,4.1,2.02Zm5.74,6.465a.783.783,0,0,1-.167,1.1L8.493,9.519a2.669,2.669,0,0,1-1.582.52H.627A.627.627,0,0,1,0,9.412V8.157a.627.627,0,0,1,.627-.627h.722l.88-.706A2.5,2.5,0,0,1,3.8,6.274H6.9a.627.627,0,1,1,0,1.255H5.334a.314.314,0,1,0,0,.627H7.7l2.347-1.729A.784.784,0,0,1,11.142,6.594ZM3.8,7.529Z" transform="translate(5.602 6.82)" fill="#ec7c4e"/>
+      <path id="triangle-light" d="M11.553,33.625a.347.347,0,0,0-.606,0l-1.213-.732a1.734,1.734,0,0,1,3.032,0l9.492,16.636a1.849,1.849,0,0,1,.009,1.812,1.753,1.753,0,0,1-1.525.909H1.758a1.753,1.753,0,0,1-1.525-.909,1.851,1.851,0,0,1,.009-1.812L9.734,32.893l1.213.732L1.455,50.22a.361.361,0,0,0,0,.362.322.322,0,0,0,.3.221H20.742a.318.318,0,0,0,.3-.221.348.348,0,0,0,0-.362Z" transform="translate(0 -32)" fill="#ec7c4e"/>
+    </g>
+  </g>
+</svg>

package/lib/assets/map/water-moderate-stress.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39.002" height="35.999" viewBox="0 0 39.002 35.999">
+  <defs>
+    <filter id="Path_547" x="0" y="0" width="39.002" height="35.999" filterUnits="userSpaceOnUse">
+      <feOffset dy="1" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1.5" result="blur"/>
+      <feFlood flood-opacity="0.2"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_26409" data-name="Group 26409" transform="translate(588.5 1129.5)">
+    <g transform="matrix(1, 0, 0, 1, -588.5, -1129.5)" filter="url(#Path_547)">
+      <path id="Path_547-2" data-name="Path 547" d="M15.271,4.129a2.2,2.2,0,0,1,3.839,0l12.782,22.5A2.25,2.25,0,0,1,29.973,30H4.409A2.25,2.25,0,0,1,2.49,26.628Z" transform="translate(2.31 0.5)" fill="#fff"/>
+    </g>
+    <g id="Group_238" data-name="Group 238" transform="translate(-580.25 -1121.5)">
+      <path id="hand-holding-droplet-solid" d="M5.4.129a.3.3,0,0,1,.49,0l1.3,1.89A1.916,1.916,0,0,1,7.53,3.1v.033a1.882,1.882,0,0,1-3.765,0V3.1A1.911,1.911,0,0,1,4.1,2.02Zm5.74,6.465a.783.783,0,0,1-.167,1.1L8.493,9.519a2.669,2.669,0,0,1-1.582.52H.627A.627.627,0,0,1,0,9.412V8.157a.627.627,0,0,1,.627-.627h.722l.88-.706A2.5,2.5,0,0,1,3.8,6.274H6.9a.627.627,0,1,1,0,1.255H5.334a.314.314,0,1,0,0,.627H7.7l2.347-1.729A.784.784,0,0,1,11.142,6.594ZM3.8,7.529Z" transform="translate(5.602 6.82)" fill="#206DD3"/>
+      <path id="triangle-light" d="M11.553,33.625a.347.347,0,0,0-.606,0l-1.213-.732a1.734,1.734,0,0,1,3.032,0l9.492,16.636a1.849,1.849,0,0,1,.009,1.812,1.753,1.753,0,0,1-1.525.909H1.758a1.753,1.753,0,0,1-1.525-.909,1.851,1.851,0,0,1,.009-1.812L9.734,32.893l1.213.732L1.455,50.22a.361.361,0,0,0,0,.362.322.322,0,0,0,.3.221H20.742a.318.318,0,0,0,.3-.221.348.348,0,0,0,0-.362Z" transform="translate(0 -32)" fill="#206DD3"/>
+    </g>
+  </g>
+</svg>

package/lib/assets/map/water-non-stress.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="42.002" height="39" viewBox="0 0 42.002 39">
+  <defs>
+    <filter id="Path_55203" x="0" y="0" width="42.002" height="39" filterUnits="userSpaceOnUse">
+      <feOffset dy="2" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_26411" data-name="Group 26411" transform="translate(6 4)">
+    <g transform="matrix(1, 0, 0, 1, -6, -4)" filter="url(#Path_55203)">
+      <path id="Path_55203-2" data-name="Path 55203" d="M15.272,4.129a2.2,2.2,0,0,1,3.839,0l12.782,22.5A2.25,2.25,0,0,1,29.973,30H4.409A2.25,2.25,0,0,1,2.49,26.628Z" transform="translate(3.81 1)" fill="#fff"/>
+    </g>
+    <g id="Group_240" data-name="Group 240" transform="translate(3.75 4.5)">
+      <path id="hand-holding-droplet-solid" d="M5.4.129a.3.3,0,0,1,.49,0l1.3,1.89A1.916,1.916,0,0,1,7.53,3.1v.033a1.882,1.882,0,0,1-3.765,0V3.1A1.911,1.911,0,0,1,4.1,2.02Zm5.74,6.465a.783.783,0,0,1-.167,1.1L8.493,9.52a2.669,2.669,0,0,1-1.582.52H.627A.627.627,0,0,1,0,9.412V8.157a.627.627,0,0,1,.627-.627h.722l.88-.706A2.505,2.505,0,0,1,3.8,6.275H6.9a.627.627,0,1,1,0,1.255H5.334a.314.314,0,1,0,0,.627H7.7l2.347-1.729A.784.784,0,0,1,11.142,6.594ZM3.8,7.529Z" transform="translate(5.603 6.821)" fill="#54bbba"/>
+      <path id="triangle-light" d="M11.553,33.625a.347.347,0,0,0-.606,0l-1.213-.732a1.734,1.734,0,0,1,3.032,0l9.492,16.636a1.849,1.849,0,0,1,.009,1.813,1.753,1.753,0,0,1-1.525.909H1.758a1.753,1.753,0,0,1-1.525-.909,1.851,1.851,0,0,1,.009-1.813L9.734,32.893l1.213.732L1.455,50.22a.361.361,0,0,0,0,.362.322.322,0,0,0,.3.221H20.742a.318.318,0,0,0,.3-.221.348.348,0,0,0,0-.362Z" transform="translate(0 -32)" fill="#54bbba"/>
+    </g>
+  </g>
+</svg>

package/lib/assets/map/water-stress.svg

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="42.002" height="39" viewBox="0 0 42.002 39">
+  <defs>
+    <filter id="Path_55204" x="0" y="0" width="42.002" height="39" filterUnits="userSpaceOnUse">
+      <feOffset dy="2" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="2" result="blur"/>
+      <feFlood flood-opacity="0.161"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Group_26412" data-name="Group 26412" transform="translate(6 4)">
+    <g transform="matrix(1, 0, 0, 1, -6, -4)" filter="url(#Path_55204)">
+      <path id="Path_55204-2" data-name="Path 55204" d="M15.272,4.129a2.2,2.2,0,0,1,3.839,0l12.782,22.5A2.25,2.25,0,0,1,29.973,30H4.409A2.25,2.25,0,0,1,2.49,26.628Z" transform="translate(3.81 1)" fill="#fff"/>
+    </g>
+    <g id="Group_243" data-name="Group 243" transform="translate(3.751 4.5)">
+      <path id="hand-holding-droplet-solid" d="M5.4.129a.3.3,0,0,1,.49,0l1.3,1.89A1.916,1.916,0,0,1,7.53,3.1v.033a1.882,1.882,0,0,1-3.765,0V3.1A1.911,1.911,0,0,1,4.1,2.02Zm5.74,6.465a.783.783,0,0,1-.167,1.1L8.493,9.52a2.669,2.669,0,0,1-1.582.52H.627A.627.627,0,0,1,0,9.412V8.157a.627.627,0,0,1,.627-.627h.722l.88-.706A2.505,2.505,0,0,1,3.8,6.275H6.9a.627.627,0,1,1,0,1.255H5.334a.314.314,0,1,0,0,.627H7.7l2.347-1.729A.784.784,0,0,1,11.142,6.594ZM3.8,7.529Z" transform="translate(5.603 6.821)" fill="#804180"/>
+      <path id="triangle-light" d="M11.553,33.625a.347.347,0,0,0-.606,0l-1.213-.732a1.734,1.734,0,0,1,3.032,0l9.492,16.636a1.849,1.849,0,0,1,.009,1.813,1.753,1.753,0,0,1-1.525.909H1.758a1.753,1.753,0,0,1-1.525-.909,1.851,1.851,0,0,1,.009-1.813L9.734,32.893l1.213.732L1.455,50.22a.361.361,0,0,0,0,.362.322.322,0,0,0,.3.221H20.742a.318.318,0,0,0,.3-.221.348.348,0,0,0,0-.362Z" transform="translate(0 -32)" fill="#804180"/>
+    </g>
+  </g>
+</svg>

package/lib/assets/map-style.json

@@ -0,0 +1,192 @@
+[
+    {
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#B8C1C9"
+            }
+        ]
+    },
+    {
+        "elementType": "labels.icon",
+        "stylers": [
+            {
+                "visibility": "off"
+            }
+        ]
+    },
+    {
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#616161"
+            }
+        ]
+    },
+    {
+        "elementType": "labels.text.stroke",
+        "stylers": [
+            {
+                "color": "#f5f5f5"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative.country",
+        "elementType": "geometry.fill",
+        "stylers": [
+            {
+                "color": "#dde5e6",
+                "visibility": "off"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative.country",
+        "elementType": "geometry.stroke",
+        "stylers": [
+            {
+                "color": "#000d42",
+                "visibility": "off"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative.country",
+        "elementType": "labels.text",
+        "stylers": [
+            {
+                "visibility": "off"
+            }
+        ]
+    },
+    {
+        "featureType": "administrative.land_parcel",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#bdbdbd"
+            }
+        ]
+    },
+    {
+        "featureType": "poi",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#eeeeee"
+            }
+        ]
+    },
+    {
+        "featureType": "poi",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#757575"
+            }
+        ]
+    },
+    {
+        "featureType": "poi.park",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#e5e5e5"
+            }
+        ]
+    },
+    {
+        "featureType": "poi.park",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#9e9e9e"
+            }
+        ]
+    },
+    {
+        "featureType": "road",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#ffffff"
+            }
+        ]
+    },
+    {
+        "featureType": "road.arterial",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#757575"
+            }
+        ]
+    },
+    {
+        "featureType": "road.highway",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#b8b8b8"
+            }
+        ]
+    },
+    {
+        "featureType": "road.highway",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#616161"
+            }
+        ]
+    },
+    {
+        "featureType": "road.local",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#9e9e9e"
+            }
+        ]
+    },
+    {
+        "featureType": "transit.line",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#e5e5e5"
+            },
+            {
+                "visibility": "on"
+            }
+        ]
+    },
+    {
+        "featureType": "transit.station",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#eeeeee"
+            }
+        ]
+    },
+    {
+        "featureType": "water",
+        "elementType": "geometry",
+        "stylers": [
+            {
+                "color": "#ffffff"
+            }
+        ]
+    },
+    {
+        "featureType": "water",
+        "elementType": "labels.text.fill",
+        "stylers": [
+            {
+                "color": "#9e9e9e"
+            }
+        ]
+    }
+]

package/lib/assets/worker/app.worker.ts

@@ -0,0 +1,346 @@
+// import { HttpClient } from '@angular/common/http';
+// // @ts-ignore
+// let listNameCountries = [];
+// // @ts-ignore
+// let countriesProgresLoad = [];
+// // @ts-ignore
+// let countriesLoaded = [];
+// // @ts-ignore
+// let dataJsonCountry = [];
+// // @ts-ignore
+// let countriesPlant = [];
+
+// @ts-ignore
+// WORLD
+let fileNamesAllCountries = [];
+let fileNamesAllCountriesClone = [];
+let fileNamesCountriesOfPlant = [];
+let fileNameLoadedCountriesOfPlant = [];
+let fileNameProgresCountriesOfPlant = [];
+// @ts-ignore
+let dataOfCountriesOfPlant = [];
+
+// WORLD
+let fileNamesAllWorld = [];
+let fileNameLoadedOfWorld = [];
+let fileNameProgresOfWorld = [];
+// @ts-ignore
+let dataOfWorld = [];
+
+addEventListener('message', ({ data }) => {
+    // Create an instance of HttpClient
+    // @ts-ignore
+
+    // // Make HTTP request using fetch
+    // if (data?.countriesPlant) {
+    //     // @ts-ignore
+    //     countriesPlant = data?.countriesPlant;
+    // }
+    // if (data?.isLoadNameCountries) {
+    //     loadDataAllNameCountries(data);
+    // } else {
+    //     (listNameCountries ?? []).forEach((x, index) => {
+    //         dataCountry({
+    //             ...data,
+    //             indexCountries: index,
+    //             nameContry: x,
+    //         });
+    //     });
+    // }
+
+    // Show data for Plant
+    if (data?.isCallFilesCountries) {
+        loadFileNamesCountries(data);
+    }
+
+    // Switch load data for Plant or World
+    if (data?.isCallFilesAllWorld) {
+        loadFileNamesOfWorld();
+    }
+});
+
+// // @ts-ignore
+// function loadDataAllNameCountries(data) {
+//     if (listNameCountries?.length) {
+//         postMessage({
+//             ...data,
+//             isLoadNameCountries: false,
+//             indexCountries: 0,
+//             nameContry: listNameCountries?.[0],
+//             listNameCountries: listNameCountries,
+//         });
+//     } else {
+//         // fetch('http://veoliaint.atomiton.com:8686/fid-ui/assets/stress-map/fileNames.json')
+//         fetch('../stress-map/fileNames.json')
+//             .then((response) => response.json()) // Parse response as JSON
+//             .then((rs) => {
+//                 listNameCountries = rs?.fileNames.sort((a, b) => {
+//                     // @ts-ignore
+//                     const isInCountriesPlantA = countriesPlant.some((e) => a.includes(e));
+//                     // @ts-ignore
+//                     const isInCountriesPlantB = countriesPlant.some((e) => b.includes(e));
+
+//                     if (isInCountriesPlantA && isInCountriesPlantB) {
+//                         return 0;
+//                     } else if (isInCountriesPlantA) {
+//                         return -1;
+//                     } else {
+//                         return 1;
+//                     }
+//                 });
+
+//                 // rs?.fileNames.sort((a, b) => {
+//                 //     if (a.includes('IND') && !b.includes('IND')) {
+//                 //         return -1;
+//                 //     }
+//                 //     // if (a.includes('OTHERS') && !b.includes('OTHERS')) {
+//                 //     //   return -1;
+//                 //     // }
+//                 //     // if (!a.includes('IND') && !a.includes('OTHERS') && (b.includes('IND') || b.includes('OTHERS'))) {
+//                 //     //   return 1;
+//                 //     // }
+//                 //     return 0;
+//                 // });
+//                 // @ts-ignore
+//                 // listNameCountries = (data?.countriesPlant ?? []).concat(countriesOther ?? []).filter(x => x !== 'None');
+//                 postMessage({
+//                     ...data,
+//                     isLoadNameCountries: false,
+//                     indexCountries: 0,
+//                     nameContry: listNameCountries?.[0],
+//                     listNameCountries: listNameCountries,
+//                 });
+//             })
+//             .catch((error) => {});
+//     }
+// }
+
+// // @ts-ignore
+// function dataCountry(data) {
+//     if (listNameCountries?.[data?.indexCountries + 1]) {
+//         // postMessage({
+//         //   indexCountries: data?.indexCountries,
+//         //   nameContry: listNameCountries?.[data?.indexCountries],
+//         //   listNameCountries: null,
+//         // });
+//         // @ts-ignore
+//         if (!countriesLoaded?.includes(data?.nameContry) && !countriesProgresLoad?.includes(data?.nameContry)) {
+//             // @ts-ignore
+//             countriesProgresLoad?.push(data?.nameContry);
+//             // fetch(`http://veoliaint.atomiton.com:8686/fid-ui/assets/stress-map/${data?.nameContry}`)
+//             fetch(`../stress-map/${data?.nameContry}`)
+//                 .then((response) => response.json()) // Parse response as JSON
+//                 .then((rs) => {
+//                     countriesProgresLoad = countriesProgresLoad?.filter((x) => x !== data?.nameContry);
+//                     // @ts-ignore
+//                     countriesLoaded?.push(data?.nameContry);
+//                     // @ts-ignore
+//                     const dataCountry = {
+//                         // @ts-ignore
+//                         nameContry: data?.nameContry,
+//                         // @ts-ignore
+//                         data: rs,
+//                         isHavePlant: countriesPlant.some((e) => data?.nameContry.includes(e)),
+//                     };
+//                     // @ts-ignore
+//                     dataJsonCountry.push(dataCountry);
+//                     // Handle the data
+//                     const dataMessage = {
+//                         // ...data,
+//                         indexCountries: data?.indexCountries,
+//                         nameContry: listNameCountries?.[data?.indexCountries],
+//                         listNameCountries: null,
+//                         dataJson: dataCountry,
+//                         isLoadLayerCountries: true
+//                     };
+//                     postMessage(dataMessage);
+//                 })
+//                 .catch((error) => {
+//                     countriesProgresLoad = countriesProgresLoad?.filter((x) => x !== data?.nameContry);
+//                     // Handle any errors
+//                 });
+//         } else {
+//             postMessage({
+//                 indexCountries: data?.indexCountries,
+//                 nameContry: listNameCountries?.[data?.indexCountries],
+//                 listNameCountries: null,
+//                 // @ts-ignore
+//                 dataJson: dataJsonCountry?.find((x) => x?.nameContry === data?.nameContry),
+//                 isLoadLayerCountries: true
+//             });
+//         }
+//     }
+// }
+
+// Load PLANT
+// @ts-ignore
+function loadFileNamesCountries(data) {
+    if (fileNamesAllCountriesClone?.length) {
+        // @ts-ignore
+        fileNamesCountriesOfPlant =
+            // @ts-ignore
+            fileNamesAllCountriesClone.filter((z) => data?.countriesPlant?.some((k) => z.includes(k))) ?? [];
+        fileNamesCountriesOfPlant.forEach((x, index) => {
+            loadDataOfCountries({
+                fileNameIndex: index,
+                fileName: x,
+            });
+        });
+    } else {
+        fetch('../stress-map/plant/fileNames.json')
+            .then((response) => response.json()) // Parse response as JSON
+            .then((rs) => {
+                fileNamesAllCountriesClone = rs?.fileNames;
+                // @ts-ignore
+                fileNamesCountriesOfPlant =
+                    // @ts-ignore
+                    fileNamesAllCountriesClone.filter((z) => data?.countriesPlant?.some((k) => z.includes(k))) ?? [];
+                fileNamesCountriesOfPlant.forEach((x, index) => {
+                    loadDataOfCountries({
+                        fileNameIndex: index,
+                        fileName: x,
+                    });
+                });
+            })
+            .catch((error) => {});
+    }
+}
+
+// @ts-ignore
+function loadDataOfCountries(data) {
+    if (fileNamesCountriesOfPlant?.[data?.fileNameIndex]) {
+        if (
+            // @ts-ignore
+            !fileNameLoadedCountriesOfPlant?.includes(data?.fileName)
+            //  &&
+            // // @ts-ignore
+            // !fileNameProgresCountriesOfPlant?.includes(data?.fileName)
+        ) {
+            // @ts-ignore
+            fileNameProgresCountriesOfPlant?.push(data?.fileName);
+            fetch(`../stress-map/plant/${fileNamesCountriesOfPlant?.[data?.fileNameIndex]}`)
+                .then((response) => response.json()) // Parse response as JSON
+                .then((rs) => {
+                    fileNameProgresCountriesOfPlant = fileNameProgresCountriesOfPlant?.filter(
+                        (x) => x !== data?.fileName,
+                    );
+                    // @ts-ignore
+                    fileNameLoadedCountriesOfPlant?.push(data?.fileName);
+                    // @ts-ignore
+                    const dataLayer = {
+                        // @ts-ignore
+                        fileName: data?.fileName,
+                        // @ts-ignore
+                        data: rs,
+                    };
+                    // @ts-ignore
+                    dataOfCountriesOfPlant.push(dataLayer);
+                    // Handle the data
+                    const dataMessage = {
+                        fileNameIndex: data?.fileNameIndex,
+                        fileName: data?.fileName,
+                        isLoadLayerCountriesOfPlant: true,
+                        data: rs,
+                    };
+                    postMessage(dataMessage);
+                })
+                .catch((error) => {
+                    fileNameProgresCountriesOfPlant = fileNameProgresCountriesOfPlant?.filter(
+                        (x) => x !== data?.nameContry,
+                    );
+                    // Handle any errors
+                });
+        } else {
+            postMessage({
+                ...data,
+                fileNameIndex: data?.fileNameIndex,
+                fileName: data?.fileName,
+                isLoadLayerCountriesOfPlant: true,
+                // @ts-ignore
+                data: dataOfCountriesOfPlant?.find((x) => x?.fileName === data?.fileName)?.data,
+            });
+        }
+    }
+}
+
+// Load WROLD
+// @ts-ignore
+function loadFileNamesOfWorld() {
+    if (fileNamesAllWorld?.length) {
+        (fileNamesAllWorld ?? []).forEach((x, index) => {
+            loadDataOfWorld({
+                fileNameIndex: index,
+                fileName: x,
+            });
+        });
+    } else {
+        fetch('../stress-map/world/fileNames.json')
+            .then((response) => response.json()) // Parse response as JSON
+            .then((rs) => {
+                fileNamesAllWorld = rs?.fileNames;
+                (fileNamesAllWorld ?? []).forEach((x, index) => {
+                    loadDataOfWorld({
+                        fileNameIndex: index,
+                        fileName: x,
+                    });
+                });
+            })
+            .catch((error) => {});
+    }
+}
+
+// @ts-ignore
+function loadDataOfWorld(data) {
+    if (fileNamesAllWorld?.[data?.fileNameIndex]) {
+        // @ts-ignore
+        if (!fileNameLoadedOfWorld?.includes(data?.fileName) && !fileNameProgresOfWorld?.includes(data?.fileName)) {
+            // @ts-ignore
+            fileNameProgresOfWorld?.push(data?.fileName);
+            fetch(`../stress-map/world/${fileNamesAllWorld?.[data?.fileNameIndex]}`)
+                .then((response) => response.json()) // Parse response as JSON
+                .then((rs) => {
+                    fileNameProgresOfWorld = fileNameProgresOfWorld?.filter((x) => x !== data?.fileName);
+                    // @ts-ignore
+                    fileNameLoadedOfWorld?.push(data?.fileName);
+                    // @ts-ignore
+                    const dataLayer = {
+                        // @ts-ignore
+                        fileName: data?.fileName,
+                        // @ts-ignore
+                        data: rs,
+                    };
+                    // @ts-ignore
+                    dataOfWorld.push(dataLayer);
+                    // Handle the data
+                    const dataMessage = {
+                        fileNameIndex: data?.fileNameIndex,
+                        fileName: data?.fileName,
+                        isLoadLayerOfWorld: true,
+                        data: rs,
+                    };
+                    postMessage(dataMessage);
+                    // @ts-ignore
+                    // @ts-ignore
+                    if (fileNamesAllWorld?.every((x) => dataOfWorld?.map((y) => y?.fileName)?.includes(x))) {
+                        fileNamesAllWorld = [];
+                        fileNameLoadedOfWorld = [];
+                        fileNameProgresOfWorld = [];
+                        dataOfWorld = [];
+                    }
+                })
+                .catch((error) => {
+                    fileNameProgresOfWorld = fileNameProgresOfWorld?.filter((x) => x !== data?.nameContry);
+                    // Handle any errors
+                });
+        } else {
+            postMessage({
+                ...data,
+                fileNameIndex: data?.fileNameIndex,
+                fileName: data?.fileName,
+                isLoadLayerOfWorld: true,
+                // @ts-ignore
+                data: dataOfWorld?.find((x) => x?.fileName === data?.fileName)?.data,
+            });
+        }
+    }
+}