@eodash/eodash 5.2.0 → 5.3.0

package/dist/client/{index-4UCzZi8B.js → index-CeEZIjO6.js}

@@ -2,13 +2,13 @@ import { onMounted, watch, nextTick, ref, useTemplateRef, computed, createElemen
 import '@eox/chart';
 import '@eox/drawtools';
 import '@eox/jsonform';
-import { Q as eoxLayersKey, P as useOnLayersUpdate, _ as _export_sfc, E as useSTAcStore, G as VBtn } from './asWebComponent-ZyEzWOOf.js';
+import { R as eoxLayersKey, K as useOnLayersUpdate, _ as _export_sfc, E as useSTAcStore, G as VBtn } from './asWebComponent-CWbNRdf9.js';
 import { storeToRefs } from 'pinia';
-import { P as ProcessList, c as compareJobs, j as jobs } from './ProcessList-vecpxThi.js';
-import { i as initProcess, o as onChartClick, h as handleProcesses } from './handling-BS24aG1q.js';
+import { P as ProcessList, c as compareJobs, j as jobs } from './ProcessList-C6VsdsYI.js';
+import { i as initProcess, o as onChartClick, h as handleProcesses } from './handling-DlNTtKB-.js';
 import { useEventBus } from '@vueuse/core';
-import { u as updateJobsStatus, d as download } from './async-B7jIrM53.js';
-import { D as compareIndicator, C as indicator, I as mapCompareEl, d as mapEl } from './helpers-wXK7Ywio.js';
+import { u as updateJobsStatus, d as download } from './async-BA7oWCMX.js';
+import { G as compareIndicator, E as indicator, M as mapCompareEl, h as mapEl, S as compareChartEl, T as chartEl } from './helpers-CtE0W7iu.js';
 import { mdiCogPlayOutline, mdiDownloadCircleOutline } from '@mdi/js';
 
 /**
@@ -184,6 +184,10 @@ const jsonformEl =
   /** @type {Readonly<import("vue").ShallowRef<import("@eox/jsonform").EOxJSONForm | null>>} */ (
     useTemplateRef("jsonformEl")
   );
+const chartElRef =
+  /** @type {Readonly<import("vue").ShallowRef<import("@eox/chart").EOxChart | null>>} */ (
+    useTemplateRef("chartElRef")
+  );
 const isAsync = computed(
   () =>
     selectedStac.value?.links.filter((l) => l.endpoint === "eoxhub_workspaces")
@@ -307,6 +311,15 @@ const chartStyles = computed(() => {
   return styles;
 });
 
+// Assign chart element to global state based on compare mode
+watch(chartElRef, (newVal) => {
+  if (__props.enableCompare) {
+    compareChartEl.value = newVal;
+  } else {
+    chartEl.value = newVal;
+  }
+});
+
 return (_ctx, _cache) => {
                                                      
 
@@ -326,6 +339,8 @@ return (_ctx, _cache) => {
     (isProcessed.value && chartSpec.value)
       ? (openBlock(), createElementBlock("eox-chart", {
           key: 1,
+          ref_key: "chartElRef",
+          ref: chartElRef,
           class: "chart",
           ".spec": toRaw(chartSpec.value),
           ".dataValues": toRaw(chartData.value),
@@ -344,11 +359,10 @@ return (_ctx, _cache) => {
             onClick: startProcess,
             color: "primary"
           }, {
-            default: withCtx(() => _cache[1] || (_cache[1] = [
+            default: withCtx(() => [...(_cache[1] || (_cache[1] = [
               createTextVNode(" Execute ", -1 /* CACHED */)
-            ])),
-            _: 1 /* STABLE */,
-            __: [1]
+            ]))]),
+            _: 1 /* STABLE */
           }, 8 /* PROPS */, ["loading", "append-icon"]))
         : createCommentVNode("v-if", true),
       (processResults.value.length && isProcessed.value && !isAsync.value)
@@ -358,11 +372,10 @@ return (_ctx, _cache) => {
             "append-icon": [unref(mdiDownloadCircleOutline)],
             onClick: downloadResults
           }, {
-            default: withCtx(() => _cache[2] || (_cache[2] = [
+            default: withCtx(() => [...(_cache[2] || (_cache[2] = [
               createTextVNode(" Download ", -1 /* CACHED */)
-            ])),
-            _: 1 /* STABLE */,
-            __: [2]
+            ]))]),
+            _: 1 /* STABLE */
           }, 8 /* PROPS */, ["append-icon"]))
         : createCommentVNode("v-if", true)
     ])

package/dist/client/{index-B2XpdgR6.js → index-CsKbRDeN.js}

@@ -1,12 +1,13 @@
 import { onMounted, onUnmounted, watch, computed, useTemplateRef, ref, toRaw, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, createVNode } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { K as setMapProjFromCol, B as mapPosition, d as mapEl, I as mapCompareEl, C as indicator, D as compareIndicator, y as datetime } from './helpers-wXK7Ywio.js';
+import { O as setMapProjFromCol, D as mapPosition, L as sanitizeBbox, h as mapEl, M as mapCompareEl, E as indicator, G as compareIndicator, A as datetime } from './helpers-CtE0W7iu.js';
 import { storeToRefs } from 'pinia';
-import { M as EodashCollection, E as useSTAcStore, N as useEmitLayersUpdate, O as isFirstLoad, P as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, L as layerControlFormValue, K as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-ZyEzWOOf.js';
+import { O as EodashCollection, E as useSTAcStore, P as useEmitLayersUpdate, Q as isFirstLoad, K as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, N as layerControlFormValue, M as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-CWbNRdf9.js';
 import log from 'loglevel';
-import { i as inAndOut, E as EodashMapBtns } from './EodashMapBtns-B89_YBDw.js';
+import { i as inAndOut } from './easing-CH0-9wR8.js';
 import mustache from 'mustache';
+import EodashMapBtns from './EodashMapBtns-Cj0Fx119.js';
 
 /**
  * Creates full layer configuration from indicator and time information
@@ -16,19 +17,19 @@ import mustache from 'mustache';
  *   | null
  * } selectedIndicator
  * @param {EodashCollection[]} eodashCols
- * @param {string} [updatedTime]
+ * @param {string | import("stac-ts").StacItem | null} [timeOrItem] - time as a string, or a stac item
  */
 
 const createLayersConfig = async (
   selectedIndicator,
   eodashCols,
-  updatedTime,
+  timeOrItem,
 ) => {
   log.debug(
     "Creating layers config",
     selectedIndicator,
     eodashCols,
-    updatedTime,
+    timeOrItem,
   );
   const layersCollection = [];
   const dataLayers = {
@@ -42,11 +43,14 @@ const createLayersConfig = async (
   };
 
   for (const ec of eodashCols) {
+    /** @type {Record<string,any>[]} */
     let layers;
-    if (updatedTime) {
-      layers = await ec.createLayersJson(new Date(updatedTime));
+    if (timeOrItem) {
+      const dateOrItem =
+        typeof timeOrItem === "string" ? new Date(timeOrItem) : timeOrItem;
+      layers = await ec.createLayersJson(dateOrItem);
     } else {
-      layers = await ec.createLayersJson();
+      layers = await ec.createLayersJson(undefined);
     }
     // Add expand to all analysis layers
     layers.forEach((dl) => {
@@ -209,6 +213,7 @@ const useHandleMapMoveEnd = (mapElement, mapPosition) => {
  * @param {import("vue").Ref<Record<string,any>[]>} mapLayers
  * @param {import("vue").Ref<import("@eox/map").EOxMap| null>} partnerMap
  * @param {boolean} zoomToExtent
+ * @param {import("vue").Ref<import("stac-ts").StacItem | import("stac-ts").StacLink | null>} [selectedItem]
  */
 const useInitMap = (
   mapElement,
@@ -218,6 +223,7 @@ const useInitMap = (
   mapLayers,
   partnerMap,
   zoomToExtent,
+  selectedItem,
 ) => {
   log.debug(
     "InitMap",
@@ -226,10 +232,22 @@ const useInitMap = (
     eodashCols.values,
     datetime.value,
   );
-
+  // watch selectedItem if provided
+  const watching = selectedItem
+    ? [selectedIndicator, datetime, selectedItem]
+    : [selectedIndicator, datetime];
   const stopIndicatorWatcher = watch(
-    [selectedIndicator, datetime],
-    async ([updatedStac, updatedTime], [previousStac, previousTime]) => {
+    watching,
+    async (updated, previous) => {
+      const [updatedStac, updatedTime, updatedItem] =
+        /** @type {[import("stac-ts").StacCollection, string, import("stac-ts").StacItem | null]} */ (
+          selectedItem ? updated : [updated[0], updated[1], null]
+        );
+      const [previousStac, previousTime, previousItem] =
+        /** @type {[import("stac-ts").StacCollection, string, import("stac-ts").StacItem]} */ (
+          selectedItem ? previous : [previous[0], previous[1], null]
+        );
+
       if (updatedStac) {
         log.debug(
           "Selected Indicator watch triggered",
@@ -249,7 +267,9 @@ const useInitMap = (
         let layersCollection = [];
 
         const onlyTimeChanged =
-          updatedStac?.id === previousStac?.id && updatedTime !== previousTime;
+          updatedStac?.id === previousStac?.id &&
+          (updatedTime !== previousTime ||
+            (updatedItem && updatedItem?.id !== previousItem?.id));
 
         const { selectedCompareStac } = storeToRefs(useSTAcStore());
         if (mapElement?.value?.id === "main") {
@@ -266,12 +286,12 @@ const useInitMap = (
           }
         }
 
-        // We re-crate the configuration if time changed
+        // We re-create the configuration if time changed
         if (onlyTimeChanged) {
           layersCollection = await createLayersConfig(
             updatedStac,
             eodashCols,
-            updatedTime,
+            updatedItem ?? updatedTime,
           );
           log.debug(
             "Assigned layers after changing time only",
@@ -293,7 +313,7 @@ const useInitMap = (
         layersCollection = await createLayersConfig(
           updatedStac,
           eodashCols,
-          datetime.value,
+          selectedItem ? updatedItem : updatedTime,
         );
 
         // We try to set the current time selection to latest extent date
@@ -308,6 +328,7 @@ const useInitMap = (
           );
         }
         if (
+          !updatedItem &&
           endInterval !== null &&
           endInterval.toISOString() !== datetime.value &&
           !isFirstLoad.value
@@ -319,6 +340,7 @@ const useInitMap = (
           // Try to move map view to extent only when main
           // indicator and map changes
           if (
+            !updatedItem &&
             mapElement?.value?.id === "main" &&
             updatedStac.extent?.spatial.bbox &&
             !(
@@ -329,12 +351,7 @@ const useInitMap = (
           ) {
             // Sanitize extent,
             const b = updatedStac.extent?.spatial.bbox[0];
-            const sanitizedExtent = [
-              b?.[0] > -180 ? b?.[0] : -180,
-              b?.[1] > -90 ? b?.[1] : -90,
-              b?.[2] < 180 ? b?.[2] : 180,
-              b?.[3] < 90 ? b?.[3] : 90,
-            ];
+            const sanitizedExtent = sanitizeBbox([...b]);
 
             const reprojExtent = mapElement.value?.transformExtent(
               sanitizedExtent,
@@ -390,7 +407,7 @@ const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
   });
 };
 
-const _style_0 = "#cursor-coordinates[data-v-8d648956]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:11px;font-family:var(--eox-body-font-family);background:#fffe;border-radius:4px;border:none;padding:0 3px;max-height:24px}@media (max-width: 959px){#cursor-coordinates[data-v-8d648956]{display:none}}#scale-line[data-v-8d648956]{position:fixed;left:24px;bottom:28px;color:#fff}@media (max-width: 959px){#scale-line[data-v-8d648956]{bottom:102px}}[data-v-8d648956] .ol-scale-line{background:#fffe!important;border-radius:4px!important;border:none!important;padding:0 3px 3px!important;font-size:10px!important;font-family:var(--eox-body-font-family);max-height:20px}[data-v-8d648956] .ol-scale-line-inner{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.5)!important;border-top:none!important;color:#333!important;font-weight:500!important;transform:translateY(1px)}.map-buttons-container[data-v-8d648956]{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);pointer-events:none;z-index:1}.map-buttons-container[data-v-8d648956]>*{pointer-events:auto}";
+const _style_0 = "#cursor-coordinates[data-v-9484a41e]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:11px;font-family:var(--eox-body-font-family);background:#fffe;border-radius:4px;border:none;padding:0 3px;max-height:24px}@media (max-width: 959px){#cursor-coordinates[data-v-9484a41e]{display:none}}#scale-line[data-v-9484a41e]{position:fixed;left:24px;bottom:28px;color:#fff}@media (max-width: 959px){#scale-line[data-v-9484a41e]{bottom:102px}}[data-v-9484a41e] .ol-scale-line{background:#fffe!important;border-radius:4px!important;border:none!important;padding:0 3px 3px!important;font-size:10px!important;font-family:var(--eox-body-font-family);max-height:20px}[data-v-9484a41e] .ol-scale-line-inner{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.5)!important;border-top:none!important;color:#333!important;font-weight:500!important;transform:translateY(1px)}.map-buttons-container[data-v-9484a41e]{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);pointer-events:none;z-index:1}.map-buttons-container[data-v-9484a41e]>*{pointer-events:auto}";
 
 const _hoisted_1 = [".enabled"];
 const _hoisted_2 = [".center", ".zoom", ".layers", ".controls"];
@@ -447,6 +464,18 @@ const _sfc_main = {
     }),
   },
   btns: {
+    /** @type {import("vue").PropType<{
+     * enableExportMap?: boolean;
+     * enableChangeProjection?: boolean;
+     * enableBackToPOIs?: boolean;
+     * enableSearch?: boolean;
+     * enableZoom?: boolean;
+     * enableCompareIndicators?: boolean | {
+     *   compareTemplate?:string;
+     *   fallbackTemplate?:string;
+     *   itemFilterConfig?:InstanceType<import("../EodashItemFilter.vue").default>["$props"]
+     * };
+     * }> }*/
     type: Object,
     default: () => ({
       enableExportMap: true,
@@ -588,7 +617,8 @@ const showCompare = computed(() =>
 useHandleMapMoveEnd(eoxMap, mapPosition);
 
 onMounted(() => {
-  const { selectedCompareStac, selectedStac } = storeToRefs(useSTAcStore());
+  const { selectedCompareStac, selectedStac, selectedItem } =
+    storeToRefs(useSTAcStore());
   // assign map Element state to eox map
   mapEl.value = eoxMap.value;
 
@@ -618,6 +648,7 @@ onMounted(() => {
     eoxMapLayers,
     compareMap,
     props.zoomToExtent,
+    selectedItem,
   );
 });
 
@@ -717,26 +748,22 @@ return (_ctx, _cache) => {
       class: "map-buttons-container",
       style: normalizeStyle(`margin: ${__props.btnsPosition.gap}px 0 ${__props.btnsPosition.gap}px 0`)
     }, [
+      createCommentVNode(" prettier-ignore "),
       createVNode(EodashMapBtns, {
         style: normalizeStyle({
-          gridColumn: unref(indicator) || unref(compareIndicator) ? responsiveX.value : '12',
+          gridColumn: (unref(indicator) || unref(compareIndicator)) ? responsiveX.value : '12',
           gridRow: responsiveY.value,
         }),
         exportMap: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.exportMap : false,
-        changeProjection: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.changeProjection : false
+        changeProjection: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.changeProjection : false
         ,
-        compareIndicators: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.compareIndicators : false
+        compareIndicators: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.compareIndicators : false
         ,
-        backToPOIs: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.backToPOIs : false
+        backToPOIs: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.backToPOIs : false
         ,
-        enableSearch: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableSearch : false
+        enableSearch: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableSearch : false
         ,
-        enableZoom: 
-          (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableZoom : false
+        enableZoom: (unref(indicator) || unref(compareIndicator)) ? btnsProps.value.enableZoom : false
         
       }, null, 8 /* PROPS */, ["style", "exportMap", "changeProjection", "compareIndicators", "backToPOIs", "enableSearch", "enableZoom"])
     ], 4 /* STYLE */)
@@ -745,6 +772,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-8d648956"]]);
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-9484a41e"]]);
 
 export { index as default };

package/dist/client/{index-9KR-G20t.js → index-D4_NRKrf.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, render, h, mergeProps } from 'vue';
-import { W as consoleError, X as isObject } from './asWebComponent-ZyEzWOOf.js';
-import { V as VTooltip } from './VTooltip-J4ac48X7.js';
+import { X as consoleError, Y as isObject } from './asWebComponent-CWbNRdf9.js';
+import { V as VTooltip } from './VTooltip-Cze6CEVh.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {