@eodash/eodash 5.5.2 → 5.6.1

package/core/client/App.vue

@@ -24,7 +24,7 @@ defineProps({
   },
 });
 
-window.setEodashLoglevel("DEBUG");
+// window.setEodashLoglevel("DEBUG")
 
 const error = ref("");
 const isWebComponent = !!document.querySelector("eo-dash");

package/core/client/eodashSTAC/EodashCollection.js

@@ -11,9 +11,9 @@ import {
   getDatetimeProperty,
   isSTACItem,
   findLayersByLayerPrefix,
-  replaceLayersInStructure,
   extractLayerLegend,
   extractLayerTimeValues,
+  replaceLayer,
 } from "./helpers";
 import {
   getLayers,
@@ -195,7 +195,9 @@ export class EodashCollection {
 
     const isSupported =
       item.links.some((link) =>
-        ["wms", "xyz", "wmts", "vector-tile"].includes(link.rel),
+        ["wms", "xyz", "wmts", "vector-tile", "mapbox-style-document"].includes(
+          link.rel,
+        ),
       ) || Object.keys(dataAssets).length;
 
     if (isSupported) {
@@ -453,15 +455,20 @@ export class EodashCollection {
     if (!toBeReplacedLayers) {
       return;
     }
-    const updatedLayers = replaceLayersInStructure(
+    const updatedLayers = replaceLayer(
       currentLayers,
-      toBeReplacedLayers,
+      /** @type {string[]} */ (toBeReplacedLayers.map((l) => l.properties?.id)),
+      //@ts-expect-error createLayersJson is not typed correctly
       newLayers,
     );
 
     // Emit event to update potential widget dependencies such as process layer ids
     const layersEvents = useEventBus(eoxLayersKey);
-    layersEvents.emit("layertime:updated", newLayers);
+    if (map === "second") {
+      layersEvents.emit("compareLayertime:updated", newLayers);
+    } else {
+      layersEvents.emit("layertime:updated", newLayers);
+    }
 
     return updatedLayers;
   }

package/core/client/eodashSTAC/auth.js

@@ -2,17 +2,22 @@
  * Generic handler for possible authentications schemes as defined in STAC authentication extension.
  * @param {import("@/types").StacAuthItem } item
  * @param {import("@/types").StacAuthLink | import("@/types").StacAuthAsset} linkOrAsset
- * @returns {string}
+ * @param { object | undefined } optionsObject // generic object to pass options to handlers and modify them if needed
+ * @returns {{url: string, optionsObject: object | undefined}}
  */
-export function handleAuthenticationOfLink(item, linkOrAsset) {
+export function handleAuthenticationOfLink(item, linkOrAsset, optionsObject) {
   // browse through all authentication refs on a link to find a first one we support
   for (const authRef of linkOrAsset["auth:refs"] || []) {
     const authSchemes = item["auth:schemes"];
     if (authRef in authSchemes) {
       switch (authSchemes[authRef].type) {
         case "apiKey": {
-          //@ts-expect-error TODO
-          return handleApiKeyBasedAuth(authSchemes[authRef], linkOrAsset.href);
+          return handleApiKeyBasedAuth(
+            //@ts-expect-error TODO
+            authSchemes[authRef],
+            linkOrAsset.href,
+            optionsObject,
+          );
         }
         // case "signedUrl":
         // case "s3":
@@ -28,15 +33,16 @@ export function handleAuthenticationOfLink(item, linkOrAsset) {
       }
     }
   }
-  return linkOrAsset.href;
+  return { url: linkOrAsset.href, optionsObject };
 }
 /**
  * Generic handler for possible authentications schemes as defined in STAC authentication extension.
  * @param {import("@/types").ApiKeyAuthScheme } schemeDef
  * @param { string } href
- * @returns { string }
+ * @param { object | undefined } optionsObject
+ * @returns { {url: string, optionsObject: object | undefined} }
  */
-function handleApiKeyBasedAuth(schemeDef, href) {
+function handleApiKeyBasedAuth(schemeDef, href, optionsObject) {
   // add token to query parameters of href
   let url = href;
   switch (schemeDef.in) {
@@ -45,7 +51,11 @@ function handleApiKeyBasedAuth(schemeDef, href) {
       const envVar = "EODASH_" + apiKey;
       const envValue = process.env[envVar];
       if (envValue) {
-        url = setQueryParam(href, apiKey, envValue);
+        if (typeof optionsObject !== "undefined") {
+          optionsObject = { ...optionsObject, apiKey: envValue };
+        } else {
+          url = setQueryParam(href, apiKey, envValue);
+        }
       } else {
         console.error(
           `env variable ${envVar} for authentication parameter ${apiKey} not set`,
@@ -56,7 +66,7 @@ function handleApiKeyBasedAuth(schemeDef, href) {
     default:
       console.error("eodash does not support any referenced handler");
   }
-  return url;
+  return { url, optionsObject };
 }
 
 /**

package/core/client/eodashSTAC/createLayers.js

@@ -15,6 +15,24 @@ import {
 } from "./helpers";
 import { handleAuthenticationOfLink } from "./auth";
 import log from "loglevel";
+import { useSTAcStore } from "@/store/stac";
+
+/**
+ * Build a WMTS GetCapabilities URL from a base endpoint URL.
+ * If the URL already points to a capabilities document, return as-is.
+ *
+ * @param {string} href
+ * @returns {string}
+ */
+function buildCapabilitiesUrl(href) {
+  if (href.includes("GetCapabilities") || href.endsWith(".xml")) {
+    return href;
+  }
+  const url = new URL(href);
+  url.searchParams.set("service", "WMTS");
+  url.searchParams.set("request", "GetCapabilities");
+  return url.toString();
+}
 
 /**
  * @param {string} collectionId
@@ -210,10 +228,10 @@ export async function createLayersFromAssets(
       const projection = getProjectionCode(assetProjection) || "EPSG:4326";
       // in case we merge them, we pass urls, else just single url
       const urlsObject = {
-        url: fgbSource,
-        // TODO uncomment this once fgb merging supported on source
-        // url: stacObject?.["eodash:merge_assets"] === false ? fgbSource : undefined,
-        // urls: stacObject?.["eodash:merge_assets"] !== false ? fgbSources : undefined,
+        url:
+          stacObject?.["eodash:merge_assets"] === false
+            ? fgbSource
+            : fgbSources,
       };
       const layer = {
         type: "Vector",
@@ -242,9 +260,7 @@ export async function createLayersFromAssets(
       addTooltipInteraction(layer, style);
       jsonArray.push(layer);
       // if we merged assets (default yes), then we can break from this loop
-      // TODO uncomment this once fgb merging supported on source
-      // if (stacObject?.["eodash:merge_assets"] !== false)
-      //   break
+      if (stacObject?.["eodash:merge_assets"] !== false) break;
     }
   }
 
@@ -271,7 +287,7 @@ export async function createLayersFromAssets(
       const sources =
         stacObject?.["eodash:merge_assets"] !== false
           ? geoTIFFSources
-          : geotiffSource;
+          : [geotiffSource];
       const layer = {
         type: "WebGLTile",
         source: {
@@ -282,7 +298,7 @@ export async function createLayersFromAssets(
         },
         properties: {
           id: assetLayerId,
-          title,
+          title: assets[assetName]?.title || title,
           layerConfig,
           layerDatetime,
         },
@@ -325,7 +341,8 @@ export const createLayersFromLinks = async (
   const xyzArray = item.links.filter((l) => l.rel === "xyz") ?? [];
   const vectorTileArray =
     item.links.filter((l) => l.rel === "vector-tile") ?? [];
-
+  const mapboxStyleDocumentArray =
+    item.links.filter((l) => l.rel === "mapbox-style-document") ?? [];
   // Taking projection code from main map view, as main view defines
   // projection for comparison map
   const viewProjectionCode = mapEl?.value?.projection || "EPSG:3857";
@@ -375,6 +392,15 @@ export const createLayersFromLinks = async (
         },
       },
     };
+    if (
+      // @ts-expect-error missing type definition, can be accessed like this
+      wmsLink.roles?.includes("baselayer") ||
+      // @ts-expect-error missing type definition, can be accessed like this
+      wmsLink.roles?.includes("overlay")
+    ) {
+      // @ts-expect-error no type for eox-map
+      json.preload = Infinity;
+    }
     if ("wms:version" in wmsLink) {
       // @ts-expect-error no type for eox-map
       json.source.params["VERSION"] = wmsLink["wms:version"];
@@ -431,7 +457,7 @@ export const createLayersFromLinks = async (
     const dimensions = /** @type { {style:any} & Record<string,any> } */ (
       wmtsLink["wmts:dimensions"] || {}
     );
-    let { style, ...dimensionsWithoutStyle } = { ...dimensions };
+    let { style, matrixSet, ...dimensionsWithoutStyle } = { ...dimensions };
     let extractedStyle = /** @type { string } */ (style || "default");
 
     // TODO, this does not yet work between layer time changes because we do not get
@@ -475,10 +501,8 @@ export const createLayersFromLinks = async (
         },
       };
     } else {
-      log.debug(
-        "Warning: WMTS Layer from capabilities added, function needs to be updated",
-        linkId,
-      );
+      log.debug("WMTS Layer from capabilities added", linkId);
+
       json = {
         type: "Tile",
         properties: {
@@ -487,15 +511,11 @@ export const createLayersFromLinks = async (
           layerDatetime,
         },
         source: {
-          type: "WMTS",
-          url: wmtsLink.href,
+          type: "WMTSCapabilities",
+          url: buildCapabilitiesUrl(wmtsLink.href),
           layer: wmtsLink["wmts:layer"],
           style: extractedStyle,
-          matrixSet: wmtsLink.matrixSet || "EPSG:3857",
-          projection: projectionCode,
-          tileGrid: {
-            tileSize: [512, 512],
-          },
+          ...(matrixSet ? { matrixSet } : {}),
           attributions: wmtsLink.attribution,
           dimensions: dimensionsWithoutStyle,
         },
@@ -556,6 +576,16 @@ export const createLayersFromLinks = async (
       xyzUrl = `${base}?${params.toString()}`;
     }
 
+    const { supportedUpscalingEndpoints } = useSTAcStore();
+    const isUpscalingSupported = supportedUpscalingEndpoints.some(
+      (/** @type {string} */ endpoint) => xyzUrl.includes(endpoint),
+    );
+
+    // Add sharding for s2maps automatically
+    if (xyzUrl.includes("s2maps-tiles.eu")) {
+      xyzUrl = xyzUrl.replace("s2maps-tiles.eu", "{a-e}.s2maps-tiles.eu");
+    }
+
     log.debug("XYZ Layer added", linkId);
     let json = {
       type: "Tile",
@@ -568,11 +598,26 @@ export const createLayersFromLinks = async (
       },
       source: {
         type: "XYZ",
-        url: xyzUrl,
+        url: isUpscalingSupported ? xyzUrl.replace("{y}", "{y}@2x") : xyzUrl,
         projection: projectionCode,
         attributions: xyzLink.attribution,
       },
     };
+    if (isUpscalingSupported) {
+      // @ts-expect-error tileGrid is added here and supported in eox-map layer definition
+      json.source.tileGrid = {
+        tileSize: [512, 512],
+      };
+    }
+    if (
+      // @ts-expect-error missing type definition, can be accessed like this
+      xyzLink.roles?.includes("baselayer") ||
+      // @ts-expect-error missing type definition, can be accessed like this
+      xyzLink.roles?.includes("overlay")
+    ) {
+      // @ts-expect-error no type for eox-map
+      json.preload = Infinity;
+    }
 
     extractRoles(json.properties, xyzLink);
     if (extraProperties !== null) {
@@ -610,10 +655,12 @@ export const createLayersFromLinks = async (
 
     let href = vectorTileLink.href;
     if ("auth:schemes" in item && "auth:refs" in vectorTileLink) {
-      href = handleAuthenticationOfLink(
+      const { url } = handleAuthenticationOfLink(
         /** @type { import("@/types").StacAuthItem} */ (item),
         /** @type { import("@/types").StacAuthLink} */ (vectorTileLink),
+        undefined,
       );
+      href = url;
     }
     const json = {
       type: "VectorTile",
@@ -655,6 +702,65 @@ export const createLayersFromLinks = async (
     }
     jsonArray.push(json);
   }
+
+  for (const mapboxStyleDocumentLink of mapboxStyleDocumentArray ?? []) {
+    const mapboxStyleDocumentLinkProjection =
+      /** @type {number | string | {name: string, def: string} | undefined} */
+      (
+        mapboxStyleDocumentLink?.["proj:epsg"] ||
+          mapboxStyleDocumentLink?.["eodash:proj4_def"]
+      );
+
+    await registerProjection(mapboxStyleDocumentLinkProjection);
+    const projectionCode = getProjectionCode(
+      mapboxStyleDocumentLinkProjection || "EPSG:3857",
+    );
+    const linkId = createLayerID(
+      collectionId,
+      item.id,
+      mapboxStyleDocumentLink,
+      viewProjectionCode,
+    );
+    log.debug("Mapbox Style Document Layer added", linkId);
+
+    let href = mapboxStyleDocumentLink.href;
+    let applyOptions = mapboxStyleDocumentLink?.applyOptions || {};
+    if ("auth:schemes" in item && "auth:refs" in mapboxStyleDocumentLink) {
+      const { url, optionsObject } = handleAuthenticationOfLink(
+        /** @type { import("@/types").StacAuthItem} */ (item),
+        /** @type { import("@/types").StacAuthLink} */ (
+          mapboxStyleDocumentLink
+        ),
+        applyOptions,
+      );
+      applyOptions = /** @type { object } */ (optionsObject);
+      href = url;
+    }
+    const json = {
+      type: "MapboxStyle",
+      properties: {
+        id: linkId,
+        title: mapboxStyleDocumentLink.title || title || item.id,
+        roles: mapboxStyleDocumentLink.roles,
+        layerDatetime,
+        mapboxStyle: href,
+        projection: projectionCode,
+        attributions: mapboxStyleDocumentLink.attribution,
+        applyOptions,
+      },
+      interactions: [],
+    };
+    extractRoles(json.properties, mapboxStyleDocumentLink);
+    if (extraProperties !== null) {
+      json.properties = {
+        ...json.properties,
+        ...extraProperties,
+        ...extractEoxLegendLink(mapboxStyleDocumentLink),
+      };
+    }
+    jsonArray.push(json);
+  }
+
   return jsonArray;
 };
 /**

package/core/client/eodashSTAC/helpers.js

@@ -349,11 +349,11 @@ export const extractLayerTimeValues = (items, currentStep) => {
 export const findLayersByLayerPrefix = (layers, referenceLayer) => {
   const refId = referenceLayer?.properties?.id;
 
-  if (typeof refId !== "string" || !refId.includes(";")) {
-    throw new Error("Reference layer ID must contain a ';' separator.");
+  if (typeof refId !== "string" || !refId.includes(";:;")) {
+    throw new Error("Reference layer ID must contain a ';:;' separator.");
   }
 
-  const prefix = refId.split(";")[0];
+  const prefix = refId.split(";:;")[0];
   const matches = [];
 
   for (const layer of layers) {
@@ -361,7 +361,7 @@ export const findLayersByLayerPrefix = (layers, referenceLayer) => {
       matches.push(...findLayersByLayerPrefix(layer.layers, referenceLayer));
     } else {
       const id = layer?.properties?.id;
-      if (typeof id === "string" && id.startsWith(prefix)) {
+      if (typeof id === "string" && id.split(";:;")[0] === prefix) {
         matches.push(layer);
       }
     }
@@ -392,39 +392,35 @@ export const findLayer = (layers, layer) => {
 };
 
 /**
- * Removes a list of layers (and nested ones) from a layer/group structure,
- * and inserts new layers in place of the first removed one.
+ * Removes one or more layers (by id) from a layer/group structure and inserts
+ * new layers in place of the first removed one.
+ * Returns a new array reference at every level that changed (immutable).
  *
- * @param {import("@eox/map").EoxLayer[]} layers - Array of layers or groups.
- * @param {import("@eox/map").EoxLayer[]} toRemove - Array of layers to remove (by id).
- * @param {Record<string, any>[]} toInsert - Array of layers to insert instead.
- * @returns {Record<string, any>[]} New array with replacements applied.
+ * @param {import("@eox/map").EoxLayer[]} layers - Current layer array.
+ * @param {string | string[]} toRemove - Id(s) of layers to remove.
+ * @param {import("@eox/map").EoxLayer[]} toInsert - Layers to insert in place of the first removed one.
+ * @returns {import("@eox/map").EoxLayer[]}
  */
-export const replaceLayersInStructure = (layers, toRemove, toInsert) => {
-  const result = [];
+export const replaceLayer = (layers, toRemove, toInsert) => {
+  const removeIds = new Set(Array.isArray(toRemove) ? toRemove : [toRemove]);
   let inserted = false;
+  const result = [];
 
   for (const layer of layers) {
     if (layer.type === "Group" && Array.isArray(layer.layers)) {
-      // Recurse into group layers
-      const newGroupLayers = replaceLayersInStructure(
-        layer.layers,
-        toRemove,
-        toInsert,
+      const newGroupLayers = replaceLayer(layer.layers, toRemove, toInsert);
+      // Only create a new object reference if children changed
+      result.push(
+        newGroupLayers !== layer.layers
+          ? { ...layer, layers: newGroupLayers }
+          : layer,
       );
-      result.push({ ...layer, layers: newGroupLayers });
       continue;
     }
 
-    // Match by reference or id
     const id = layer?.properties?.id;
-    const isToRemove = toRemove.some((rem) => {
-      const remId = rem?.properties?.id;
-      return remId === id;
-    });
 
-    if (isToRemove) {
-      // On first removed occurrence, insert the new layers
+    if (id && removeIds.has(id)) {
       if (!inserted) {
         result.push(...toInsert);
         inserted = true;
@@ -433,43 +429,14 @@ export const replaceLayersInStructure = (layers, toRemove, toInsert) => {
       continue;
     }
 
-    result.unshift(layer);
-  }
-
-  return result;
-};
-
-/**
- * Removes the layer with the id provided and injects an array of layers in its position
- * @param {import("@eox/map").EoxLayer[]} currentLayers
- * @param {string} oldLayer - id of the layer to be replaced
- *  @param {import("@eox/map").EoxLayer[]} newLayers - array of layers to replace the old layer
- * @returns {import("@eox/map").EoxLayer[]}
- */
-export const replaceLayer = (currentLayers, oldLayer, newLayers) => {
-  const oldLayerIdx = currentLayers.findIndex(
-    (l) => l.properties?.id === oldLayer,
-  );
-
-  if (oldLayerIdx !== -1) {
-    log.debug(
-      "Replacing layer",
-      oldLayer,
-      "with",
-      newLayers.map((l) => l.properties?.id),
-    );
-    currentLayers.splice(oldLayerIdx, 1, ...newLayers);
+    result.push(layer);
   }
 
-  for (const l of currentLayers) {
-    if (l.type === "Group") {
-      const updatedGroupLyrs = replaceLayer(l.layers, oldLayer, newLayers);
-      if (updatedGroupLyrs?.length) {
-        l.layers = updatedGroupLyrs;
-      }
-    }
-  }
-  return currentLayers;
+  // If nothing changed, return the original reference to avoid unnecessary re-renders
+  return result.length === layers.length &&
+    result.every((l, i) => l === layers[i])
+    ? layers
+    : result;
 };
 
 /**

package/core/client/store/stac.js

@@ -29,6 +29,12 @@ export const useSTAcStore = defineStore("stac", () => {
   const rasterEndpoint = ref(null);
   const isApi = ref(false);
 
+  /**
+   * List of supported endpoints for upscaling
+   * @type {import("vue").Ref<string[]>}
+   */
+  const supportedUpscalingEndpoints = ref([]);
+
   /**
    * Links of the root STAC catalog
    *
@@ -77,6 +83,8 @@ export const useSTAcStore = defineStore("stac", () => {
     stacEndpoint.value = endpoint.endpoint;
     isApi.value = endpoint.api ?? false;
     rasterEndpoint.value = endpoint.rasterEndpoint ?? null;
+    supportedUpscalingEndpoints.value =
+      endpoint.supportedUpscalingEndpoints ?? [];
   }
 
   /**
@@ -249,5 +257,6 @@ export const useSTAcStore = defineStore("stac", () => {
     selectedStac,
     selectedCompareStac,
     selectedItem,
+    supportedUpscalingEndpoints,
   };
 });

package/core/client/types.ts

@@ -331,6 +331,7 @@ export type StacEndpoint =
       api?: boolean;
       rasterEndpoint?: string;
       vectorEndpoint?: string;
+      supportedUpscalingEndpoints?: string[];
     };
 
 /** @group Eodash */

package/dist/client/{DashboardLayout-BAB1tPv0.js → DashboardLayout-CqMb7OXc.js}

@@ -1,7 +1,7 @@
-import { createBlock, openBlock, withCtx, createElementVNode, unref, createElementBlock, createCommentVNode, normalizeStyle, Suspense, resolveDynamicComponent, mergeProps, Fragment, renderList, Transition } from 'vue';
+import { openBlock, createBlock, withCtx, createElementVNode, unref, createElementBlock, normalizeStyle, Suspense, resolveDynamicComponent, mergeProps, createCommentVNode, Fragment, renderList, Transition } from 'vue';
 import '@eox/layout';
-import { _ as _export_sfc, u as useDefineTemplate } from './asWebComponent-C-6K08Kk.js';
-import { V as VMain } from './VMain-CAzXMN4O.js';
+import { _ as _export_sfc, u as useDefineTemplate } from './asWebComponent-DfULAbpq.js';
+import { V as VMain } from './VMain-Cm0UmKGi.js';
 
 const _style_0 = ".panel[data-v-9c8477cc]{position:relative;overflow:auto;z-index:1;pointer-events:none}.pointer[data-v-9c8477cc]{pointer-events:all}.bg-panel[data-v-9c8477cc]{z-index:0;border-radius:0!important}.fade-enter-active[data-v-9c8477cc],.fade-leave-active[data-v-9c8477cc]{transition:opacity .25s ease}.fade-enter-from[data-v-9c8477cc],.fade-leave-to[data-v-9c8477cc]{opacity:0}.bg-surface[data-v-9c8477cc],.bg-primary[data-v-9c8477cc]{backdrop-filter:blur(10px)!important;border-radius:8px;border:none;box-shadow:0 0 1px #18274b38,0 6px 12px -6px #18274b1f,0 8px 24px -4px #18274b14;max-height:100%;overflow:auto;scrollbar-color:rgba(var(--v-theme-on-surface),.2) transparent;scrollbar-width:thin}.bg-surface[data-v-9c8477cc]{background-color:rgba(var(--v-theme-surface),var(--v-surface-opacity, .8))!important}.bg-primary[data-v-9c8477cc]{background-color:rgba(var(--v-theme-primary),var(--v-primary-opacity, .8))!important}";
 

package/dist/client/{DynamicWebComponent-qVeu4sqS.js → DynamicWebComponent-DqKqTf7l.js}

@@ -1,5 +1,5 @@
-import { withAsyncContext, ref, onMounted, onUnmounted, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
-import { E as useSTAcStore } from './asWebComponent-C-6K08Kk.js';
+import { withAsyncContext, ref, onMounted, onUnmounted, openBlock, createElementBlock, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
+import { H as useSTAcStore } from './asWebComponent-DfULAbpq.js';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };
 

package/dist/client/{EodashChart-CXnNxlhk.js → EodashChart-PkUQfH0k.js}

@@ -1,10 +1,10 @@
-import { computed, ref, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, withDirectives, createCommentVNode, unref, normalizeStyle, toRaw } from 'vue';
+import { computed, ref, useTemplateRef, onMounted, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, withDirectives, unref, createCommentVNode, normalizeStyle, toRaw } from 'vue';
 import '@eox/chart';
-import { o as onChartClick } from './handling-7IVxQxtQ.js';
-import { Z as compareChartData, _ as chartData, O as compareChartSpec, N as chartSpec, M as areChartsSeparateLayout } from './helpers-Bi-qmnbZ.js';
-import { _ as _export_sfc, S as getOverlayParent } from './asWebComponent-C-6K08Kk.js';
+import { o as onChartClick } from './handling-s8xt2JwF.js';
+import { Z as compareChartData, _ as chartData, O as compareChartSpec, N as chartSpec, M as areChartsSeparateLayout } from './helpers-DAVGYl_f.js';
+import { _ as _export_sfc, W as getOverlayParent } from './asWebComponent-DfULAbpq.js';
 import { mdiArrowCollapse, mdiArrowExpand } from '@mdi/js';
-import { T as Tooltip } from './index-CJOvBxMx.js';
+import { T as Tooltip } from './index-CYz6dT7K.js';
 
 const _style_0 = ".chart-frame[data-v-c9dee45e]{position:relative}.chart-toggle[data-v-c9dee45e]{position:absolute;top:18px;right:46px;z-index:2;cursor:pointer}";
 

package/dist/client/{EodashDatePicker-KyJXPgAq.js → EodashDatePicker-DLJGdTtX.js}

@@ -1,11 +1,11 @@
-import { useCssVars, ref, useTemplateRef, customRef, computed, reactive, watch, onMounted, createElementBlock, openBlock, createVNode, unref, createSlots, withCtx, createElementVNode, withDirectives, createCommentVNode, createBlock, mergeProps, toHandlers } from 'vue';
+import { useCssVars, useTemplateRef, customRef, ref, computed, reactive, watch, onMounted, openBlock, createElementBlock, createVNode, unref, createSlots, withCtx, createElementVNode, withDirectives, createBlock, createCommentVNode, mergeProps, toHandlers } from 'vue';
 import { DatePicker } from 'v-calendar';
-import { _ as _export_sfc, D as useDisplay, E as useSTAcStore, F as useTransparentPanel, G as VBtn, H as VIcon, I as eodashCollections, J as eodashCompareCollections } from './asWebComponent-C-6K08Kk.js';
-import { C as datetime } from './helpers-Bi-qmnbZ.js';
+import { _ as _export_sfc, G as useDisplay, H as useSTAcStore, I as useTransparentPanel, J as VBtn, K as VIcon, L as eodashCollections, M as eodashCompareCollections } from './asWebComponent-DfULAbpq.js';
+import { B as datetime } from './helpers-DAVGYl_f.js';
 import { mdiRayEndArrow, mdiRayStartArrow } from '@mdi/js';
 import log from 'loglevel';
 import { storeToRefs } from 'pinia';
-import { T as Tooltip } from './index-CJOvBxMx.js';
+import { T as Tooltip } from './index-CYz6dT7K.js';
 
 const _style_0 = ".vc-popover-content{--vc-nav-hover-bg: rgba(var(--v-theme-on-surface), .1);--vc-nav-item-active-color: rgb(var(--v-theme-on-secondary));--vc-nav-item-active-bg: rgba(var(--v-theme-secondary), .8);--vc-focus-ring: 0 0 0 2px rgba(var(--v-theme-secondary), .5)}.vc-container{--vc-day-content-hover-bg: rgba(var(--v-theme-on-surface), .2);--vc-focus-ring: 0 0 0 2px rgba(var(--v-theme-secondary), .4);--vc-header-arrow-hover-bg: rgba(var(--v-theme-secondary), .1)}.vc-attr{--vc-accent-600: rgba(var(--v-theme-secondary), .8)}.datePicker{--vc-day-content-hover-bg: red}@media(min-width:960px){.datePicker{position:absolute;bottom:0;left:0;right:0;margin-inline:auto;width:fit-content}}.vc-day-content{color:#5e5e5e;font-weight:400}.vc-highlight-content-solid{color:#fff!important}.vc-popover-content-wrapper{transform:var(--v518b583c)!important}.vc-date-picker-content,.datePicker{backdrop-filter:blur(10px)!important;border-radius:8px;border:none;box-shadow:0 0 1px #18274b38,0 6px 12px -6px #18274b1f,0 8px 24px -4px #18274b14;background-color:rgba(var(--v-theme-surface),var(--v-surface-opacity, .8))!important}.vc-popover-caret.direction-top.align-left{clip-path:polygon(0% 0%,100% 0%,0% 100%,0% 100%)}.vc-bordered{border:none}";
 

package/dist/client/{EodashItemFilter-CAlyUnje.js → EodashItemFilter-Dk8KjFcX.js}

@@ -1,5 +1,5 @@
-import { withAsyncContext, computed, ref, createElementBlock, openBlock, mergeProps, unref, createElementVNode, toDisplayString } from 'vue';
-import { _ as _export_sfc, E as useSTAcStore, Q as isFirstLoad } from './asWebComponent-C-6K08Kk.js';
+import { withAsyncContext, computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString } from 'vue';
+import { _ as _export_sfc, H as useSTAcStore, T as isFirstLoad } from './asWebComponent-DfULAbpq.js';
 
 const _style_0 = "eox-itemfilter[data-v-88d0abc7]{--form-flex-direction: row}@media(max-width:768px){eox-itemfilter[data-v-88d0abc7]{--form-flex-direction: column}}";
 

package/dist/client/{EodashLayerControl-D8VobuZJ.js → EodashLayerControl-CC1Cogrn.js}

@@ -1,8 +1,8 @@
-import { withAsyncContext, computed, ref, createElementBlock, openBlock, createCommentVNode, mergeProps, unref, renderSlot, createElementVNode, toDisplayString } from 'vue';
+import { withAsyncContext, computed, ref, openBlock, createElementBlock, mergeProps, unref, renderSlot, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 import 'color-legend-element';
 import '@eox/timecontrol';
-import { S as mapCompareEl, j as mapEl, T as getColFromLayer } from './helpers-Bi-qmnbZ.js';
-import { _ as _export_sfc, E as useSTAcStore, M as layerControlFormValueCompare, N as layerControlFormValue, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-C-6K08Kk.js';
+import { S as mapCompareEl, i as mapEl, T as getColFromLayer } from './helpers-DAVGYl_f.js';
+import { _ as _export_sfc, H as useSTAcStore, P as layerControlFormValueCompare, Q as layerControlFormValue, M as eodashCompareCollections, L as eodashCollections } from './asWebComponent-DfULAbpq.js';
 import { storeToRefs } from 'pinia';
 
 /**
@@ -236,7 +236,7 @@ class AbstractEditor {
     const editor = this.jsoneditor.getEditor(path);
     const value = editor ? editor.getValue() : undefined;
 
-    if (!editor || !editor.dependenciesFulfilled || !value) {
+    if (!editor || !editor.dependenciesFulfilled || value === undefined || value === null) {
       this.dependenciesFulfilled = false;
     } else if (Array.isArray(choices)) {
       this.dependenciesFulfilled = choices.some(choice => {
@@ -581,6 +581,20 @@ class AbstractEditor {
     }
   }
 
+  purify (val) {
+    if (typeof val !== 'string') {
+      return val
+    }
+
+    if (window.DOMPurify) {
+      val = window.DOMPurify.sanitize(val);
+    } else {
+      val = this.cleanText(val);
+    }
+
+    return val
+  }
+
   getHeaderText (titleOnly) {
     if (this.header_text) return this.header_text
     else if (titleOnly) return this.translateProperty(this.schema.title)