@eodash/eodash 5.5.2 → 5.6.1

package/dist/types/widgets/EodashProcess/types.d.ts

@@ -4,6 +4,7 @@ export interface CustomEnpointInput {
     links: StacLink[];
     jsonformSchema: Record<string, any>;
     jsonformValue: Record<string, any>;
+    rawJsonformValue?: Record<string, any>;
     selectedStac: StacCollection;
     isPolling?: Ref<boolean>;
     enableCompare?: boolean;

package/dist/types/widgets/EodashStacInfo.vue.d.ts

@@ -6,28 +6,78 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     header: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     tags: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     body: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     featured: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     footer: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -36,35 +86,100 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     header: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     tags: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     body: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     featured: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
     footer: {
-        /** @type {import("vue").PropType<string[]>}  */
-        type: import("vue").PropType<string[]>;
+        /**
+         * @type {import("vue").PropType<
+         *   (string | {
+         *     key: string,
+         *     filter?: (item: any) => boolean
+         *   })[]
+         * >}
+         */
+        type: import("vue").PropType<(string | {
+            key: string;
+            filter?: (item: any) => boolean;
+        })[]>;
         default: () => string[];
     };
 }>> & Readonly<{}>, {
-    body: string[];
-    footer: string[];
-    header: string[];
+    body: (string | {
+        key: string;
+        filter?: (item: any) => boolean;
+    })[];
+    footer: (string | {
+        key: string;
+        filter?: (item: any) => boolean;
+    })[];
+    header: (string | {
+        key: string;
+        filter?: (item: any) => boolean;
+    })[];
     allowHtml: boolean;
-    tags: string[];
-    featured: string[];
+    tags: (string | {
+        key: string;
+        filter?: (item: any) => boolean;
+    })[];
+    featured: (string | {
+        key: string;
+        filter?: (item: any) => boolean;
+    })[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.5.2",
+  "version": "5.6.1",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -70,69 +70,69 @@
   },
   "dependencies": {
     "@eox/chart": "^1.1.0",
-    "@eox/drawtools": "^1.1.5",
+    "@eox/drawtools": "1.1.5",
     "@eox/geosearch": "^1.1.0",
-    "@eox/itemfilter": "^1.13.3",
-    "@eox/jsonform": "^1.8.0",
+    "@eox/itemfilter": "^1.14.0",
+    "@eox/jsonform": "^1.9.0",
     "@eox/layercontrol": "^1.4.0",
     "@eox/layout": "^1.0.0",
-    "@eox/map": "^2.0.2",
-    "@eox/stacinfo": "^1.0.2",
-    "@eox/timecontrol": "^2.1.1",
+    "@eox/map": "^2.2.0",
+    "@eox/stacinfo": "^1.1.0",
+    "@eox/timecontrol": "^2.1.2",
     "@eox/timeslider": "https://pkg.pr.new/EOX-A/EOxElements/@eox/timeslider@9873028",
-    "@eox/ui": "^0.5.1",
+    "@eox/ui": "^0.6.0",
     "@mdi/js": "^7.4.47",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vueuse/core": "^14.1.0",
+    "@vitejs/plugin-vue": "^6.0.4",
+    "@vueuse/core": "^14.2.1",
     "animated-details": "gist:2912bb049fa906671807415eb0e87188",
-    "axios": "^1.13.2",
-    "axios-cache-interceptor": "^1.10.0",
+    "axios": "^1.13.5",
+    "axios-cache-interceptor": "^1.11.4",
     "color-legend-element": "^1.3.0",
-    "commander": "^14.0.2",
-    "core-js": "^3.47.0",
-    "dotenv": "^17.2.3",
-    "hyparquet": "^1.23.3",
+    "commander": "^14.0.3",
+    "core-js": "^3.48.0",
+    "dotenv": "^17.3.1",
+    "hyparquet": "^1.25.0",
     "loglevel": "^1.9.2",
     "mustache": "^4.2.0",
     "pinia": "^3.0.4",
     "proj4": "^2.20.2",
-    "sass": "^1.97.1",
-    "stac-js": "^0.1.9",
+    "sass": "^1.97.3",
+    "stac-js": "^0.2.1",
     "stac-ts": "^1.0.4",
     "v-calendar": "3.0.0",
     "vega-embed": "^6.29.0",
     "vega-lite": "^5.23.0",
-    "vite": "^7.3.0",
-    "vite-plugin-vuetify": "^2.1.2",
-    "vue": "^3.5.25",
+    "vite": "^7.3.1",
+    "vite-plugin-vuetify": "^2.1.3",
+    "vue": "^3.5.29",
     "vuetify": "^3.11.4",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/types": "^7.28.5",
+    "@babel/types": "^7.29.0",
     "@eox/eslint-config": "^2.0.0",
     "@pinia/testing": "^1.0.3",
     "@types/json-schema": "^7.0.15",
     "@types/mustache": "^4.2.6",
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.3.1",
     "@types/openlayers": "^4.6.23",
     "@types/webfontloader": "^1.6.38",
-    "cypress": "^15.8.1",
+    "cypress": "^15.11.0",
     "eslint": "^9.39.2",
     "eslint-plugin-vue": "^9.33.0",
-    "pkg-pr-new": "^0.0.62",
-    "prettier": "^3.7.4",
-    "rollup": "^4.54.0",
+    "pkg-pr-new": "^0.0.63",
+    "prettier": "^3.8.1",
+    "rollup": "^4.59.0",
     "terminate": "^2.8.0",
     "tsc-alias": "^1.8.16",
-    "typedoc": "^0.28.15",
-    "typedoc-plugin-markdown": "^4.9.0",
+    "typedoc": "^0.28.17",
+    "typedoc-plugin-markdown": "^4.10.0",
     "typedoc-plugin-vue": "^1.5.1",
     "typedoc-vitepress-theme": "^1.1.2",
     "typescript": "^5.9.3",
     "vitepress": "^1.6.4",
-    "vitest": "^4.0.16",
-    "vue-tsc": "3.1.8"
+    "vitest": "^4.0.18",
+    "vue-tsc": "3.2.5"
   },
   "engines": {
     "node": ">=20.15.1"

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/index.vue

@@ -60,7 +60,7 @@ import {
   compareChartSpec,
   areChartsSeparateLayout,
 } from "@/store/states";
-import { download, getDrawToolsProperty } from "./methods/utils";
+import { download, getDrawToolsProperties } from "./methods/utils";
 import { compareJobs, jobs } from "./states";
 import { mdiCogPlayOutline, mdiDownloadCircleOutline } from "@mdi/js";
 
@@ -111,13 +111,15 @@ const currentIndicator = enableCompare ? compareIndicator : indicator;
 const currentJobs = enableCompare ? compareJobs : jobs;
 
 const jsonformKey = computed(
-  () => currentIndicator.value + mapElement.value?.id,
+  () =>
+    currentIndicator.value +
+    mapElement.value?.id +
+    JSON.stringify(jsonformSchema.value),
 );
 
 useInitProcess({
   selectedStac: currentSelectedStac,
   mapElement: mapElement.value,
-  jsonformEl,
   jsonformSchema,
   isProcessed,
   processResults,
@@ -144,15 +146,17 @@ const downloadResults = () => {
 };
 
 const startProcess = async () => {
-  const drawToolsProperty = getDrawToolsProperty(jsonformSchema.value);
-  const propertyIsEmpty =
-    drawToolsProperty &&
-    //@ts-expect-error jsonfrom.value is not typed
-    Array.isArray(jsonformEl.value?.value[drawToolsProperty]) &&
-    //@ts-expect-error jsonfrom.value is not typed
-    !jsonformEl.value?.value[drawToolsProperty].length;
-
-  if (propertyIsEmpty) {
+  const drawToolsProperties = getDrawToolsProperties(jsonformSchema.value);
+
+  const anyDrawtoolPropertyEmpty = drawToolsProperties.some(
+    (drawToolsProperty) =>
+      //@ts-expect-error jsonfrom.value is not typed
+      Array.isArray(jsonformEl.value?.value[drawToolsProperty]) &&
+      //@ts-expect-error jsonfrom.value is not typed
+      !jsonformEl.value?.value[drawToolsProperty].length,
+  );
+
+  if (anyDrawtoolPropertyEmpty) {
     isProcessed.value = false;
     const usedChartSpec = enableCompare ? compareChartSpec : chartSpec;
     usedChartSpec.value = null;

package/widgets/EodashProcess/methods/composables.js

@@ -3,7 +3,6 @@ import { useEventBus } from "@vueuse/core";
 import { nextTick, onMounted, watch } from "vue";
 import { eoxLayersKey } from "@/utils/keys";
 import { useOnLayersUpdate } from "@/composables";
-
 /**
  * Composable resposible of timing the Initialization of the process
  *
@@ -11,7 +10,6 @@ import { useOnLayersUpdate } from "@/composables";
  * @async
  * @param {Object} params
  * @param {import("vue").Ref<import("stac-ts").StacCollection | null>} params.selectedStac
- * @param {import("vue").Ref<import("@eox/jsonform").EOxJSONForm | null>} params.jsonformEl
  * @param {import("vue").Ref<Record<string,any> | null>} params.jsonformSchema
  * @param {import("vue").Ref<any[]>} params.processResults
  * @param {import("vue").Ref<boolean>} params.isProcessed
@@ -21,7 +19,6 @@ import { useOnLayersUpdate } from "@/composables";
  */
 export const useInitProcess = ({
   selectedStac,
-  jsonformEl,
   jsonformSchema,
   isProcessed,
   processResults,
@@ -37,7 +34,6 @@ export const useInitProcess = ({
       await initProcess({
         enableCompare: mapElement?.id === "compare",
         selectedStac,
-        jsonformEl,
         jsonformSchema,
         isProcessed,
         processResults,
@@ -49,7 +45,6 @@ export const useInitProcess = ({
         await initProcess({
           enableCompare: mapElement?.id === "compare",
           selectedStac,
-          jsonformEl,
           jsonformSchema,
           isProcessed,
           loading,
@@ -59,9 +54,8 @@ export const useInitProcess = ({
       });
     }
   });
-
-  const evtKey =
-    mapElement?.id === "compare" ? "compareLayers:updated" : "layers:updated";
+  const enableCompare = mapElement?.id === "compare";
+  const evtKey = enableCompare ? "compareLayers:updated" : "layers:updated";
   useOnLayersUpdate(async (evt, _payload) => {
     if (
       evt == "layertime:updated" ||
@@ -69,19 +63,28 @@ export const useInitProcess = ({
       evt == "time:updated" ||
       evt == "compareTime:updated"
     ) {
-      await updateJsonformIdentifier({
-        jsonformSchema: jsonformSchema.value,
-        // @ts-expect-error TODO payload coming from time update events is not an object with layers property
-        newLayers: _payload,
-      });
+      const shouldMainJsonFormUpdate =
+        ["layertime:updated", "time:updated"].includes(evt) && !enableCompare;
+      const shouldCompareJsonFormUpdate =
+        ["compareLayertime:updated", "compareTime:updated"].includes(evt) &&
+        enableCompare;
+      // we need to update jsonform on time change in cases when the feature selection layer was time-based, so that it attaches to a correct new layer
+      if (shouldMainJsonFormUpdate || shouldCompareJsonFormUpdate) {
+        const newJsonForm = await updateJsonformIdentifier({
+          jsonformSchema: jsonformSchema.value,
+          // @ts-expect-error TODO payload coming from time update events is not an object with layers property
+          newLayers: _payload,
+          enableCompare,
+        });
+        jsonformSchema.value = newJsonForm;
+      }
     }
     if (evt !== evtKey) {
       return;
     }
     await initProcess({
-      enableCompare: mapElement?.id === "compare",
+      enableCompare,
       selectedStac,
-      jsonformEl,
       jsonformSchema,
       isProcessed,
       processResults,