@eodash/eodash 5.7.0 → 5.8.0

package/dist/types/widgets/EodashMap/methods/index.d.ts

@@ -1,5 +1,9 @@
+export { useMapLoading } from "./use-map-loading";
 export function useHandleMapMoveEnd(mapElement: import("vue").Ref<(HTMLElement & Record<string, any> & {
     map: import("ol").Map;
 }) | null>, mapPosition: import("vue").Ref<(number | undefined)[]>): void;
-export function useInitMap(mapElement: import("vue").Ref<import("@eox/map").EOxMap | null>, selectedIndicator: import("vue").Ref<import("stac-ts").StacCollection | null>, eodashCols: import("../../../core/client/eodashSTAC/EodashCollection").EodashCollection[], datetime: import("vue").Ref<string>, mapLayers: import("vue").Ref<Record<string, any>[]>, partnerMap: import("vue").Ref<import("@eox/map").EOxMap | null>, zoomToExtent: boolean, selectedItem?: import("vue").Ref<import("stac-ts").StacItem | import("stac-ts").StacLink | null>): void;
+export function useInitMap(mapElement: import("vue").Ref<import("@eox/map").EOxMap | null>, selectedIndicator: import("vue").Ref<import("stac-ts").StacCollection | null>, eodashCols: import("../../../core/client/eodashSTAC/EodashCollection").EodashCollection[], datetime: import("vue").Ref<string>, mapLayers: import("vue").Ref<Record<string, any>[]>, partnerMap: import("vue").Ref<import("@eox/map").EOxMap | null>, zoomToExtent: boolean, selectedItem?: import("vue").Ref<import("stac-ts").StacItem | import("stac-ts").StacLink | null>, defaultBaseLayers?: Record<string, any>[]): void;
 export function useUpdateTooltipProperties(eodashCols: import("../../../core/client/eodashSTAC/EodashCollection").EodashCollection[], tooltipProperties: import("vue").Ref<Exclude<import("../../../core/client/types").EodashStyleJson["tooltip"], undefined>>, enableCompare?: boolean): void;
+import { useEmitLayersUpdate } from "../../../core/client/composables";
+import { useOnLayersUpdate } from "../../../core/client/composables";
+export { useEmitLayersUpdate, useOnLayersUpdate };

package/dist/types/widgets/EodashMap/methods/use-map-loading.d.ts

@@ -0,0 +1 @@
+export function useMapLoading(mapElement: import("vue").Ref<import("@eox/map").EOxMap | null>, compareMapElement: import("vue").Ref<import("@eox/map").EOxMap | null>): void;

package/dist/types/widgets/EodashProcess/index.vue.d.ts

@@ -6,7 +6,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     vegaEmbedOptions: {
-        type: ObjectConstructor;
+        /** @type {import("vue").PropType<import("vega-embed").EmbedOptions>} */
+        type: import("vue").PropType<import("vega-embed").EmbedOptions>;
         default(): {
             actions: boolean;
         };
@@ -17,12 +18,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     vegaEmbedOptions: {
-        type: ObjectConstructor;
+        /** @type {import("vue").PropType<import("vega-embed").EmbedOptions>} */
+        type: import("vue").PropType<import("vega-embed").EmbedOptions>;
         default(): {
             actions: boolean;
         };
     };
 }>> & Readonly<{}>, {
     enableCompare: boolean;
-    vegaEmbedOptions: Record<string, any>;
+    vegaEmbedOptions: import("vega-embed").EmbedOptions<string, import("vega-typings").Renderers>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/widgets/EodashProcess/methods/custom-endpoints/layers/eoxhub-workspaces-endpoint.d.ts

@@ -2,4 +2,4 @@
  *
  * @param {import("../../../../EodashProcess/types").CustomEnpointInput} param0
  */
-export function handleEOxHubEndpoint({ links, jsonformValue, isPolling, selectedStac, jobs, enableCompare, }: import("../../../../EodashProcess/types").CustomEnpointInput): Promise<(import("@eox/map/src/layers").EOxLayerType<"Vector", "Vector"> | import("@eox/map/src/layers").EOxLayerType<"Vector", "FlatGeoBuf"> | import("@eox/map/src/layers").EOxLayerType<"Vector", "Cluster"> | import("@eox/map/src/layers").EOxLayerType<"VectorTile", "VectorTile"> | import("@eox/map/src/layers").EOxLayerType<"WebGLTile", "GeoTIFF"> | import("@eox/map/src/layers").EOxLayerType<"WebGLTile", "GeoZarr"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "OSM"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "WMTSCapabilities"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "StadiaMaps"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "WMTS"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "XYZ"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileJSON"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileArcGISRest"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileDebug"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileImage"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileWMS"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "UrlTile"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "BingMaps"> | import("@eox/map/src/layers").EOxLayerType<"Image", "Image"> | import("@eox/map/src/layers").EOxLayerType<"Image", "ImageCanvas"> | import("@eox/map/src/layers").EOxLayerType<"Image", "ImageStatic"> | import("@eox/map/src/layers").EOxLayerType<"Image", "ImageWMS"> | import("@eox/map/src/layers").EOxLayerType<"Image", "Raster"> | import("@eox/map/src/layers").EOxLayerType<"Image", "IIIF"> | import("@eox/map/src/layers").EOxLayerTypeMapboxStyle | import("@eox/map/src/layers").EOxLayerTypeGroup)[] | undefined>;
+export function handleEOxHubEndpoint({ links, jsonformValue, isPolling, selectedStac, jobs, enableCompare, }: import("../../../../EodashProcess/types").CustomEnpointInput): Promise<(import("@eox/map/src/layers").EOxLayerType<"Vector", "Vector"> | import("@eox/map/src/layers").EOxLayerType<"Vector", "FlatGeoBuf"> | import("@eox/map/src/layers").EOxLayerType<"Vector", "Cluster"> | import("@eox/map/src/layers").EOxLayerType<"VectorImage", "Vector"> | import("@eox/map/src/layers").EOxLayerType<"Heatmap", "Vector"> | import("@eox/map/src/layers").EOxLayerType<"WebGLVector", "Vector"> | import("@eox/map/src/layers").EOxLayerType<"WebGLPoints", "Vector"> | import("@eox/map/src/layers").EOxLayerType<"Graticule", never> | import("@eox/map/src/layers").EOxLayerType<"VectorTile", "VectorTile"> | import("@eox/map/src/layers").EOxLayerType<"WebGLTile", "GeoTIFF"> | import("@eox/map/src/layers").EOxLayerType<"WebGLTile", "GeoZarr"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "OSM"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "WMTSCapabilities"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "StadiaMaps"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "WMTS"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "XYZ"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileJSON"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileArcGISRest"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileDebug"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileImage"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "TileWMS"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "UrlTile"> | import("@eox/map/src/layers").EOxLayerType<"Tile", "BingMaps"> | import("@eox/map/src/layers").EOxLayerType<"Image", "Image"> | import("@eox/map/src/layers").EOxLayerType<"Image", "ImageCanvas"> | import("@eox/map/src/layers").EOxLayerType<"Image", "ImageStatic"> | import("@eox/map/src/layers").EOxLayerType<"Image", "ImageWMS"> | import("@eox/map/src/layers").EOxLayerType<"Image", "Raster"> | import("@eox/map/src/layers").EOxLayerType<"Image", "IIIF"> | import("@eox/map/src/layers").EOxLayerType<"STAC", never> | import("@eox/map/src/layers").EOxLayerTypeMapboxStyle | import("@eox/map/src/layers").EOxLayerTypeGroup)[] | undefined>;

package/dist/types/widgets/EodashProcess/states.d.ts

@@ -2,7 +2,7 @@
  * The list of job result from the server
  * {job_start_datetime: string, job_end_datetime: string,status: string}
  *  @type {import("vue").Ref<import("./types").AsyncJob[]>}
- **/
+ */
 export const jobs: import("vue").Ref<import("./types").AsyncJob[]>;
 /**
  * The list of jobs results from the server for the compare map

package/dist/types/widgets/EodashStacInfo.vue.d.ts

@@ -1,6 +1,15 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    level: {
+        type: import("vue").PropType<"item" | "collection">;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    styleOverride: {
+        type: StringConstructor;
+        default: string;
+    };
     allowHtml: {
         type: BooleanConstructor;
         default: boolean;
@@ -81,6 +90,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => string[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    level: {
+        type: import("vue").PropType<"item" | "collection">;
+        default: string;
+        validator: (v: string) => boolean;
+    };
+    styleOverride: {
+        type: StringConstructor;
+        default: string;
+    };
     allowHtml: {
         type: BooleanConstructor;
         default: boolean;
@@ -173,6 +191,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         key: string;
         filter?: (item: any) => boolean;
     })[];
+    styleOverride: string;
+    level: "collection" | "item";
     allowHtml: boolean;
     tags: (string | {
         key: string;

package/dist/types/widgets/EodashTimeSlider/index.vue.d.ts

@@ -10,6 +10,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    useMosaic: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mosaicIndicators: {
+        /** @type {import("vue").PropType<string[]>} */
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filters: {
         /** @type {import("vue").PropType<import("@eox/itemfilter").EOxItemFilter["filterProperties"]>} */
@@ -20,6 +29,15 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: BooleanConstructor;
         default: boolean;
     };
+    useMosaic: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mosaicIndicators: {
+        /** @type {import("vue").PropType<string[]>} */
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
 }>> & Readonly<{}>, {
     animate: boolean;
     filters: {
@@ -31,4 +49,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         format?: string;
         state?: any;
     }[];
+    useMosaic: boolean;
+    mosaicIndicators: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/widgets/EodashTimeSlider/methods/index.d.ts

@@ -3,9 +3,9 @@
  * @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("../../../core/client/types").ItemFilterFilters} filters
  */
-export function createAnimationLayers(stacEndpoint: string, selectedRange: [string, string], selectedRangeItems: import("../types").TimelineExportEventDetail["selectedRangeItems"], selectedStac: import("vue").Ref<import("stac-ts").StacCollection | null>, filters: Record<string, import("../types").Filter>): Promise<{
+export function createAnimationLayers(stacEndpoint: string, selectedRange: [string, string], selectedRangeItems: import("../types").TimelineExportEventDetail["selectedRangeItems"], selectedStac: import("vue").Ref<import("stac-ts").StacCollection | null>, filters: import("../../../core/client/types").ItemFilterFilters): Promise<{
     layers: Record<string, any>[];
     date: string;
 }[]>;
@@ -31,9 +31,4 @@ export function getHiddenLayers(layers: import("@eox/map").EoxLayer[]): {
  * @returns {import("@eox/map").EoxLayer[]}
  */
 export function restoreLayersVisibility(layers: import("@eox/map").EoxLayer[]): import("@eox/map").EoxLayer[];
-/**
- * Build STAC API filter string from TimeSlider filters
- * @param {Record<string, import("../types").Filter>} filters
- * @returns {string}
- */
-export function buildStacFilters(filters: Record<string, import("../types").Filter>): string;
+export { useScheduleMosaicUpdate } from "../../../core/client/eodashSTAC/mosaic";

package/dist/types/widgets/EodashTimeSlider/types.d.ts

@@ -1,10 +1,11 @@
+import type { ItemFilterFilters } from "../../core/client/types";
 export interface TimelineSelectionEventDetail {
     date: [string, string];
     instances: {
         layer: import("ol/layer/Layer").default;
         source: import("ol/source/Source").default;
     };
-    filters: Record<string, Filter>;
+    filters: ItemFilterFilters;
     selectedItems: {
         [layerId: string]: SelectedItem[];
     };
@@ -28,7 +29,7 @@ export interface TimelineExportEventDetail {
         zoom: number;
         center: [number, number];
     };
-    filters: Record<string, Filter>;
+    filters: ItemFilterFilters;
     instances: {
         layer: import("ol/layer/Layer").default;
         source: import("ol/source/Source").default;
@@ -45,18 +46,7 @@ export interface TimelineExportEventDetail {
         zoom?: number;
     }) => Promise<void>;
 }
-export interface Filter {
-    key: string;
-    title: string;
-    type: "range" | "multiselect" | "select";
-    expanded: boolean;
-    min: number;
-    max: number;
-    step: number;
-    state: {
-        min: number;
-        max: number;
-    };
-    dirty: boolean;
-    stringifiedState: string;
+export interface ItemFilterEventDetail {
+    result: Record<string, any>;
+    filters: ItemFilterFilters;
 }

package/dist/types/widgets/EodashTools.vue.d.ts

@@ -397,6 +397,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: () => void;
     };
 }>> & Readonly<{}>, {
+    layoutIcon: string;
+    layoutTarget: string;
+    showIndicatorsBtn: boolean;
+    showLayoutSwitcher: boolean;
+    indicatorBtnText: string;
     itemFilterConfig: Partial<{
         enableCompare: boolean;
         filtersTitle: string;
@@ -439,9 +444,4 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly aggregateResults?: string | undefined;
         readonly onSelect?: ((...args: any[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "enableCompare" | "filtersTitle" | "resultsTitle" | "titleProperty" | "aggregateResults" | "imageProperty" | "subTitleProperty" | "resultType" | "cssVars" | "enableHighlighting" | "expandMultipleFilters" | "expandMultipleResults" | "styleOverride" | "filterProperties">;
-    showIndicatorsBtn: boolean;
-    showLayoutSwitcher: boolean;
-    layoutTarget: string;
-    layoutIcon: string;
-    indicatorBtnText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.7.0",
+  "version": "5.8.0",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -60,79 +60,79 @@
     "lint": "eslint . --fix",
     "cypress": "cypress open --component ",
     "vitest": "vitest --isolate --ui",
-    "test": "npm run test:client && npm run test:cli",
+    "test": "npm run test:client && npm run test:unit && npm run test:cli",
     "test:cli": "vitest run tests/cli --isolate",
-    "test:client": "cypress run --component",
-    "docs:dev": "vitepress dev docs --port 3333",
+    "test:client": "cypress run --component && npm run test:unit",
+    "test:unit": "vitest run tests/unit --isolate",
+    "docs:dev": "test -d docs/api || npm run docs:generate && vitepress dev docs --port 3333",
     "docs:build": "npm run docs:generate && vitepress build docs",
     "docs:preview": "vitepress preview docs",
     "docs:generate": "npm run build:cli && npm run build:types && typedoc --options typedoc.config.json"
   },
   "dependencies": {
     "@eox/chart": "^1.2.0",
-    "@eox/drawtools": "^1.5.0",
+    "@eox/drawtools": "^1.6.0",
     "@eox/feedback": "^1.2.0",
     "@eox/geosearch": "^1.2.0",
-    "@eox/itemfilter": "^1.16.0",
-    "@eox/jsonform": "^1.12.0",
-    "@eox/layercontrol": "^1.7.0",
+    "@eox/itemfilter": "^1.17.3",
+    "@eox/jsonform": "^1.12.1",
+    "@eox/layercontrol": "^1.8.0",
     "@eox/layout": "^1.0.0",
-    "@eox/map": "^2.5.1",
+    "@eox/map": "^2.7.0",
     "@eox/stacinfo": "^1.2.0",
-    "@eox/timecontrol": "^2.4.0",
+    "@eox/timecontrol": "^2.6.0",
     "@eox/ui": "^1.1.0",
     "@mdi/js": "^7.4.47",
-    "@vitejs/plugin-vue": "^6.0.6",
-    "@vueuse/core": "^14.2.1",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vueuse/core": "^14.3.0",
     "animated-details": "gist:2912bb049fa906671807415eb0e87188",
-    "axios": "^1.15.2",
+    "axios": "^1.17.0",
     "axios-cache-interceptor": "^1.12.0",
-    "color-legend-element": "^1.3.0",
+    "color-legend-element": "^1.5.0",
     "commander": "^14.0.3",
     "core-js": "^3.49.0",
     "dotenv": "^17.4.2",
-    "hyparquet": "^1.25.6",
+    "hyparquet": "^1.26.0",
     "loglevel": "^1.9.2",
     "mustache": "^4.2.0",
     "pinia": "^3.0.4",
     "proj4": "^2.20.8",
-    "sass": "^1.99.0",
-    "stac-js": "^0.4.2",
+    "sass": "^1.100.0",
+    "stac-js": "^0.4.3",
     "stac-ts": "^1.0.5",
     "v-calendar": "3.0.0",
     "vega-embed": "^6.29.0",
     "vega-lite": "^5.23.0",
-    "vite": "^7.3.1",
+    "vite": "^7.3.5",
     "vite-plugin-vuetify": "^2.1.3",
-    "vue": "^3.5.33",
-    "vuetify": "^3.11.4",
+    "vue": "^3.5.35",
+    "vuetify": "^3.12.8",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/types": "^7.29.0",
-    "@eox/eslint-config": "^2.0.0",
+    "@babel/types": "^7.29.7",
+    "@eox/eslint-config": "^2.1.0",
+    "@eox/pages-theme-eox": "^1.9.0",
     "@pinia/testing": "^1.0.3",
     "@types/json-schema": "^7.0.15",
     "@types/mustache": "^4.2.6",
-    "@types/node": "^25.6.0",
+    "@types/node": "^25.9.1",
     "@types/openlayers": "^4.6.23",
     "@types/webfontloader": "^1.6.38",
-    "cypress": "^15.14.1",
-    "eslint": "^9.39.2",
-    "eslint-plugin-vue": "^9.33.0",
-    "pkg-pr-new": "^0.0.66",
+    "@typescript-eslint/parser": "^8.61.1",
+    "cypress": "^15.16.0",
+    "pkg-pr-new": "^0.0.75",
     "prettier": "^3.8.3",
-    "rollup": "^4.60.2",
+    "rollup": "^4.61.1",
     "terminate": "^2.8.0",
-    "tsc-alias": "^1.8.16",
+    "tsc-alias": "^1.8.17",
     "typedoc": "^0.28.19",
-    "typedoc-plugin-markdown": "^4.11.0",
+    "typedoc-plugin-markdown": "^4.12.0",
     "typedoc-plugin-vue": "^1.5.1",
-    "typedoc-vitepress-theme": "^1.1.2",
+    "typedoc-vitepress-theme": "^1.1.3",
     "typescript": "^5.9.3",
-    "vitepress": "^1.6.4",
-    "vitest": "^4.1.5",
-    "vue-tsc": "3.2.7"
+    "vitest": "^4.1.8",
+    "vue-tsc": "3.3.3"
   },
   "engines": {
     "node": ">=20.15.1"

package/templates/baseConfig.js

@@ -1,4 +1,4 @@
-import { deepmergeInto } from "deepmerge-ts";
+import { deepmergeCustom } from "deepmerge-ts";
 import lite from "./lite";
 import expert from "./expert";
 import compare from "./compare";
@@ -13,12 +13,15 @@ const baseConfig = {
   stacEndpoint: {
     endpoint:
       "https://esa-eodashboards.github.io/eodashboard-catalog/trilateral/catalog.json",
+    // "https://GTIF-Austria.github.io/public-catalog/pr-preview/pr-119/GTIF-Austria/catalog.json",
     // "https://api.explorer.eopf.copernicus.eu/stac",
     // api: true,
     supportedUpscalingEndpoints: [
-      "openveda.cloud",
-      "api.explorer.eopf.copernicus.eu",
+      { url: "openveda.cloud", titilerVersion: 1 },
+      { url: "api.explorer.eopf.copernicus.eu", titilerVersion: 2 },
     ],
+    colormapRegistry:
+      "https://raw.githubusercontent.com/eurodatacube/eodash-assets/refs/heads/main/defaults/colormaps.json",
   },
   brand: {
     noLayout: true,
@@ -66,13 +69,41 @@ const baseConfig = {
   },
 };
 
+/**
+ * Arrays are replacement semantics (user array wins, not concat).
+ * mergeArrays:false ensures e.g. widgets/collectionsPalette/supportedUpscalingEndpoints
+ * supplied by the caller fully replace the base arrays.
+ */
+const deepmerge = deepmergeCustom({ mergeArrays: false });
+
 /**
  * @param {import("vega-lite").DeepPartial<import("@/types").Eodash>} config
+ * @return {import("@/types").Eodash}
  */
 export const getBaseConfig = (config) => {
-  const merged = /** @type {import("@/types").Eodash} */ ({});
-  deepmergeInto(merged, baseConfig, config || {});
-  return merged;
+  return /** @type {import("@/types").Eodash} */ (
+    deepmerge(cloneConfig(baseConfig), config || {})
+  );
 };
 
+/**
+ * Shallow-safe deep clone that preserves functions and Symbols as references
+ * (they are intentionally shared; template functions and Symbol IDs are
+ * not mutable data). Only plain objects and arrays are cloned.
+ *
+ * @param {unknown} val
+ * @returns {unknown}
+ */
+function cloneConfig(val) {
+  if (val === null || typeof val !== "object") return val;
+  if (Array.isArray(val)) return val.map(cloneConfig);
+  if (typeof val === "function") return val;
+  /** @type {Record<string, unknown>} */
+  const out = {};
+  for (const key of Object.keys(val)) {
+    out[key] = cloneConfig(/** @type {Record<string, unknown>} */ (val)[key]);
+  }
+  return out;
+}
+
 export default baseConfig;

package/templates/compare.js

@@ -25,6 +25,28 @@ export default {
       name: "EodashMap",
       properties: {
         enableCompare: true,
+        baseLayers: [
+          {
+            type: "Group",
+            properties: {
+              id: "BaseLayersGroup",
+              title: "Base Layers",
+            },
+            layers: [
+              {
+                type: "Tile",
+                properties: {
+                  id: "terrain-light;:;EPSG:3857",
+                  title: "Terrain Light",
+                },
+                source: {
+                  type: "XYZ",
+                  url: "https://s2maps-tiles.eu/wmts/1.0.0/terrain-light_3857/default/g/{z}/{y}/{x}.jpeg",
+                },
+              },
+            ],
+          },
+        ],
       },
     },
   },
@@ -118,6 +140,26 @@ export default {
           },
         },
     },
+    // {
+    //   defineWidget: (selectedSTAC) => {
+    //     return selectedSTAC
+    //       ? {
+    //           id: "expert-Datepicker",
+    //           type: "internal",
+    //           layout: { x: 4, y: 7, w: 4, h: 5 },
+    //           title: "Date",
+    //           widget: {
+    //             name: "EodashDatePicker",
+    //             properties: {
+    //               hintText: `<b>Hint:</b> closest available date is displayed <br />
+    //                             on map (see Analysis Layers)`,
+    //               toggleCalendar: true,
+    //             },
+    //           },
+    //         }
+    //       : null;
+    //   },
+    // },
     {
       defineWidget: () =>
         shouldShowChartWidget() && {
@@ -149,16 +191,28 @@ export default {
       defineWidget: (selectedSTAC) => {
         return selectedSTAC
           ? {
-              id: "expert-Datepicker",
+              id: "expert-datetime",
               type: "internal",
-              layout: { x: 4, y: 3, w: 4, h: 9 },
-              title: "Date",
+              layout: { x: 1, y: 8, w: 8, h: 3 },
+              title: "Time Slider",
               widget: {
-                name: "EodashDatePicker",
+                name: "EodashTimeSlider",
                 properties: {
-                  hintText: `<b>Hint:</b> closest available date is displayed<br/>
-                                on map (see Analysis Layers)`,
-                  toggleCalendar: true,
+                  filters: [
+                    {
+                      key: "eo:cloud_cover",
+                      title: "Cloud Coverage %",
+                      type: "range",
+                      expanded: true,
+                      min: 0,
+                      max: 100,
+                      step: 5,
+                      state: {
+                        min: 0,
+                        max: 100,
+                      },
+                    },
+                  ],
                 },
               },
             }

package/templates/expert.js

@@ -24,6 +24,28 @@ export default {
     widget: {
       name: "EodashMap",
       properties: {
+        baseLayers: [
+          {
+            type: "Group",
+            properties: {
+              id: "BaseLayersGroup",
+              title: "Base Layers",
+            },
+            layers: [
+              {
+                type: "Tile",
+                properties: {
+                  id: "terrain-light;:;EPSG:3857",
+                  title: "Terrain Light",
+                },
+                source: {
+                  type: "XYZ",
+                  url: "https://s2maps-tiles.eu/wmts/1.0.0/terrain-light_3857/default/g/{z}/{y}/{x}.jpeg",
+                },
+              },
+            ],
+          },
+        ],
         enableCompare: true,
         zoomToExtent: true,
         btns: {
@@ -73,7 +95,7 @@ export default {
       id: "Layercontrol",
       type: "internal",
       title: "Layers",
-      layout: { x: 0, y: 1, w: "3/3/2", h: 11 },
+      layout: { x: 0, y: 1, w: "3/3/2", h: 10 },
       widget: {
         name: "EodashLayerControl",
         properties: {
@@ -124,7 +146,7 @@ export default {
           id: "Processes",
           type: "internal",
           title: "Processes",
-          layout: { x: "9/9/10", y: 6, w: "3/3/2", h: 5 },
+          layout: { x: "9/9/10", y: 6, w: "3/3/2", h: 6 },
           widget: {
             name: "EodashProcess",
           },

package/templates/explore.js

@@ -1,4 +1,3 @@
-// import { includesProcess } from "@/store/actions";
 /** @type {import("@/types").Template} */
 export default {
   gap: 16,
@@ -23,28 +22,32 @@ export default {
     widget: {
       name: "EodashMap",
       properties: {
+        zoomToExtent: false,
         enableCompare: true,
         btns: {
           enableZoom: true,
           enableExportMap: true,
           enableChangeProjection: true,
+          enableMosaic: false,
           enableCompareIndicators: {
             fallbackTemplate: "explore",
+            compareTemplate: "compare",
             itemFilterConfig: {
               imageProperty: "assets.thumbnail.href",
             },
           },
-          enableSearch: true,
+          enableBackToPOIs: false,
+          enableSearch: false,
         },
       },
     },
   },
   widgets: [
     {
-      id: "Layercontrol",
+      id: "explore-layercontrol",
       type: "internal",
       title: "Layers",
-      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 12 },
+      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 11 },
       widget: {
         name: "EodashLayerControl",
       },
@@ -53,9 +56,13 @@ export default {
       id: "ItemCatalog",
       title: "Catalog",
       type: "internal",
-      layout: { x: 0, y: 0, w: "3/3/2", h: 12 },
+      layout: { x: 0, y: 0, w: "3/3/2", h: 11 },
       widget: {
         name: "EodashItemCatalog",
+        properties: {
+          layoutTarget: undefined,
+          hoverProperties: ["datetime", "eo:cloud_cover"],
+        },
       },
     },
   ],

package/templates/lite.js

@@ -24,6 +24,19 @@ export default {
     widget: {
       name: "EodashMap",
       properties: {
+        baseLayers: [
+          {
+            type: "Tile",
+            properties: {
+              id: "terrain-light;:;EPSG:3857",
+              title: "Terrain Light",
+            },
+            source: {
+              type: "XYZ",
+              url: "https://s2maps-tiles.eu/wmts/1.0.0/terrain-light_3857/default/g/{z}/{y}/{x}.jpeg",
+            },
+          },
+        ],
         enableCompare: true,
         enableCursorCoordinates: false,
         enableScaleLine: false,