@eodash/eodash 5.7.1 → 5.8.0

package/dist/client/{PopUp-DPZq5SWI.js → PopUp-7_XnhvCc.js}

@@ -1,7 +1,7 @@
 import { ref, watch, nextTick, mergeProps, createVNode, normalizeStyle, normalizeClass, useModel, openBlock, createElementBlock, withCtx, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot, mergeModels } from 'vue';
-import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit, V as VDefaultsProvider, l as provideTheme, f as useBackgroundColor, h as useBorder, b as useDimension, i as useElevation, j as useLocation, aj as usePosition, k as useRounded, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, ak as makePositionProps, t as makeLocationProps, v as makeElevationProps, d as makeDimensionProps, e as makeComponentProps, w as makeBorderProps, as as useDefineWidgets } from './asWebComponent-BlFN2lkB.js';
-import { u as useScopeId, f as forwardRefs, m as makeVOverlayProps, a as VOverlay } from './forwardRefs-DAlror6d.js';
-import { V as VDialogTransition } from './dialog-transition-BrMkMiNa.js';
+import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit, V as VDefaultsProvider, l as provideTheme, f as useBackgroundColor, h as useBorder, b as useDimension, i as useElevation, j as useLocation, aj as usePosition, k as useRounded, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, ak as makePositionProps, t as makeLocationProps, v as makeElevationProps, d as makeDimensionProps, e as makeComponentProps, w as makeBorderProps, as as useDefineWidgets } from './asWebComponent-IZanwL-A.js';
+import { u as useScopeId, f as forwardRefs, m as makeVOverlayProps, a as VOverlay } from './forwardRefs-B-c1_6yo.js';
+import { V as VDialogTransition } from './dialog-transition-c4ZSnzac.js';
 
 const makeVDialogProps = propsFactory({
   fullscreen: Boolean,

package/dist/client/{ProcessList-DuI6WpS1.js → ProcessList-LL_UCbvc.js}

@@ -1,9 +1,9 @@
 import { ref, createVNode, normalizeStyle, normalizeClass, createElementVNode, toRefs, onMounted, openBlock, createElementBlock, unref, createBlock, withCtx, Fragment, renderList, withDirectives, createTextVNode, toDisplayString, toRef, createCommentVNode } from 'vue';
 import { mdiOpenInNew, mdiUploadBox, mdiDownloadBox, mdiTrashCanOutline } from '@mdi/js';
-import { g as genericComponent, l as provideTheme, W as useDensity, c as useRender, p as propsFactory, r as makeThemeProps, m as makeTagProps, Z as makeDensityProps, e as makeComponentProps, q as convertToUnit, _ as _export_sfc, H as useSTAcStore, L as useOnLayersUpdate, K as VIcon, J as VBtn } from './asWebComponent-BlFN2lkB.js';
-import { Q as compareIndicator, M as indicator } from './helpers-CBqIUSXJ.js';
-import { u as updateJobsStatus, j as getJobStatusUrl, l as loadProcess, k as downloadPreviousResults, m as deleteJob } from './async-B2H8ZwUK.js';
-import { T as Tooltip } from './index-CJ9UI3ln.js';
+import { g as genericComponent, l as provideTheme, W as useDensity, c as useRender, p as propsFactory, r as makeThemeProps, m as makeTagProps, Z as makeDensityProps, e as makeComponentProps, q as convertToUnit, _ as _export_sfc, H as useSTAcStore, L as useOnLayersUpdate, K as VIcon, J as VBtn } from './asWebComponent-IZanwL-A.js';
+import { U as compareIndicator, Q as indicator } from './helpers-BFuh19CP.js';
+import { u as updateJobsStatus, j as getJobStatusUrl, l as loadProcess, k as downloadPreviousResults, m as deleteJob } from './async-CiNIOBVz.js';
+import { T as Tooltip } from './index-KGxz5Egv.js';
 
 /**
  * The list of job result from the server

package/dist/client/{VDivider-Bj9LG_JV.js → VDivider-DWYM0WUr.js}

@@ -1,6 +1,6 @@
 import { createVNode, normalizeStyle, normalizeClass, computed, toRef, createElementVNode } from 'vue';
-import { g as genericComponent, l as provideTheme, h as useBorder, U as useVariant, W as useDensity, k as useRounded, ao as useSize, c as useRender, K as VIcon, V as VDefaultsProvider, a1 as genOverlays, p as propsFactory, Q as IconValue, X as makeVariantProps, r as makeThemeProps, m as makeTagProps, ap as makeSizeProps, s as makeRoundedProps, Z as makeDensityProps, e as makeComponentProps, w as makeBorderProps, a2 as useTextColor, q as convertToUnit } from './asWebComponent-BlFN2lkB.js';
-import { V as VImg } from './VImg-Ddv5OyMz.js';
+import { g as genericComponent, l as provideTheme, h as useBorder, U as useVariant, W as useDensity, k as useRounded, ao as useSize, c as useRender, K as VIcon, V as VDefaultsProvider, a1 as genOverlays, p as propsFactory, Q as IconValue, X as makeVariantProps, r as makeThemeProps, m as makeTagProps, ap as makeSizeProps, s as makeRoundedProps, Z as makeDensityProps, e as makeComponentProps, w as makeBorderProps, a2 as useTextColor, q as convertToUnit } from './asWebComponent-IZanwL-A.js';
+import { V as VImg } from './VImg-B75dgw2K.js';
 
 const makeVAvatarProps = propsFactory({
   start: Boolean,

package/dist/client/{VImg-Ddv5OyMz.js → VImg-B75dgw2K.js}

@@ -1,6 +1,6 @@
 import { h, TransitionGroup, Transition, createElementVNode, normalizeStyle, normalizeClass, computed, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, toRef, withDirectives, createVNode, mergeProps, Fragment, vShow } from 'vue';
-import { aq as SUPPORTS_INTERSECTION, g as genericComponent, ar as PREFERS_REDUCED_MOTION, p as propsFactory, b as useDimension, c as useRender, d as makeDimensionProps, e as makeComponentProps, f as useBackgroundColor, k as useRounded, N as getCurrentInstance, q as convertToUnit, s as makeRoundedProps } from './asWebComponent-BlFN2lkB.js';
-import { M as MaybeTransition, m as makeTransitionProps$1 } from './transition-D_W6Wn9v.js';
+import { aq as SUPPORTS_INTERSECTION, g as genericComponent, ar as PREFERS_REDUCED_MOTION, p as propsFactory, b as useDimension, c as useRender, d as makeDimensionProps, e as makeComponentProps, f as useBackgroundColor, k as useRounded, N as getCurrentInstance, q as convertToUnit, s as makeRoundedProps } from './asWebComponent-IZanwL-A.js';
+import { M as MaybeTransition, m as makeTransitionProps$1 } from './transition-BkyUsZh_.js';
 
 // Utilities
 function mounted(el, binding) {

package/dist/client/{VMain-7yqk_qC3.js → VMain-DvMmOL4f.js}

@@ -1,5 +1,5 @@
 import { createVNode, normalizeStyle, normalizeClass, createElementVNode } from 'vue';
-import { g as genericComponent, b as useDimension, a as useLayout, c as useRender, p as propsFactory, m as makeTagProps, d as makeDimensionProps, e as makeComponentProps } from './asWebComponent-BlFN2lkB.js';
+import { g as genericComponent, b as useDimension, a as useLayout, c as useRender, p as propsFactory, m as makeTagProps, d as makeDimensionProps, e as makeComponentProps } from './asWebComponent-IZanwL-A.js';
 import { u as useSsrBoot } from './ssrBoot-Zgc_Ttvi.js';
 
 const makeVMainProps = propsFactory({

package/dist/client/{VTooltip-2hAJyEoa.js → VTooltip-ClWHUmWL.js}

@@ -1,6 +1,6 @@
 import { useId, toRef, ref, computed, mergeProps, createVNode } from 'vue';
-import { u as useScopeId, f as forwardRefs, m as makeVOverlayProps, a as VOverlay } from './forwardRefs-DAlror6d.js';
-import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit } from './asWebComponent-BlFN2lkB.js';
+import { u as useScopeId, f as forwardRefs, m as makeVOverlayProps, a as VOverlay } from './forwardRefs-B-c1_6yo.js';
+import { g as genericComponent, z as useProxiedModel, c as useRender, p as propsFactory, C as omit } from './asWebComponent-IZanwL-A.js';
 
 const makeVTooltipProps = propsFactory({
   id: String,

package/dist/client/{WidgetsContainer-2DOrlwCB.js → WidgetsContainer-BqaWs4ch.js}

@@ -1,5 +1,5 @@
 import { ref, onMounted, nextTick, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeStyle, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
-import { as as useDefineWidgets, a as useLayout } from './asWebComponent-BlFN2lkB.js';
+import { as as useDefineWidgets, a as useLayout } from './asWebComponent-IZanwL-A.js';
 import 'animated-details';
 
 const _sfc_main = {

package/dist/client/{asWebComponent-BlFN2lkB.js → asWebComponent-IZanwL-A.js}

@@ -1,6 +1,6 @@
 import { warn, capitalize, reactive, watchEffect, toRef, shallowRef, Fragment, getCurrentInstance as getCurrentInstance$1, ref, computed, unref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, toValue, createVNode, mergeProps, createElementVNode, normalizeClass, watch, onScopeDispose, effectScope, toRaw, toRefs, getCurrentScope, onBeforeUnmount, readonly, onMounted, useId, onDeactivated, onActivated, nextTick, onUnmounted, isRef, normalizeStyle, onUpdated, Text, Transition, resolveDynamicComponent, withDirectives, toDisplayString, useModel, openBlock, createBlock, withCtx, createTextVNode, createCommentVNode, defineAsyncComponent, shallowReactive, onErrorCaptured, Suspense, normalizeProps, createElementBlock, useCssVars, withAsyncContext, defineCustomElement } from 'vue';
 import { storeToRefs, defineStore, createPinia } from 'pinia';
-import { r as registerProjection, c as createLayerID, e as extractRoles, a as extractEoxLegendLink, b as resolveStyle, d as extractLayerConfig, f as axios, g as applyTitilerUpscaling, h as addTooltipInteraction, i as createAssetID, j as getBandsProperty, m as mergeGeojsons, k as fetchStyle, l as encodeURLObject, n as mapEl, o as getProjectionCode, p as isSTACItem, q as extractLayerTimeValues, s as fetchApiItems, t as getDatetimeProperty, u as fetchPreAggregations, v as fetchAllStyles, w as findLayer, x as findLayersByLayerPrefix, y as replaceLayer, z as generateFeatures, A as dataThemesBrands, B as getLayers, C as extractLayerLegend, D as extractCollectionUrls, E as generateLinksFromItems, F as revokeCollectionBlobUrls, G as collectionsPalette, H as datetime, I as poi, J as activeTemplate, K as mapPosition, L as isFirstLoad, M as indicator, N as currentUrl, O as currentCompareUrl, P as eodashCompareCollections, Q as compareIndicator, R as comparePoi, S as eodashCollections, T as states, U as actions, V as areChartsSeparateLayout, W as chartSpec, X as compareChartSpec, Y as loading } from './helpers-CBqIUSXJ.js';
+import { r as registerProjection, c as createLayerID, f as fetchRasterForm, e as extractLayerConfig, a as extractRoles, b as extractEoxLegendLink, d as applyTitilerUpscaling, g as axios, h as resolveStyle, i as addTooltipInteraction, j as createAssetID, k as getBandsProperty, m as mergeGeojsons, l as resolveRenders, n as normalizeRescale, o as normalizeNodata, p as encodeURLObject, q as mapEl, s as getProjectionCode, t as isSTACItem, u as extractLayerTimeValues, v as fetchStyle, w as fetchApiItems, x as getDatetimeProperty, y as fetchPreAggregations, z as fetchAllStyles, A as findLayer, B as findLayersByLayerPrefix, C as replaceLayer, D as generateFeatures, E as dataThemesBrands, F as getLayers, G as extractLayerLegend, H as extractCollectionUrls, I as generateLinksFromItems, J as revokeCollectionBlobUrls, K as collectionsPalette, L as datetime, M as poi, N as activeTemplate, O as mapPosition, P as isFirstLoad, Q as indicator, R as currentUrl, S as currentCompareUrl, T as eodashCompareCollections, U as compareIndicator, V as comparePoi, W as eodashCollections, X as states, Y as actions, Z as areChartsSeparateLayout, _ as chartSpec, $ as compareChartSpec, a0 as loading } from './helpers-BFuh19CP.js';
 import log from 'loglevel';
 import { useEventBus, useMutationObserver, createSharedComposable } from '@vueuse/core';
 import { Item, Collection } from 'stac-js';
@@ -8,6 +8,7 @@ import { toAbsolute } from 'stac-js/src/http.js';
 import { parquetRead } from 'hyparquet';
 import WebFontLoader from 'webfontloader';
 import mustache from 'mustache';
+import '@eox/layercontrol';
 import { mdiClose, mdiAlertCircle, mdiPlus, mdiMenuDown, mdiChevronLeft, mdiChevronRight } from '@mdi/js';
 import VCalendar from 'v-calendar';
 
@@ -4107,6 +4108,10 @@ const createLayersFromLinks = async (
     item.links.filter((l) => l.rel === "vector-tile") ?? [];
   const mapboxStyleDocumentArray =
     item.links.filter((l) => l.rel === "mapbox-style-document") ?? [];
+  // An xyz link takes precedence over a tilejson link;
+  const tilejsonArray = xyzArray.length
+    ? []
+    : (item.links.filter((l) => l.rel === "tilejson") ?? []);
   // Taking projection code from main map view, as main view defines
   // projection for comparison map
   const viewProjectionCode = mapEl?.value?.projection || "EPSG:3857";
@@ -4129,6 +4134,20 @@ const createLayersFromLinks = async (
       wmsLink,
       viewProjectionCode,
     );
+    const rasterForm = await fetchRasterForm(
+      /** @type {string|object|undefined} */ (
+        wmsLink?.["eodash:rasterform"] ||
+          item?.["eodash:rasterform"] ||
+          collection?.["eodash:rasterform"]
+      ),
+    );
+    let { layerConfig } = extractLayerConfig(
+      collectionId,
+      {},
+      rasterForm,
+      "tileUrl",
+    );
+
     log.debug("WMS Layer added", linkId);
     const tileSize = /** @type {number[]} */ (
       "wms:tilesize" in wmsLink
@@ -4141,6 +4160,7 @@ const createLayersFromLinks = async (
         id: linkId,
         title: wmsLink.title || title || item.id,
         layerDatetime,
+        layerConfig,
       },
       source: {
         type: "TileWMS",
@@ -4196,15 +4216,18 @@ const createLayersFromLinks = async (
       (wmtsLink?.["proj:epsg"] || wmtsLink?.["eodash:proj4_def"]);
 
     await registerProjection(wmtsLinkProjection);
-    const key =
-      /** @type {string | undefined} */ (wmtsLink["key"]) || undefined;
 
-    const styles = await resolveStyle(item, collection, key);
-    // get the correct style which is attached to a link
+    const rasterForm = await fetchRasterForm(
+      /** @type {string|object|undefined} */ (
+        wmtsLink?.["eodash:rasterform"] ||
+          item?.["eodash:rasterform"] ||
+          collection?.["eodash:rasterform"]
+      ),
+    );
     const returnedLayerConfig = extractLayerConfig(
       collectionId,
-      styles,
-      undefined,
+      {},
+      rasterForm,
       "tileUrl",
     );
     const projectionCode = getProjectionCode(wmtsLinkProjection || "EPSG:3857");
@@ -4227,14 +4250,6 @@ const createLayersFromLinks = async (
     // TODO, this does not yet work between layer time changes because we do not get
     // updated variables from OL layer due to usage of tileurlfunction
 
-    // update dimensions with current value of style variables if applicable
-    const variables = returnedLayerConfig?.style?.variables;
-    if (variables) {
-      for (const [kk, vv] of Object.entries(variables)) {
-        dimensionsWithoutStyle[kk] = vv;
-      }
-    }
-
     if (wmtsLink.href.includes("marine.copernicus")) {
       log.debug(
         "Warning: WMTS Layer from capabilities added, function needs to be updated",
@@ -4275,6 +4290,7 @@ const createLayersFromLinks = async (
           id: linkId,
           title: wmtsLink.title || title || item.id,
           layerDatetime,
+          layerConfig: returnedLayerConfig.layerConfig,
         },
         source: {
           type: "WMTSCapabilities",
@@ -4304,19 +4320,16 @@ const createLayersFromLinks = async (
     const xyzLinkProjection =
       /** @type {number | string | {name: string, def: string} | undefined} */
       (xyzLink?.["proj:epsg"] || xyzLink?.["eodash:proj4_def"]);
-    const key = /** @type {string | undefined} */ (xyzLink["key"]) || undefined;
-    const rasterformURL = /** @type {string|undefined} */ (
-      collection?.["eodash:rasterform"]
+    const rasterForm = await fetchRasterForm(
+      /** @type {string|object|undefined} */ (
+        xyzLink?.["eodash:rasterform"] ||
+          item?.["eodash:rasterform"] ||
+          collection?.["eodash:rasterform"]
+      ),
     );
-    /** @type {import("@/types").EodashRasterJSONForm|undefined} */
-    const rasterForm = rasterformURL
-      ? await axios.get(rasterformURL).then((resp) => resp.data)
-      : undefined;
-    const styles = await resolveStyle(item, collection, key);
-    // get the correct style which is attached to a link
-    let { layerConfig, style } = extractLayerConfig(
+    let { layerConfig } = extractLayerConfig(
       collectionId,
-      styles,
+      {},
       rasterForm,
       "tileUrl",
     );
@@ -4329,19 +4342,6 @@ const createLayersFromLinks = async (
       viewProjectionCode,
     );
     let xyzUrl = xyzLink.href;
-    // TODO, this does not yet work between layer time changes because we do not get
-    // updated variables from OL layer due to usage of tileurlfunction
-
-    // update url query params with current value of style variables if applicable
-    const variables = style?.variables;
-    if (variables) {
-      const [base, query] = xyzUrl.split("?");
-      const params = new URLSearchParams(query);
-      for (const [kk, vv] of Object.entries(variables)) {
-        params.set(kk, JSON.stringify(vv));
-      }
-      xyzUrl = `${base}?${params.toString()}`;
-    }
     const { supportedUpscalingEndpoints } = useSTAcStore();
     const upscaling = applyTitilerUpscaling(
       xyzUrl,
@@ -4400,6 +4400,96 @@ const createLayersFromLinks = async (
     jsonArray.push(json);
   }
 
+  for (const tilejsonLink of tilejsonArray) {
+    // The tilejson href is a complete URL with the render params baked in by the
+    // STAC producer; fetch it and use its `tiles[0]` template as an XYZ source.
+    const tileJSON = await axios
+      .get(tilejsonLink.href)
+      .then((res) => res.data)
+      .catch((err) => {
+        console.error("[eodash] Failed to fetch item TileJSON", err);
+        return null;
+      });
+    if (!tileJSON?.tiles?.[0]) {
+      console.warn(
+        "[eodash] No tile URL in item TileJSON response",
+        tilejsonLink.href,
+      );
+      continue;
+    }
+    // Only raster XYZ tiles are supported; skip vector & TMS scheme TileJSON
+    if (tileJSON.vector_layers || tileJSON.scheme === "tms") {
+      console.warn(
+        "[eodash] Unsupported TileJSON (only raster XYZ is supported)",
+        tilejsonLink.href,
+      );
+      continue;
+    }
+
+    const tilejsonProjection =
+      /** @type {number | string | {name: string, def: string} | undefined} */
+      (tilejsonLink?.["proj:epsg"] || tilejsonLink?.["eodash:proj4_def"]);
+    await registerProjection(tilejsonProjection);
+    const projectionCode = getProjectionCode(tilejsonProjection || "EPSG:3857");
+    const rasterForm = await fetchRasterForm(
+      /** @type {string|object|undefined} */ (
+        tilejsonLink?.["eodash:rasterform"] ||
+          item?.["eodash:rasterform"] ||
+          collection?.["eodash:rasterform"]
+      ),
+    );
+    const { layerConfig } = extractLayerConfig(
+      collectionId,
+      {},
+      rasterForm,
+      "tileUrl",
+    );
+    const linkId = createLayerID(
+      collectionId,
+      item.id,
+      tilejsonLink,
+      viewProjectionCode,
+    );
+
+    log.debug("TileJSON layer added", linkId);
+    /** @type {Record<string, any>} */
+    const json = {
+      type: "Tile",
+      properties: {
+        id: linkId,
+        title: tilejsonLink.title || title || item.id,
+        roles: tilejsonLink.roles,
+        layerDatetime,
+        layerConfig,
+      },
+      source: {
+        type: "XYZ",
+        ...(tileJSON.tiles.length > 1
+          ? { urls: tileJSON.tiles }
+          : { url: tileJSON.tiles[0] }),
+        projection: projectionCode,
+        // Link attribution wins; the TileJSON document's own is the fallback.
+        ...(tilejsonLink.attribution || tileJSON.attribution
+          ? {
+              attributions: tilejsonLink.attribution || tileJSON.attribution,
+            }
+          : {}),
+      },
+    };
+    if (Number.isFinite(tileJSON.minzoom)) json.minZoom = tileJSON.minzoom;
+    if (Number.isFinite(tileJSON.maxzoom)) json.maxZoom = tileJSON.maxzoom;
+
+    extractRoles(json.properties, tilejsonLink);
+    if (extraProperties !== null) {
+      json.properties = {
+        ...json.properties,
+        ...extraProperties,
+        ...extractEoxLegendLink(tilejsonLink),
+      };
+    }
+    jsonArray.push(json);
+  }
+
   for (const vectorTileLink of vectorTileArray ?? []) {
     const vectorTileLinkProjection =
       /** @type {number | string | {name: string, def: string} | undefined} */
@@ -4551,72 +4641,85 @@ const createLayerFromRender = async (
   item,
   extraProperties,
 ) => {
-  if (!collection || !collection.renders || !item) {
+  // config renders > collection STAC renders > item renders
+  const renders = /** @type {Record<string,import("@/types").Render>} */ (
+    resolveRenders(collection, useEodash()?.options?.renders) ?? item?.renders
+  );
+  if (!collection || !item || !renders) {
     return [];
   }
 
-  // Skip when an explicit xyz link already targets the collection on the same endpoint
-  const hasMatchingXyzLink = item.links?.some(
+  // Yield to a raster xyz/tilejson link — createLayersFromLinks renders it.
+  const hasMatchingTileLink = item.links?.some(
     (link) =>
-      link.rel === "xyz" &&
-      link.href?.includes(rasterURL) &&
-      link.href?.includes(`/collections/${collection.id}/`),
+      (link.rel === "xyz" || link.rel === "tilejson") &&
+      link.href?.includes(rasterURL),
   );
-  if (hasMatchingXyzLink) {
+  if (hasMatchingTileLink) {
     return [];
   }
 
-  const rasterformURL = /** @type {string|undefined} */ (
-    collection?.["eodash:rasterform"]
-  );
-  /** @type {import("@/types").EodashRasterJSONForm|undefined} */
-  const rasterForm = rasterformURL
-    ? await axios.get(rasterformURL).then((resp) => resp.data)
-    : undefined;
-  let { layerConfig } = extractLayerConfig(
-    collection.id,
-    await fetchStyle(item),
-    rasterForm,
+  const rasterForm = await fetchRasterForm(
+    /** @type {string|object|undefined} */ (
+      item?.["eodash:rasterform"] || collection?.["eodash:rasterform"]
+    ),
   );
+  let { layerConfig } = extractLayerConfig(collection.id, {}, rasterForm);
+
+  /**
+   * Resolves the first defined value of a property across a render's assets,
+   * checking item assets before falling back to collection assets.
+   * @param {import("@/types").Render} render
+   * @param {string} propertyName
+   * @returns {any}
+   */
+  const getRenderAssetProperty = (render, propertyName) => {
+    for (const assetKey of render.assets ?? []) {
+      const asset = item?.assets?.[assetKey] ?? collection?.assets?.[assetKey];
+      const value = asset?.[propertyName];
+      if (value !== undefined) {
+        return value;
+      }
+    }
+    return undefined;
+  };
 
-  const renders = /** @type {Record<string,import("@/types").Render>} */ (
-    collection.renders ?? item?.renders
-  );
   const layers = [];
-  // special case for rescale
   for (const key in renders) {
     const title = renders[key].title;
 
-    const assetsCollection =
-      renders[key].assets[0] in item["assets"] ? item : collection;
+    const expression =
+      renders[key].expression ??
+      getRenderAssetProperty(renders[key], "expression");
 
     const paramsObject = {
-      assets: renders[key].assets,
-      expression:
-        renders[key].expression ??
-        assetsCollection["assets"]?.[renders[key].assets[0]]?.expression,
-      nodata:
-        renders[key].nodata ??
-        assetsCollection["assets"]?.[renders[key].assets[0]]?.nodata,
+      // TiTiler treats assets and expression as mutually exclusive band selection
+      assets: expression ? undefined : renders[key].assets,
+      expression,
+      nodata: normalizeNodata(
+        renders[key].nodata ?? getRenderAssetProperty(renders[key], "nodata"),
+      ),
       resampling:
         renders[key].resampling ??
-        assetsCollection["assets"]?.[renders[key].assets[0]]?.resampling,
+        getRenderAssetProperty(renders[key], "resampling"),
       color_formula:
         renders[key].color_formula ??
-        assetsCollection["assets"]?.[renders[key].assets[0]]?.color_formula,
+        getRenderAssetProperty(renders[key], "color_formula"),
       colormap:
         renders[key].colormap ??
-        assetsCollection["assets"]?.[renders[key].assets[0]]?.colormap,
+        getRenderAssetProperty(renders[key], "colormap"),
       colormap_name:
         renders[key].colormap_name ??
-        assetsCollection["assets"]?.[renders[key].assets[0]]?.colormap_name,
-      rescale:
-        renders[key].rescale ??
-        assetsCollection["assets"]?.[renders[key].assets[0]]?.rescale,
+        getRenderAssetProperty(renders[key], "colormap_name"),
+      rescale: normalizeRescale(
+        renders[key].rescale ?? getRenderAssetProperty(renders[key], "rescale"),
+      ),
+      bidx: renders[key].bidx,
+      tilesize: renders[key].tilesize,
     };
     const paramsStr = encodeURLObject(paramsObject);
     const url = `${rasterURL}/collections/${collection.id}/items/${item.id}/tiles/WebMercatorQuad/{z}/{x}/{y}?${paramsStr}`;
-    layers.push({
+    const json = {
       /** @type {"Tile"} */
       type: "Tile",
       properties: {
@@ -4639,7 +4742,14 @@ const createLayerFromRender = async (
         url,
         projection: "EPSG:3857",
       },
-    });
+    };
+    if (renders[key].tilesize) {
+      // @ts-expect-error tileGrid is added here and supported in eox-map layer definition
+      json.source.tileGrid = {
+        tileSize: [renders[key].tilesize, renders[key].tilesize],
+      };
+    }
+    layers.push(json);
   }
 
   return layers;
@@ -4811,9 +4921,14 @@ class EodashCollection {
 
     const isSupported =
       item.links.some((link) =>
-        ["wms", "xyz", "wmts", "vector-tile", "mapbox-style-document"].includes(
-          link.rel,
-        ),
+        [
+          "wms",
+          "xyz",
+          "wmts",
+          "vector-tile",
+          "mapbox-style-document",
+          "tilejson",
+        ].includes(link.rel),
       ) || Object.keys(dataAssets).length;
 
     if (isSupported) {
@@ -4975,7 +5090,9 @@ class EodashCollection {
       (/** @type {any} */ a) => a.key?.startsWith("datetime_") || a.interval,
     );
     if (datetimeAgg?.buckets) {
-      return datetimeAgg.buckets.map((/** @type {any} */ b) => new Date(b.key));
+      return datetimeAgg.buckets
+        .map((/** @type {any} */ b) => new Date(b.key))
+        .filter((/** @type {Date} */ d) => !isNaN(d.getTime()));
     }
 
     const items = await this.getItems(true, false, centerDatetime);
@@ -4990,7 +5107,9 @@ class EodashCollection {
           new Date(/** @type {string} */ (i.properties?.[datetimeProperty]))
       : //@ts-expect-error todo
         (i) => new Date(/** @type {string} */ (i[datetimeProperty]));
-    return items?.map(mapToDates) || [];
+    return (items ?? [])
+      .map(mapToDates)
+      .filter((/** @type {Date} */ d) => !isNaN(d.getTime()));
   }
 
   async getExtent() {
@@ -6101,6 +6220,12 @@ const useSTAcStore = defineStore("stac", () => {
    */
   const supportedUpscalingEndpoints = ref([]);
 
+  /**
+   * Registry of colormap ranges
+   * @type {import("vue").Ref<Record<string, string[]> | null>}
+   */
+  const colormapRegistry = ref(null);
+
   /**
    * Links of the root STAC catalog
    *
@@ -6160,6 +6285,26 @@ const useSTAcStore = defineStore("stac", () => {
     rasterEndpoint.value = endpoint.rasterEndpoint ?? null;
     supportedUpscalingEndpoints.value =
       endpoint.supportedUpscalingEndpoints ?? [];
+    if (endpoint.colormapRegistry) {
+      loadColormapRegistry(endpoint.colormapRegistry);
+    }
+  }
+
+  /**
+   * Loads the colormap registry from a URL or object
+   * @param {string | Record<string, string[]>} registry
+   */
+  async function loadColormapRegistry(registry) {
+    if (typeof registry === "object") {
+      colormapRegistry.value = registry;
+      return;
+    }
+    try {
+      const resp = await axios.get(registry);
+      colormapRegistry.value = resp.data;
+    } catch (err) {
+      log.error("Error loading colormap registry", err);
+    }
   }
 
   /**
@@ -6233,6 +6378,7 @@ const useSTAcStore = defineStore("stac", () => {
     await axios
       .get(absoluteUrl.value)
       .then(async (resp) => {
+        resp.data["eodash:layerExclusive"] = true;
         await updateEodashCollections(
           eodashCollections,
           resp.data,
@@ -6345,6 +6491,8 @@ const useSTAcStore = defineStore("stac", () => {
     selectedItem,
     selectedCompareItem,
     supportedUpscalingEndpoints,
+    colormapRegistry,
+    loadColormapRegistry,
   };
 });
 
@@ -8596,7 +8744,7 @@ const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$4, [['styles',[_style_0$2]
 const internalWidgets = (() => {
   /** @type {Record<string, () => Promise<import("vue").Component>>} */
   const importMap = {
-    .../* #__PURE__ */ Object.assign({"/widgets/EodashChart.vue": () => import('./EodashChart-ChrkA5oS.js'),"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-CY1TrsDo.js'),"/widgets/EodashItemCatalog/index.vue": () => import('./index-BWq1ZKaV.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-DzshHDlS.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-DMCeMkSd.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-iJ8mX1rF.js'),"/widgets/EodashMap/EodashMapBtns.vue": () => import('./EodashMapBtns-C7Cr7q5Y.js'),"/widgets/EodashMap/index.vue": () => import('./index-DhKU6KqM.js'),"/widgets/EodashProcess/ProcessList.vue": () => import('./ProcessList-DuI6WpS1.js').then(n => n.a),"/widgets/EodashProcess/index.vue": () => import('./index-DjQlbWbJ.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-K7-iuXa7.js'),"/widgets/EodashTimeSlider/index.vue": () => import('./index-DXLz4sFR.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-BEK7e7JM.js'),"/widgets/ExportState.vue": () => import('./ExportState-CqIzfMYQ.js'),"/widgets/PopUp.vue": () => import('./PopUp-DPZq5SWI.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-2DOrlwCB.js')}),
+    .../* #__PURE__ */ Object.assign({"/widgets/EodashChart.vue": () => import('./EodashChart-D-3AGKZY.js'),"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-Dm_goZzs.js'),"/widgets/EodashItemCatalog/index.vue": () => import('./index-D0jUyol8.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-CJy3zYzD.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-rL8UnpkA.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-ZRlESI9O.js'),"/widgets/EodashMap/EodashMapBtns.vue": () => import('./EodashMapBtns-CG7u2Aq8.js'),"/widgets/EodashMap/index.vue": () => import('./index-1wMAyuNL.js'),"/widgets/EodashProcess/ProcessList.vue": () => import('./ProcessList-LL_UCbvc.js').then(n => n.a),"/widgets/EodashProcess/index.vue": () => import('./index-BKQQJkhy.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-CJhhxthD.js'),"/widgets/EodashTimeSlider/index.vue": () => import('./index-B8jGJSTA.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-CWyK8QJT.js'),"/widgets/ExportState.vue": () => import('./ExportState-BXhy5TOU.js'),"/widgets/PopUp.vue": () => import('./PopUp-7_XnhvCc.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-BqaWs4ch.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
@@ -8730,7 +8878,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-g5SdRbjY.js'),
+        loader: () => import('./DynamicWebComponent-PvnV88BA.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -9127,7 +9275,7 @@ return (_ctx, _cache) => {
 
 };
 
-const version = "5.7.1";
+const version = "5.8.0";
 const pkgJson = {
   version};
 
@@ -9256,15 +9404,15 @@ const { smAndDown } = useDisplay();
 
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-BPf49kDU.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-ePbdvUTE.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-BJHW7x5V.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-DEs4f_Vy.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-CkkBaBNh.js'),
+  () => import('./Header-CiGsDE_a.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-1P0cmBOZ.js'),
+  () => import('./Footer-DZPvnhcT.js'),
 );
 
 const error = ref("");