@eodash/eodash 5.7.0 → 5.7.1

package/dist/client/{index-CUjl-ZsI.js → index-CJ9UI3ln.js}

@@ -1,6 +1,6 @@
 import { resolveComponent, render, h, mergeProps } from 'vue';
-import { $ as consoleError, a0 as isObject } from './asWebComponent-BHWpMuE3.js';
-import { V as VTooltip } from './VTooltip-CJw2FyWk.js';
+import { O as consoleError, ag as isObject } from './asWebComponent-BlFN2lkB.js';
+import { V as VTooltip } from './VTooltip-2hAJyEoa.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {

package/dist/client/{index-CSG_JoOA.js → index-DXLz4sFR.js}

@@ -1,17 +1,18 @@
 import { useTemplateRef, ref, computed, onMounted, openBlock, createElementBlock, unref, createElementVNode, createCommentVNode } from 'vue';
-import { a0 as removeLayers, Q as sanitizeBbox, d as axios, i as mapEl, v as getLayers, A as datetime } from './helpers-DjZVl_WF.js';
-import { L as eodashCollections, _ as _export_sfc, H as useSTAcStore } from './asWebComponent-BHWpMuE3.js';
+import { S as eodashCollections, af as removeLayers, $ as sanitizeBbox, f as axios, n as mapEl, B as getLayers, H as datetime } from './helpers-CBqIUSXJ.js';
 import '@eox/timecontrol';
 import '@eox/itemfilter';
 import { storeToRefs } from 'pinia';
-import { c as createLayersConfig } from './create-layers-config-CBoYedqB.js';
+import { _ as _export_sfc, H as useSTAcStore } from './asWebComponent-BlFN2lkB.js';
+import { c as createLayersConfig } from './create-layers-config-u_vn5hPk.js';
+import { b as buildCqlFilter, u as useMosaicState, a as useScheduleMosaicUpdate, c as useInitMosaic } from './mosaic-BFYLEwyx.js';
 
 /**
  * @param {string} stacEndpoint
  * @param {[string, string]} selectedRange
  * @param {import("../types").TimelineExportEventDetail["selectedRangeItems"]} selectedRangeItems
  * @param {import("vue").Ref<import("stac-ts").StacCollection|null>} selectedStac
- * @param {Record<string, import("../types").Filter>} filters
+ * @param {import("@/types").ItemFilterFilters} filters
  */
 async function createAnimationLayers(
   stacEndpoint,
@@ -66,7 +67,7 @@ async function createAnimationLayers(
  * @param {{min: string, max: string}} date
  * @param {number[] | undefined} bbox
  * @param {import("vue").Ref<import("stac-ts").StacCollection|null>} selectedStac
- * @param {Record<string, import("../types").Filter>} filters
+ * @param {import("@/types").ItemFilterFilters} filters
  * @return {Promise<Array<{ layers: Record<string, any>[]; date: string }>>}
  */
 async function createAPILayers(
@@ -88,7 +89,7 @@ async function createAPILayers(
   );
   url.searchParams.set("bbox", sanitizeBbox(bbox).join(","));
 
-  const stacFilter = buildStacFilters(filters);
+  const stacFilter = buildCqlFilter(filters);
   if (stacFilter) {
     url.searchParams.set("filter", stacFilter);
   }
@@ -233,53 +234,7 @@ function restoreLayersVisibility(layers) {
   return layers;
 }
 
-/**
- * Build STAC API filter string from TimeSlider filters
- * @param {Record<string, import("../types").Filter>} filters
- * @returns {string}
- */
-function buildStacFilters(filters) {
-  if (!filters) return "";
-
-  /** @type {string[]} */
-  const stacFilters = [];
-
-  Object.values(filters).forEach((filter) => {
-    if (!filter || !filter.key) return;
-
-    // strip 'properties.' from key if present
-    const propName = filter.key.startsWith("properties.")
-      ? filter.key.replace("properties.", "")
-      : filter.key;
-
-    if (filter.type === "range" && filter.state) {
-      if (
-        filter.state.min !== undefined &&
-        filter.state.min > (filter.min ?? -Infinity)
-      ) {
-        stacFilters.push(`${propName}>=${filter.state.min}`);
-      }
-      if (
-        filter.state.max !== undefined &&
-        filter.state.max < (filter.max ?? Infinity)
-      ) {
-        stacFilters.push(`${propName}<=${filter.state.max}`);
-      }
-    } else if (filter.type === "multiselect" && filter.stringifiedState) {
-      if (filter.stringifiedState.length > 0) {
-        stacFilters.push(`${propName} IN (${filter.stringifiedState})`);
-      }
-    } else if (filter.type === "select" && filter.stringifiedState) {
-      if (filter.stringifiedState) {
-        stacFilters.push(`${propName}='${filter.stringifiedState}'`);
-      }
-    }
-  });
-
-  return stacFilters.join(" AND ");
-}
-
-const _style_0 = "eox-itemfilter[data-v-2fc72058]{--inline-container-height: 40px}";
+const _style_0 = "eox-itemfilter[data-v-a90da3dc]{--inline-container-height: 40px}";
 
 const _hoisted_1 = [".for", ".animate"];
 const _hoisted_2 = { class: "d-flex g-10 align-center" };
@@ -298,6 +253,15 @@ const _sfc_main = {
     type: Boolean,
     default: true,
   },
+  useMosaic: {
+    type: Boolean,
+    default: false,
+  },
+  mosaicIndicators: {
+    /** @type {import("vue").PropType<string[]>} */
+    type: Array,
+    default: () => [],
+  },
 },
   setup(__props) {
 
@@ -314,6 +278,9 @@ const selectedRange = /** @type {import("vue").Ref<[string, string]>} */ (
 );
 const initDate = [startDate.toISOString().split("T")[0]];
 
+/** @type {import("vue").Ref<import("@/types").ItemFilterFilters>} */
+const currentFilters = ref({});
+
 const hasMultipleItems = computed(() => {
   return eodashCollections.some((ec) => {
     const itemLinks = ec.collectionStac?.links.filter((l) => l.rel === "item");
@@ -322,6 +289,20 @@ const hasMultipleItems = computed(() => {
   });
 });
 
+const store = useSTAcStore();
+const { selectedStac, stacEndpoint } = storeToRefs(store);
+const { mosaicEndpoint } = useMosaicState();
+
+const isMosaicEnabled = computed(() => __props.useMosaic && !!mosaicEndpoint.value);
+
+const scheduleMosaicUpdate = useScheduleMosaicUpdate();
+
+useInitMosaic(
+  __props.useMosaic ? mosaicEndpoint.value : null,
+  selectedRange,
+  __props.mosaicIndicators,
+);
+
 /**
  * Handles the selection event from the time control component.
  * It finds the closest item to the "from" selected date
@@ -334,6 +315,17 @@ const onSelect = (e) => {
   // Update the selected range with the new dates
   selectedRange.value = date;
 
+  // if mosaic is enabled, we don't need to find the closest item,
+  // we just update the mosaic layer with the new time range and filters
+  if (isMosaicEnabled.value) {
+    scheduleMosaicUpdate(
+      mosaicEndpoint.value,
+      selectedRange.value,
+      currentFilters.value,
+    );
+    return;
+  }
+
   const allItems = Object.keys(selectedItems ?? {}).flatMap(
     (id) => selectedItems[id],
   );
@@ -354,7 +346,18 @@ const onSelect = (e) => {
   }
 };
 
-const { selectedStac, stacEndpoint } = storeToRefs(useSTAcStore());
+/**
+ * Handles filter changes from eox-itemfilter (e.g. cloud cover slider).
+ * Updates the mosaic layer with the new filter state.
+ *
+ * @param {CustomEvent<import("./types").ItemFilterEventDetail>} e
+ */
+const onFilter = (e) => {
+  if (!isMosaicEnabled.value) return;
+  const { filters } = e.detail;
+  currentFilters.value = filters;
+  scheduleMosaicUpdate(mosaicEndpoint.value, selectedRange.value, filters);
+};
 
 /**
  *
@@ -402,6 +405,7 @@ return (_ctx, _cache) => {
         ".for": unref(mapEl),
         onSelect: onSelect,
         titleKey: "title",
+        class: "pa-4",
         ".externalMapRendering": true,
         ".animate": __props.animate,
         ".initDate": initDate
@@ -417,9 +421,11 @@ return (_ctx, _cache) => {
           (__props.filters.length)
             ? (openBlock(), createElementBlock("eox-itemfilter", {
                 key: 0,
+                class: "mx-4",
                 ".inlineMode": true,
                 showResults: false,
-                ".filterProperties": __props.filters
+                ".filterProperties": __props.filters,
+                onFilter: onFilter
               }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_3))
             : createCommentVNode("v-if", true),
           createElementVNode("eox-timecontrol-timelapse", { onExport: onExport }, null, 32 /* NEED_HYDRATION */)
@@ -431,6 +437,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-2fc72058"]]);
+const index = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-a90da3dc"]]);
 
 export { index as default };