@eodash/eodash 5.0.0-rc.2.5 → 5.0.0

package/dist/client/{EodashStacInfo-STq_bW7S.js → EodashStacInfo-DPPxDkF6.js}

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, unref } from 'vue';
 import '@eox/stacinfo';
-import { ak as currentUrl } from './asWebComponent-Df8nUiLs.js';
+import { ao as currentUrl } from './asWebComponent-CLhcT715.js';
 
 const _hoisted_1 = { class: "flex-grow-1 fill-height overflow-auto" };
 const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".styleOverride", ".header", ".subheader", ".tags"];
@@ -34,26 +34,32 @@ main {padding-bottom: 10px;}
 .footer-container small {font-size:10px;line-height:1;}`,
   },
   header: {
+    /** @type {import("vue").PropType<string[]>}  */
     type: Array,
     default: () => ["title"],
   },
   tags: {
+    /** @type {import("vue").PropType<string[]>}  */
     type: Array,
     default: () => ["themes"],
   },
   subheader: {
+    /** @type {import("vue").PropType<string[]>}  */
     type: Array,
     default: () => [],
   },
   body: {
+    /** @type {import("vue").PropType<string[]>}  */
     type: Array,
     default: () => ["satellite", "sensor", "agency", "extent"],
   },
   featured: {
+    /** @type {import("vue").PropType<string[]>}  */
     type: Array,
     default: () => ["description", "providers", "assets", "links"],
   },
   footer: {
+    /** @type {import("vue").PropType<string[]>}  */
     type: Array,
     default: () => ["sci:citation"],
   },

package/dist/client/{EodashTools-uxSuJhVJ.js → EodashTools-CUaL9s4H.js}

@@ -1,9 +1,9 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, withCtx, mergeProps } from 'vue';
-import _sfc_main$2 from './PopUp-D3IyjsN4.js';
-import _sfc_main$3 from './EodashItemFilter-127fZLyK.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-DwexHfOD.js';
+import _sfc_main$2 from './PopUp-BfB8s_ki.js';
+import _sfc_main$3 from './EodashItemFilter-DlQiE713.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-CDeCV8F-.js';
 import { mdiViewDashboard, mdiPlus } from '@mdi/js';
-import { r as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent-Df8nUiLs.js';
+import { r as useDisplay, a1 as makePanelTransparent, V as VBtn } from './asWebComponent-CLhcT715.js';
 
 const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
 
@@ -33,6 +33,7 @@ const _sfc_main = {
     default: "Select indicator",
   },
   itemFilterConfig: {
+    /** @type {import("vue").PropType<InstanceType<import("./EodashItemFilter.vue").default>["$props"]>} */
     type: Object,
     default: () => {},
   },

package/dist/client/{ExportState-Ckcb6u01.js → ExportState-DjyIZVhl.js}

@@ -1,9 +1,9 @@
-import { createVNode, Fragment, computed, withDirectives, mergeProps, resolveDirective, toRef, mergeModels, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, unref, createElementBlock, createCommentVNode, renderList } from 'vue';
+import { createVNode, Fragment, toDisplayString, computed, withDirectives, mergeProps, resolveDirective, toRef, mergeModels, useModel, ref, createBlock, openBlock, withCtx, createElementVNode, createTextVNode, unref, createElementBlock, createCommentVNode, renderList } from 'vue';
 import { mdiClipboardCheckOutline, mdiContentCopy } from '@mdi/js';
-import _sfc_main$1 from './PopUp-D3IyjsN4.js';
-import { an as createSimpleFunctional, g as genericComponent, i as makeComponentProps, C as provideDefaults, a as useRender, p as propsFactory, h as makeTagProps, b as provideTheme, K as useBorder, ao as useVariant, A as useDensity, M as useRounded, ap as useSize, aq as genOverlays, v as VIcon, N as VDefaultsProvider, ar as makeVariantProps, f as makeThemeProps, as as makeSizeProps, O as makeRoundedProps, D as makeDensityProps, Q as makeBorderProps, y as IconValue, at as Ripple, H as useDimension, L as useElevation, au as useLoader, av as useLocation, aw as usePosition, ax as useLink, ay as makeRouterProps, az as makePositionProps, aA as makeLocationProps, aB as makeLoaderProps, P as makeElevationProps, J as makeDimensionProps, aC as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, aD as removeUnneededProperties, aE as VRow, aF as VCol, aG as copyToClipBoard, V as VBtn, ai as getLayers, ad as mapPosition, ae as availableMapProjection } from './asWebComponent-Df8nUiLs.js';
-import { a as VExpandTransition } from './index-Bt5GEGxl.js';
-import { V as VImg } from './VImg-BmCNSu3X.js';
+import _sfc_main$1 from './PopUp-BfB8s_ki.js';
+import { ar as createSimpleFunctional, g as genericComponent, i as makeComponentProps, C as provideDefaults, a as useRender, p as propsFactory, h as makeTagProps, b as provideTheme, K as useBorder, as as useVariant, A as useDensity, M as useRounded, at as useSize, au as genOverlays, v as VIcon, N as VDefaultsProvider, av as makeVariantProps, f as makeThemeProps, aw as makeSizeProps, O as makeRoundedProps, D as makeDensityProps, Q as makeBorderProps, y as IconValue, ax as Ripple, H as useDimension, L as useElevation, ay as useLoader, az as useLocation, aA as usePosition, aB as useLink, aC as makeRouterProps, aD as makePositionProps, aE as makeLocationProps, aF as makeLoaderProps, P as makeElevationProps, J as makeDimensionProps, aG as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, aH as removeUnneededProperties, aI as VRow, aJ as VCol, aK as copyToClipBoard, V as VBtn, al as getLayers, ad as mapPosition, af as availableMapProjection } from './asWebComponent-CLhcT715.js';
+import { a as VExpandTransition } from './index-Bm9cbtx5.js';
+import { V as VImg } from './VImg-FD1WVphJ.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
@@ -138,8 +138,14 @@ const makeCardItemProps = propsFactory({
   appendIcon: IconValue,
   prependAvatar: String,
   prependIcon: IconValue,
-  subtitle: [String, Number],
-  title: [String, Number],
+  subtitle: {
+    type: [String, Number, Boolean],
+    default: undefined
+  },
+  title: {
+    type: [String, Number, Boolean],
+    default: undefined
+  },
   ...makeComponentProps(),
   ...makeDensityProps()
 }, 'VCardItem');
@@ -189,11 +195,11 @@ const VCardItem = genericComponent()({
       }, [hasTitle && createVNode(VCardTitle, {
         "key": "title"
       }, {
-        default: () => [slots.title?.() ?? props.title]
+        default: () => [slots.title?.() ?? toDisplayString(props.title)]
       }), hasSubtitle && createVNode(VCardSubtitle, {
         "key": "subtitle"
       }, {
-        default: () => [slots.subtitle?.() ?? props.subtitle]
+        default: () => [slots.subtitle?.() ?? toDisplayString(props.subtitle)]
       }), slots.default?.()]), hasAppend && createVNode("div", {
         "key": "append",
         "class": "v-card-item__append"
@@ -263,9 +269,18 @@ const makeVCardProps = propsFactory({
     type: [Boolean, Object],
     default: true
   },
-  subtitle: [String, Number],
-  text: [String, Number],
-  title: [String, Number],
+  subtitle: {
+    type: [String, Number, Boolean],
+    default: undefined
+  },
+  text: {
+    type: [String, Number, Boolean],
+    default: undefined
+  },
+  title: {
+    type: [String, Number, Boolean],
+    default: undefined
+  },
   ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),

package/dist/client/{Footer-C8JP-coH.js → Footer-DyL0JoWt.js}

@@ -1,5 +1,5 @@
 import { ref, toRef, shallowRef, computed, watchEffect, createVNode, inject, createBlock, openBlock, unref, withCtx, createElementVNode, toDisplayString } from 'vue';
-import { g as genericComponent, p as propsFactory, b as provideTheme, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, s as useResizeObserver, T as useToggleScope, U as useLayoutItem, a as useRender, q as convertToUnit, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, W as makeLayoutItemProps, P as makeElevationProps, i as makeComponentProps, Q as makeBorderProps, _ as _export_sfc, X as eodashKey, r as useDisplay } from './asWebComponent-Df8nUiLs.js';
+import { g as genericComponent, p as propsFactory, b as provideTheme, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, s as useResizeObserver, T as useToggleScope, U as useLayoutItem, a as useRender, q as convertToUnit, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, W as makeLayoutItemProps, P as makeElevationProps, i as makeComponentProps, Q as makeBorderProps, _ as _export_sfc, X as eodashKey, r as useDisplay } from './asWebComponent-CLhcT715.js';
 
 const makeVFooterProps = propsFactory({
   app: Boolean,

package/dist/client/{Header-Dxx7q9FW.js → Header-B5Dgty9l.js}

@@ -1,7 +1,7 @@
 import { createVNode, toRef, shallowRef, computed, ref, watch, onMounted, onBeforeUnmount, watchEffect, mergeProps, inject, createBlock, openBlock, withCtx, createTextVNode, toDisplayString, unref } from 'vue';
-import { p as propsFactory, g as genericComponent, h as makeTagProps, i as makeComponentProps, a as useRender, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, b as provideTheme, c as useRtl, C as provideDefaults, N as VDefaultsProvider, q as convertToUnit, f as makeThemeProps, O as makeRoundedProps, P as makeElevationProps, Q as makeBorderProps, R as clamp, S as consoleWarn, j as useProxiedModel, T as useToggleScope, U as useLayoutItem, W as makeLayoutItemProps, _ as _export_sfc, X as eodashKey } from './asWebComponent-Df8nUiLs.js';
-import { a as VExpandTransition } from './index-Bt5GEGxl.js';
-import { V as VImg } from './VImg-BmCNSu3X.js';
+import { p as propsFactory, g as genericComponent, h as makeTagProps, i as makeComponentProps, a as useRender, B as useBackgroundColor, K as useBorder, L as useElevation, M as useRounded, b as provideTheme, c as useRtl, C as provideDefaults, N as VDefaultsProvider, q as convertToUnit, f as makeThemeProps, O as makeRoundedProps, P as makeElevationProps, Q as makeBorderProps, R as clamp, S as consoleWarn, j as useProxiedModel, T as useToggleScope, U as useLayoutItem, W as makeLayoutItemProps, _ as _export_sfc, X as eodashKey } from './asWebComponent-CLhcT715.js';
+import { a as VExpandTransition } from './index-Bm9cbtx5.js';
+import { V as VImg } from './VImg-FD1WVphJ.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
 
 const makeVToolbarTitleProps = propsFactory({

package/dist/client/{MobileLayout-BE19Peep.js → MobileLayout-CRsg_5Q4.js}

@@ -1,10 +1,10 @@
 import { ref, computed, createVNode, mergeProps, Fragment, shallowRef, watch, provide, withDirectives, resolveDirective, inject, vShow, nextTick, toRef, useCssVars, onMounted, createBlock, openBlock, withCtx, createElementBlock, Suspense, createCommentVNode, unref, resolveDynamicComponent, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-import { k as keys, g as genericComponent, p as propsFactory, u as useTextColor, a as useRender, V as VBtn, o as omit, m as makeVBtnProps, b as provideTheme, c as useRtl, d as useLocale, e as useGroup, f as makeThemeProps, h as makeTagProps, i as makeComponentProps, j as useProxiedModel, l as useGroupItem, n as makeGroupItemProps, q as convertToUnit, r as useDisplay, s as useResizeObserver, t as useGoTo, I as IN_BROWSER, v as VIcon, w as makeGroupProps, x as makeDisplayProps, y as IconValue, z as focusableChildren, A as useDensity, B as useBackgroundColor, C as provideDefaults, D as makeDensityProps, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-Df8nUiLs.js';
-import { V as VMain } from './VMain-eZDKIfmJ.js';
-import { f as forwardRefs, a as animate, s as standardEasing, u as useLazy, m as makeLazyProps, b as useScopeId } from './forwardRefs-lhDuXD-N.js';
+import { k as keys, g as genericComponent, p as propsFactory, u as useTextColor, a as useRender, V as VBtn, o as omit, m as makeVBtnProps, b as provideTheme, c as useRtl, d as useLocale, e as useGroup, f as makeThemeProps, h as makeTagProps, i as makeComponentProps, j as useProxiedModel, l as useGroupItem, n as makeGroupItemProps, q as convertToUnit, r as useDisplay, s as useResizeObserver, t as useGoTo, I as IN_BROWSER, v as VIcon, w as makeGroupProps, x as makeDisplayProps, y as IconValue, z as focusableChildren, A as useDensity, B as useBackgroundColor, C as provideDefaults, D as makeDensityProps, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-CLhcT715.js';
+import { V as VMain } from './VMain-DJKG4SvM.js';
+import { f as forwardRefs, a as animate, s as standardEasing, u as useLazy, m as makeLazyProps, b as useScopeId } from './forwardRefs-Bon_Kku1.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
-import { M as MaybeTransition } from './transition-DHEuQX4I.js';
-import { V as VFadeTransition } from './index-Bt5GEGxl.js';
+import { M as MaybeTransition } from './transition-C5I57hn6.js';
+import { V as VFadeTransition } from './index-Bm9cbtx5.js';
 
 // Utilities
 const handleGesture = wrapper => {

package/dist/client/{PopUp-D3IyjsN4.js → PopUp-BfB8s_ki.js}

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, ref, onBeforeUnmount, watch, nextTick, toRef, mergeModels, useModel, createElementBlock, openBlock, withCtx, createBlock, createCommentVNode, resolveDynamicComponent, unref, renderSlot } from 'vue';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, I as IN_BROWSER, a as useRender, z as focusableChildren, N as VDefaultsProvider, b as provideTheme, B as useBackgroundColor, K as useBorder, H as useDimension, L as useElevation, av as useLocation, aw as usePosition, M as useRounded, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, az as makePositionProps, aA as makeLocationProps, P as makeElevationProps, J as makeDimensionProps, i as makeComponentProps, Q as makeBorderProps, aJ as useDefineWidgets } from './asWebComponent-Df8nUiLs.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BS-E4Z6g.js';
-import { a as animate, g as getTargetBox, n as nullifyTransforms, c as acceleratedEasing, d as deceleratedEasing, s as standardEasing, b as useScopeId, f as forwardRefs } from './forwardRefs-lhDuXD-N.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, I as IN_BROWSER, a as useRender, z as focusableChildren, N as VDefaultsProvider, b as provideTheme, B as useBackgroundColor, K as useBorder, H as useDimension, L as useElevation, az as useLocation, aA as usePosition, M as useRounded, f as makeThemeProps, h as makeTagProps, O as makeRoundedProps, aD as makePositionProps, aE as makeLocationProps, P as makeElevationProps, J as makeDimensionProps, i as makeComponentProps, Q as makeBorderProps, aN as useDefineWidgets } from './asWebComponent-CLhcT715.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BzOdRu9h.js';
+import { a as animate, g as getTargetBox, n as nullifyTransforms, c as acceleratedEasing, d as deceleratedEasing, s as standardEasing, b as useScopeId, f as forwardRefs } from './forwardRefs-Bon_Kku1.js';
 
 // Utilities
 const makeVDialogTransitionProps = propsFactory({

package/dist/client/ProcessList-DTefwQZx.js

@@ -0,0 +1,484 @@
+import { ref, createVNode, toRefs, onMounted, createElementBlock, openBlock, createBlock, createCommentVNode, unref, withCtx, createElementVNode, Fragment, renderList, toDisplayString, withDirectives } from 'vue';
+import { mdiUploadBox, mdiDownloadBox, mdiTrashCanOutline } from '@mdi/js';
+import { ai as axios, ak as extractLayerConfig, am as axios$1, aj as indicator, al as getLayers, a3 as mapEl, g as genericComponent, p as propsFactory, b as provideTheme, A as useDensity, a as useRender, f as makeThemeProps, h as makeTagProps, D as makeDensityProps, i as makeComponentProps, q as convertToUnit, Z as useSTAcStore, V as VBtn } from './asWebComponent-CLhcT715.js';
+import { isMulti } from '@eox/jsonform/src/custom-inputs/spatial/utils';
+import log from 'loglevel';
+import { T as Tooltip } from './index-4CT7Tz83.js';
+
+/**
+ * @param {Record<string,any> |null} [jsonformSchema]
+ **/
+function getBboxProperty(jsonformSchema) {
+  return /** @type {string} */ (
+    Object.keys(jsonformSchema?.properties ?? {}).find(
+      (key) => jsonformSchema?.properties[key].format === "bounding-box",
+    )
+  );
+}
+
+/**
+ * Extracts the keys of type "geojson" from the jsonform schema
+ * @param {Record<string,any> |null} [jsonformSchema]
+ **/
+function getGeoJsonProperties(jsonformSchema) {
+  return /** @type {string[]} */ (
+    Object.keys(jsonformSchema?.properties ?? {}).filter(
+      (key) => jsonformSchema?.properties[key].type === "geojson",
+    )
+  );
+}
+
+/**
+ * Converts jsonform geojson values to stringified geometries
+ * @param {Record<string,any> |null} [jsonformSchema]
+ * @param {Record<string,any>} jsonformValue
+ **/
+function extractGeometries(jsonformValue, jsonformSchema) {
+  const geojsonKeys = getGeoJsonProperties(jsonformSchema);
+
+  for (const key of geojsonKeys) {
+    if (!jsonformValue[key]) {
+      continue;
+    }
+
+    if (isMulti(jsonformSchema?.properties[key])) {
+      // jsonformValue[key] is a feature collection
+      jsonformValue[key] =
+        /** @type {import("ol/format/GeoJSON").GeoJSONFeatureCollection} */ (
+          jsonformValue[key]
+        ).features.map((feature) => JSON.stringify(feature.geometry));
+    } else {
+      // jsonformValue[key] is a single feature
+      jsonformValue[key] = JSON.stringify(jsonformValue[key].geometry);
+    }
+  }
+}
+
+/**
+ *
+ * @param {*} link
+ * @param {*} layerId
+ * @param {string[]} urls
+ * @param {*} projection
+ * @param {*} processId
+ * @returns
+ */
+async function createLayerDefinition(
+  link,
+  layerId,
+  urls,
+  projection,
+  processId,
+) {
+  let flatStyleJSON = null;
+  if ("eox:flatstyle" in (link ?? {})) {
+    flatStyleJSON = await axios
+      .get(/** @type {string} */ (link["eox:flatstyle"]))
+      .then((resp) => resp.data);
+  }
+
+  /** @type {Record<string,any>|undefined} */
+  let layerConfig;
+  /** @type {Record<string,any>|undefined} */
+  let style;
+  if (flatStyleJSON) {
+    const extracted = extractLayerConfig(layerId ?? "", flatStyleJSON);
+    layerConfig = extracted.layerConfig;
+    style = extracted.style;
+  }
+  // We want to make sure the urls are alphabetically sorted
+  urls = urls.sort();
+  const layerdef =
+    urls.length > 0
+      ? {
+          type: "WebGLTile",
+          source: {
+            type: "GeoTIFF",
+            normalize: !style,
+            sources: urls.map((url) => ({ url })),
+          },
+          properties: {
+            id: layerId + "_geotiff_process" + processId,
+            title: "Results " + layerId,
+            ...(layerConfig && { layerConfig: layerConfig }),
+            layerControlToolsExpand: true,
+          },
+          ...(style && { style: style }),
+        }
+      : undefined;
+
+  // We want to see if the currently selected indicator uses a
+  // specific map projection if it does we want to apply it
+  if (projection && layerdef) {
+    //@ts-expect-error TODO
+    layerdef.source.projection = projection;
+  }
+  return layerdef;
+}
+/**
+ * @param {string} fileName
+ * @param {string|Record<string,any>} content
+ * @returns
+ */
+const download = (fileName, content) => {
+  if (!content) {
+    return;
+  }
+  let url = /** @type string */ (content);
+  if (typeof content === "object") {
+    content = JSON.stringify(content);
+    const blob = new Blob([content], { type: "text" });
+    url = URL.createObjectURL(blob);
+  }
+  const link = document.createElement("a");
+  if (confirm(`Would you like to download ${fileName}?`)) {
+    link.href = url;
+    link.download = fileName;
+    link.click();
+  }
+  URL.revokeObjectURL(url);
+  link.remove();
+};
+
+/**
+ * The list of job result from the server
+ * {job_start_datetime: string, job_end_datetime: string,status: string}
+ *  @type {import("vue").Ref<any[]>}
+ **/
+const jobs = ref([]);
+
+/**
+ * Polls the process status and fetches a result item when the process is successful.
+ *
+ * @param {Object} params - Parameters for polling the process status.
+ * @param {string} params.processUrl - The URL of the process JSON report.
+ * @param {import("vue").Ref<boolean>} params.isPolling - checks wether the polling should continue
+ * @param {number} [params.pollInterval=5000] - The interval (in milliseconds) between polling attempts.
+ * @param {number} [params.maxRetries=60] - The maximum number of polling attempts.
+ * @returns {Promise<JSON>} The fetched results JSON.
+ * @throws {Error} If the process does not complete successfully within the maximum retries.
+ */
+async function pollProcessStatus({
+  processUrl,
+  isPolling,
+  pollInterval = 10000,
+  maxRetries = 560,
+}) {
+  let retries = 0;
+  isPolling.value = true;
+  setTimeout(() => {
+    updateJobsStatus(jobs, indicator);
+  }, 500);
+  while (retries < maxRetries && isPolling.value) {
+    try {
+      // Fetch the process JSON report
+      const cacheBuster = new Date().getTime(); // Add a timestamp for cache busting
+      const response = await axios$1.get(`${processUrl}?t=${cacheBuster}`);
+      const processReport = response.data;
+
+      // Check if the status is "successful"
+      if (processReport.status === "successful") {
+        console.log("Process completed successfully. Fetching result item...");
+
+        // Extract the result item URL
+        const resultsUrl = processReport.links[1].href;
+        if (!resultsUrl) {
+          throw new Error(`Result links not found in the process report.`);
+        }
+
+        // Fetch the result item
+        const resultResponse = await axios$1.get(resultsUrl);
+        console.log("Result file fetched successfully:", resultResponse.data);
+        return resultResponse.data; // Return the json result list
+      }
+      if (processReport.status === "failed") {
+        isPolling.value = false;
+        throw new Error("Process failed.", processReport);
+      }
+
+      // Log the current status if not successful
+      console.log(
+        `Status: ${processReport.status}. Retrying in ${pollInterval / 1000} seconds...`,
+      );
+    } catch (error) {
+      if (error instanceof Error) {
+        console.error("Error while polling process status:", error.message);
+      } else {
+        console.error("Unknown error occurred:", error);
+      }
+    }
+
+    // Wait for the next poll
+    await new Promise((resolve) => setTimeout(resolve, pollInterval));
+    retries++;
+  }
+  if (!isPolling.value) {
+    console.warn("Polling was stopped before the process was completed.");
+    return JSON.parse("{}");
+  }
+
+  throw new Error(
+    "Max retries reached. Process did not complete successfully.",
+  );
+}
+
+/**
+ *
+ * @param {*} jobs
+ * @param {*} indicator
+ */
+async function updateJobsStatus(jobs, indicator) {
+  /** @type {string[]} */
+  const jobsUrls = JSON.parse(localStorage.getItem(indicator.value) || "[]");
+  const jobResults = await Promise.all(
+    jobsUrls.map((url) => fetch(url).then((response) => response.json())),
+  );
+  jobResults.sort((a, b) => {
+    return (
+      new Date(b.job_start_datetime).getTime() -
+      new Date(a.job_start_datetime).getTime()
+    );
+  });
+  jobs.value = jobResults;
+}
+
+/**
+ * Removes a job from the local storage and updates the job status
+ * @param {*} jobObject
+ */
+const deleteJob = async (jobObject) => {
+  /** @type {string[]} */
+  const jobsUrls = JSON.parse(localStorage.getItem(indicator.value) || "[]");
+  const newJobs = jobsUrls.filter((url) => !url.includes(jobObject.jobID));
+  localStorage.setItem(indicator.value, JSON.stringify(newJobs));
+  updateJobsStatus(jobs, indicator);
+};
+
+/**
+ * Downloads an existing process results
+ *  @param {*} jobObject
+ * @param {*} selectedStac
+ */
+const downloadPreviousResults = async (jobObject, selectedStac) => {
+  /** @type {any[]} */
+  const results = [];
+  await fetch(jobObject.links[1].href)
+    .then((response) => response.json())
+    .then((data) => {
+      results.push(...data.urls);
+    });
+  results.forEach((result) => {
+    if (!result) {
+      return;
+    }
+    let fileName = "";
+    if (typeof result === "string") {
+      fileName = result.includes("/")
+        ? (result.split("/").pop() ?? "")
+        : result;
+      fileName = fileName.includes("?") ? fileName.split("?")[0] : fileName;
+    } else {
+      fileName = selectedStac?.id + "_process_results.json";
+    }
+    download(fileName, result);
+  });
+};
+
+/**
+ * Load the process results and update the map layers.
+ *
+ * @async
+ * @param {*} jobObject
+ * @param {*} selectedStac
+ */
+const loadProcess = async (jobObject, selectedStac) => {
+  /** @type {any[]} */
+  const results = [];
+  await axios$1
+    .get(jobObject.links[1].href)
+    .then((response) => results.push(response.data));
+
+  await loadPreviousProcess({
+    selectedStac,
+    results,
+    jobId: jobObject.jobID,
+  });
+};
+
+/**
+ * load a geotiff to the map from an existing process
+ *
+ * @param {Object} params
+ * @param {import("stac-ts").StacCollection | null} params.selectedStac
+ * @param {any[]} params.results
+ * @param {string} params.jobId
+ */
+async function loadPreviousProcess({ selectedStac, results, jobId }) {
+  const geotiffLinks = selectedStac?.links.filter(
+    (link) => link.rel === "service" && link.type === "image/tiff",
+  );
+  // const stacProjection = selectedStac
+  const geotiffLayer = await createLayerDefinition(
+    geotiffLinks?.[0],
+    selectedStac?.id ?? "",
+    results?.[0].urls,
+    //@ts-expect-error TODO
+    selectedStac?.["eodash:mapProjection"]?.["name"] ?? null,
+    jobId,
+  );
+
+  log.debug("rendered layers after loading previous process:", geotiffLayer);
+
+  if (geotiffLayer) {
+    const layers = [...(geotiffLayer ? [geotiffLayer] : [])];
+    let currentLayers = [...getLayers()];
+    let analysisGroup = currentLayers.find((l) =>
+      l.properties.id.includes("AnalysisGroup"),
+    );
+    analysisGroup?.layers.push(...layers);
+
+    if (mapEl.value) {
+      mapEl.value.layers = [...currentLayers];
+    }
+  }
+}
+
+const makeVTableProps = propsFactory({
+  fixedHeader: Boolean,
+  fixedFooter: Boolean,
+  height: [Number, String],
+  hover: Boolean,
+  ...makeComponentProps(),
+  ...makeDensityProps(),
+  ...makeTagProps(),
+  ...makeThemeProps()
+}, 'VTable');
+const VTable = genericComponent()({
+  name: 'VTable',
+  props: makeVTableProps(),
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      densityClasses
+    } = useDensity(props);
+    useRender(() => createVNode(props.tag, {
+      "class": ['v-table', {
+        'v-table--fixed-height': !!props.height,
+        'v-table--fixed-header': props.fixedHeader,
+        'v-table--fixed-footer': props.fixedFooter,
+        'v-table--has-top': !!slots.top,
+        'v-table--has-bottom': !!slots.bottom,
+        'v-table--hover': props.hover
+      }, themeClasses.value, densityClasses.value, props.class],
+      "style": props.style
+    }, {
+      default: () => [slots.top?.(), slots.default ? createVNode("div", {
+        "class": "v-table__wrapper",
+        "style": {
+          height: convertToUnit(props.height)
+        }
+      }, [createVNode("table", null, [slots.default()])]) : slots.wrapper?.(), slots.bottom?.()]
+    }));
+    return {};
+  }
+});
+
+const _hoisted_1 = { style: {"padding":"0px"} };
+const _hoisted_2 = { style: {"padding":"0px"} };
+const _hoisted_3 = { style: {"padding":"0px"} };
+
+
+const _sfc_main = {
+  __name: 'ProcessList',
+  setup(__props) {
+
+const { selectedStac } = toRefs(useSTAcStore());
+
+onMounted(() => updateJobsStatus(jobs, indicator));
+
+return (_ctx, _cache) => {
+                                                     
+                                                         
+                                                         
+
+  return (openBlock(), createElementBlock("div", null, [
+    (unref(jobs).length)
+      ? (openBlock(), createBlock(VTable, {
+          key: 0,
+          density: "compact",
+          style: {"background-color":"transparent"}
+        }, {
+          default: withCtx(() => [
+            _cache[0] || (_cache[0] = createElementVNode("thead", null, [
+              createElementVNode("tr", null, [
+                createElementVNode("th", { class: "text-left" }, "Executed on"),
+                createElementVNode("th", { class: "text-left" }, "Status"),
+                createElementVNode("th", { class: "text-left" }),
+                createElementVNode("th", { class: "text-left" }),
+                createElementVNode("th", { class: "text-left" })
+              ])
+            ], -1 /* HOISTED */)),
+            createElementVNode("tbody", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(jobs), (item) => {
+                return (openBlock(), createElementBlock("tr", {
+                  key: item.date
+                }, [
+                  createElementVNode("td", null, toDisplayString(new Date(item.job_start_datetime).toISOString().slice(0, 16)), 1 /* TEXT */),
+                  createElementVNode("td", null, toDisplayString(item.status), 1 /* TEXT */),
+                  createElementVNode("td", _hoisted_1, [
+                    withDirectives(createVNode(VBtn, {
+                      disabled: item.status !== 'successful',
+                      color: "primary",
+                      onClick: $event => (unref(loadProcess)(item, unref(selectedStac))),
+                      icon: [unref(mdiUploadBox)],
+                      variant: "text"
+                    }, null, 8 /* PROPS */, ["disabled", "onClick", "icon"]), [
+                      [Tooltip, 'Load results to map']
+                    ])
+                  ]),
+                  createElementVNode("td", _hoisted_2, [
+                    withDirectives(createVNode(VBtn, {
+                      disabled: item.status !== 'successful',
+                      color: "primary",
+                      onClick: $event => (unref(downloadPreviousResults)(item, unref(selectedStac))),
+                      icon: [unref(mdiDownloadBox)],
+                      variant: "text"
+                    }, null, 8 /* PROPS */, ["disabled", "onClick", "icon"]), [
+                      [Tooltip, 'Download results']
+                    ])
+                  ]),
+                  createElementVNode("td", _hoisted_3, [
+                    withDirectives(createVNode(VBtn, {
+                      color: "#ff5252",
+                      onClick: $event => (unref(deleteJob)(item)),
+                      icon: [unref(mdiTrashCanOutline)],
+                      variant: "text"
+                    }, null, 8 /* PROPS */, ["onClick", "icon"]), [
+                      [Tooltip, 'Remove job']
+                    ])
+                  ])
+                ]))
+              }), 128 /* KEYED_FRAGMENT */))
+            ])
+          ]),
+          _: 1 /* STABLE */
+        }))
+      : createCommentVNode("v-if", true)
+  ]))
+}
+}
+
+};
+
+const ProcessList = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: _sfc_main
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { ProcessList as P, _sfc_main as _, createLayerDefinition as c, download as d, extractGeometries as e, getBboxProperty as g, jobs as j, pollProcessStatus as p, updateJobsStatus as u };