@eodash/eodash 5.3.3 → 5.5.0

package/dist/client/{index-BJvLt3Xf.js → index-BS-8Y5FE.js}

@@ -1,14 +1,15 @@
-import { onMounted, watch, nextTick, ref, useTemplateRef, computed, createElementBlock, openBlock, createVNode, createCommentVNode, createElementVNode, unref, normalizeStyle, toRaw, createBlock, withCtx, createTextVNode } from 'vue';
+import { onMounted, watch, nextTick, ref, useTemplateRef, computed, createElementBlock, openBlock, createVNode, createCommentVNode, createBlock, createElementVNode, unref, withCtx, createTextVNode } from 'vue';
 import '@eox/chart';
 import '@eox/drawtools';
 import '@eox/jsonform';
-import { R as eoxLayersKey, K as useOnLayersUpdate, _ as _export_sfc, E as useSTAcStore, G as VBtn } from './asWebComponent-DdguWGDI.js';
+import { R as eoxLayersKey, K as useOnLayersUpdate, _ as _export_sfc, E as useSTAcStore, G as VBtn } from './asWebComponent-DaIxULaA.js';
 import { storeToRefs } from 'pinia';
-import { P as ProcessList, c as compareJobs, j as jobs } from './ProcessList-DxyCFQdz.js';
-import { i as initProcess, o as onChartClick, h as handleProcesses } from './handling-CbgeKrqT.js';
+import { P as ProcessList, c as compareJobs, j as jobs } from './ProcessList-BIN_Mb27.js';
+import EodashChart from './EodashChart-5v7adDpG.js';
+import { i as initProcess, u as updateJsonformIdentifier, h as handleProcesses } from './handling-DSA67d6E.js';
 import { useEventBus } from '@vueuse/core';
-import { u as updateJobsStatus, d as download } from './async-D1MvO_Z_.js';
-import { H as compareIndicator, F as indicator, N as mapCompareEl, h as mapEl, T as compareChartEl, U as chartEl } from './helpers-CtUlAW0N.js';
+import { u as updateJobsStatus, d as download, g as getDrawToolsProperty } from './async-D6Lvv-fT.js';
+import { I as compareIndicator, G as indicator, S as mapCompareEl, j as mapEl, M as areChartsSeparateLayout, O as compareChartSpec, N as chartSpec } from './helpers-BBSdbOmv.js';
 import { mdiCogPlayOutline, mdiDownloadCircleOutline } from '@mdi/js';
 
 /**
@@ -20,7 +21,6 @@ import { mdiCogPlayOutline, mdiDownloadCircleOutline } from '@mdi/js';
  * @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
@@ -31,7 +31,6 @@ const useInitProcess = ({
   selectedStac,
   jsonformEl,
   jsonformSchema,
-  chartSpec,
   isProcessed,
   processResults,
   loading,
@@ -48,7 +47,6 @@ const useInitProcess = ({
         selectedStac,
         jsonformEl,
         jsonformSchema,
-        chartSpec,
         isProcessed,
         processResults,
         loading,
@@ -61,7 +59,6 @@ const useInitProcess = ({
           selectedStac,
           jsonformEl,
           jsonformSchema,
-          chartSpec,
           isProcessed,
           loading,
           processResults,
@@ -74,6 +71,18 @@ const useInitProcess = ({
   const evtKey =
     mapElement?.id === "compare" ? "compareLayers:updated" : "layers:updated";
   useOnLayersUpdate(async (evt, _payload) => {
+    if (
+      evt == "layertime:updated" ||
+      evt == "compareLayertime:updated" ||
+      evt == "time:updated" ||
+      evt == "compareTime:updated"
+    ) {
+      await updateJsonformIdentifier({
+        jsonformSchema,
+        // @ts-expect-error TODO payload coming from time update events is not an object with layers property
+        newLayers: _payload,
+      });
+    }
     if (evt !== evtKey) {
       return;
     }
@@ -82,7 +91,6 @@ const useInitProcess = ({
       selectedStac,
       jsonformEl,
       jsonformSchema,
-      chartSpec,
       isProcessed,
       processResults,
       loading,
@@ -142,15 +150,14 @@ function useAutoExec(
   });
 }
 
-const _style_0 = "eox-chart{--background-color: transparent;padding-top:1em}eox-jsonform{padding:.7em;min-height:0px}";
+const _style_0 = "eox-jsonform{padding:.7em;min-height:0px}";
 
 const _hoisted_1 = {
   ref: "container",
-  class: "pb-4"
+  class: "py-1"
 };
 const _hoisted_2 = [".schema"];
-const _hoisted_3 = [".spec", ".dataValues", ".opt"];
-const _hoisted_4 = { class: "mt-4 text-right" };
+const _hoisted_3 = { class: "mt-2 text-right" };
 
 
 const _sfc_main = {
@@ -170,11 +177,7 @@ const _sfc_main = {
   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>} */
@@ -184,16 +187,12 @@ 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")
       .length,
 );
-const containerEl = useTemplateRef("container");
 
 const loading = ref(false);
 
@@ -204,10 +203,7 @@ const isPolling = ref(false);
 const processResults = ref([]);
 
 const showExecBtn = computed(
-  () =>
-    !autoExec.value &&
-    (!!jsonformSchema.value || !!chartSpec.value) &&
-    !!jsonformEl.value,
+  () => !autoExec.value && !!jsonformSchema.value && !!jsonformEl.value,
 );
 const { selectedStac, selectedCompareStac } = storeToRefs(useSTAcStore());
 const currentSelectedStac = __props.enableCompare ? selectedCompareStac : selectedStac;
@@ -224,7 +220,6 @@ useInitProcess({
   mapElement: mapElement.value,
   jsonformEl,
   jsonformSchema,
-  chartSpec,
   isProcessed,
   processResults,
   loading,
@@ -250,14 +245,6 @@ const downloadResults = () => {
 };
 
 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 &&
@@ -268,7 +255,8 @@ const startProcess = async () => {
 
   if (propertyIsEmpty) {
     isProcessed.value = false;
-    chartSpec.value = null;
+    const usedChartSpec = __props.enableCompare ? compareChartSpec : chartSpec;
+    usedChartSpec.value = null;
     return;
   }
   const errors = jsonformEl.value?.editor.validate();
@@ -284,8 +272,6 @@ const startProcess = async () => {
     selectedStac: currentSelectedStac,
     jsonformEl,
     jsonformSchema,
-    chartSpec,
-    chartData,
     loading,
     isPolling,
     processResults,
@@ -297,29 +283,6 @@ const startProcess = async () => {
 };
 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;
-});
-
-// 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) => {
                                                      
 
@@ -336,20 +299,14 @@ return (_ctx, _cache) => {
           ".schema": jsonformSchema.value
         }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2))
       : createCommentVNode("v-if", true),
-    (isProcessed.value && chartSpec.value)
-      ? (openBlock(), createElementBlock("eox-chart", {
+    (!unref(areChartsSeparateLayout))
+      ? (openBlock(), createBlock(EodashChart, {
           key: 1,
-          ref_key: "chartElRef",
-          ref: chartElRef,
-          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))
+          "vega-embed-options": __props.vegaEmbedOptions,
+          "enable-compare": __props.enableCompare
+        }, null, 8 /* PROPS */, ["vega-embed-options", "enable-compare"]))
       : createCommentVNode("v-if", true),
-    createElementVNode("div", _hoisted_4, [
+    createElementVNode("div", _hoisted_3, [
       (showExecBtn.value)
         ? (openBlock(), createBlock(VBtn, {
             key: 0,
@@ -359,7 +316,7 @@ return (_ctx, _cache) => {
             onClick: startProcess,
             color: "primary"
           }, {
-            default: withCtx(() => [...(_cache[1] || (_cache[1] = [
+            default: withCtx(() => [...(_cache[0] || (_cache[0] = [
               createTextVNode(" Execute ", -1 /* CACHED */)
             ]))]),
             _: 1 /* STABLE */
@@ -372,7 +329,7 @@ return (_ctx, _cache) => {
             "append-icon": [unref(mdiDownloadCircleOutline)],
             onClick: downloadResults
           }, {
-            default: withCtx(() => [...(_cache[2] || (_cache[2] = [
+            default: withCtx(() => [...(_cache[1] || (_cache[1] = [
               createTextVNode(" Download ", -1 /* CACHED */)
             ]))]),
             _: 1 /* STABLE */

package/dist/client/{index-BkW06-Lg.js → index-CQihL_c6.js}

@@ -1,13 +1,13 @@
-import { onMounted, onUnmounted, watch, computed, useTemplateRef, ref, toRaw, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, createVNode } from 'vue';
-import '@eox/map';
+import { onMounted, onUnmounted, watch, computed, withAsyncContext, useTemplateRef, ref, toRaw, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, normalizeStyle, createVNode } from 'vue';
+import { transformExtent } from '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { P as setMapProjFromCol, E as mapPosition, M as sanitizeBbox, h as mapEl, N as mapCompareEl, F as indicator, H as compareIndicator, C as poi, B as datetime } from './helpers-CtUlAW0N.js';
+import { U as setMapProjFromCol, F as mapPosition, R as sanitizeBbox, j as mapEl, S as mapCompareEl, G as indicator, I as compareIndicator, D as poi, V as isGlobe, C as datetime } from './helpers-BBSdbOmv.js';
 import { storeToRefs } from 'pinia';
-import { O as EodashCollection, E as useSTAcStore, P as useEmitLayersUpdate, Q as isFirstLoad, K as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, a as useLayout, N as layerControlFormValue, M as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-DdguWGDI.js';
+import { O as EodashCollection, E as useSTAcStore, P as useEmitLayersUpdate, Q as isFirstLoad, K as useOnLayersUpdate, _ as _export_sfc, D as useDisplay, a as useLayout, N as layerControlFormValue, M as layerControlFormValueCompare, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-DaIxULaA.js';
 import log from 'loglevel';
 import { i as inAndOut } from './easing-CH0-9wR8.js';
 import mustache from 'mustache';
-import EodashMapBtns from './EodashMapBtns-nFY6MIAX.js';
+import EodashMapBtns from './EodashMapBtns-CXU8IuPO.js';
 
 /**
  * Creates full layer configuration from indicator and time information
@@ -60,6 +60,29 @@ const createLayersConfig = async (
     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
@@ -67,7 +90,7 @@ const createLayersConfig = async (
   const observationPointsLayer =
     EodashCollection.getObservationPointsLayer(eodashCols);
   if (observationPointsLayer) {
-    dataLayers.layers.unshift(observationPointsLayer);
+    dataLayers.layers.push(observationPointsLayer);
   }
   const baseLayers = {
     type: "Group",
@@ -138,7 +161,7 @@ const createLayersConfig = async (
   }
 
   if (baseLayers.layers.length) {
-    layersCollection.push(baseLayers);
+    layersCollection.unshift(baseLayers);
   }
 
   const overlayLayers = {
@@ -156,7 +179,7 @@ const createLayersConfig = async (
 
   if (indicatorOverlays.length) {
     overlayLayers.layers.push(...indicatorOverlays);
-    layersCollection.unshift(overlayLayers);
+    layersCollection.push(overlayLayers);
   }
 
   return layersCollection;
@@ -355,7 +378,7 @@ const useInitMap = (
             const b = updatedStac.extent?.spatial.bbox[0];
             const sanitizedExtent = sanitizeBbox([...b]);
 
-            const reprojExtent = mapElement.value?.transformExtent(
+            const reprojExtent = transformExtent(
               sanitizedExtent,
               "EPSG:4326",
               mapElement.value?.map?.getView().getProjection(),
@@ -409,7 +432,7 @@ const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
   });
 };
 
-const _style_0 = "#cursor-coordinates[data-v-76f918a2]{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-76f918a2]{display:none}}#scale-line[data-v-76f918a2]{position:fixed;left:24px;bottom:28px;color:#fff}@media (max-width: 959px){#scale-line[data-v-76f918a2]{bottom:102px}}[data-v-76f918a2] .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-76f918a2] .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-76f918a2]{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-76f918a2]>*{pointer-events:auto}";
+const _style_0 = "#cursor-coordinates[data-v-965b3ae7]{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-965b3ae7]{display:none}}#scale-line[data-v-965b3ae7]{position:fixed;left:24px;bottom:28px;color:#fff}@media(max-width:959px){#scale-line[data-v-965b3ae7]{bottom:102px}}[data-v-965b3ae7] .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-965b3ae7] .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-965b3ae7]{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-965b3ae7]>*{pointer-events:auto}";
 
 const _hoisted_1 = [".enabled"];
 const _hoisted_2 = [".center", ".zoom", ".layers", ".controls"];
@@ -471,7 +494,9 @@ const _sfc_main = {
      * enableChangeProjection?: boolean;
      * enableBackToPOIs?: boolean;
      * enableSearch?: boolean;
+     * searchParams?: object;
      * enableZoom?: boolean;
+     * enableGlobe?: boolean;
      * enableCompareIndicators?: boolean | {
      *   compareTemplate?:string;
      *   fallbackTemplate?:string;
@@ -486,10 +511,14 @@ const _sfc_main = {
       enableBackToPOIs: true,
       enableSearch: true,
       enableZoom: true,
+      enableGlobe: true,
+      searchParams: {},
     }),
   },
 },
-  setup(__props) {
+  async setup(__props) {
+
+let __temp, __restore;
 
 const props = __props;
 
@@ -530,8 +559,17 @@ const btnsProps = computed(() => ({
   backToPOIs: props.btns.enableBackToPOIs ?? true,
   enableSearch: props.btns.enableSearch ?? true,
   enableZoom: props.btns.enableZoom ?? true,
+  enableGlobe: props.btns.enableGlobe ?? true,
+  searchParams: props.btns.searchParams,
 }));
 
+if (btnsProps.value.enableGlobe) {
+  (
+  ([__temp,__restore] = withAsyncContext(() => import('@eox/map/src/plugins/globe'))),
+  await __temp,
+  __restore()
+);
+}
 // Prepare containers for scale line and cursor coordinates
 const scaleLineRef = useTemplateRef("scale-line");
 const cursorCoordsRef = useTemplateRef("cursor-coords");
@@ -763,7 +801,7 @@ return (_ctx, _cache) => {
       createCommentVNode(" prettier-ignore "),
       createVNode(EodashMapBtns, {
         style: normalizeStyle({
-          gridColumn: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? responsiveX.value : '12',
+          gridColumn: (unref(indicator) || unref(compareIndicator) || unref(poi)) && !unref(isGlobe) ? responsiveX.value : '12',
           gridRow: responsiveY.value,
         }),
         exportMap: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? btnsProps.value.exportMap : false,
@@ -776,14 +814,16 @@ return (_ctx, _cache) => {
         enableSearch: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? btnsProps.value.enableSearch : false
         ,
         enableZoom: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? btnsProps.value.enableZoom : false
-        
-      }, null, 8 /* PROPS */, ["style", "exportMap", "changeProjection", "compareIndicators", "backToPOIs", "enableSearch", "enableZoom"])
+        ,
+        enableGlobe: (unref(indicator) || unref(compareIndicator) || unref(poi)) ? btnsProps.value.enableGlobe : false,
+        searchParams: btnsProps.value.searchParams
+      }, null, 8 /* PROPS */, ["style", "exportMap", "changeProjection", "compareIndicators", "backToPOIs", "enableSearch", "enableZoom", "enableGlobe", "searchParams"])
     ], 4 /* STYLE */)
   ]))
 }
 }
 
 };
-const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-76f918a2"]]);
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-965b3ae7"]]);
 
 export { index as default };

package/dist/client/{index-BxDh5v-H.js → index-qsZhYR_6.js}

@@ -1,9 +1,9 @@
 import { onMounted, onUnmounted, withAsyncContext, useTemplateRef, ref, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, unref, toDisplayString } from 'vue';
-import { E as useSTAcStore, K as useOnLayersUpdate, _ as _export_sfc, L as VRow } from './asWebComponent-DdguWGDI.js';
-import { F as indicator, h as mapEl, M as sanitizeBbox, j as axios } from './helpers-CtUlAW0N.js';
+import { E as useSTAcStore, K as useOnLayersUpdate, _ as _export_sfc, L as VRow } from './asWebComponent-DaIxULaA.js';
+import { G as indicator, j as mapEl, R as sanitizeBbox, d as axios } from './helpers-BBSdbOmv.js';
 import { i as inAndOut } from './easing-CH0-9wR8.js';
 import { mdiViewDashboard } from '@mdi/js';
-import _sfc_main$1 from './EodashLayoutSwitcher-B9XqQXCS.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-CL-Z9d5_.js';
 
 /**
  *
@@ -239,7 +239,7 @@ function renderItemsFeatures(features) {
       },
       layers: [],
     };
-    mapEl.value.layers = [analysisLayers, ...mapEl.value.layers.reverse()];
+    mapEl.value.layers = [...mapEl.value.layers, analysisLayers];
   }
 
   const stacItemsLayer = {
@@ -284,8 +284,8 @@ function renderItemsFeatures(features) {
     return;
   } else {
     //@ts-expect-error todo
-    analysisLayers.layers.unshift(stacItemsLayer);
-    mapEl.value.layers = [...mapEl.value.layers].reverse();
+    analysisLayers.layers.push(stacItemsLayer);
+    mapEl.value.layers = [...mapEl.value.layers];
   }
 }
 
@@ -317,21 +317,20 @@ const useSearchOnMapMove = (itemFilter, bboxFilter) => {
  * @param {import("vue").Ref<import("@/types").GeoJsonFeature[]>} currentItems
  */
 const useRenderItemsFeatures = (currentItems) => {
-  const renderOnUpdate = () =>
-    useOnLayersUpdate(() => {
-      // consider cases where this is not needed
-      renderItemsFeatures(currentItems.value);
-    });
   onMounted(() => {
     renderItemsFeatures(currentItems.value);
-    renderOnUpdate();
+  });
+
+  useOnLayersUpdate(() => {
+    // consider cases where this is not needed
+    renderItemsFeatures(currentItems.value);
   });
 };
 /**
  *
  * @param {import("vue").Ref<any>} itemfilterEl
  */
-function useRenderOnFeatureHover(itemfilterEl) {
+function useHighlightOnFeatureHover(itemfilterEl) {
   /**
    *
    * @param {CustomEvent} evt
@@ -406,7 +405,7 @@ const onMouseLeaveResult = () => {
   mapEl.value?.selectInteractions["stac-items"]?.highlightById([]);
 };
 
-const _style_0 = "eox-itemfilter[data-v-64c66d83]{flex-basis:20%;height:100%;overflow:hidden!important;padding:1rem;--eox-itemfilter-results-color: var(--v-theme-surface) !important}.title[data-v-64c66d83]{padding:1em;margin:.2em}";
+const _style_0 = "eox-itemfilter[data-v-4d4f6477]{flex-basis:20%;height:100%;overflow:hidden!important;padding:1rem;--eox-itemfilter-results-color: var(--v-theme-surface) !important}.title[data-v-4d4f6477]{padding:1em;margin:.2em}";
 
 const _hoisted_1 = [".imageProperty", ".subTitleProperty", ".filterProperties", ".items", "externalFilter"];
 const _hoisted_2 = {
@@ -525,7 +524,7 @@ useRenderItemsFeatures(currentItems);
 // Search on map move logic
 useSearchOnMapMove(itemfilterEl, props.bboxFilter);
 
-useRenderOnFeatureHover(itemfilterEl);
+useHighlightOnFeatureHover(itemfilterEl);
 
 onUnmounted(() => {
   store.selectedItem = null;
@@ -566,6 +565,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-64c66d83"]]);
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-4d4f6477"]]);
 
 export { index as default };

package/dist/client/templates.js

@@ -1,5 +1,5 @@
 import { mdiViewDashboardVariant, mdiViewDashboard } from '@mdi/js';
-import { L as includesProcess } from './helpers-CtUlAW0N.js';
+import { P as includesProcess, Q as shouldShowChartWidget } from './helpers-BBSdbOmv.js';
 
 /**
  * Special values that tell deepmerge to perform a certain action.
@@ -546,6 +546,11 @@ const expert = {
           },
           enableBackToPOIs: true,
           enableSearch: true,
+          enableGlobe: true,
+          // searchParams: {
+          //   countrycode: "gb,ie,fr"
+          //   bounds: "-84.26514,41.58998,-77.54150,46.14246"
+          // },
         },
         btnsPosition: {
           x: "12/9/9",
@@ -582,6 +587,11 @@ const expert = {
       layout: { x: 0, y: 1, w: "3/3/2", h: 11 },
       widget: {
         name: "EodashLayerControl",
+        properties: {
+          cssVars: {
+            "--list-padding": "1rem",
+          },
+        },
       },
     },
     {
@@ -631,6 +641,18 @@ const expert = {
           },
         },
     },
+    {
+      defineWidget: () =>
+        shouldShowChartWidget() && {
+          id: "ProcessResultChart",
+          type: "internal",
+          title: "Chart",
+          layout: { x: 0, y: 0, w: 12, h: 8 },
+          widget: {
+            name: "EodashChart",
+          },
+        },
+    },
   ],
 };
 
@@ -752,6 +774,33 @@ const compare = {
           },
         },
     },
+    {
+      defineWidget: () =>
+        shouldShowChartWidget() && {
+          id: "ProcessResultChart",
+          type: "internal",
+          title: "Chart",
+          layout: { x: 0, y: 0, w: 6, h: 8 },
+          widget: {
+            name: "EodashChart",
+          },
+        },
+    },
+    {
+      defineWidget: () =>
+        shouldShowChartWidget(true) && {
+          id: "ProcessResultChartCompare",
+          type: "internal",
+          title: "Compare Chart",
+          layout: { x: 6, y: 0, w: 6, h: 8 },
+          widget: {
+            name: "EodashChart",
+            properties: {
+              enableCompare: true,
+            },
+          },
+        },
+    },
     {
       defineWidget: (selectedSTAC) => {
         return selectedSTAC
@@ -847,7 +896,8 @@ const baseConfig = {
   stacEndpoint: {
     endpoint:
       "https://esa-eodashboards.github.io/eodashboard-catalog/trilateral/catalog.json",
-    api: false,
+      // "https://api.explorer.eopf.copernicus.eu/stac",
+    // api: true,
   },
   brand: {
     noLayout: true,

package/dist/client/{transition-BdzATvPB.js → transition-DFr4cXu8.js}

@@ -1,5 +1,5 @@
 import { mergeProps, h, TransitionGroup, Transition } from 'vue';
-import { p as propsFactory, Y as isObject, aG as onlyDefinedProps } from './asWebComponent-DdguWGDI.js';
+import { p as propsFactory, Z as isObject, aH as onlyDefinedProps } from './asWebComponent-DaIxULaA.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/dist/node/cli.js

@@ -27,4 +27,4 @@ ${s.lib?`<eo-dash style="height:100%;"/>
 `}
 </body>
 </html>`;function Z(e={customElementFileName:"asWebComponent.js",stylePlaceHolder:"__VUE_CE_STYLES__"}){const{customElementFileName:n,stylePlaceHolder:r}=e;return{name:"vite-plugin-vue-custom-element-style-injector",enforce:"post",async transform(o,i){if(this.environment.mode!=="build")return;if(t.basename(i)===n){let p=o;return/defineCustomElement\s*\([^{]*\{[\s\S]*?styles\s*:/.test(o)||(p=o.replace(/(defineCustomElement\s*\(\s*[^,{]*,?\s*\{)/,`$1
-  styles: ${r},`)),{code:p,map:null}}},generateBundle(o,i){let a="",p=[];const u=[];for(const d in i){const h=i[d];if(h.type==="chunk"&&h.code.includes(r)){a=d;break}}for(const d in i){const h=i[d];if(q(d)&&h.type==="asset"){let g=h.source.toString();g=g.replaceAll(":root",":host"),p.push(g),u.push(d)}}i[a].code=i[a].code.replace(r,JSON.stringify(p)),u.forEach(d=>{delete i[d]})}}}function q(e){return/\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/.test(e)}const _=C(async({mode:e,command:n})=>{const r=["VITE_","EODASH_"];return{base:s.base??"",cacheDir:Q,plugins:[J({features:{customElement:n==="build"&&s.lib},template:{transformAssetUrls:B,compilerOptions:{isCustomElement:o=>!o.includes("v-")&&o.includes("-")}}}),M({autoImport:!0}),e==="development"&&{name:"inject-html",configureServer:ee},s.lib&&Z()],customLogger:j,define:{__userConfigExist__:!!m,...n==="build"&&s.lib?{"process.env":"import.meta.env"}:{"process.env":{},...te(r)}},envPrefix:r,resolve:{alias:{"@":t.join(c,"core/client"),"^":t.join(c,"widgets"),"user:widgets":D,...m&&{"user:config":m}},extensions:[".js",".json",".jsx",".mjs",".ts",".tsx",".vue"]},server:{allowedHosts:!0,warmup:{clientFiles:[t.join(c,"core/client/**"),m]},port:s.port??3e3,open:s.open,fs:{allow:[W(process.cwd())]},host:s.host},root:c,...e==="development"&&{optimizeDeps:{include:["webfontloader","vuetify","vue","pinia","stac-js","urijs","loglevel","vega","vega-lite","vega-embed","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/layercontrol","@eox/drawtools","@eox/chart","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/timecontrol","@eox/stacinfo","color-legend-element","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/layercontrol","@eox/timecontrol","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/stacinfo","@eox/elements-utils","@eox/geosearch","@eox/timeslider"],noDiscovery:!0}},publicDir:s.publicDir===!1?!1:K,build:{outDir:w,emptyOutDir:!0,target:"esnext",cssMinify:!0,...!s.lib&&n==="build"&&{manifest:!0,rollupOptions:{input:{main:t.join(c,"index.html"),templates:t.join(c,"templates/index.js")}}},...s.lib&&n==="build"&&{minify:!1,lib:{entry:t.join(c,"core/client/asWebComponent.js"),fileName:(o,i)=>i==="asWebComponent"?"eo-dash.js":"templates.js",cssFileName:"eo-dash",formats:["es"],name:"@eodash/eodash"},rollupOptions:{input:{asWebComponent:t.join(c,"core/client/asWebComponent.js"),templates:t.join(c,"templates/index.js")},external:o=>{const i=o.includes("vuetify")||o.endsWith(".css")||o.endsWith("styles"),a=z.some(u=>o.startsWith(u));return!i&&a||o==="user:config"&&!m},treeshake:{moduleSideEffects:!0,preset:"smallest"}}}}}}),N=C(async e=>s.vite?O(await _(e),s.vite):_(e));async function ee(e){const n=[f,t.join(D,"**/*.vue")];m&&n.push(m),e.watcher.add(n);let r="";const o=j.info;return j.info=(i,a)=>{if(i.includes("core")){const p=i.split("/")[0].split(" ");p.pop();const u=p.join(" ")+" "+r.replace(l,"");return o(u,a)}return o(i,a)},e.watcher.on("change",async i=>{r=i,i===f&&e.ws.send({type:"full-reload",path:i})}),()=>{e.middlewares.use(async(i,a,p)=>{if(i.originalUrl==="/@fs/config.js"||i.originalUrl==="/config.js"){a.statusCode=200,a.setHeader("Content-Type","text/javascript"),v(f)&&await I(f).then(u=>{a.write(u)}),a.end();return}if(i.url?.endsWith(".html")){a.statusCode=200,a.setHeader("Content-Type","text/html");const u=await e.transformIndexHtml(i.url,k,i.originalUrl);a.end(u);return}p()})}}function te(e){G({quiet:!0});const n={};for(const r in process.env)e.some(o=>r.startsWith(o))&&(n["process.env."+r]=`"${process.env[r]}"`);return n}const oe=async()=>{const e=await A(await N({mode:"development",command:"serve"}));await e.listen(),e.printUrls(),e.bindCLIShortcuts({print:!0})},ie=async()=>{const e=async()=>{const n=await N({mode:"production",command:"build"});await L(n),v(f)&&await V(f,t.join(w,"config.js"),{recursive:!0}).catch(r=>{console.error(r)})};if(s.lib)await e();else{const n=t.join(c,"/index.html");await T(n,k).then(async()=>{await e(),await R(n).catch(()=>{console.error("failed to remove index.html")})})}};async function se(){(await U({root:l,base:s.base??"",preview:{port:isNaN(s.port)?8080:s.port,open:s.open,host:s.host},build:{outDir:w}})).printUrls()}const ne=process.argv?.[2];(async()=>{switch(ne){case"dev":await oe();break;case"build":await ie();break;case"preview":await se();break;default:console.error("command not found");break}})();
+  styles: ${r},`)),{code:p,map:null}}},generateBundle(o,i){let a="",p=[];const u=[];for(const d in i){const h=i[d];if(h.type==="chunk"&&h.code.includes(r)){a=d;break}}for(const d in i){const h=i[d];if(q(d)&&h.type==="asset"){let g=h.source.toString();g=g.replaceAll(":root",":host"),p.push(g),u.push(d)}}i[a].code=i[a].code.replace(r,JSON.stringify(p)),u.forEach(d=>{delete i[d]})}}}function q(e){return/\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/.test(e)}const _=C(async({mode:e,command:n})=>{const r=["VITE_","EODASH_"];return{base:s.base??"",cacheDir:Q,plugins:[J({features:{customElement:n==="build"&&s.lib},template:{transformAssetUrls:B,compilerOptions:{isCustomElement:o=>!o.includes("v-")&&o.includes("-")}}}),M({autoImport:!0}),e==="development"&&{name:"inject-html",configureServer:ee},s.lib&&Z()],customLogger:j,define:{__userConfigExist__:!!m,...n==="build"&&s.lib?{"process.env":"import.meta.env"}:{"process.env":{},...te(r)}},envPrefix:r,resolve:{alias:{"@":t.join(c,"core/client"),"^":t.join(c,"widgets"),"user:widgets":D,...m&&{"user:config":m}},extensions:[".js",".json",".jsx",".mjs",".ts",".tsx",".vue"]},server:{allowedHosts:!0,warmup:{clientFiles:[t.join(c,"core/client/**"),m]},port:s.port??3e3,open:s.open,fs:{allow:[W(process.cwd())]},host:s.host},root:c,...e==="development"&&{optimizeDeps:{include:["webfontloader","vuetify","vue","pinia","stac-js","urijs","loglevel","vega","vega-lite","vega-embed","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/layercontrol","@eox/drawtools","@eox/chart","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/timecontrol","@eox/stacinfo","color-legend-element","@eox/map","@eox/map/src/plugins/advancedLayersAndSources","@eox/map/src/plugins/globe","@eox/layercontrol","@eox/timecontrol","@eox/jsonform","@eox/layout","@eox/itemfilter","@eox/stacinfo","@eox/elements-utils","@eox/geosearch","@eox/timeslider"],noDiscovery:!0}},publicDir:s.publicDir===!1?!1:K,build:{outDir:w,emptyOutDir:!0,target:"esnext",cssMinify:!0,...!s.lib&&n==="build"&&{manifest:!0,rollupOptions:{input:{main:t.join(c,"index.html"),templates:t.join(c,"templates/index.js")}}},...s.lib&&n==="build"&&{minify:!1,lib:{entry:t.join(c,"core/client/asWebComponent.js"),fileName:(o,i)=>i==="asWebComponent"?"eo-dash.js":"templates.js",cssFileName:"eo-dash",formats:["es"],name:"@eodash/eodash"},rollupOptions:{input:{asWebComponent:t.join(c,"core/client/asWebComponent.js"),templates:t.join(c,"templates/index.js")},external:o=>{const i=o.includes("vuetify")||o.endsWith(".css")||o.endsWith("styles"),a=z.some(u=>o.startsWith(u));return!i&&a||o==="user:config"&&!m},treeshake:{moduleSideEffects:!0,preset:"smallest"}}}}}}),N=C(async e=>s.vite?O(await _(e),s.vite):_(e));async function ee(e){const n=[f,t.join(D,"**/*.vue")];m&&n.push(m),e.watcher.add(n);let r="";const o=j.info;return j.info=(i,a)=>{if(i.includes("core")){const p=i.split("/")[0].split(" ");p.pop();const u=p.join(" ")+" "+r.replace(l,"");return o(u,a)}return o(i,a)},e.watcher.on("change",async i=>{r=i,i===f&&e.ws.send({type:"full-reload",path:i})}),()=>{e.middlewares.use(async(i,a,p)=>{if(i.originalUrl==="/@fs/config.js"||i.originalUrl==="/config.js"){a.statusCode=200,a.setHeader("Content-Type","text/javascript"),v(f)&&await I(f).then(u=>{a.write(u)}),a.end();return}if(i.url?.endsWith(".html")){a.statusCode=200,a.setHeader("Content-Type","text/html");const u=await e.transformIndexHtml(i.url,k,i.originalUrl);a.end(u);return}p()})}}function te(e){G({quiet:!0});const n={};for(const r in process.env)e.some(o=>r.startsWith(o))&&(n["process.env."+r]=`"${process.env[r]}"`);return n}const oe=async()=>{const e=await A(await N({mode:"development",command:"serve"}));await e.listen(),e.printUrls(),e.bindCLIShortcuts({print:!0})},ie=async()=>{const e=async()=>{const n=await N({mode:"production",command:"build"});await L(n),v(f)&&await V(f,t.join(w,"config.js"),{recursive:!0}).catch(r=>{console.error(r)})};if(s.lib)await e();else{const n=t.join(c,"/index.html");await T(n,k).then(async()=>{await e(),await R(n).catch(()=>{console.error("failed to remove index.html")})})}};async function se(){(await U({root:l,base:s.base??"",preview:{port:isNaN(s.port)?8080:s.port,open:s.open,host:s.host},build:{outDir:w}})).printUrls()}const ne=process.argv?.[2];(async()=>{switch(ne){case"dev":await oe();break;case"build":await ie();break;case"preview":await se();break;default:console.error("command not found");break}})();

package/dist/types/core/client/App.vue.d.ts

@@ -1,7 +1,17 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    config?: string | Function | undefined;
-    $props: {
-        readonly config?: string | Function | undefined;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    config: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    config: string | Function;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;