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

package/dist/client/{EodashProcess-BlkqUdzj.js → EodashProcess-ZQAMi9Pc.js}

@@ -2,7 +2,7 @@ import { createVNode, watch, onMounted, nextTick, ref, useTemplateRef, computed,
 import '@eox/chart';
 import '@eox/drawtools';
 import '@eox/jsonform';
-import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, f as useRtl, J as useDimension, a as useRender, ah as axios, ai as getLayers, a4 as mapEl, aj as extractLayerConfig, a8 as eoxLayersKey, $ as useSTAcStore, ab as useOnLayersUpdate, V as VBtn } from './asWebComponent-N7ChSAQG.js';
+import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, f as useRtl, J as useDimension, a as useRender, ah as axios, ai as getLayers, a4 as mapEl, aj as extractLayerConfig, a8 as eoxLayersKey, $ as useSTAcStore, ab as useOnLayersUpdate, V as VBtn } from './asWebComponent--e4yqM3f.js';
 import { storeToRefs } from 'pinia';
 import { useEventBus } from '@vueuse/core';
 import { isMulti } from '@eox/jsonform/src/custom-inputs/spatial/utils';

package/dist/client/{EodashStacInfo-Df3LXKAw.js → EodashStacInfo-CwOCcsGl.js}

@@ -1,6 +1,6 @@
 import { openBlock, createElementBlock, createElementVNode, unref } from 'vue';
 import '@eox/stacinfo';
-import { ak as currentUrl } from './asWebComponent-N7ChSAQG.js';
+import { ak as currentUrl } from './asWebComponent--e4yqM3f.js';
 
 const _hoisted_1 = { class: "flex-grow-1 fill-height overflow-auto" };
 const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".styleOverride", ".header", ".subheader", ".tags"];

package/dist/client/{EodashTools-BrqH4IDP.js → EodashTools-C_X0RPIp.js}

@@ -1,9 +1,9 @@
 import { ref, computed, openBlock, createElementBlock, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, mergeProps } from 'vue';
-import _sfc_main$2 from './PopUp-BFcSuX3b.js';
-import _sfc_main$3 from './EodashItemFilter-C2i4lnM1.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-gLe7G8Qn.js';
+import _sfc_main$2 from './PopUp-CEmhdNIj.js';
+import _sfc_main$3 from './EodashItemFilter-BR572AaH.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-D4ooLbys.js';
 import { mdiViewDashboard, mdiPlus } from '@mdi/js';
-import { t as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent-N7ChSAQG.js';
+import { t as useDisplay, a2 as makePanelTransparent, V as VBtn } from './asWebComponent--e4yqM3f.js';
 
 const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
 

package/dist/client/{ExportState-DVosrSNY.js → ExportState-DNUSRJSJ.js}

@@ -1,9 +1,9 @@
 import { createVNode, Fragment, computed, withDirectives, mergeProps, resolveDirective, toRef, mergeModels, useModel, ref, openBlock, createBlock, withCtx, createElementVNode, createTextVNode, toDisplayString, unref, createElementBlock, createCommentVNode, renderList } from 'vue';
 import { mdiClipboardCheckOutline, mdiContentCopy } from '@mdi/js';
-import _sfc_main$1 from './PopUp-BFcSuX3b.js';
-import { an as createSimpleFunctional, g as genericComponent, b as makeComponentProps, D as provideDefaults, a as useRender, p as propsFactory, c as makeTagProps, I as IconValue, K as makeBorderProps, A as makeDensityProps, M as makeRoundedProps, ao as makeSizeProps, d as makeThemeProps, ap as makeVariantProps, e as provideTheme, N as useBorder, aq as useVariant, B as useDensity, P as useRounded, ar as useSize, y as VIcon, Q as VDefaultsProvider, as as genOverlays, H as makeDimensionProps, L as makeElevationProps, at as makeLoaderProps, au as makeLocationProps, av as makePositionProps, aw as makeRouterProps, ax as Ripple, J as useDimension, O as useElevation, ay as useLoader, az as useLocation, aA as usePosition, aB as useLink, aC as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, ai as getLayers, aD as removeUnneededProperties, aE as VRow, aF as VCol, V as VBtn, aG as copyToClipBoard, ad as mapPosition, ae as availableMapProjection } from './asWebComponent-N7ChSAQG.js';
-import { a as VExpandTransition } from './index-BXi80Gr9.js';
-import { V as VImg } from './VImg-BO2Ysvsu.js';
+import _sfc_main$1 from './PopUp-CEmhdNIj.js';
+import { an as createSimpleFunctional, g as genericComponent, b as makeComponentProps, D as provideDefaults, a as useRender, p as propsFactory, c as makeTagProps, I as IconValue, K as makeBorderProps, A as makeDensityProps, M as makeRoundedProps, ao as makeSizeProps, d as makeThemeProps, ap as makeVariantProps, e as provideTheme, N as useBorder, aq as useVariant, B as useDensity, P as useRounded, ar as useSize, y as VIcon, Q as VDefaultsProvider, as as genOverlays, H as makeDimensionProps, L as makeElevationProps, at as makeLoaderProps, au as makeLocationProps, av as makePositionProps, aw as makeRouterProps, ax as Ripple, J as useDimension, O as useElevation, ay as useLoader, az as useLocation, aA as usePosition, aB as useLink, aC as LoaderSlot, u as useTextColor, q as convertToUnit, _ as _export_sfc, ai as getLayers, aD as removeUnneededProperties, aE as VRow, aF as VCol, V as VBtn, aG as copyToClipBoard, ad as mapPosition, ae as availableMapProjection } from './asWebComponent--e4yqM3f.js';
+import { a as VExpandTransition } from './index-D-lbt2my.js';
+import { V as VImg } from './VImg-Cdaw92OV.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');

package/dist/client/{Footer-tjsscQ7O.js → Footer-FUp1Te0L.js}

@@ -1,5 +1,5 @@
 import { ref, toRef, shallowRef, computed, createVNode, watchEffect, inject, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createTextVNode } from 'vue';
-import { p as propsFactory, K as makeBorderProps, b as makeComponentProps, L as makeElevationProps, T as makeLayoutItemProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, g as genericComponent, e as provideTheme, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, v as useResizeObserver, U as useToggleScope, a as useRender, q as convertToUnit, W as useLayoutItem, _ as _export_sfc, X as eodashKey, t as useDisplay } from './asWebComponent-N7ChSAQG.js';
+import { p as propsFactory, K as makeBorderProps, b as makeComponentProps, L as makeElevationProps, T as makeLayoutItemProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, g as genericComponent, e as provideTheme, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, v as useResizeObserver, U as useToggleScope, a as useRender, q as convertToUnit, W as useLayoutItem, _ as _export_sfc, X as eodashKey, t as useDisplay } from './asWebComponent--e4yqM3f.js';
 
 const makeVFooterProps = propsFactory({
   app: Boolean,

package/dist/client/{Header-DYMnh4of.js → Header-BcHAtFqr.js}

@@ -1,7 +1,7 @@
 import { createVNode, toRef, shallowRef, computed, ref, watch, onMounted, onBeforeUnmount, mergeProps, watchEffect, inject, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, unref } from 'vue';
-import { p as propsFactory, b as makeComponentProps, c as makeTagProps, g as genericComponent, a as useRender, K as makeBorderProps, L as makeElevationProps, M as makeRoundedProps, d as makeThemeProps, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, e as provideTheme, f as useRtl, D as provideDefaults, Q as VDefaultsProvider, q as convertToUnit, R as clamp, S as consoleWarn, T as makeLayoutItemProps, j as useProxiedModel, U as useToggleScope, W as useLayoutItem, _ as _export_sfc, X as eodashKey } from './asWebComponent-N7ChSAQG.js';
-import { a as VExpandTransition } from './index-BXi80Gr9.js';
-import { V as VImg } from './VImg-BO2Ysvsu.js';
+import { p as propsFactory, b as makeComponentProps, c as makeTagProps, g as genericComponent, a as useRender, K as makeBorderProps, L as makeElevationProps, M as makeRoundedProps, d as makeThemeProps, C as useBackgroundColor, N as useBorder, O as useElevation, P as useRounded, e as provideTheme, f as useRtl, D as provideDefaults, Q as VDefaultsProvider, q as convertToUnit, R as clamp, S as consoleWarn, T as makeLayoutItemProps, j as useProxiedModel, U as useToggleScope, W as useLayoutItem, _ as _export_sfc, X as eodashKey } from './asWebComponent--e4yqM3f.js';
+import { a as VExpandTransition } from './index-D-lbt2my.js';
+import { V as VImg } from './VImg-Cdaw92OV.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
 
 const makeVToolbarTitleProps = propsFactory({
@@ -415,7 +415,7 @@ return (_ctx, _cache) => {
 
   return (openBlock(), createBlock(VAppBar, { color: "primary" }, {
     default: withCtx(() => [
-      createVNode(VAppBarTitle, null, {
+      createVNode(VAppBarTitle, { class: "header" }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(unref(title)), 1 /* TEXT */)
         ]),
@@ -432,6 +432,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const Header = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-d3a5e05e"]]);
+const Header = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-bfe4aadf"]]);
 
 export { Header as default };

package/dist/client/{MobileLayout-Df4Z1bMl.js → MobileLayout-CUHZFLDY.js}

@@ -1,10 +1,10 @@
 import { ref, computed, createVNode, mergeProps, Fragment, shallowRef, watch, provide, withDirectives, resolveDirective, inject, vShow, nextTick, toRef, useCssVars, onMounted, openBlock, createBlock, withCtx, Suspense, unref, resolveDynamicComponent, createCommentVNode, createElementBlock, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-import { k as keys, p as propsFactory, o as omit, m as makeVBtnProps, g as genericComponent, u as useTextColor, a as useRender, V as VBtn, b as makeComponentProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, f as useRtl, h as useLocale, i as useGroup, j as useProxiedModel, l as makeGroupItemProps, n as useGroupItem, q as convertToUnit, I as IconValue, r as makeDisplayProps, s as makeGroupProps, t as useDisplay, v as useResizeObserver, w as useGoTo, x as IN_BROWSER, y as VIcon, z as focusableChildren, A as makeDensityProps, B as useDensity, C as useBackgroundColor, D as provideDefaults, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent-N7ChSAQG.js';
-import { V as VMain } from './VMain-fx1gaM7Y.js';
-import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-C2UOEnvr.js';
+import { k as keys, p as propsFactory, o as omit, m as makeVBtnProps, g as genericComponent, u as useTextColor, a as useRender, V as VBtn, b as makeComponentProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, f as useRtl, h as useLocale, i as useGroup, j as useProxiedModel, l as makeGroupItemProps, n as useGroupItem, q as convertToUnit, I as IconValue, r as makeDisplayProps, s as makeGroupProps, t as useDisplay, v as useResizeObserver, w as useGoTo, x as IN_BROWSER, y as VIcon, z as focusableChildren, A as makeDensityProps, B as useDensity, C as useBackgroundColor, D as provideDefaults, E as isObject, _ as _export_sfc, F as useDefineTemplate, G as useLayout } from './asWebComponent--e4yqM3f.js';
+import { V as VMain } from './VMain-B7G2T3Zv.js';
+import { f as forwardRefs, a as animate, s as standardEasing, m as makeLazyProps, u as useLazy, b as useScopeId } from './forwardRefs-B9UH8QZK.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
-import { M as MaybeTransition } from './transition-w_2EtUxa.js';
-import { V as VFadeTransition } from './index-BXi80Gr9.js';
+import { M as MaybeTransition } from './transition-CTjQmgIS.js';
+import { V as VFadeTransition } from './index-D-lbt2my.js';
 
 // Utilities
 const handleGesture = wrapper => {
@@ -1098,9 +1098,9 @@ const _sfc_main = {
   setup(__props) {
 
 useCssVars(_ctx => ({
-  "1f5b5478": (mainRectTopPx.value),
-  "934a0878": (tabsHeightFromBtm.value),
-  "1e5fe7fe": (mainRectBtmPx.value)
+  "e61d6a5e": (mainRectTopPx.value),
+  "3e27c4c6": (tabsHeightFromBtm.value),
+  "e8144352": (mainRectBtmPx.value)
 }));
 
 const { bgWidget, importedWidgets } = useDefineTemplate();
@@ -1133,8 +1133,8 @@ return (_ctx, _cache) => {
         default: withCtx(() => [
           (unref(bgWidget)?.component)
             ? (openBlock(), createBlock(resolveDynamicComponent(unref(bgWidget).component), mergeProps({
-                key: 0,
-                id: "bg-widget"
+                id: "bg-widget",
+                key: unref(bgWidget).id
               }, unref(bgWidget).props), null, 16 /* FULL_PROPS */))
             : createCommentVNode("v-if", true)
         ]),
@@ -1212,6 +1212,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const MobileLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-36affbb0"]]);
+const MobileLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-d963d7c7"]]);
 
 export { MobileLayout as default };

package/dist/client/{PopUp-BFcSuX3b.js → PopUp-CEmhdNIj.js}

@@ -1,7 +1,7 @@
 import { createVNode, Transition, mergeProps, ref, onBeforeUnmount, watch, nextTick, toRef, mergeModels, useModel, openBlock, createElementBlock, withCtx, createBlock, resolveDynamicComponent, unref, createCommentVNode, renderSlot } from 'vue';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, x as IN_BROWSER, a as useRender, z as focusableChildren, Q as VDefaultsProvider, K as makeBorderProps, b as makeComponentProps, H as makeDimensionProps, L as makeElevationProps, au as makeLocationProps, av as makePositionProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, C as useBackgroundColor, N as useBorder, J as useDimension, O as useElevation, az as useLocation, aA as usePosition, P as useRounded, aJ as useDefineWidgets } from './asWebComponent-N7ChSAQG.js';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-CiQn3F6n.js';
-import { a as animate, d as deceleratedEasing, s as standardEasing, c as acceleratedEasing, g as getTargetBox, n as nullifyTransforms, b as useScopeId, f as forwardRefs } from './forwardRefs-C2UOEnvr.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, x as IN_BROWSER, a as useRender, z as focusableChildren, Q as VDefaultsProvider, K as makeBorderProps, b as makeComponentProps, H as makeDimensionProps, L as makeElevationProps, au as makeLocationProps, av as makePositionProps, M as makeRoundedProps, c as makeTagProps, d as makeThemeProps, e as provideTheme, C as useBackgroundColor, N as useBorder, J as useDimension, O as useElevation, az as useLocation, aA as usePosition, P as useRounded, aJ as useDefineWidgets } from './asWebComponent--e4yqM3f.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-Mf1pOmgW.js';
+import { a as animate, d as deceleratedEasing, s as standardEasing, c as acceleratedEasing, g as getTargetBox, n as nullifyTransforms, b as useScopeId, f as forwardRefs } from './forwardRefs-B9UH8QZK.js';
 
 const makeVDialogTransitionProps = propsFactory({
   target: [Object, Array]

package/dist/client/{VImg-BO2Ysvsu.js → VImg-Cdaw92OV.js}

@@ -1,6 +1,6 @@
 import { createVNode, computed, toRef, shallowRef, ref, watch, onBeforeMount, nextTick, onBeforeUnmount, withDirectives, mergeProps, Fragment, resolveDirective, vShow } from 'vue';
-import { aH as SUPPORTS_INTERSECTION, p as propsFactory, b as makeComponentProps, H as makeDimensionProps, g as genericComponent, J as useDimension, a as useRender, M as makeRoundedProps, C as useBackgroundColor, P as useRounded, aI as getCurrentInstance, q as convertToUnit } from './asWebComponent-N7ChSAQG.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-w_2EtUxa.js';
+import { aH as SUPPORTS_INTERSECTION, p as propsFactory, b as makeComponentProps, H as makeDimensionProps, g as genericComponent, J as useDimension, a as useRender, M as makeRoundedProps, C as useBackgroundColor, P as useRounded, aI as getCurrentInstance, q as convertToUnit } from './asWebComponent--e4yqM3f.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-CTjQmgIS.js';
 
 // Utilities
 function mounted(el, binding) {

package/dist/client/{VMain-fx1gaM7Y.js → VMain-B7G2T3Zv.js}

@@ -1,5 +1,5 @@
 import { createVNode } from 'vue';
-import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, J as useDimension, G as useLayout, a as useRender } from './asWebComponent-N7ChSAQG.js';
+import { p as propsFactory, b as makeComponentProps, H as makeDimensionProps, c as makeTagProps, g as genericComponent, J as useDimension, G as useLayout, a as useRender } from './asWebComponent--e4yqM3f.js';
 import { u as useSsrBoot } from './ssrBoot-BP7SYRyC.js';
 
 const makeVMainProps = propsFactory({

package/dist/client/{VOverlay-CiQn3F6n.js → VOverlay-Mf1pOmgW.js}

@@ -1,7 +1,7 @@
 import { ref, watch, onScopeDispose, computed, nextTick, watchEffect, effectScope, inject, mergeProps, shallowRef, onMounted, reactive, provide, readonly, toRaw, warn, toRef, onBeforeUnmount, createVNode, Fragment, Teleport, withDirectives, vShow, resolveDirective, Transition } from 'vue';
-import { aK as isOn, aL as eventName, p as propsFactory, x as IN_BROWSER, U as useToggleScope, aM as destructComputed, aN as parseAnchor, aO as flipSide, aP as flipAlign, aQ as flipCorner, Y as consoleError, aR as getAxis, q as convertToUnit, R as clamp, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, t as useDisplay, b as makeComponentProps, H as makeDimensionProps, d as makeThemeProps, g as genericComponent, j as useProxiedModel, e as provideTheme, f as useRtl, C as useBackgroundColor, J as useDimension, aV as useRouter, a as useRender, aW as useBackButton } from './asWebComponent-N7ChSAQG.js';
-import { g as getTargetBox, B as Box, e as getOverflow, n as nullifyTransforms, m as makeLazyProps, u as useLazy, b as useScopeId, a as animate, s as standardEasing } from './forwardRefs-C2UOEnvr.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-w_2EtUxa.js';
+import { aK as isOn, aL as eventName, p as propsFactory, x as IN_BROWSER, U as useToggleScope, aM as destructComputed, aN as parseAnchor, aO as flipSide, aP as flipAlign, aQ as flipCorner, Y as consoleError, aR as getAxis, q as convertToUnit, R as clamp, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, t as useDisplay, b as makeComponentProps, H as makeDimensionProps, d as makeThemeProps, g as genericComponent, j as useProxiedModel, e as provideTheme, f as useRtl, C as useBackgroundColor, J as useDimension, aV as useRouter, a as useRender, aW as useBackButton } from './asWebComponent--e4yqM3f.js';
+import { g as getTargetBox, B as Box, e as getOverflow, n as nullifyTransforms, m as makeLazyProps, u as useLazy, b as useScopeId, a as animate, s as standardEasing } from './forwardRefs-B9UH8QZK.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-CTjQmgIS.js';
 
 // Utilities
 const handlers = new WeakMap();

package/dist/client/{VTooltip-DKOCofTl.js → VTooltip-9810qjB2.js}

@@ -1,7 +1,7 @@
 import { computed, ref, mergeProps, createVNode } from 'vue';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-CiQn3F6n.js';
-import { b as useScopeId, f as forwardRefs } from './forwardRefs-C2UOEnvr.js';
-import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, am as getUid, a as useRender } from './asWebComponent-N7ChSAQG.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-Mf1pOmgW.js';
+import { b as useScopeId, f as forwardRefs } from './forwardRefs-B9UH8QZK.js';
+import { p as propsFactory, o as omit, g as genericComponent, j as useProxiedModel, am as getUid, a as useRender } from './asWebComponent--e4yqM3f.js';
 
 const makeVTooltipProps = propsFactory({
   id: String,

package/dist/client/{WidgetsContainer-DL0bdnjh.js → WidgetsContainer-GUwXMh9d.js}

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

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

@@ -4,6 +4,7 @@ import { setupCache } from 'axios-cache-interceptor';
 import log from 'loglevel';
 import { mdiViewDashboardVariant, mdiViewDashboard, 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';
@@ -3783,6 +3784,16 @@ const eodash = reactive({
   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 +3838,7 @@ const eodash = reactive({
         },
       },
       background: {
-        id: Symbol(),
+        id: "background-map",
         type: "internal",
         widget: {
           name: "EodashMap",
@@ -3949,7 +3960,7 @@ const eodash = reactive({
         },
       },
       background: {
-        id: Symbol(),
+        id: "background-map",
         type: "internal",
         widget: {
           name: "EodashMap",
@@ -4015,7 +4026,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",
@@ -4078,7 +4089,7 @@ const eodash = reactive({
         },
       },
       background: {
-        id: Symbol(),
+        id: "background-map",
         type: "internal",
         widget: {
           name: "EodashMap",
@@ -7590,41 +7601,119 @@ const collectionsPalette = reactive([
 /**
  * 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 +8140,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 +8160,7 @@ function generateFeatures(links) {
           type: "Point",
           coordinates: [lon, lat],
         },
-        properties: { id: element.id },
+        properties: { ...element, ...extraProperties },
       });
     }
   });
@@ -9188,12 +9280,16 @@ 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) {
@@ -9211,7 +9307,7 @@ class EodashCollection {
         type: "Vector",
         properties: {
           id: "geodb-collection",
-          title: "GeoDB Collection",
+          title: "Observation Points",
         },
         source: {
           type: "Vector",
@@ -11452,7 +11548,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-DyLo_JUC.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-BR572AaH.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-C_mi-Hoo.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-D4ooLbys.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-CGFv4e85.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-_M7SW7Is.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-ZQAMi9Pc.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-CwOCcsGl.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-C_X0RPIp.js'),"/widgets/ExportState.vue": () => import('./ExportState-DNUSRJSJ.js'),"/widgets/PopUp.vue": () => import('./PopUp-CEmhdNIj.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-GUwXMh9d.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
@@ -11544,11 +11640,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 +11661,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-rIFx5c0f.js'),
+        loader: () => import('./DynamicWebComponent-BRQQ5AXV.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -11636,11 +11737,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;
+        }
 
-        [definedTemplate.loading] = useDefineWidgets([templateConfig.loading]);
+        const [importedLoadingWidget] = useDefineWidgets([
+          templateConfig.loading,
+        ]);
+
+        if (
+          importedLoadingWidget.value.id !== definedTemplate.loading.value?.id
+        ) {
+          definedTemplate.loading.value = importedLoadingWidget.value;
+        }
 
         definedTemplate.importedWidgets = useDefineWidgets(
           templateConfig.widgets,
@@ -11963,6 +12075,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 +12085,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 +12105,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-CUHZFLDY.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-ByVMURpM.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-DYMnh4of.js'),
+  () => import('./Header-BcHAtFqr.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-tjsscQ7O.js'),
+  () => import('./Footer-FUp1Te0L.js'),
 );
 
 const templateHeight = props.isWebComponent ? "100%" : "100dvh";