@eodash/eodash 5.6.1 → 5.7.0

package/dist/client/{index-4TrjfJ32.js → index-1JKE68n3.js}

@@ -1,189 +1,14 @@
-import { onMounted, onUnmounted, watch, computed, withAsyncContext, useTemplateRef, ref, toRaw, openBlock, createElementBlock, createElementVNode, unref, normalizeStyle, createCommentVNode, createVNode } from 'vue';
+import { onMounted, onUnmounted, watch, computed, withAsyncContext, useTemplateRef, ref, toRaw, nextTick, openBlock, createElementBlock, createElementVNode, unref, normalizeStyle, createCommentVNode, createVNode } from 'vue';
 import { transformExtent } from '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { U as setMapProjFromCol, E as mapPosition, R as sanitizeBbox, i as mapEl, S as mapCompareEl, F as indicator, I as compareIndicator, C as poi, V as isGlobe, B as datetime } from './helpers-DAVGYl_f.js';
+import { T as setMapProjFromCol, D as mapPosition, Q as sanitizeBbox, i as mapEl, R as mapCompareEl, E as indicator, H as compareIndicator, B as poi, U as isGlobe, A as datetime } from './helpers-DjZVl_WF.js';
 import { storeToRefs } from 'pinia';
-import { R as EodashCollection, H as useSTAcStore, S as useEmitLayersUpdate, T as isFirstLoad, N as useOnLayersUpdate, _ as _export_sfc, G as useDisplay, a as useLayout, Q as layerControlFormValue, P as layerControlFormValueCompare, M as eodashCompareCollections, L as eodashCollections } from './asWebComponent-DfULAbpq.js';
+import { H as useSTAcStore, R as useEmitLayersUpdate, S as isFirstLoad, N as useOnLayersUpdate, _ as _export_sfc, G as useDisplay, a as useLayout, Q as layerControlFormValue, P as layerControlFormValueCompare, M as eodashCompareCollections, L as eodashCollections } from './asWebComponent-BHWpMuE3.js';
+import { c as createLayersConfig } from './create-layers-config-CBoYedqB.js';
 import log from 'loglevel';
 import { i as inAndOut } from './easing-CH0-9wR8.js';
 import mustache from 'mustache';
-import EodashMapBtns from './EodashMapBtns-BHrSDNoC.js';
-
-/**
- * Creates full layer configuration from indicator and time information
- * @param {import("stac-ts").StacCatalog
- *   | import("stac-ts").StacCollection
- *   | import("stac-ts").StacItem
- *   | null
- * } selectedIndicator
- * @param {EodashCollection[]} eodashCols
- * @param {string | import("stac-ts").StacItem | null} [timeOrItem] - time as a string, or a stac item
- */
-
-const createLayersConfig = async (
-  selectedIndicator,
-  eodashCols,
-  timeOrItem,
-) => {
-  log.debug(
-    "Creating layers config",
-    selectedIndicator,
-    eodashCols,
-    timeOrItem,
-  );
-  const layersCollection = [];
-  const dataLayers = {
-    type: "Group",
-    properties: {
-      id: "AnalysisGroup",
-      title: "Data Layers",
-      layerControlExpand: true,
-    },
-    layers: /** @type {Record<string,any>[]}*/ ([]),
-  };
-
-  for (const ec of eodashCols) {
-    /** @type {Record<string,any>[]} */
-    let layers;
-    if (timeOrItem) {
-      const dateOrItem =
-        typeof timeOrItem === "string" ? new Date(timeOrItem) : timeOrItem;
-      layers = await ec.createLayersJson(dateOrItem);
-    } else {
-      layers = await ec.createLayersJson(undefined);
-    }
-    // Add expand to all analysis layers
-    layers.forEach((dl) => {
-      dl.properties.layerControlExpand = true;
-      dl.properties.layerControlToolsExpand = true;
-    });
-    dataLayers.layers.push(...layers);
-  }
-
-  /* check for roles in indicator links to assign visibility property for the data layers */
-  if (selectedIndicator?.links) {
-    const visibilityLinks = selectedIndicator.links.filter(
-      (link) =>
-        Array.isArray(link.roles) &&
-        (link.roles.includes("disable") || link.roles.includes("hidden")),
-    );
-    if (visibilityLinks.length > 0) {
-      visibilityLinks.forEach((vl) => {
-        const targetLayerId = vl.id;
-        const targetLayer = dataLayers.layers.find(
-          (dl) => dl.properties.id.split(";:;")[0] === targetLayerId,
-        );
-        if (targetLayer) {
-          if (Array.isArray(vl.roles) && vl.roles.includes("disable")) {
-            targetLayer.properties.visible = false;
-          } else if (Array.isArray(vl.roles) && vl.roles.includes("hidden")) {
-            targetLayer.properties.layerControlHide = true;
-          }
-        }
-      });
-    }
-  }
-  layersCollection.push(dataLayers);
-  const indicatorLayers =
-    //@ts-expect-error indicator is collection
-    await EodashCollection.getIndicatorLayers(selectedIndicator);
-  const observationPointsLayer =
-    EodashCollection.getObservationPointsLayer(eodashCols);
-  if (observationPointsLayer) {
-    dataLayers.layers.push(observationPointsLayer);
-  }
-  const baseLayers = {
-    type: "Group",
-    properties: {
-      id: "BaseLayersGroup",
-      title: "Base Layers",
-    },
-    layers: /** @type {Record<string,any>[]}*/ ([]),
-  };
-
-  const indicatorBaseLayers = indicatorLayers.filter(
-    (l) => l.properties.group === "baselayer",
-  );
-
-  if (indicatorBaseLayers.length) {
-    // Only one baselayer can be set to visible, let's first set all to
-    // false that have not a dedicated property visible, then check
-    // if there are more then one visible and only allow one
-    let counter = 0;
-    let lastPos = 0;
-    for (let indx = 0; indx < indicatorBaseLayers.length; indx++) {
-      const bl = indicatorBaseLayers[indx];
-      if (!("visible" in bl.properties)) {
-        bl.properties.visible = false;
-      }
-
-      if (bl.properties.visible) {
-        counter++;
-        lastPos = indx;
-      }
-    }
-
-    // if none visible set the last one as visible
-    if (counter === 0) {
-      indicatorBaseLayers[0].properties.visible = true;
-    }
-
-    // disable all apart from last
-    if (counter > 0) {
-      indicatorBaseLayers.forEach((bl, indx) => {
-        if (indx !== lastPos) {
-          bl.properties.visible = false;
-        } else {
-          bl.properties.visible = true;
-        }
-      });
-    }
-
-    baseLayers.layers.push(...indicatorBaseLayers);
-
-    // Add exclusive to baselayers and make sure only one is selected
-    baseLayers.layers.forEach((bl) => {
-      bl.properties.layerControlExclusive = true;
-    });
-  } else {
-    // Default to some baselayer
-    baseLayers.layers.push({
-      type: "Tile",
-      properties: {
-        id: "osm",
-        title: "Background",
-        layerControlExclusive: true,
-      },
-      source: {
-        type: "OSM",
-      },
-    });
-  }
-
-  if (baseLayers.layers.length) {
-    layersCollection.unshift(baseLayers);
-  }
-
-  const overlayLayers = {
-    type: "Group",
-    properties: {
-      id: "OverlayGroup",
-      title: "Overlay Layers",
-    },
-    layers: /** @type {Record<string,any>[]}*/ ([]),
-  };
-
-  const indicatorOverlays = indicatorLayers.filter(
-    (l) => l.properties.group === "overlay",
-  );
-
-  if (indicatorOverlays.length) {
-    overlayLayers.layers.push(...indicatorOverlays);
-    layersCollection.push(overlayLayers);
-  }
-
-  return layersCollection;
-};
+import EodashMapBtns from './EodashMapBtns-Cpned0tc.js';
 
 /**
  * Holder for previous compare map view as it is overwritten by sync
@@ -259,6 +84,10 @@ 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) => {
@@ -272,6 +101,16 @@ 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,
@@ -321,7 +160,6 @@ const useInitMap = (
             JSON.parse(JSON.stringify(layersCollection)),
           );
           mapLayers.value = layersCollection;
-
           useEmitLayersUpdate(
             mapElement.value?.id === "compare"
               ? "compareTime:updated"
@@ -343,22 +181,27 @@ 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) {
@@ -427,7 +270,7 @@ 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;
     }
@@ -441,10 +284,10 @@ const useUpdateTooltipProperties = (
   });
 };
 
-const _style_0 = "#cursor-coordinates[data-v-df7611e7]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:10px;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-df7611e7]{display:none}}#scale-line[data-v-df7611e7]{position:fixed;left:24px;bottom:28px;color:#fff}@media(max-width:959px){#scale-line[data-v-df7611e7]{bottom:102px}}[data-v-df7611e7] .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-df7611e7] .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-df7611e7]{position:fixed;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-df7611e7]>*{pointer-events:auto}";
+const _style_0 = "#cursor-coordinates[data-v-5de71391]{position:fixed;left:24px;bottom:54px;color:#000000e6;font-size:10px;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-5de71391]{display:none}}#scale-line[data-v-5de71391]{position:fixed;left:24px;bottom:28px;color:#fff}@media(max-width:959px){#scale-line[data-v-5de71391]{bottom:102px}}[data-v-5de71391] .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-5de71391] .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-5de71391]{position:fixed;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-5de71391]>*{pointer-events:auto}";
 
 const _hoisted_1 = [".enabled"];
-const _hoisted_2 = [".center", ".zoom", ".layers", ".controls"];
+const _hoisted_2 = [".animationOptions", ".center", ".zoom", ".layers", ".controls"];
 const _hoisted_3 = [".propertyTransform"];
 const _hoisted_4 = [".layers"];
 const _hoisted_5 = [".propertyTransform"];
@@ -506,6 +349,7 @@ const _sfc_main = {
      * searchParams?: object;
      * enableZoom?: boolean;
      * enableGlobe?: boolean;
+     * enableFeedback?: boolean;
      * enableCompareIndicators?: boolean | {
      *   compareTemplate?:string;
      *   fallbackTemplate?:string;
@@ -521,6 +365,7 @@ const _sfc_main = {
       enableSearch: true,
       enableZoom: true,
       enableGlobe: true,
+      enableFeedback: true,
       searchParams: {},
     }),
   },
@@ -569,6 +414,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,
 }));
 
@@ -614,7 +460,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,
     };
@@ -649,10 +499,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);
@@ -703,6 +553,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);
@@ -776,7 +630,7 @@ return (_ctx, _cache) => {
         ref_key: "eoxMap",
         ref: eoxMap,
         id: "main",
-        ".animationOptions": animationOptions,
+        ".animationOptions": animationOptions.value,
         ".center": unref(initialCenter),
         ".zoom": unref(initialZoom),
         ".layers": eoxMapLayers.value,
@@ -829,14 +683,15 @@ return (_ctx, _cache) => {
         enableZoom: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? btnsProps.value.enableZoom : false
         ,
         enableGlobe: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? btnsProps.value.enableGlobe : false,
+        enableFeedback: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? btnsProps.value.enableFeedback : false,
         searchParams: btnsProps.value.searchParams
-      }, null, 8 /* PROPS */, ["style", "exportMap", "changeProjection", "compareIndicators", "backToPOIs", "enableSearch", "enableZoom", "enableGlobe", "searchParams"])
+      }, null, 8 /* PROPS */, ["style", "exportMap", "changeProjection", "compareIndicators", "backToPOIs", "enableSearch", "enableZoom", "enableGlobe", "enableFeedback", "searchParams"])
     ], 4 /* STYLE */)
   ]))
 }
 }
 
 };
-const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-df7611e7"]]);
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-5de71391"]]);
 
 export { index as default };

package/dist/client/{index-CugS__t5.js → index-5Jhsa8Xe.js}

@@ -1,9 +1,9 @@
 import { onMounted, onUnmounted, withAsyncContext, useTemplateRef, ref, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, toDisplayString } from 'vue';
-import { H as useSTAcStore, N as useOnLayersUpdate, _ as _export_sfc, O as VRow } from './asWebComponent-DfULAbpq.js';
-import { F as indicator, i as mapEl, R as sanitizeBbox, d as axios } from './helpers-DAVGYl_f.js';
+import { H as useSTAcStore, N as useOnLayersUpdate, _ as _export_sfc, O as VRow } from './asWebComponent-BHWpMuE3.js';
+import { E as indicator, i as mapEl, Q as sanitizeBbox, d as axios } from './helpers-DjZVl_WF.js';
 import { i as inAndOut } from './easing-CH0-9wR8.js';
 import { mdiViewDashboard } from '@mdi/js';
-import _sfc_main$1 from './EodashLayoutSwitcher-5WZYd6rr.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-B1fRUt7G.js';
 
 /**
  *