@eodash/eodash 5.0.0-rc.3 → 5.1.0

package/dist/client/{index-DvcUndod.js → index-BuhOHXKv.js}

@@ -1,5 +1,5 @@
-import { TransitionGroup, Transition, h, camelize } from 'vue';
-import { g as genericComponent, p as propsFactory } from './asWebComponent-BJ2NWunV.js';
+import { h, TransitionGroup, Transition, camelize } from 'vue';
+import { g as genericComponent, p as propsFactory } from './asWebComponent-By_7_JjS.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({
@@ -136,7 +136,6 @@ function ExpandTransitionGenerator () {
       el.style.overflow = 'hidden';
       const offset = `${el[offsetProperty]}px`;
       el.style[sizeProperty] = '0';
-      void el.offsetHeight; // force reflow
 
       el.style.transition = initialStyle.transition;
       if (expandedParentClass && el._parent) {
@@ -156,7 +155,6 @@ function ExpandTransitionGenerator () {
       };
       el.style.overflow = 'hidden';
       el.style[sizeProperty] = `${el[offsetProperty]}px`;
-      void el.offsetHeight; // force reflow
 
       requestAnimationFrame(() => el.style[sizeProperty] = '0');
     },

package/dist/client/{index-BQ16n4Sk.js → index-Ch_HchK3.js}

@@ -1,10 +1,10 @@
-import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, createElementBlock, openBlock, createElementVNode, unref, normalizeStyle } from 'vue';
+import { onMounted, onUnmounted, watch, ref, toRaw, computed, createElementBlock, openBlock, createElementVNode, unref, normalizeStyle } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { a8 as EodashCollection, a9 as eoxLayersKey, Z as useSTAcStore, aa as setMapProjFromCol, ab as posIsSetFromUrl, ac as useOnLayersUpdate, ad as mapPosition, a3 as mapEl, a2 as mapCompareEl, Y as datetime, $ as eodashCollections, a6 as layerControlFormValue, a5 as layerControlFormValueCompare, a4 as eodashCompareCollections } from './asWebComponent-BJ2NWunV.js';
+import { J as setMapProjFromCol, A as mapPosition, d as mapEl, H as mapCompareEl, x as datetime } from './helpers-Dy0Q13tP.js';
 import { storeToRefs } from 'pinia';
+import { a3 as EodashCollection, Y as useSTAcStore, a4 as useEmitLayersUpdate, a5 as isFirstLoad, a6 as useOnLayersUpdate, a2 as layerControlFormValue, a1 as layerControlFormValueCompare, a0 as eodashCompareCollections, $ as eodashCollections } from './asWebComponent-By_7_JjS.js';
 import log from 'loglevel';
-import { useEventBus } from '@vueuse/core';
 import mustache from 'mustache';
 
 /**
@@ -59,9 +59,10 @@ const createLayersConfig = async (
   const indicatorLayers =
     //@ts-expect-error indicator is collection
     await EodashCollection.getIndicatorLayers(selectedIndicator);
-  const geodbLayer = EodashCollection.getGeoDBLayer(eodashCols);
-  if (geodbLayer) {
-    dataLayers.layers.unshift(geodbLayer);
+  const observationPointsLayer =
+    EodashCollection.getObservationPointsLayer(eodashCols);
+  if (observationPointsLayer) {
+    dataLayers.layers.unshift(observationPointsLayer);
   }
   const baseLayers = {
     type: "Group",
@@ -183,9 +184,6 @@ const useHandleMapMoveEnd = (mapElement, mapPosition) => {
       !Number.isNaN(z)
     ) {
       mapPosition.value = [lonlat[0], lonlat[1], z];
-      if (posIsSetFromUrl.value) {
-        posIsSetFromUrl.value = false;
-      }
     }
   };
 
@@ -227,7 +225,6 @@ const useInitMap = (
     eodashCols.values,
     datetime.value,
   );
-  const layersEvent = useEventBus(eoxLayersKey);
 
   const stopIndicatorWatcher = watch(
     [selectedIndicator, datetime],
@@ -280,9 +277,14 @@ const useInitMap = (
             JSON.parse(JSON.stringify(layersCollection)),
           );
           mapLayers.value = layersCollection;
-          await nextTick(() => {
-            layersEvent.emit("time:updated", mapLayers.value);
-          });
+
+          useEmitLayersUpdate(
+            mapElement.value?.id === "compare"
+              ? "compareTime:updated"
+              : "time:updated",
+            mapElement.value,
+            layersCollection,
+          );
           return;
         }
 
@@ -306,7 +308,8 @@ const useInitMap = (
         }
         if (
           endInterval !== null &&
-          endInterval.toISOString() !== datetime.value
+          endInterval.toISOString() !== datetime.value &&
+          !isFirstLoad.value
         ) {
           datetime.value = endInterval.toISOString();
         }
@@ -317,7 +320,11 @@ const useInitMap = (
           if (
             mapElement?.value?.id === "main" &&
             updatedStac.extent?.spatial.bbox &&
-            !posIsSetFromUrl.value
+            !(
+              isFirstLoad.value &&
+              mapPosition.value?.[0] &&
+              mapPosition.value?.[1]
+            )
           ) {
             // Sanitize extent,
             const b = updatedStac.extent?.spatial.bbox[0];
@@ -337,9 +344,6 @@ const useInitMap = (
             (mapElement.value).zoomExtent = reprojExtent;
           }
         }
-        if (posIsSetFromUrl.value) {
-          posIsSetFromUrl.value = false;
-        }
 
         log.debug(
           "Assigned layers",
@@ -347,11 +351,13 @@ const useInitMap = (
         );
         mapLayers.value = layersCollection;
         // Emit event to update layers
-        await nextTick(() => {
-          mapElement.value?.updateComplete.then(() => {
-            layersEvent.emit("layers:updated", mapLayers.value);
-          });
-        });
+        await useEmitLayersUpdate(
+          mapElement.value?.id === "compare"
+            ? "compareLayers:updated"
+            : "layers:updated",
+          mapElement.value,
+          mapLayers.value,
+        );
       }
     },
     { immediate: true },
@@ -366,8 +372,14 @@ const useInitMap = (
  * @param {import("@/eodashSTAC/EodashCollection").EodashCollection[]} eodashCols
  * @param {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"],undefined>>} tooltipProperties
  */
+
 const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
-  useOnLayersUpdate(async () => {
+  useOnLayersUpdate(async (evt, _payload) => {
+    if (evt.includes("compare")) {
+      // TODO: support compare map tooltips
+      // Do not update tooltip properties on compare map
+      return;
+    }
     const tooltips = [];
     for (const ec of eodashCols) {
       tooltips.push(...(await ec.getToolTipProperties()));
@@ -410,11 +422,11 @@ const _sfc_main = {
   center: {
     //@ts-expect-error todo
     type: Array,
-    default: () => [15, 48],
+    default: () => [mapPosition.value?.[0] ?? 15, mapPosition.value?.[1] ?? 48],
   },
   zoom: {
     type: Number,
-    default: 4,
+    default: mapPosition.value?.[2] ?? 4,
   },
   zoomToExtent: {
     type: Boolean,
@@ -435,10 +447,7 @@ const controls = {
     collapsible: true,
   },
 };
-const initialCenter = toRaw([
-  mapPosition.value?.[0] ?? props.center?.[0],
-  mapPosition.value?.[1] ?? props.center?.[1],
-]);
+const initialCenter = toRaw(props.center);
 const initialZoom = toRaw(mapPosition.value?.[2] ?? props.zoom);
 /** @type {import("vue").Ref<Record<string,any>[]>} */
 const eoxMapLayers = ref([
@@ -492,7 +501,6 @@ onMounted(() => {
   if (props.enableCompare) {
     useInitMap(
       compareMap,
-      //@ts-expect-error todo selectedStac as collection
       selectedCompareStac,
       eodashCompareCollections,
       datetime,
@@ -506,7 +514,6 @@ onMounted(() => {
 
   useInitMap(
     eoxMap,
-    //@ts-expect-error todo selectedStac as collection
     selectedStac,
     eodashCollections,
     datetime,

package/dist/client/{index-Cv7HBz49.js → index-Dqj4tbx2.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, render, h, mergeProps } from 'vue';
-import { E as isObject, an as consoleError } from './asWebComponent-BJ2NWunV.js';
-import { V as VTooltip } from './VTooltip-B0Q3iHMZ.js';
+import { a9 as consoleError, E as isObject } from './asWebComponent-By_7_JjS.js';
+import { V as VTooltip } from './VTooltip-DZ0fjpB3.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {

package/dist/client/index-skjhlH8u.js

@@ -0,0 +1,376 @@
+import { onMounted, watch, nextTick, ref, useTemplateRef, computed, createElementBlock, openBlock, createVNode, createCommentVNode, createElementVNode, unref, normalizeStyle, toRaw, createBlock, withCtx, createTextVNode } from 'vue';
+import '@eox/chart';
+import '@eox/drawtools';
+import '@eox/jsonform';
+import { a7 as eoxLayersKey, a6 as useOnLayersUpdate, _ as _export_sfc, Y as useSTAcStore, V as VBtn } from './asWebComponent-By_7_JjS.js';
+import { storeToRefs } from 'pinia';
+import { P as ProcessList, c as compareJobs, j as jobs } from './ProcessList-C2xsLU2_.js';
+import { i as initProcess, o as onChartClick, h as handleProcesses } from './handling-CgmFXkW6.js';
+import { useEventBus } from '@vueuse/core';
+import { u as updateJobsStatus, d as download } from './async-DkSu_u2K.js';
+import { C as compareIndicator, B as indicator, H as mapCompareEl, d as mapEl } from './helpers-Dy0Q13tP.js';
+import { mdiCogPlayOutline, mdiDownloadCircleOutline } from '@mdi/js';
+
+/**
+ * Composable resposible of timing the Initialization of the process
+ *
+ * @export
+ * @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<import("@eox/chart").EOxChart["spec"] | null>} params.chartSpec
+ * @param {import("vue").Ref<any[]>} params.processResults
+ * @param {import("vue").Ref<boolean>} params.isProcessed
+ * @param {import("vue").Ref<boolean>} params.loading
+ * @param {import("vue").Ref<boolean>} params.isPolling
+ * @param {import("@eox/map").EOxMap | null} params.mapElement
+ */
+const useInitProcess = ({
+  selectedStac,
+  jsonformEl,
+  jsonformSchema,
+  chartSpec,
+  isProcessed,
+  processResults,
+  loading,
+  isPolling,
+  mapElement,
+}) => {
+  const layersEvents = useEventBus(eoxLayersKey);
+
+  onMounted(async () => {
+    // wait for the layers to be rendered
+    if ((mapElement?.layers.length ?? 0) > 1) {
+      await initProcess({
+        enableCompare: mapElement?.id === "compare",
+        selectedStac,
+        jsonformEl,
+        jsonformSchema,
+        chartSpec,
+        isProcessed,
+        processResults,
+        loading,
+        isPolling,
+      });
+    } else {
+      layersEvents.once(async () => {
+        await initProcess({
+          enableCompare: mapElement?.id === "compare",
+          selectedStac,
+          jsonformEl,
+          jsonformSchema,
+          chartSpec,
+          isProcessed,
+          loading,
+          processResults,
+          isPolling,
+        });
+      });
+    }
+  });
+
+  const evtKey =
+    mapElement?.id === "compare" ? "compareLayers:updated" : "layers:updated";
+  useOnLayersUpdate(async (evt, _payload) => {
+    if (evt !== evtKey) {
+      return;
+    }
+    await initProcess({
+      enableCompare: mapElement?.id === "compare",
+      selectedStac,
+      jsonformEl,
+      jsonformSchema,
+      chartSpec,
+      isProcessed,
+      processResults,
+      loading,
+      isPolling,
+    });
+  });
+};
+
+/**
+ * Auto execute the process when the jsonform has the execute option
+ *
+ * @param {import("vue").Ref<boolean>} autoExec
+ * @param {import("vue").Ref<import("@eox/jsonform").EOxJSONForm | null>} jsonformEl
+ * @param {import("vue").Ref<Record<string,any> | null>} jsonformSchema
+ * @param {() => Promise<void>} startProcess
+ **/
+function useAutoExec(
+  autoExec,
+  jsonformEl,
+  jsonformSchema,
+  startProcess,
+) {
+  /**
+   * @param {CustomEvent} _e
+   **/
+  const onJsonFormChange = async (_e) => {
+    await startProcess();
+  };
+
+  const addEventListener = async () => {
+    await nextTick(() => {
+      //@ts-expect-error TODO
+      jsonformEl.value?.addEventListener("change", onJsonFormChange);
+    });
+  };
+  const removeEventListener = () => {
+    //@ts-expect-error TODO
+    jsonformEl.value?.removeEventListener("change", onJsonFormChange);
+  };
+
+  watch(jsonformSchema, (updatedSchema) => {
+    autoExec.value = updatedSchema?.options?.["execute"] || false;
+  });
+
+  onMounted(() => {
+    watch(
+      autoExec,
+      async (exec) => {
+        if (exec) {
+          await addEventListener();
+        } else {
+          removeEventListener();
+        }
+      },
+      { immediate: true },
+    );
+  });
+}
+
+const _style_0 = "eox-chart{--background-color: transparent;padding-top:1em}eox-jsonform{padding:.7em;min-height:0px}";
+
+const _hoisted_1 = {
+  ref: "container",
+  class: "pb-4"
+};
+const _hoisted_2 = [".schema"];
+const _hoisted_3 = [".spec", ".dataValues", ".opt"];
+const _hoisted_4 = { class: "mt-4 text-right" };
+
+
+const _sfc_main = {
+  __name: 'index',
+  props: {
+  enableCompare: {
+    type: Boolean,
+    default: false,
+  },
+  vegaEmbedOptions: {
+    type: Object,
+    default() {
+      return { actions: true };
+    },
+  },
+},
+  setup(__props) {
+
+
+/** @type {import("vue").Ref<import("vega").Spec|null>} */
+const chartSpec = ref(null);
+
+/** @type {import("vue").Ref<Record<string,any>|null>}  */
+const chartData = ref(null);
+const isProcessed = ref(false);
+
+/** @type {import("vue").Ref<Record<string,any>|null>} */
+const jsonformSchema = ref(null);
+
+const jsonformEl =
+  /** @type {Readonly<import("vue").ShallowRef<import("@eox/jsonform").EOxJSONForm | null>>} */ (
+    useTemplateRef("jsonformEl")
+  );
+const isAsync = computed(
+  () =>
+    selectedStac.value?.links.filter((l) => l.endpoint === "eoxhub_workspaces")
+      .length,
+);
+const containerEl = useTemplateRef("container");
+
+const loading = ref(false);
+
+const autoExec = ref(false);
+
+const isPolling = ref(false);
+/** @type {import("vue").Ref<any[]>} */
+const processResults = ref([]);
+
+const showExecBtn = computed(
+  () =>
+    !autoExec.value &&
+    (!!jsonformSchema.value || !!chartSpec.value) &&
+    !!jsonformEl.value,
+);
+const { selectedStac, selectedCompareStac } = storeToRefs(useSTAcStore());
+const currentSelectedStac = __props.enableCompare ? selectedCompareStac : selectedStac;
+const mapElement = __props.enableCompare ? mapCompareEl : mapEl;
+const currentIndicator = __props.enableCompare ? compareIndicator : indicator;
+const currentJobs = __props.enableCompare ? compareJobs : jobs;
+
+const jsonformKey = computed(
+  () => currentIndicator.value + mapElement.value?.id,
+);
+
+useInitProcess({
+  selectedStac: currentSelectedStac,
+  mapElement: mapElement.value,
+  jsonformEl,
+  jsonformSchema,
+  chartSpec,
+  isProcessed,
+  processResults,
+  loading,
+  isPolling,
+});
+
+const downloadResults = () => {
+  processResults.value.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 = currentSelectedStac.value?.id + "_process_results.json";
+    }
+    download(fileName, result);
+  });
+};
+
+const startProcess = async () => {
+  /** @param {*} jsonformSchema */
+  const getDrawToolsProperty = (jsonformSchema) => {
+    for (const property in jsonformSchema.properties) {
+      if (jsonformSchema.properties[property]?.options?.drawtools) {
+        return property;
+      }
+    }
+  };
+  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) {
+    isProcessed.value = false;
+    chartSpec.value = null;
+    return;
+  }
+  const errors = jsonformEl.value?.editor.validate();
+  if (errors?.length) {
+    console.warn("[eodash] Form validation failed", errors);
+    return;
+  }
+
+  processResults.value = [];
+
+  await handleProcesses({
+    jobs: currentJobs,
+    selectedStac: currentSelectedStac,
+    jsonformEl,
+    jsonformSchema,
+    chartSpec,
+    chartData,
+    loading,
+    isPolling,
+    processResults,
+    mapElement: mapElement.value,
+  });
+
+  isProcessed.value = true;
+  if (isAsync.value) updateJobsStatus(currentJobs, currentIndicator.value);
+};
+useAutoExec(autoExec, jsonformEl, jsonformSchema, startProcess);
+
+const chartStyles = computed(() => {
+  /** @type {Record<string,string>} */
+  const styles = {};
+  if (!chartSpec.value?.["height"]) {
+    styles["height"] =
+      Math.max(
+        (containerEl.value?.offsetHeight ?? 0) -
+          (jsonformEl.value?.offsetHeight ?? 0),
+        200,
+      ) + "px";
+  }
+  return styles;
+});
+
+return (_ctx, _cache) => {
+                                                     
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(ProcessList, {
+      "map-element": unref(mapElement),
+      "enable-compare": __props.enableCompare
+    }, null, 8 /* PROPS */, ["map-element", "enable-compare"]),
+    (jsonformSchema.value)
+      ? (openBlock(), createElementBlock("eox-jsonform", {
+          key: jsonformKey.value,
+          ref_key: "jsonformEl",
+          ref: jsonformEl,
+          ".schema": jsonformSchema.value
+        }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2))
+      : createCommentVNode("v-if", true),
+    (isProcessed.value && chartSpec.value)
+      ? (openBlock(), createElementBlock("eox-chart", {
+          key: 1,
+          class: "chart",
+          ".spec": toRaw(chartSpec.value),
+          ".dataValues": toRaw(chartData.value),
+          "onClick:item": _cache[0] || (_cache[0] = (...args) => (unref(onChartClick) && unref(onChartClick)(...args))),
+          style: normalizeStyle(chartStyles.value),
+          ".opt": __props.vegaEmbedOptions
+        }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_3))
+      : createCommentVNode("v-if", true),
+    createElementVNode("div", _hoisted_4, [
+      (showExecBtn.value)
+        ? (openBlock(), createBlock(VBtn, {
+            key: 0,
+            loading: loading.value,
+            style: {"margin-right":"20px"},
+            "append-icon": [unref(mdiCogPlayOutline)],
+            onClick: startProcess,
+            color: "primary"
+          }, {
+            default: withCtx(() => _cache[1] || (_cache[1] = [
+              createTextVNode(" Execute ", -1 /* CACHED */)
+            ])),
+            _: 1 /* STABLE */,
+            __: [1]
+          }, 8 /* PROPS */, ["loading", "append-icon"]))
+        : createCommentVNode("v-if", true),
+      (processResults.value.length && isProcessed.value && !isAsync.value)
+        ? (openBlock(), createBlock(VBtn, {
+            key: 1,
+            color: "primary",
+            "append-icon": [unref(mdiDownloadCircleOutline)],
+            onClick: downloadResults
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode(" Download ", -1 /* CACHED */)
+            ])),
+            _: 1 /* STABLE */,
+            __: [2]
+          }, 8 /* PROPS */, ["append-icon"]))
+        : createCommentVNode("v-if", true)
+    ])
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]]]);
+
+export { index as default };

package/dist/client/{ssrBoot-BP7SYRyC.js → ssrBoot-Zgc_Ttvi.js}

@@ -1,4 +1,4 @@
-import { shallowRef, onMounted, computed, readonly } from 'vue';
+import { shallowRef, onMounted, toRef, readonly } from 'vue';
 
 // Utilities
 
@@ -10,7 +10,7 @@ function useSsrBoot() {
       isBooted.value = true;
     });
   });
-  const ssrBootStyles = computed(() => !isBooted.value ? {
+  const ssrBootStyles = toRef(() => !isBooted.value ? {
     transition: 'none !important'
   } : undefined);
   return {