@eodash/eodash 5.5.2 → 5.6.0

package/templates/baseConfig.js

@@ -13,21 +13,12 @@ const baseConfig = {
   stacEndpoint: {
     endpoint:
       "https://esa-eodashboards.github.io/eodashboard-catalog/trilateral/catalog.json",
-    // "http://gtif-cerulean.github.io/cerulean-catalog/cerulean/catalog.json",
-    // "https://gtif-ukif.github.io/gtif-ukif-catalog/gtif-ukif/catalog.json",
-    // "https://esa-eodashboards.github.io/RACE-catalog/RACE/catalog.json",
-    // "https://gtif-austria.github.io/public-catalog/GTIF-Austria/catalog.json",
-    // "http://0.0.0.0:8000/baltic/catalog.json",
-    // "http://0.0.0.0:8000/gtif-ukif/catalog.json",
-    // "http://0.0.0.0:8002/RACE/catalog.json",
-    // "http://0.0.0.0:8000/trilateral/catalog.json",
-    // "http://0.0.0.0:8003/gtif-ukif/catalog.json",
-    // "http://0.0.0.0:8002/cerulean/catalog.json",
-    // "http://0.0.0.0:8001/trilateral/catalog.json",
-    // "http://0.0.0.0:8001/GTIF-Austria/catalog.json",
+    // "https://api.explorer.eopf.copernicus.eu/stac",
     // api: true,
-    // rasterEndpoint: "https://api.explorer.eopf.copernicus.eu/raster/",
-    api: false,
+    supportedUpscalingEndpoints: [
+      "openveda.cloud",
+      "api.explorer.eopf.copernicus.eu",
+    ],
   },
   brand: {
     noLayout: true,

package/widgets/EodashMap/EodashMapBtns.vue

@@ -210,18 +210,20 @@ const isInCompareMode = computed(
 const compareIcon = computed(() =>
   isInCompareMode.value ? mdiCompareRemove : mdiCompare,
 );
-const itemFilterConfig = {
-  enableHighlighting: false,
-  resultType: "cards",
-  style: "--select-filter-max-items: 8",
-  "filters-title": "Select an indicator to compare",
-  subTitleProperty: "subtitle",
-  imageProperty: "thumbnail",
-  aggregateResults: "collection_group",
-  "results-title": "",
-  ...(typeof compareIndicators === "object" &&
-    compareIndicators.itemFilterConfig),
-};
+const itemFilterConfig = computed(() => {
+  return {
+    enableHighlighting: false,
+    resultType: "cards",
+    style: "--select-filter-max-items: 8",
+    "filters-title": "Select an indicator to compare",
+    subTitleProperty: "subtitle",
+    imageProperty: "thumbnail",
+    aggregateResults: "collection_group",
+    "results-title": "",
+    ...(typeof compareIndicators === "object" &&
+      compareIndicators.itemFilterConfig),
+  };
+});
 
 /** @type {import("vue").Ref<HTMLDivElement|null>} */
 const rootRef = ref(null);
@@ -252,6 +254,7 @@ const opencageUrl = `https://api.opencagedata.com/geocode/v1/json?key=${opencage
 /* Container constraints removal */
 eox-geosearch {
   position: relative !important;
+  width: 40px;
   overflow: visible !important;
   z-index: 10;
 }

package/widgets/EodashMap/index.vue

@@ -313,7 +313,11 @@ onMounted(() => {
       false,
     );
 
-    useUpdateTooltipProperties(eodashCollections, compareTooltipProperties);
+    useUpdateTooltipProperties(
+      eodashCollections,
+      compareTooltipProperties,
+      true,
+    );
   }
 
   useInitMap(

package/widgets/EodashMap/methods/index.js

@@ -238,15 +238,24 @@ export const useInitMap = (
  *
  * @param {import("@/eodashSTAC/EodashCollection").EodashCollection[]} eodashCols
  * @param {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"],undefined>>} tooltipProperties
+ * @param {boolean} enableCompare
  */
 
-export const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
+export const useUpdateTooltipProperties = (
+  eodashCols,
+  tooltipProperties,
+  enableCompare = false,
+) => {
+  /**
+   * Listen to events related to the main or compare map based on the enableCompare flag
+   * @param {string} evt */
+  const listenTo = (evt) =>
+    enableCompare ? evt.includes("compare") : !evt.includes("compare");
   useOnLayersUpdate(async (evt, _payload) => {
-    if (evt.includes("compare")) {
-      // TODO: support compare map tooltips
-      // Do not update tooltip properties on compare map
+    if (!listenTo(evt)) {
       return;
     }
+
     const tooltips = [];
     for (const ec of eodashCols) {
       tooltips.push(...(await ec.getToolTipProperties()));

package/widgets/EodashProcess/methods/utils.js

@@ -366,37 +366,28 @@ export async function creatAsyncProcessLayerDefinitions(
         break;
       }
       case "application/vnd.flatgeobuf": {
-        // TODO after more flatgeobuf urls are possible in EOxMap https://github.com/EOX-A/EOxElements/issues/1789
-        // we should change this handler to only create one layer instead of many
-        resultItem.urls.forEach((url, i) => {
-          layers.push({
-            type: "Vector",
-            source: {
-              type: "FlatGeoBuf",
-              url,
-            },
-            properties: {
-              id:
-                endpointLink.id +
-                "_process_" +
-                resultItem.id +
-                postfixId +
-                `_${i}`,
-              title:
-                "Results " +
-                (selectedStac?.id ?? "") +
-                " " +
-                (resultItem.id ?? ""),
-              layerControlToolsExpand: true,
-              ...(layerConfig && {
-                layerConfig: {
-                  ...layerConfig,
-                  style,
-                },
-              }),
-              ...extraProperties,
-            },
-          });
+        layers.push({
+          type: "Vector",
+          source: {
+            type: "FlatGeoBuf",
+            url: resultItem.urls,
+          },
+          properties: {
+            id: endpointLink.id + "_process_" + resultItem.id + postfixId,
+            title:
+              "Results " +
+              (selectedStac?.id ?? "") +
+              " " +
+              (resultItem.id ?? ""),
+            layerControlToolsExpand: true,
+            ...(layerConfig && {
+              layerConfig: {
+                ...layerConfig,
+                style,
+              },
+            }),
+            ...extraProperties,
+          },
         });
         break;
       }

package/widgets/EodashStacInfo.vue

@@ -25,17 +25,38 @@ const { allowHtml, featured, footer, header, body, tags } = defineProps({
   },
 
   header: {
-    /** @type {import("vue").PropType<string[]>}  */
+    /** 
+     * @type {import("vue").PropType<
+     *   (string | { 
+     *     key: string, 
+     *     filter?: (item: any) => boolean 
+     *   })[]
+     * >} 
+    */
     type: Array,
     default: () => ["title"],
   },
   tags: {
-    /** @type {import("vue").PropType<string[]>}  */
+    /** 
+     * @type {import("vue").PropType<
+     *   (string | { 
+     *     key: string, 
+     *     filter?: (item: any) => boolean 
+     *   })[]
+     * >} 
+    */
     type: Array,
     default: () => ["themes"],
   },
   body: {
-    /** @type {import("vue").PropType<string[]>}  */
+    /** 
+     * @type {import("vue").PropType<
+     *   (string | { 
+     *     key: string, 
+     *     filter?: (item: any) => boolean 
+     *   })[]
+     * >} 
+    */
     type: Array,
     default: () => [
       "satellite",
@@ -47,12 +68,26 @@ const { allowHtml, featured, footer, header, body, tags } = defineProps({
     ],
   },
   featured: {
-    /** @type {import("vue").PropType<string[]>}  */
+    /** 
+     * @type {import("vue").PropType<
+     *   (string | { 
+     *     key: string, 
+     *     filter?: (item: any) => boolean 
+     *   })[]
+     * >} 
+    */
     type: Array,
     default: () => ["description", "providers", "assets", "links"],
   },
   footer: {
-    /** @type {import("vue").PropType<string[]>}  */
+    /** 
+     * @type {import("vue").PropType<
+     *   (string | { 
+     *     key: string, 
+     *     filter?: (item: any) => boolean 
+     *   })[]
+     * >} 
+    */
     type: Array,
     default: () => ["sci:citation", "sci:doi", "sci:publication"],
   },