@eodash/eodash 5.6.0 → 5.7.0

package/dist/types/widgets/EodashTimeSlider/index.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    filters: {
+        /** @type {import("vue").PropType<import("@eox/itemfilter").EOxItemFilter["filterProperties"]>} */
+        type: import("vue").PropType<import("@eox/itemfilter").EOxItemFilter["filterProperties"]>;
+        default: () => never[];
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    filters: {
+        /** @type {import("vue").PropType<import("@eox/itemfilter").EOxItemFilter["filterProperties"]>} */
+        type: import("vue").PropType<import("@eox/itemfilter").EOxItemFilter["filterProperties"]>;
+        default: () => never[];
+    };
+    animate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    animate: boolean;
+    filters: {
+        key?: string;
+        keys?: Array<string>;
+        title: string;
+        type: string;
+        placeholder?: string;
+        format?: string;
+        state?: any;
+    }[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/widgets/EodashTimeSlider/methods/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @param {string} stacEndpoint
+ * @param {[string, string]} selectedRange
+ * @param {import("../types").TimelineExportEventDetail["selectedRangeItems"]} selectedRangeItems
+ * @param {import("vue").Ref<import("stac-ts").StacCollection|null>} selectedStac
+ * @param {Record<string, import("../types").Filter>} filters
+ */
+export function createAnimationLayers(stacEndpoint: string, selectedRange: [string, string], selectedRangeItems: import("../types").TimelineExportEventDetail["selectedRangeItems"], selectedStac: import("vue").Ref<import("stac-ts").StacCollection | null>, filters: Record<string, import("../types").Filter>): Promise<{
+    layers: Record<string, any>[];
+    date: string;
+}[]>;
+/**
+ *
+ * @param {Record<string, any>[]} layers
+ * @returns {Record<string, any>[]}
+ */
+export function anonimizeLayersCORS(layers: Record<string, any>[]): Record<string, any>[];
+/**
+ * returns the list of layers that has visibility hidden
+ * @param {import("@eox/map").EoxLayer[]} layers
+ * @returns {{ collections: string[]; layers: string[] }}
+ */
+export function getHiddenLayers(layers: import("@eox/map").EoxLayer[]): {
+    collections: string[];
+    layers: string[];
+};
+/**
+ * Iterates through a list of layers and updates layer.properties.visible to true
+ * if it is set to false
+ * @param {import("@eox/map").EoxLayer[]} layers
+ * @returns {import("@eox/map").EoxLayer[]}
+ */
+export function restoreLayersVisibility(layers: import("@eox/map").EoxLayer[]): import("@eox/map").EoxLayer[];
+/**
+ * Build STAC API filter string from TimeSlider filters
+ * @param {Record<string, import("../types").Filter>} filters
+ * @returns {string}
+ */
+export function buildStacFilters(filters: Record<string, import("../types").Filter>): string;

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

@@ -0,0 +1,62 @@
+export interface TimelineSelectionEventDetail {
+    date: [string, string];
+    instances: {
+        layer: import("ol/layer/Layer").default;
+        source: import("ol/source/Source").default;
+    };
+    filters: Record<string, Filter>;
+    selectedItems: {
+        [layerId: string]: SelectedItem[];
+    };
+}
+export interface SelectedItem {
+    className: string;
+    date: string;
+    group: string;
+    id: string;
+    itemId: string;
+    local: string;
+    originalDate: string;
+    property: string;
+    start: string;
+    type: string;
+    utc: string;
+}
+export interface TimelineExportEventDetail {
+    eoxMapConfig: {
+        layers: Record<string, any>[];
+        zoom: number;
+        center: [number, number];
+    };
+    filters: Record<string, Filter>;
+    instances: {
+        layer: import("ol/layer/Layer").default;
+        source: import("ol/source/Source").default;
+    };
+    selectedRangeItems: {
+        [layerId: string]: SelectedItem[];
+    };
+    generate: (args: {
+        mapLayers: Array<{
+            layers: Record<string, any>[];
+            date: string;
+        }>;
+        center?: [number, number];
+        zoom?: number;
+    }) => Promise<void>;
+}
+export interface Filter {
+    key: string;
+    title: string;
+    type: "range" | "multiselect" | "select";
+    expanded: boolean;
+    min: number;
+    max: number;
+    step: number;
+    state: {
+        min: number;
+        max: number;
+    };
+    dirty: boolean;
+    stringifiedState: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -69,42 +69,42 @@
     "docs:generate": "npm run build:cli && npm run build:types && typedoc --options typedoc.config.json"
   },
   "dependencies": {
-    "@eox/chart": "^1.1.0",
-    "@eox/drawtools": "1.1.5",
-    "@eox/geosearch": "^1.1.0",
-    "@eox/itemfilter": "^1.14.0",
-    "@eox/jsonform": "^1.9.0",
-    "@eox/layercontrol": "^1.4.0",
+    "@eox/chart": "^1.2.0",
+    "@eox/drawtools": "^1.5.0",
+    "@eox/feedback": "^1.2.0",
+    "@eox/geosearch": "^1.2.0",
+    "@eox/itemfilter": "^1.16.0",
+    "@eox/jsonform": "^1.12.0",
+    "@eox/layercontrol": "^1.7.0",
     "@eox/layout": "^1.0.0",
-    "@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.6.0",
+    "@eox/map": "^2.5.1",
+    "@eox/stacinfo": "^1.2.0",
+    "@eox/timecontrol": "^2.4.0",
+    "@eox/ui": "^1.1.0",
     "@mdi/js": "^7.4.47",
-    "@vitejs/plugin-vue": "^6.0.4",
+    "@vitejs/plugin-vue": "^6.0.6",
     "@vueuse/core": "^14.2.1",
     "animated-details": "gist:2912bb049fa906671807415eb0e87188",
-    "axios": "^1.13.5",
-    "axios-cache-interceptor": "^1.11.4",
+    "axios": "^1.15.2",
+    "axios-cache-interceptor": "^1.12.0",
     "color-legend-element": "^1.3.0",
     "commander": "^14.0.3",
-    "core-js": "^3.48.0",
-    "dotenv": "^17.3.1",
-    "hyparquet": "^1.25.0",
+    "core-js": "^3.49.0",
+    "dotenv": "^17.4.2",
+    "hyparquet": "^1.25.6",
     "loglevel": "^1.9.2",
     "mustache": "^4.2.0",
     "pinia": "^3.0.4",
-    "proj4": "^2.20.2",
-    "sass": "^1.97.3",
-    "stac-js": "^0.2.1",
-    "stac-ts": "^1.0.4",
+    "proj4": "^2.20.8",
+    "sass": "^1.99.0",
+    "stac-js": "^0.4.2",
+    "stac-ts": "^1.0.5",
     "v-calendar": "3.0.0",
     "vega-embed": "^6.29.0",
     "vega-lite": "^5.23.0",
     "vite": "^7.3.1",
     "vite-plugin-vuetify": "^2.1.3",
-    "vue": "^3.5.29",
+    "vue": "^3.5.33",
     "vuetify": "^3.11.4",
     "webfontloader": "^1.6.28"
   },
@@ -114,25 +114,25 @@
     "@pinia/testing": "^1.0.3",
     "@types/json-schema": "^7.0.15",
     "@types/mustache": "^4.2.6",
-    "@types/node": "^25.3.1",
+    "@types/node": "^25.6.0",
     "@types/openlayers": "^4.6.23",
     "@types/webfontloader": "^1.6.38",
-    "cypress": "^15.11.0",
+    "cypress": "^15.14.1",
     "eslint": "^9.39.2",
     "eslint-plugin-vue": "^9.33.0",
-    "pkg-pr-new": "^0.0.63",
-    "prettier": "^3.8.1",
-    "rollup": "^4.59.0",
+    "pkg-pr-new": "^0.0.66",
+    "prettier": "^3.8.3",
+    "rollup": "^4.60.2",
     "terminate": "^2.8.0",
     "tsc-alias": "^1.8.16",
-    "typedoc": "^0.28.17",
-    "typedoc-plugin-markdown": "^4.10.0",
+    "typedoc": "^0.28.19",
+    "typedoc-plugin-markdown": "^4.11.0",
     "typedoc-plugin-vue": "^1.5.1",
     "typedoc-vitepress-theme": "^1.1.2",
     "typescript": "^5.9.3",
     "vitepress": "^1.6.4",
-    "vitest": "^4.0.18",
-    "vue-tsc": "3.2.5"
+    "vitest": "^4.1.5",
+    "vue-tsc": "3.2.7"
   },
   "engines": {
     "node": ">=20.15.1"

package/widgets/EodashLayerControl.vue

@@ -24,7 +24,7 @@
 <script setup>
 import "color-legend-element";
 import "@eox/timecontrol";
-import { computed, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import { mapEl, mapCompareEl } from "@/store/states";
 import { getColFromLayer } from "@/eodashSTAC/helpers";
 import {
@@ -36,6 +36,7 @@ import {
 import { storeToRefs } from "pinia";
 import { useSTAcStore } from "@/store/stac";
 import { bandsEditorInterface } from "@/utils/bands-editor";
+import { useEmitLayersUpdate } from "@/composables";
 
 if (!customElements.get("eox-layercontrol")) {
   await import("@eox/layercontrol");
@@ -70,6 +71,7 @@ const config = {
 };
 
 const { selectedCompareStac, selectedStac } = storeToRefs(useSTAcStore());
+
 const showControls = computed(() => {
   if (props.map === "second") {
     return mapCompareEl.value !== null && selectedCompareStac.value !== null;
@@ -84,9 +86,20 @@ const mapElement = props.map === "second" ? mapCompareEl : mapEl;
 /** @type { import("vue").Ref<HTMLElement & Record<string,any> | null>} */
 const eoxLayercontrol = ref(null);
 
+// eox-timecontrol re-fires datetime:updated after layer reassignment;
+// dedupe by (collectionId, datetime)
+const processedDatetimes = new Map();
+watch([selectedStac, selectedCompareStac], () => processedDatetimes.clear());
+
 /** @param {CustomEvent<{layer:import('ol/layer').Layer; datetime:string;}>} evt */
 const handleDatetimeUpdate = async (evt) => {
   const { layer, datetime } = evt.detail;
+  const collectionId = layer.get("id")?.split(";:;")[0] ?? layer.get("id");
+  if (processedDatetimes.get(collectionId) === datetime) return;
+  // First event per collection is eox-timecontrol's mount echo.
+  const isFirstEvent = !processedDatetimes.has(collectionId);
+  processedDatetimes.set(collectionId, datetime);
+  if (isFirstEvent) return;
 
   const ec = await getColFromLayer(eodashCols, layer);
 
@@ -97,9 +110,10 @@ const handleDatetimeUpdate = async (evt) => {
     updatedLayers = await ec.updateLayerJson(
       datetime,
       layer.get("id"),
-      props.map,
+      mapElement.value?.layers ?? [],
     );
   }
+  if (!updatedLayers?.length) return;
   /** @type {Record<String,any>[] | undefined} */
   const dataLayers = updatedLayers?.find(
     (l) => l?.properties?.id === "AnalysisGroup",
@@ -111,9 +125,14 @@ const handleDatetimeUpdate = async (evt) => {
       dl.properties.layerControlExpand = true;
       dl.properties.layerControlToolsExpand = true;
     });
-    // assign layers to the map
     /** @type {HTMLElement & Record<string,any>} */
     (mapElement.value).layers = updatedLayers;
+    // Emit after layer assignment so listeners resolve against the new layer.
+    await useEmitLayersUpdate(
+      props.map === "second" ? "compareLayertime:updated" : "layertime:updated",
+      mapElement.value,
+      updatedLayers,
+    );
   }
 };
 

package/widgets/EodashMap/EodashMapBtns.vue

@@ -80,6 +80,28 @@
         {{ isGlobe ? "switch to 2D" : "switch to 3D" }}
       </div>
     </button>
+    <button
+      v-if="enableFeedback && eodash?.brand?.feedback"
+      class="primary small circle small-elevate"
+      @click="showFeedback = !showFeedback"
+    >
+      <i class="small"
+        ><svg viewBox="0 0 24 24">
+          <path :d="mdiMessageQuestion" />
+        </svg>
+      </i>
+      <div class="tooltip left">Provide Feedback</div>
+    </button>
+    <div
+      v-if="showFeedback && enableFeedback && eodash?.brand?.feedback"
+      class="feedback-container small-elevate"
+    >
+      <eox-feedback
+        :endpoint="eodash?.brand?.feedback?.endpoint"
+        .schema="eodash?.brand?.feedback?.schema"
+        @close="showFeedback = false"
+      ></eox-feedback>
+    </div>
     <eox-geosearch
       v-if="mapEl && !isGlobe && enableSearch"
       :for="mapEl"
@@ -110,7 +132,7 @@
   </div>
 </template>
 <script setup>
-import { useTransparentPanel } from "@/composables";
+import { useTransparentPanel, useEodash } from "@/composables";
 import { changeMapProjection } from "@/store/actions";
 import {
   activeTemplate,
@@ -129,6 +151,7 @@ import {
   mdiPlus,
   mdiStarFourPointsCircleOutline,
   mdiEarth,
+  mdiMessageQuestion,
 } from "@mdi/js";
 import ExportState from "^/ExportState.vue";
 import { computed, ref } from "vue";
@@ -146,6 +169,12 @@ import {
 } from "./methods/btns";
 import "@eox/geosearch";
 
+if (!customElements.get("eox-feedback")) {
+  //@ts-expect-error will be fixed in https://github.com/EOX-A/EOxElements/pull/2238
+  await import("@eox/feedback");
+}
+const eodash = useEodash();
+
 const {
   compareIndicators,
   changeProjection,
@@ -155,6 +184,7 @@ const {
   enableZoom,
   searchParams,
   enableGlobe,
+  enableFeedback,
 } = defineProps({
   exportMap: {
     type: Boolean,
@@ -193,6 +223,10 @@ const {
     type: Boolean,
     default: true,
   },
+  enableFeedback: {
+    type: Boolean,
+    default: true,
+  },
 });
 
 const { smAndDown } = useDisplay();
@@ -200,6 +234,7 @@ const popupWidth = computed(() => (smAndDown.value ? "80%" : "70%"));
 const popupHeight = computed(() => (smAndDown.value ? "90%" : "70%"));
 
 const showMapState = ref(false);
+const showFeedback = ref(false);
 const isInCompareMode = computed(
   () =>
     activeTemplate.value ===
@@ -246,6 +281,16 @@ const opencageUrl = `https://api.opencagedata.com/geocode/v1/json?key=${opencage
   margin-bottom: 5px;
   background-color: var(--primary);
 }
+
+.feedback-container {
+  position: absolute;
+  right: 70px;
+  pointer-events: auto;
+  z-index: 20;
+  border-radius: 8px;
+  min-width: 300px;
+}
+
 /* Make sure buttons have pointer event */
 .geosearch-detached {
   pointer-events: auto !important;

package/widgets/EodashMap/index.vue

@@ -61,6 +61,7 @@
         :enableZoom="(indicator || compareIndicator || poi) ? btnsProps.enableZoom : false
         "
         :enableGlobe="(indicator || compareIndicator || poi) ? btnsProps.enableGlobe : false"
+        :enableFeedback="(indicator || compareIndicator || poi) ? btnsProps.enableFeedback : false"
         :searchParams="btnsProps.searchParams"
       />
     </div>
@@ -69,7 +70,7 @@
 <script setup>
 import "@eox/map";
 import "@eox/map/src/plugins/advancedLayersAndSources";
-import { computed, onMounted, ref, toRaw, useTemplateRef } from "vue";
+import { nextTick, computed, onMounted, ref, toRaw, useTemplateRef } from "vue";
 import {
   datetime,
   mapEl,
@@ -142,6 +143,7 @@ const props = defineProps({
      * searchParams?: object;
      * enableZoom?: boolean;
      * enableGlobe?: boolean;
+     * enableFeedback?: boolean;
      * enableCompareIndicators?: boolean | {
      *   compareTemplate?:string;
      *   fallbackTemplate?:string;
@@ -157,6 +159,7 @@ const props = defineProps({
       enableSearch: true,
       enableZoom: true,
       enableGlobe: true,
+      enableFeedback: true,
       searchParams: {},
     }),
   },
@@ -200,6 +203,7 @@ const btnsProps = computed(() => ({
   enableSearch: props.btns.enableSearch ?? true,
   enableZoom: props.btns.enableZoom ?? true,
   enableGlobe: props.btns.enableGlobe ?? true,
+  enableFeedback: props.btns.enableFeedback ?? true,
   searchParams: props.btns.searchParams,
 }));
 
@@ -241,7 +245,11 @@ const controls = computed(() => {
     controlsObj.MousePosition = {
       projection: "EPSG:4326",
       coordinateFormat: (/** @type {[number, number]} */ c) => {
-        return `${c[1].toFixed(3)} °N, ${c[0].toFixed(3)} °E`;
+        const lat = c[1];
+        const lng = c[0];
+        const latStr = `${Math.abs(lat).toFixed(3)}°${lat >= 0 ? "N" : "S"}`;
+        const lngStr = `${Math.abs(lng).toFixed(3)}°${lng >= 0 ? "E" : "W"}`;
+        return `${latStr}, ${lngStr}`;
       },
       target: cursorCoordsRef.value,
     };
@@ -276,10 +284,10 @@ const eoxMapCompareLayers = ref([
   },
 ]);
 
-const animationOptions = {
-  duration: 1200,
+const animationOptions = ref({
+  duration: 0, // Initially set to 0 for an instant "jump"
   easing: inAndOut,
-};
+});
 
 /** @type {import("vue").Ref<import("@eox/map").EOxMap | null>} */
 const eoxMap = ref(null);
@@ -330,6 +338,10 @@ onMounted(() => {
     props.zoomToExtent,
     selectedItem,
   );
+  // After the initial mount and "jump", set the animation duration for subsequent flyTo calls
+  nextTick(() => {
+    animationOptions.value.duration = 1200;
+  });
 });
 
 useUpdateTooltipProperties(eodashCollections, tooltipProperties);

package/widgets/EodashMap/methods/create-layers-config.js

@@ -10,6 +10,7 @@ import log from "loglevel";
  * } selectedIndicator
  * @param {EodashCollection[]} eodashCols
  * @param {string | import("stac-ts").StacItem | null} [timeOrItem] - time as a string, or a stac item
+ * @returns {Promise<Record<string, any>[]>}
  */
 
 export const createLayersConfig = async (
@@ -68,6 +69,7 @@ export const createLayersConfig = async (
         if (targetLayer) {
           if (Array.isArray(vl.roles) && vl.roles.includes("disable")) {
             targetLayer.properties.visible = false;
+            targetLayer.properties.layerControlExpand = false;
           } else if (Array.isArray(vl.roles) && vl.roles.includes("hidden")) {
             targetLayer.properties.layerControlHide = true;
           }

package/widgets/EodashMap/methods/index.js

@@ -83,6 +83,10 @@ export const useInitMap = (
   const watching = selectedItem
     ? [selectedIndicator, datetime, selectedItem]
     : [selectedIndicator, datetime];
+  // Tags datetime values we set ourselves so the watcher skips its own echo.
+  /** @type {string | null} */
+  let internalDatetime = null;
+
   const stopIndicatorWatcher = watch(
     watching,
     async (updated, previous) => {
@@ -96,6 +100,16 @@ export const useInitMap = (
         );
 
       if (updatedStac) {
+        if (
+          internalDatetime !== null &&
+          updatedTime === internalDatetime &&
+          updatedStac?.id === previousStac?.id &&
+          updatedItem?.id === previousItem?.id
+        ) {
+          internalDatetime = null;
+          return;
+        }
+
         log.debug(
           "Selected Indicator watch triggered",
           updatedStac,
@@ -145,7 +159,6 @@ export const useInitMap = (
             JSON.parse(JSON.stringify(layersCollection)),
           );
           mapLayers.value = layersCollection;
-
           useEmitLayersUpdate(
             mapElement.value?.id === "compare"
               ? "compareTime:updated"
@@ -167,22 +180,27 @@ export const useInitMap = (
             endInterval,
           );
         }
+        let resolvedTime = updatedItem ?? updatedTime;
         if (
           !updatedItem &&
           endInterval !== null &&
           endInterval.toISOString() !== datetime.value &&
           !isFirstLoad.value
         ) {
-          datetime.value = endInterval.toISOString();
+          resolvedTime = endInterval.toISOString();
+          internalDatetime = resolvedTime;
+          datetime.value = resolvedTime;
         } else if (isFirstLoad.value && !datetime.value && endInterval) {
-          datetime.value = endInterval.toISOString();
+          resolvedTime = endInterval.toISOString();
+          internalDatetime = resolvedTime;
+          datetime.value = resolvedTime;
         }
 
         /** @type {Record<string,any>[]} */
         layersCollection = await createLayersConfig(
           updatedStac,
           eodashCols,
-          updatedItem ?? updatedTime,
+          resolvedTime,
         );
 
         if (zoomToExtent) {
@@ -251,7 +269,7 @@ export const useUpdateTooltipProperties = (
    * @param {string} evt */
   const listenTo = (evt) =>
     enableCompare ? evt.includes("compare") : !evt.includes("compare");
-  useOnLayersUpdate(async (evt, _payload) => {
+  useOnLayersUpdate(async (evt) => {
     if (!listenTo(evt)) {
       return;
     }

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,
+  mapElement,
   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/async.js

@@ -106,16 +106,27 @@ export async function updateJobsStatus(jobs, indicator) {
     jobsUrls.map((url) =>
       axios
         .get(url, { params: { t: Date.now() } })
-        .then((response) => response.data),
+        .then((response) => response.data)
+        .catch((error) => {
+          if (axios.isAxiosError(error)) {
+            console.warn(
+              `Job URL not accessible: ${url}. Maybe was deleted from the processing endpoint or endpoint is unavailable. Skipping...`,
+            );
+            return null;
+          }
+          throw error;
+        }),
     ),
   );
-  jobResults.sort((a, b) => {
-    return (
-      new Date(b.job_start_datetime).getTime() -
-      new Date(a.job_start_datetime).getTime()
-    );
-  });
-  jobs.value.splice(0, jobs.value.length, ...jobResults);
+  const validResults = jobResults
+    .filter((job) => job !== null)
+    .sort((a, b) => {
+      return (
+        new Date(b.job_start_datetime).getTime() -
+        new Date(a.job_start_datetime).getTime()
+      );
+    });
+  jobs.value.splice(0, jobs.value.length, ...validResults);
 }
 
 /**