@eodash/eodash 5.2.0 → 5.3.0

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

@@ -5,7 +5,60 @@ declare const _default: import("vue").DefineComponent<{}, {
     enableCursorCoordinates: boolean;
     enableScaleLine: boolean;
     btnsPosition: Record<string, any>;
-    btns: Record<string, any>;
+    btns: {
+        enableExportMap?: boolean;
+        enableChangeProjection?: boolean;
+        enableBackToPOIs?: boolean;
+        enableSearch?: boolean;
+        enableZoom?: boolean;
+        enableCompareIndicators?: boolean | {
+            compareTemplate?: string;
+            fallbackTemplate?: string;
+            itemFilterConfig?: InstanceType<import("vue").DefineComponent<{}, {
+                $emit: (event: "select", ...args: any[]) => void;
+                enableCompare: boolean;
+                filtersTitle: string;
+                resultsTitle: string;
+                titleProperty: string;
+                imageProperty: string;
+                subTitleProperty: string;
+                resultType: string;
+                cssVars: string | Record<string, any>;
+                enableHighlighting: boolean;
+                expandMultipleFilters: boolean;
+                expandMultipleResults: boolean;
+                styleOverride: string;
+                filterProperties: {
+                    keys: string[];
+                    title: string;
+                    type: string;
+                    expanded?: boolean;
+                }[];
+                aggregateResults?: string | undefined;
+                $props: {
+                    readonly enableCompare?: boolean | undefined;
+                    readonly filtersTitle?: string | undefined;
+                    readonly resultsTitle?: string | undefined;
+                    readonly titleProperty?: string | undefined;
+                    readonly imageProperty?: string | undefined;
+                    readonly subTitleProperty?: string | undefined;
+                    readonly resultType?: string | undefined;
+                    readonly cssVars?: string | Record<string, any> | undefined;
+                    readonly enableHighlighting?: boolean | undefined;
+                    readonly expandMultipleFilters?: boolean | undefined;
+                    readonly expandMultipleResults?: boolean | undefined;
+                    readonly styleOverride?: string | undefined;
+                    readonly filterProperties?: {
+                        keys: string[];
+                        title: string;
+                        type: string;
+                        expanded?: boolean;
+                    }[] | undefined;
+                    readonly aggregateResults?: string | undefined;
+                };
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>["$props"];
+        };
+    };
     center?: [number, number] | undefined;
     $props: {
         readonly enableCompare?: boolean | undefined;
@@ -14,7 +67,60 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly enableCursorCoordinates?: boolean | undefined;
         readonly enableScaleLine?: boolean | undefined;
         readonly btnsPosition?: Record<string, any> | undefined;
-        readonly btns?: Record<string, any> | undefined;
+        readonly btns?: {
+            enableExportMap?: boolean;
+            enableChangeProjection?: boolean;
+            enableBackToPOIs?: boolean;
+            enableSearch?: boolean;
+            enableZoom?: boolean;
+            enableCompareIndicators?: boolean | {
+                compareTemplate?: string;
+                fallbackTemplate?: string;
+                itemFilterConfig?: InstanceType<import("vue").DefineComponent<{}, {
+                    $emit: (event: "select", ...args: any[]) => void;
+                    enableCompare: boolean;
+                    filtersTitle: string;
+                    resultsTitle: string;
+                    titleProperty: string;
+                    imageProperty: string;
+                    subTitleProperty: string;
+                    resultType: string;
+                    cssVars: string | Record<string, any>;
+                    enableHighlighting: boolean;
+                    expandMultipleFilters: boolean;
+                    expandMultipleResults: boolean;
+                    styleOverride: string;
+                    filterProperties: {
+                        keys: string[];
+                        title: string;
+                        type: string;
+                        expanded?: boolean;
+                    }[];
+                    aggregateResults?: string | undefined;
+                    $props: {
+                        readonly enableCompare?: boolean | undefined;
+                        readonly filtersTitle?: string | undefined;
+                        readonly resultsTitle?: string | undefined;
+                        readonly titleProperty?: string | undefined;
+                        readonly imageProperty?: string | undefined;
+                        readonly subTitleProperty?: string | undefined;
+                        readonly resultType?: string | undefined;
+                        readonly cssVars?: string | Record<string, any> | undefined;
+                        readonly enableHighlighting?: boolean | undefined;
+                        readonly expandMultipleFilters?: boolean | undefined;
+                        readonly expandMultipleResults?: boolean | undefined;
+                        readonly styleOverride?: string | undefined;
+                        readonly filterProperties?: {
+                            keys: string[];
+                            title: string;
+                            type: string;
+                            expanded?: boolean;
+                        }[] | undefined;
+                        readonly aggregateResults?: string | undefined;
+                    };
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>["$props"];
+            };
+        } | undefined;
         readonly center?: [number, number] | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/widgets/EodashMap/methods/create-layers-config.d.ts

@@ -1,4 +1,4 @@
-export function createLayersConfig(selectedIndicator: import("stac-ts").StacCatalog | import("stac-ts").StacCollection | import("stac-ts").StacItem | null, eodashCols: EodashCollection[], updatedTime?: string): Promise<{
+export function createLayersConfig(selectedIndicator: import("stac-ts").StacCatalog | import("stac-ts").StacCollection | import("stac-ts").StacItem | null, eodashCols: EodashCollection[], timeOrItem?: string | import("stac-ts").StacItem | null): Promise<{
     type: string;
     properties: {
         id: string;

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

@@ -1,5 +1,5 @@
 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): 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 useUpdateTooltipProperties(eodashCols: import("../../../core/client/eodashSTAC/EodashCollection").EodashCollection[], tooltipProperties: import("vue").Ref<Exclude<import("../../../core/client/types").EodashStyleJson["tooltip"], undefined>>): void;

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<"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").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<"VectorTile", "VectorTile"> | import("@eox/map/src/layers").EOxLayerType<"WebGLTile", "GeoTIFF"> | 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>;

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    filters: unknown[];
+    $props: {
+        readonly filters?: unknown[] | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -1,9 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    showIndicatorsBtn: boolean;
-    showLayoutSwitcher: boolean;
-    layoutTarget: string;
-    layoutIcon: string;
-    indicatorBtnText: string;
     itemFilterConfig: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never> & {
         readonly enableCompare?: boolean | undefined;
         readonly filtersTitle?: string | undefined;
@@ -25,12 +20,12 @@ declare const _default: import("vue").DefineComponent<{}, {
         }[] | undefined;
         readonly aggregateResults?: string | undefined;
     };
+    showIndicatorsBtn: boolean;
+    showLayoutSwitcher: boolean;
+    layoutTarget: string;
+    layoutIcon: string;
+    indicatorBtnText: string;
     $props: {
-        readonly showIndicatorsBtn?: boolean | undefined;
-        readonly showLayoutSwitcher?: boolean | undefined;
-        readonly layoutTarget?: string | undefined;
-        readonly layoutIcon?: string | undefined;
-        readonly indicatorBtnText?: string | undefined;
         readonly itemFilterConfig?: (Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never> & {
             readonly enableCompare?: boolean | undefined;
             readonly filtersTitle?: string | undefined;
@@ -52,6 +47,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             }[] | undefined;
             readonly aggregateResults?: string | undefined;
         }) | undefined;
+        readonly showIndicatorsBtn?: boolean | undefined;
+        readonly showLayoutSwitcher?: boolean | undefined;
+        readonly layoutTarget?: string | undefined;
+        readonly layoutIcon?: string | undefined;
+        readonly indicatorBtnText?: string | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,7 +1,9 @@
 declare const _default: import("vue").DefineComponent<{}, {
     getLayers: Function;
+    getChartSpec: Function;
     $props: {
         readonly getLayers?: Function | undefined;
+        readonly getChartSpec?: Function | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eodash/eodash",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "type": "module",
   "types": "./dist/types/core/client/types.d.ts",
   "files": [
@@ -66,67 +66,68 @@
   },
   "dependencies": {
     "@eox/chart": "^1.0.1",
-    "@eox/drawtools": "^1.1.2",
+    "@eox/drawtools": "^1.1.3",
     "@eox/geosearch": "^1.1.0",
-    "@eox/itemfilter": "^1.10.3",
-    "@eox/jsonform": "^1.3.2",
-    "@eox/layercontrol": "^1.1.2",
+    "@eox/itemfilter": "^1.12.1",
+    "@eox/jsonform": "^1.4.2",
+    "@eox/layercontrol": "^1.3.1",
     "@eox/layout": "^1.0.0",
-    "@eox/map": "^1.24.2",
+    "@eox/map": "^1.26.1",
     "@eox/stacinfo": "^1.0.1",
     "@eox/timecontrol": "^1.0.2",
+    "@eox/timeslider": "https://pkg.pr.new/EOX-A/EOxElements/@eox/timeslider@9873028",
     "@eox/ui": "^0.4.0",
     "@mdi/js": "^7.4.47",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vueuse/core": "^13.6.0",
+    "@vueuse/core": "^13.9.0",
     "animated-details": "gist:2912bb049fa906671807415eb0e87188",
-    "axios": "^1.11.0",
-    "axios-cache-interceptor": "^1.8.0",
+    "axios": "^1.12.2",
+    "axios-cache-interceptor": "^1.8.3",
     "color-legend-element": "^1.3.0",
-    "commander": "^14.0.0",
-    "core-js": "^3.44.0",
-    "dotenv": "^17.2.1",
-    "hyparquet": "^1.17.1",
+    "commander": "^14.0.1",
+    "core-js": "^3.45.1",
+    "dotenv": "^17.2.3",
+    "hyparquet": "^1.20.1",
     "loglevel": "^1.9.2",
     "mustache": "^4.2.0",
     "pinia": "^3.0.3",
     "proj4": "^2.19.10",
-    "sass": "^1.89.2",
-    "stac-js": "^0.1.6",
+    "sass": "^1.93.2",
+    "stac-js": "^0.1.9",
     "stac-ts": "^1.0.4",
     "v-calendar": "3.0.0",
     "vega": "^5.33.0",
     "vega-embed": "^6.29.0",
     "vega-lite": "^5.23.0",
-    "vite": "^6.3.5",
-    "vite-plugin-vuetify": "^2.1.1",
+    "vite": "^6.3.6",
+    "vite-plugin-vuetify": "^2.1.2",
     "vue": "^3.5.17",
-    "vuetify": "^3.9.2",
+    "vuetify": "^3.10.5",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
-    "@babel/types": "^7.28.2",
+    "@babel/types": "^7.28.4",
     "@eox/eslint-config": "^2.0.0",
     "@pinia/testing": "^1.0.2",
     "@types/json-schema": "^7.0.15",
     "@types/mustache": "^4.2.6",
-    "@types/node": "^24.1.0",
+    "@types/node": "^24.7.0",
     "@types/openlayers": "^4.6.23",
     "@types/webfontloader": "^1.6.38",
-    "cypress": "^14.5.3",
-    "eslint": "^9.32.0",
+    "cypress": "^14.5.4",
+    "eslint": "^9.37.0",
     "eslint-plugin-vue": "^9.33.0",
     "pkg-pr-new": "^0.0.54",
     "prettier": "^3.6.2",
-    "rollup": "^4.46.1",
+    "rollup": "^4.52.4",
     "terminate": "^2.8.0",
     "tsc-alias": "^1.8.16",
-    "typedoc": "^0.28.8",
-    "typedoc-plugin-markdown": "^4.7.1",
+    "typedoc": "^0.28.13",
+    "typedoc-plugin-markdown": "^4.9.0",
     "typedoc-plugin-vue": "^1.5.0",
     "typedoc-vitepress-theme": "^1.1.2",
-    "typescript": "^5.8.3",
-    "vitepress": "^1.6.3",
+    "typescript": "^5.9.3",
+    "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
     "vue-tsc": "3.0.1"
   },

package/templates/baseConfig.js

@@ -1,7 +1,8 @@
 import { deepmergeInto } from "deepmerge-ts";
-import light from "./light";
+import lite from "./lite";
 import expert from "./expert";
 import compare from "./compare";
+import explore from "./explore";
 
 /** @type {import("@/types").Eodash} */
 const baseConfig = {
@@ -9,8 +10,11 @@ const baseConfig = {
   options: {
     // useSubCode: true,
   },
-  stacEndpoint:
-    "https://esa-eodashboards.github.io/eodashboard-catalog/trilateral/catalog.json",
+  stacEndpoint: {
+    endpoint:
+      "https://esa-eodashboards.github.io/eodashboard-catalog/trilateral/catalog.json",
+    api: false,
+  },
   brand: {
     noLayout: true,
     name: "Demo",
@@ -50,14 +54,15 @@ const baseConfig = {
     footerText: "Demo configuration of eodash client",
   },
   templates: {
-    light,
+    lite,
     expert,
     compare,
+    explore,
   },
 };
 
 /**
- * @param {Partial<import("@/types").Eodash>} config
+ * @param {import("vega-lite").DeepPartial<import("@/types").Eodash>} config
  */
 export const getBaseConfig = (config) => {
   const merged = /** @type {import("@/types").Eodash} */ ({});

package/templates/compare.js

@@ -33,7 +33,7 @@ export default {
       id: "Tools",
       type: "internal",
       title: "Tools",
-      layout: { x: 0, y: 0, w: "3/3/2", h: 1 },
+      layout: { x: 0, y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {
@@ -53,7 +53,7 @@ export default {
       id: "CompareTools",
       type: "internal",
       title: "Tools",
-      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 1 },
+      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {

package/templates/expert.js

@@ -4,7 +4,7 @@ import { includesProcess } from "@/store/actions";
 /** @type {import("@/types").Template} */
 export default {
   loading: {
-    id: Symbol(),
+    id: "loading",
     type: "web-component",
     widget: {
       // https://uiball.com/ldrs/
@@ -39,8 +39,8 @@ export default {
         btnsPosition: {
           x: "12/9/9",
           y: 1,
-          gap: 16
-        }
+          gap: 16,
+        },
       },
     },
   },
@@ -49,11 +49,11 @@ export default {
       id: "Tools",
       type: "internal",
       title: "Tools",
-      layout: { x: 0, y: 0, w: "3/3/2", h: 1 },
+      layout: { x: 0, y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {
-          layoutTarget: "light",
+          layoutTarget: "lite",
           layoutIcon: mdiViewDashboard,
           itemFilterConfig: {
             resultType: "cards",

package/templates/explore.js

@@ -0,0 +1,62 @@
+// import { includesProcess } from "@/store/actions";
+/** @type {import("@/types").Template} */
+export default {
+  gap: 16,
+  loading: {
+    id: "loading",
+    type: "web-component",
+    widget: {
+      // https://uiball.com/ldrs/
+      link: "https://cdn.jsdelivr.net/npm/ldrs/dist/auto/mirage.js",
+      tagName: "l-mirage",
+      properties: {
+        class: "align-self-center justify-self-center",
+        size: "120",
+        speed: "2.5",
+        color: "#004170",
+      },
+    },
+  },
+  background: {
+    id: "background-map",
+    type: "internal",
+    widget: {
+      name: "EodashMap",
+      properties: {
+        enableCompare: true,
+        btns: {
+          enableZoom: true,
+          enableExportMap: true,
+          enableChangeProjection: true,
+          enableCompareIndicators: {
+            fallbackTemplate: "explore",
+            itemFilterConfig: {
+              imageProperty: "assets.thumbnail.href",
+            },
+          },
+          enableSearch: true,
+        },
+      },
+    },
+  },
+  widgets: [
+    {
+      id: "Layercontrol",
+      type: "internal",
+      title: "Layers",
+      layout: { x: "9/9/10", y: 0, w: "3/3/2", h: 12 },
+      widget: {
+        name: "EodashLayerControl",
+      },
+    },
+    {
+      id: "ItemCatalog",
+      title: "Catalog",
+      type: "internal",
+      layout: { x: 0, y: 0, w: "3/3/2", h: 12 },
+      widget: {
+        name: "EodashItemCatalog",
+      },
+    },
+  ],
+};

package/templates/index.js

@@ -1,6 +1,6 @@
 import { getBaseConfig } from "./baseConfig";
 
-export { default as light } from "./light";
+export { default as lite } from "./lite";
 export { default as expert } from "./expert";
 export { default as compare } from "./compare";
 export { getBaseConfig };

package/templates/{light.js → lite.js}

@@ -42,7 +42,7 @@ export default {
       id: "tools-light",
       type: "internal",
       title: "Tools",
-      layout: { x: 0, y: 0, w: "3/3/2", h: 1 },
+      layout: { x: 0, y: 0, w: "3/3/2", h: 2 },
       widget: {
         name: "EodashTools",
         properties: {

package/widgets/EodashDatePicker.vue

@@ -129,7 +129,6 @@ import { mdiRayStartArrow, mdiRayEndArrow } from "@mdi/js";
 import { eodashCollections, eodashCompareCollections } from "@/utils/states";
 import log from "loglevel";
 import { useTransparentPanel } from "@/composables";
-import { getDatetimeProperty } from "@/eodashSTAC/helpers";
 import { storeToRefs } from "pinia";
 
 const { lgAndDown } = useDisplay();
@@ -149,6 +148,13 @@ const currentDate = customRef((track, trigger) => ({
     trigger();
     log.debug("Datepicker setting currentDate", datetime.value);
     const date = new Date(num);
+
+    // Validate the date before setting
+    if (isNaN(date.getTime())) {
+      log.warn("Invalid date value provided to datepicker:", num);
+      return;
+    }
+
     datetime.value = date.toISOString();
     //@ts-expect-error supports move method https://vcalendar.io/datepicker/basics.html#basics
     datePickerEl.value?.move({
@@ -247,24 +253,15 @@ async function fetchCollectionsAttributes(eodashCollections) {
 
   return await Promise.all(
     eodashCollections.map((ec, idx) => {
-      return ec.fetchCollection().then(() => {
-        const dateProperty = getDatetimeProperty(ec.getItems());
-        if (!dateProperty) {
-          return [];
+      return ec.fetchCollection().then(async () => {
+        const dates = await ec.getDates();
+        if (!dates || !dates.length) {
+          log.debug(
+            `Collection ${ec.collectionStac?.id} has no dates, skipping datepicker attribute`,
+          );
+          return undefined;
         }
-        const dates = [
-          ...new Set(
-            ec.getItems()?.reduce((valid, item) => {
-              const parsed = Date.parse(
-                /** @type {string} */ (item[dateProperty]),
-              );
-              if (parsed) {
-                valid.push(new Date(parsed));
-              }
-              return valid;
-            }, /** @type {Date[]} */ ([])),
-          ),
-        ];
+
         return {
           key: "id-" + idx.toString() + Math.random().toString(16).slice(2),
           dot: {