@eodash/eodash 5.0.0-rc.2.1 → 5.0.0-rc.2.3

package/dist/client/{asWebComponent-N7ChSAQG.js → asWebComponent-DBkwthjq.js}

@@ -2,8 +2,9 @@ import { ref, reactive, watch, onScopeDispose, effectScope, Fragment, computed,
 import { defineStore, storeToRefs, createPinia } from 'pinia';
 import { setupCache } from 'axios-cache-interceptor';
 import log from 'loglevel';
-import { mdiViewDashboardVariant, mdiViewDashboard, mdiAlertCircle, mdiClose, mdiChevronRight, mdiChevronLeft, mdiMenuDown, mdiPlus } from '@mdi/js';
+import { mdiViewDashboardVariant, mdiViewDashboard, mdiBarley, mdiWater, mdiImageFilterHdr, mdiHospitalBoxOutline, mdiSetCenter, mdiWeatherWindy, mdiCurrencyEur, mdiAlertCircle, mdiClose, mdiChevronRight, mdiChevronLeft, mdiMenuDown, mdiPlus } from '@mdi/js';
 import { useEventBus, createSharedComposable } from '@vueuse/core';
+import WebFontLoader from 'webfontloader';
 import { toAbsolute } from 'stac-js/src/http.js';
 import { Collection, Item } from 'stac-js';
 import VCalendar from 'v-calendar';
@@ -3773,16 +3774,27 @@ const states = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 const eodash = reactive({
   id: "demo",
   stacEndpoint:
-    // "https://eurodatacube.github.io/eodash-catalog/RACE/catalog.json",
+    "https://esa-eodash.github.io/RACE-catalog/RACE/catalog.json",
     // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
     // "https://eodashcatalog.eox.at/samplecatalog/samples/catalog.json",
     // "https://eodashcatalog.eox.at/test-style/trilateral/catalog.json",
     // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
     // "https://gtif-cerulean.github.io/deside-catalog/deside/catalog.json",
-    "https://gtif-cerulean.github.io/cerulean-catalog/cerulean/catalog.json",
+    // "https://gtif-cerulean.github.io/cerulean-catalog/cerulean/catalog.json",
+    // "https://gtif-austria.github.io/public-catalog/GTIF-Austria/catalog.json",
   brand: {
     noLayout: true,
     name: "Demo",
+    font: {
+      headers: {
+        family: "Open Sans",
+        link: "https://eox.at/fonts/opensans/opensans.css",
+      },
+      body: {
+        family: "Sintony",
+        link: "https://eox.at/fonts/sintony/sintony.css",
+      },
+    },
     theme: {
       colors: {
         primary: "#002742",
@@ -3827,7 +3839,7 @@ const eodash = reactive({
         },
       },
       background: {
-        id: Symbol(),
+        id: "background-map",
         type: "internal",
         widget: {
           name: "EodashMap",
@@ -3949,7 +3961,7 @@ const eodash = reactive({
         },
       },
       background: {
-        id: Symbol(),
+        id: "background-map",
         type: "internal",
         widget: {
           name: "EodashMap",
@@ -4000,10 +4012,6 @@ const eodash = reactive({
                   type: "internal",
                   widget: {
                     name: "EodashStacInfo",
-                    properties: {
-                      showIndicatorsBtn: false,
-                      showLayoutSwitcher: false,
-                    },
                   },
                 }
               : null;
@@ -4015,7 +4023,7 @@ const eodash = reactive({
               ? {
                   id: "Datepicker",
                   type: "internal",
-                  layout: { x: 5, y: 8, w: 2, h: 4 },
+                  layout: { x: 5, y: 11, w: 2, h: 1 },
                   title: "Date",
                   widget: {
                     name: "EodashDatePicker",
@@ -4051,7 +4059,7 @@ const eodash = reactive({
                   id: "Processes",
                   type: "internal",
                   title: "Processes",
-                  layout: { x: 9, y: 7, w: 3, h: 5 },
+                  layout: { x: 9, y: 6, w: 3, h: 5 },
                   widget: {
                     name: "EodashProcess",
                   },
@@ -4078,7 +4086,7 @@ const eodash = reactive({
         },
       },
       background: {
-        id: Symbol(),
+        id: "background-map",
         type: "internal",
         widget: {
           name: "EodashMap",
@@ -7530,8 +7538,8 @@ function createVuetify() {
     goTo
   };
 }
-const version = "3.7.7";
-createVuetify.version = version;
+const version$1 = "3.7.7";
+createVuetify.version = version$1;
 function inject(key) {
   const vm = this.$;
   const provides = vm.parent?.provides ?? vm.vnode.appContext?.provides;
@@ -7587,44 +7595,156 @@ const collectionsPalette = reactive([
   "#D55E00",
 ]);
 
+/**
+ * Object containing data themes and their associated brand properties (icon and color).
+ */
+const dataThemesBrands = {
+  agriculture: {
+    icon: mdiBarley,
+    color: "#F2AF25",
+  },
+  water: {
+    icon: mdiWater,
+    color: "#73A6C7",
+  },
+  land: {
+    icon: mdiImageFilterHdr,
+    color: "#019E73",
+  },
+  health: {
+    icon: mdiHospitalBoxOutline,
+    color: "#497FA9",
+  },
+  combined: {
+    icon: mdiSetCenter,
+    color: "#56B4E9",
+  },
+  air: {
+    icon: mdiWeatherWindy,
+    color: "#475faf",
+  },
+  economy: {
+    icon: mdiCurrencyEur,
+    color: "#8E81AF",
+  },
+};
+
 /**
  * Loads font in the app using `webfontloader`
  *
- * @param {string} [family]
- * @param {string} [link]
- * @param {boolean} [isWebComponent]
- * @returns {Promise<string>} - Font family name
+ * @param {import("@/types").Eodash["brand"]["font"]} fontConfig
+ * @param {boolean} isWebComponent
+ * @returns {Promise<string[]>} - Font family name
  * @see {@link "https://github.com/typekit/webfontloader"}
  */
-const loadFont = async (
-  family = "",
-  link = "",
-  isWebComponent = false,
-) => {
-  if (family && link) {
-    const WebFontLoader = (await import('webfontloader')).default;
-    WebFontLoader.load({
-      classes: false,
-      custom: {
-        // Use FVD notation to include families https://github.com/typekit/fvd
-        families: [family],
-        // Path to stylesheet that defines font-face
-        urls: [link],
-      },
-      fontactive(familyName, _fvd) {
-        const stylesheet = new CSSStyleSheet();
-        const styles = isWebComponent
-          ? `eo-dash {font-family: ${familyName};}`
-          : `* {font-family: ${familyName};}`;
-        stylesheet.replaceSync(styles);
-        document.adoptedStyleSheets.push(stylesheet);
-      },
-      fontinactive(familyName, _fvd) {
-        throw new Error(`error loading font: ${familyName}`);
-      },
-    });
+const loadFont = async (fontConfig, isWebComponent) => {
+  if (!fontConfig) {
+    return [];
+  }
+
+  let headerFamily = "",
+    bodyFamily = "",
+    headerLink = "",
+    bodyLink = "";
+  if ("headers" in fontConfig) {
+    headerFamily = fontConfig?.headers?.family;
+    headerLink = fontConfig.headers.link ?? "";
+    bodyFamily = fontConfig?.body?.family;
+    bodyLink = fontConfig.body.link ?? "";
+  } else {
+    headerFamily = fontConfig.family;
+    headerLink = fontConfig.link ?? "";
+    bodyFamily = fontConfig?.family;
+    bodyLink = fontConfig.link ?? "";
+  }
+  const families =
+    headerFamily === bodyFamily ? [headerFamily] : [headerFamily, bodyFamily];
+  const urls = [];
+  if (bodyLink && headerLink) {
+    if (bodyLink !== headerLink) {
+      urls.push(bodyLink);
+      urls.push(headerLink);
+    } else {
+      urls.push(bodyLink);
+    }
   }
-  return family;
+
+  WebFontLoader.load({
+    classes: false,
+    custom: {
+      // Use FVD notation to include families https://github.com/typekit/fvd
+      families,
+      // Path to stylesheet that defines font-face
+      urls,
+    },
+    fontactive(familyName, _fvd) {
+      const stylesheet = new CSSStyleSheet();
+
+      const bodyRule = `
+         ${isWebComponent ? "eo-dash" : `:root`} {
+          font-family: ${bodyFamily};
+          --vc-font-family: ${bodyFamily};
+          }
+           eox-layercontrol,
+           eox-map,
+           eox-jsonform,
+           eox-timecontrol,
+           eox-itemfilter,
+           eox-chart,
+           eox-stacinfo{
+            --eox-body-font-family: ${bodyFamily};
+             font-family: ${bodyFamily}
+            ;
+           }
+            *[class*="text-body"]{
+              font-family: ${bodyFamily}
+            }
+            `;
+
+      const headersRule = `
+           ${
+             isWebComponent
+               ? `
+            eo-dash h1,
+            eo-dash h2,
+            eo-dash h3,
+            eo-dash h4,
+            eo-dash h5,
+            eo-dash *[class*="header"]
+            `
+               : `
+            h1,
+            h2,
+            h3,
+            h4,
+            h5,
+            *[class*="header"]`
+           } {
+           font-family: ${headerFamily} !important;
+         }
+           eox-layercontrol,
+           eox-map,
+           eox-jsonform,
+           eox-timecontrol,
+           eox-itemfilter,
+           eox-chart,
+           eox-stacinfo {
+          --eox-header-font-family: ${headerFamily};
+          `;
+      const isOne = headerFamily && headerFamily === bodyFamily;
+      const styles = isOne
+        ? bodyRule + "\n" + headersRule
+        : familyName == bodyFamily
+          ? bodyRule
+          : headersRule;
+      stylesheet.replaceSync(styles);
+      document?.adoptedStyleSheets?.push(stylesheet);
+    },
+    fontinactive(familyName, _fvd) {
+      throw new Error(`error loading font: ${familyName}`);
+    },
+  });
+  return families;
 };
 
 /**
@@ -8051,8 +8171,11 @@ function getStyleVariablesState(collectionId, variables) {
   return matchingKeys ? oldVariablesState : variables;
 }
 
-/** @param {import("stac-ts").StacLink[]} [links] */
-function generateFeatures(links) {
+/**
+ *  @param {import("stac-ts").StacLink[]} [links]
+ *  @param {Record<string,any>} [extraProperties]
+ **/
+function generateFeatures(links, extraProperties = {}) {
   /**
    * @type {import("geojson").Feature[]}
    */
@@ -8068,7 +8191,7 @@ function generateFeatures(links) {
           type: "Point",
           coordinates: [lon, lat],
         },
-        properties: { id: element.id },
+        properties: { ...element, ...extraProperties },
       });
     }
   });
@@ -8163,9 +8286,8 @@ const extractRoles = (properties, linkOrAsset) => {
     if (role === "overlay" || role === "baselayer") {
       properties.group = role;
     }
-
-    return properties;
   });
+  return properties;
 };
 
 /**
@@ -8464,6 +8586,7 @@ async function createLayersFromAssets(
   let geoTIFFIdx = null;
   // let geoJsonLayers = [];
   let geoJsonIdx = 0;
+  let geoJsonAttributions = [];
 
   const geoJsonSources = [];
   let geoJsonRoles = {};
@@ -8478,6 +8601,8 @@ async function createLayersFromAssets(
     if (assets[ast]?.type === "application/geo+json") {
       geoJsonSources.push(assets[ast].href);
       geoJsonIdx = idx;
+      if (assets[ast].attribution)
+        geoJsonAttributions.push(assets[ast].attribution);
       extractRoles(geoJsonRoles, assets[ast]);
     } else if (assets[ast]?.type === "application/vnd.flatgeobuf") {
       const assetId = createAssetID(collectionId, item.id, idx);
@@ -8489,6 +8614,7 @@ async function createLayersFromAssets(
           type: "FlatGeoBuf",
           url: assets[ast].href,
           format: "GeoJSON",
+          attributions: assets[ast].attribution,
         },
         properties: {
           id: assetId,
@@ -8502,11 +8628,12 @@ async function createLayersFromAssets(
           }),
         },
         ...(!style?.variables && { style }),
+        interactions: [],
       };
       // add tooltip interaction if style has tooltip
       if (style?.tooltip) {
-        // @ts-expect-error no type for eox-map layer
         layer.interactions = [
+          // @ts-expect-error no type for eox-map layer
           {
             type: "select",
             options: {
@@ -8526,9 +8653,18 @@ async function createLayersFromAssets(
       layer.properties = { ...layer.properties, ...(extraProperties ?? {}) };
 
       jsonArray.push(layer);
+      const layer2 = structuredClone(layer);
+      // temporary solution to avoid selection of the same layer
+      // to be removed
+      layer2.interactions = [];
+      layer2.properties.id = layer2.properties.id + "_selection";
+      jsonArray.push(layer2);
     } else if (assets[ast]?.type === "image/tiff") {
       geoTIFFIdx = idx;
-      geoTIFFSources.push({ url: assets[ast].href });
+      geoTIFFSources.push({
+        url: assets[ast].href,
+        attributions: assets[ast].attribution,
+      });
     }
   }
 
@@ -8542,6 +8678,7 @@ async function createLayersFromAssets(
         type: "Vector",
         url: await mergeGeojsons(geoJsonSources),
         format: "GeoJSON",
+        attributions: geoJsonAttributions,
       },
       properties: {
         ...geoJsonRoles,
@@ -8655,6 +8792,7 @@ const createLayersFromLinks = async (
         tileGrid: {
           tileSize,
         },
+        attributions: wmsLink.attribution,
         params: {
           LAYERS: wmsLink["wms:layers"],
           TILED: true,
@@ -8725,6 +8863,7 @@ const createLayersFromLinks = async (
           tileGrid: {
             tileSize: [128, 128],
           },
+          attributions: wmtsLink.attribution,
           dimensions: dimensionsWithoutStyle,
         },
       };
@@ -8750,6 +8889,7 @@ const createLayersFromLinks = async (
           tileGrid: {
             tileSize: [512, 512],
           },
+          attributions: wmtsLink.attribution,
           dimensions: dimensionsWithoutStyle,
         },
       };
@@ -8787,6 +8927,7 @@ const createLayersFromLinks = async (
         type: "XYZ",
         url: xyzLink.href,
         projection: projectionCode,
+        attributions: xyzLink.attribution,
       },
     };
 
@@ -9188,47 +9329,81 @@ class EodashCollection {
         continue;
       }
       const collectionFeatures = generateFeatures(
-        collection.#collectionStac?.links,
+        JSON.parse(JSON.stringify(collection.#collectionStac?.links)),
+        {
+          collection_id: collection.#collectionStac?.id,
+          geoDBID: collection.#collectionStac?.geoDBID,
+          themes: collection.#collectionStac?.themes ?? [],
+        },
       ).features;
+
       if (collectionFeatures.length) {
-        allFeatures.push(
-          generateFeatures(collection.#collectionStac?.links).features,
-        );
+        allFeatures.push(collectionFeatures);
       }
     }
-    if (allFeatures.length) {
-      const featureCollection = {
-        type: "FeatureCollection",
-        crs: {
-          type: "name",
-          properties: {
-            name: "EPSG:4326",
-          },
-        },
-        features: allFeatures.flat(),
-      };
-      return {
-        type: "Vector",
+    if (!allFeatures.length) {
+      return null;
+    }
+
+    const featureCollection = {
+      type: "FeatureCollection",
+      crs: {
+        type: "name",
         properties: {
-          id: "geodb-collection",
-          title: "GeoDB Collection",
+          name: "EPSG:4326",
         },
-        source: {
-          type: "Vector",
-          url: "data:," + encodeURIComponent(JSON.stringify(featureCollection)),
-          format: "GeoJSON",
-        },
-        style: {
-          "circle-radius": 5,
-          "circle-fill-color": "#00417077",
-          "circle-stroke-color": "#004170",
-          "fill-color": "#00417077",
-          "stroke-color": "#004170",
-        },
-        interactions: [],
-      };
-    }
-    return null;
+      },
+      features: allFeatures.flat(),
+    };
+    return {
+      type: "Vector",
+      properties: {
+        id: "geodb-collection",
+        title: "Observation Points",
+      },
+      source: {
+        type: "Vector",
+        url: "data:," + encodeURIComponent(JSON.stringify(featureCollection)),
+        format: "GeoJSON",
+      },
+      style: (() => {
+        // generate flat style rules for each theme
+        /** @param {*} theme */
+        const generateIconSrc = (theme) => {
+          const svgString = `
+            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 70 70">
+              <circle cx="35" cy="35" r="30" stroke="white" fill="${theme.color}" stroke-width="4"/>
+              <path d="${theme.icon}" fill="#fff" transform="translate(19.5, 20) scale(1.3) "/>
+            </svg>
+            `;
+          return `data:image/svg+xml,${encodeURIComponent(svgString)}`;
+        };
+
+        return [
+          ...Object.keys(dataThemesBrands).map((theme, idx) => {
+            return {
+              ...(idx !== 0 && { else: true }),
+              filter: ["==", ["get", "themes", 0], theme],
+              style: {
+                //@ts-expect-error string index
+                "icon-src": generateIconSrc(dataThemesBrands[theme]),
+              },
+            };
+          }),
+          {
+            else: true,
+            style: {
+              "circle-radius": 10,
+              "circle-fill-color": "#00417077",
+              "circle-stroke-color": "#004170",
+              "fill-color": "#0417077",
+              "stroke-color": "#004170",
+            },
+          },
+        ];
+      })(),
+      interactions: [],
+    };
   }
 }
 
@@ -11385,10 +11560,10 @@ const VAlert = genericComponent()({
   }
 });
 
-const _hoisted_1$2 = { is: "animated-details" };
+const _hoisted_1$3 = { is: "animated-details" };
 
 
-const _sfc_main$3 = {
+const _sfc_main$4 = {
   __name: 'ErrorAlert',
   props: {
     "modelValue": { type: String, required: true },
@@ -11421,7 +11596,7 @@ return (_ctx, _cache) => {
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(unref(errorMessage)) + " ", 1 /* TEXT */),
-          createElementVNode("details", _hoisted_1$2, [
+          createElementVNode("details", _hoisted_1$3, [
             _cache[1] || (_cache[1] = createElementVNode("summary", null, "Error", -1 /* HOISTED */)),
             createTextVNode(" " + toDisplayString(error.value), 1 /* TEXT */)
           ])
@@ -11433,7 +11608,7 @@ return (_ctx, _cache) => {
 }
 
 };
-const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-ac10aa7f"]]);
+const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-ac10aa7f"]]);
 
 /**
  * @typedef {{
@@ -11452,7 +11627,7 @@ const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-a
 const internalWidgets = (() => {
   /** @type {Record<string, () => Promise<import("vue").Component>>} */
   const importMap = {
-    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-brJlj1aQ.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-C2i4lnM1.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-DNQzPQQ4.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-gLe7G8Qn.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-LOzTlvrM.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-UXOupU5J.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-BlkqUdzj.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-Df3LXKAw.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-BrqH4IDP.js'),"/widgets/ExportState.vue": () => import('./ExportState-DVosrSNY.js'),"/widgets/PopUp.vue": () => import('./PopUp-BFcSuX3b.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-DL0bdnjh.js')}),
+    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-E5GjnQQ2.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-DN77Uqgg.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-DduVhg2O.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-CeNnYuaC.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-C3bgcNJk.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-B73UApEn.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-IQPnj17j.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-CeZqI75-.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-CAE604ZJ.js'),"/widgets/ExportState.vue": () => import('./ExportState-DXw8Dwvk.js'),"/widgets/PopUp.vue": () => import('./PopUp-B12NWJHU.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-YI9ZycgC.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
@@ -11544,11 +11719,16 @@ const getWidgetDefinition = (config) => {
   switch (config?.type) {
     case "internal":
       importedWidget.component = defineAsyncComponent({
-        loader:
-          internalWidgets[
+        loader: () => {
+          const widgetName =
             /** @type {import("@/types").InternalComponentWidget} * */ (config)
-              ?.widget.name
-          ],
+              ?.widget.name;
+
+          return (
+            internalWidgets[widgetName]?.() ??
+            Promise.reject(`Widget ${widgetName} not found`)
+          );
+        },
         suspensible: true,
       });
       importedWidget.props = reactive(
@@ -11560,7 +11740,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-rIFx5c0f.js'),
+        loader: () => import('./DynamicWebComponent-DQPKIscC.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -11636,11 +11816,22 @@ const useTemplate = () => {
         }
 
         const templateConfig = eodash.templates[template];
-        [definedTemplate.bgWidget] = useDefineWidgets([
+        const [importedBgWidget] = useDefineWidgets([
           templateConfig.background,
         ]);
+        if (importedBgWidget.value.id !== definedTemplate.bgWidget.value?.id) {
+          definedTemplate.bgWidget.value = importedBgWidget.value;
+        }
+
+        const [importedLoadingWidget] = useDefineWidgets([
+          templateConfig.loading,
+        ]);
 
-        [definedTemplate.loading] = useDefineWidgets([templateConfig.loading]);
+        if (
+          importedLoadingWidget.value.id !== definedTemplate.loading.value?.id
+        ) {
+          definedTemplate.loading.value = importedLoadingWidget.value;
+        }
 
         definedTemplate.importedWidgets = useDefineWidgets(
           templateConfig.widgets,
@@ -11889,13 +12080,13 @@ const VRow = genericComponent()({
   }
 });
 
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   key: 1,
   class: "text-center"
 };
 
 
-const _sfc_main$2 = {
+const _sfc_main$3 = {
   __name: 'Loading',
   setup(__props) {
 
@@ -11929,7 +12120,7 @@ return (_ctx, _cache) => {
             default: withCtx(() => [
               (unref(loading)?.component)
                 ? (openBlock(), createBlock(resolveDynamicComponent(unref(loading)?.component), normalizeProps(mergeProps({ key: 0 }, unref(loading)?.props)), null, 16 /* FULL_PROPS */))
-                : (openBlock(), createElementBlock("div", _hoisted_1$1, "Loading..."))
+                : (openBlock(), createElementBlock("div", _hoisted_1$2, "Loading..."))
             ]),
             _: 1 /* STABLE */
           }))
@@ -11944,6 +12135,84 @@ return (_ctx, _cache) => {
 
 };
 
+const name = "@eodash/eodash";
+const version = "5.0.0-rc.2.3";
+const type = "module";
+const types = "./dist/types/core/client/types.d.ts";
+const files = ["core/client","widgets","dist"];
+const typesVersions = {"*":{".":["./dist/types/core/client/types.d.ts"],"webcomponent":["./dist/types/core/client/asWebComponent.d.ts"],"config":["./dist/node/types.d.ts"]}};
+const exports = {".":{"default":"./core/client/main.js"},"./webcomponent":{"default":"./dist/client/eo-dash.js"},"./webcomponent.css":"./dist/client/eo-dash.css","./config":{"default":"./dist/node/main.js"}};
+const browser = "./core/client/main.js";
+const scripts = {"start":"npx eodash dev --entryPoint core/client/eodash.js","prepare":"rollup -c","prepack":"npm run build:lib && npm run build:types","dev":"npx eodash dev --entryPoint core/client/eodash.js","dev:lib":"npx eodash dev --entryPoint core/client/eodash.js --lib","build":"npx eodash build --entryPoint core/client/eodash.js","build:lib":"npx eodash build --entryPoint core/client/eodash.js --lib --outDir dist/client","build:cli":"rollup -c","build:types":"vue-tsc --declaration  --emitDeclarationOnly && tsc-alias","check":"vue-tsc --noEmit --skipLibCheck && eslint .","format":"prettier . --write --ignore-unknown","preview":"npx eodash preview","lint":"eslint . --fix","cypress":"cypress open --component ","vitest":"vitest --isolate --ui","test":"npm run test:client && npm run test:cli","test:cli":"vitest run tests/cli --isolate","test:client":"cypress run --component","docs:dev":"vitepress dev docs --port 3333","docs:build":"npm run docs:generate && vitepress build docs","docs:preview":"vitepress preview docs","docs:generate":"typedoc --options typedoc.config.json"};
+const dependencies = {"@eox/chart":"^0.3.1","@eox/drawtools":"^0.13.3","@eox/itemfilter":"^1.7.1","@eox/jsonform":"^0.12.2","@eox/layercontrol":"^0.29.0","@eox/layout":"^0.3.0","@eox/map":"^1.19.2","@eox/stacinfo":"^0.6.1","@eox/timecontrol":"^0.12.2","@mdi/js":"^7.4.47","@vitejs/plugin-vue":"^5.2.1","@vueuse/core":"^12.0.0","animated-details":"gist:2912bb049fa906671807415eb0e87188","axios":"^1.7.9","axios-cache-interceptor":"^1.6.2","color-legend-element":"^1.3.0","commander":"^12.1.0","core-js":"^3.40.0","loglevel":"^1.9.2","mustache":"^4.2.0","pinia":"^2.3.1","sass":"^1.83.4","stac-js":"^0.0.9","stac-ts":"^1.0.4","v-calendar":"3.0.0","vega":"^5.30.0","vega-embed":"^6.29.0","vega-lite":"^5.23.0","vite":"^6.0.11","vite-plugin-vuetify":"^2.0.4","vue":"^3.5.0","vuetify":"^3.7.7","webfontloader":"^1.6.28"};
+const devDependencies = {"@babel/types":"^7.26.5","@eox/eslint-config":"^2.0.0","@pinia/testing":"^0.1.7","@types/mustache":"^4.2.5","@types/node":"^22.10.7","@types/openlayers":"^4.6.23","@types/webfontloader":"^1.6.38","cypress":"^13.17.0","eslint":"^9.18.0","eslint-plugin-vue":"^9.32.0","pkg-pr-new":"^0.0.39","prettier":"^3.4.2","rollup":"^4.31.0","terminate":"^2.8.0","tsc-alias":"^1.8.10","typedoc":"^0.27.6","typedoc-plugin-markdown":"^4.4.1","typedoc-plugin-vue":"^1.3.0","typedoc-vitepress-theme":"^1.1.2","typescript":"^5.7.3","unplugin-fonts":"^1.3.1","vitepress":"^1.6.2","vitest":"^1.6.0","vue-tsc":"2.2.0"};
+const engines = {"node":">=20.15.1"};
+const bin = {"eodash":"./dist/node/cli.js"};
+const pkgJson = {
+  name,
+  version,
+  type,
+  types,
+  files,
+  typesVersions,
+  exports,
+  browser,
+  scripts,
+  dependencies,
+  devDependencies,
+  engines,
+  bin,
+};
+
+const _hoisted_1$1 = {
+  key: 0,
+  class: "eodash-overlay"
+};
+const _hoisted_2 = {
+  href: "https://github.com/eodash/eodash",
+  target: "_blank"
+};
+const _hoisted_3 = {
+  href: "https://eox.at",
+  target: "_blank"
+};
+const _hoisted_4 = ["src"];
+
+const _sfc_main$2 = {
+  __name: 'EodashOverlay',
+  setup(__props) {
+
+const { computedThemes } = useTheme();
+
+const version = pkgJson.version;
+
+const eoxLogo = `<svg width="100%" height="100%" viewBox="0 0 355 85" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"><g id="ink_ext_XXXXXX"><path id="path5076" d="M152.986,40.52l-0.75,-0.019l-0.737,-0.056l-0.725,-0.093l-0.713,-0.127l-0.7,-0.162l-0.7,-0.196l-0.675,-0.228l-0.65,-0.261l-0.65,-0.292l-0.625,-0.319l-0.612,-0.352l-0.588,-0.377l-0.562,-0.407l-0.55,-0.431l-0.538,-0.457l-0.5,-0.481l-0.487,-0.505l-0.45,-0.528l-0.438,-0.55l-0.4,-0.57l-0.375,-0.59l-0.35,-0.609l-0.325,-0.627l-0.287,-0.645l-0.263,-0.66l-0.225,-0.676l-0.2,-0.69l-0.162,-0.704l-0.125,-0.717l-0.1,-0.728l-0.05,-0.739l-0.025,-0.748c0,-8.023 6.512,-14.532 14.537,-14.532c8.038,0 14.538,6.509 14.538,14.532c0,8.036 -6.5,14.544 -14.538,14.544Z" style="fill:none;"/><path id="path5078" d="M165.748,-0.002c-42.009,0 -76.06,18.985 -76.06,42.402c0,13.268 10.921,25.102 28.021,32.875c-8.081,-5.487 -13.403,-12.973 -14.584,-21.859c-2.685,-20.186 16.83,-40.82 45.148,-49.615c-14.687,6.665 -24.923,21.427 -24.923,38.599c0,23.218 18.648,42.046 41.773,42.383c-0.037,0.005 -0.087,0.015 -0.137,0.02c0.263,0 0.512,0.009 0.762,0.009c42.013,0 76.076,-18.984 76.076,-42.412c0,-13.261 -10.937,-25.097 -28.037,-32.871l0.75,0.522l0.736,0.531l0.713,0.543l0.7,0.555l0.687,0.566l0.664,0.578l0.649,0.588l0.625,0.6l0.613,0.609l0.588,0.621l0.574,0.631l0.562,0.643l0.538,0.652l0.513,0.662l0.5,0.672l0.475,0.684l0.449,0.693l0.438,0.703l0.425,0.713l0.387,0.723l0.375,0.73l0.352,0.74l0.336,0.75l0.3,0.76l0.287,0.77l0.264,0.777l0.25,0.787l0.211,0.795l0.188,0.805l0.175,0.812l0.151,0.82l0.125,0.831c2.675,20.19 -16.838,40.825 -45.151,49.619c14.688,-6.665 24.926,-21.426 24.926,-38.614c0,-23.202 -18.65,-42.026 -41.775,-42.367c0.05,-0.005 0.1,-0.015 0.15,-0.025c-0.262,0 -0.526,-0.01 -0.789,-0.01Zm-13.248,11.314c7.817,0 14.25,6.433 14.25,14.25c0,0.001 0,0.001 0,0.001c0,7.817 -6.433,14.249 -14.25,14.249c-7.817,0 -14.25,-6.432 -14.25,-14.249c0,-0.001 0,-0.001 0,-0.001c0,-7.817 6.433,-14.25 14.25,-14.25Z"
+ style="fill:${computedThemes.value["dashboardTheme"].colors["on-secondary"]};fill-rule:nonzero;"/><path id="path5080" d="M213.786,9.529l0.75,0.521l0.738,0.532l0.712,0.544l0.7,0.555l0.688,0.566l0.662,0.577l0.65,0.588l0.625,0.6l0.613,0.61l0.587,0.62l0.575,0.631l0.563,0.643l0.537,0.652l0.513,0.663l0.5,0.672l0.475,0.684l0.45,0.692l0.437,0.703l0.425,0.712l0.388,0.723l0.375,0.731l0.35,0.741l0.337,0.75l0.3,0.76l0.288,0.769l0.262,0.777l0.25,0.786l0.213,0.797l0.187,0.804l0.175,0.812l0.15,0.821l0.125,0.83c2.675,20.19 -16.837,40.825 -45.15,49.619c14.688,-6.665 24.925,-21.426 24.925,-38.614c0,-23.202 -18.65,-42.025 -41.775,-42.367c0.05,-0.005 0.1,-0.015 0.15,-0.025c-0.262,0 -0.525,-0.01 -0.787,-0.01c-42.01,0 -76.062,18.985 -76.062,42.402c0,13.268 10.922,25.103 28.022,32.876c-8.081,-5.487 -13.403,-12.973 -14.584,-21.859c-2.685,-20.187 16.831,-40.82 45.149,-49.615c-14.688,6.665 -24.925,21.426 -24.925,38.598c0,23.218 18.65,42.046 41.775,42.383c-0.038,0.005 -0.088,0.015 -0.138,0.02c0.263,0 0.513,0.01 0.763,0.01c42.012,-0.001 76.075,-18.985 76.075,-42.413c0,-13.261 -10.938,-25.097 -28.038,-32.871Z" style="fill:none;"/><path id="path5082" d="M354.323,82.586l-41.999,-42.002l38.524,-38.515l-29.913,0l-23.562,23.559l-23.563,-23.559l-29.924,0l38.525,38.515l-42,42.002l29.913,0l27.049,-27.046l27.05,27.046l29.9,0"
+ style="fill:${computedThemes.value["dashboardTheme"].colors["on-secondary"]};fill-rule:nonzero;"/><path id="path5084" d="M354.323,82.586l-41.999,-42.002l38.524,-38.515l-29.913,0l-23.562,23.559l-23.563,-23.559l-29.924,0l38.525,38.515l-42,42.002l29.913,0l27.049,-27.046l27.05,27.046l29.9,0Z" style="fill:none;"/><path id="path5086" d="M0,2.069l75.033,0l0,16.489l-51.629,0l0,14.931l40.258,0l0,16.495l-40.258,0l0,16.05l53.124,0l0,16.488l-76.528,0l0,-80.453"
+ style="fill:${computedThemes.value["dashboardTheme"].colors["on-secondary"]};fill-rule:nonzero;"/><path id="path5088" d="M0,2.069l75.033,0l0,16.489l-51.629,0l0,14.931l40.258,0l0,16.495l-40.258,0l0,16.05l53.124,0l0,16.488l-76.528,0l0,-80.453Z" style="fill:none;"/></g></svg>`;
+const base64Logo = btoa(eoxLogo);
+
+return (_ctx, _cache) => {
+  return (_ctx.$vuetify.display.mdAndUp)
+    ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("p", null, [
+          createElementVNode("a", _hoisted_2, "eodash v" + toDisplayString(unref(version)), 1 /* TEXT */),
+          _cache[0] || (_cache[0] = createTextVNode(" by ")),
+          createElementVNode("a", _hoisted_3, [
+            createElementVNode("img", {
+              src: `data:image/svg+xml;base64,${unref(base64Logo)}`,
+              height: "9px"
+            }, null, 8 /* PROPS */, _hoisted_4)
+          ])
+        ])
+      ]))
+    : createCommentVNode("v-if", true)
+}
+}
+
+};
+const EodashOverlay = /*#__PURE__*/_export_sfc(_sfc_main$2, [['__scopeId',"data-v-22662c4a"]]);
+
 const _hoisted_1 = { class: "loading-container" };
 
 
@@ -11963,6 +12232,9 @@ const _sfc_main$1 = {
 let __temp, __restore;
 
 const props = __props;
+
+useURLSearchParametersSync();
+
 const eodash = (
   ([__temp,__restore] = withAsyncContext(() => useEodashRuntime(props.config))),
   __temp = await __temp,
@@ -11970,18 +12242,12 @@ const eodash = (
   __temp
 );
 
-useURLSearchParametersSync();
-
 const theme = useUpdateTheme("dashboardTheme", {
   ...(eodash.brand?.theme ?? {}),
 });
 theme.global.name.value = "dashboardTheme";
 (
-  ([__temp,__restore] = withAsyncContext(() => loadFont(
-  eodash.brand?.font?.family,
-  eodash.brand?.font?.link,
-  props.isWebComponent,
-))),
+  ([__temp,__restore] = withAsyncContext(() => loadFont(eodash.brand?.font, props.isWebComponent))),
   await __temp,
   __restore()
 );
@@ -11996,15 +12262,15 @@ const { loadSTAC } = useSTAcStore();
 const { smAndDown } = useDisplay();
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-Df4Z1bMl.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-BjUs7mYs.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-Du5n5XyY.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-Reny_s87.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-DYMnh4of.js'),
+  () => import('./Header-qH_kBs-u.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-tjsscQ7O.js'),
+  () => import('./Footer-Bl9tQTyj.js'),
 );
 
 const templateHeight = props.isWebComponent ? "100%" : "100dvh";
@@ -12027,10 +12293,11 @@ return (_ctx, _cache) => {
       modelValue: error.value,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((error).value = $event))
     }, null, 8 /* PROPS */, ["modelValue"]),
+    createVNode(EodashOverlay),
     (openBlock(), createBlock(Suspense, null, {
       fallback: withCtx(() => [
         createElementVNode("div", _hoisted_1, [
-          createVNode(_sfc_main$2)
+          createVNode(_sfc_main$3)
         ])
       ]),
       default: withCtx(() => [