@eodash/eodash 5.0.0-rc.2.5 → 5.0.0

package/dist/client/{VImg-BmCNSu3X.js → VImg-FD1WVphJ.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, g as genericComponent, p as propsFactory, H as useDimension, a as useRender, J as makeDimensionProps, i as makeComponentProps, B as useBackgroundColor, M as useRounded, aI as getCurrentInstance, q as convertToUnit, O as makeRoundedProps } from './asWebComponent-Df8nUiLs.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-DHEuQX4I.js';
+import { aL as SUPPORTS_INTERSECTION, g as genericComponent, p as propsFactory, H as useDimension, a as useRender, J as makeDimensionProps, i as makeComponentProps, B as useBackgroundColor, M as useRounded, aM as getCurrentInstance, q as convertToUnit, O as makeRoundedProps } from './asWebComponent-CLhcT715.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-C5I57hn6.js';
 
 // Utilities
 function mounted(el, binding) {

package/dist/client/{VMain-eZDKIfmJ.js → VMain-DJKG4SvM.js}

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

package/dist/client/{VOverlay-BS-E4Z6g.js → VOverlay-BzOdRu9h.js}

@@ -1,7 +1,7 @@
 import { computed, watch, onScopeDispose, nextTick, ref, watchEffect, effectScope, inject, mergeProps, shallowRef, onMounted, reactive, provide, toRaw, readonly, warn, toRef, onBeforeUnmount, createVNode, Fragment, Teleport, withDirectives, vShow, resolveDirective, Transition } from 'vue';
-import { aK as isOn, aL as eventName, p as propsFactory, 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, I as IN_BROWSER, T as useToggleScope, aS as defer, aI as getCurrentInstance, aT as templateRef, aU as matchesSelector, r as useDisplay, f as makeThemeProps, J as makeDimensionProps, i as makeComponentProps, g as genericComponent, j as useProxiedModel, b as provideTheme, c as useRtl, B as useBackgroundColor, H as useDimension, aV as useRouter, aW as useBackButton, a as useRender } from './asWebComponent-Df8nUiLs.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-lhDuXD-N.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-DHEuQX4I.js';
+import { aO as isOn, aP as eventName, p as propsFactory, aQ as destructComputed, aR as parseAnchor, aS as flipSide, aT as flipAlign, aU as flipCorner, an as consoleError, aV as getAxis, q as convertToUnit, R as clamp, I as IN_BROWSER, T as useToggleScope, aW as defer, aM as getCurrentInstance, aX as templateRef, aY as matchesSelector, r as useDisplay, f as makeThemeProps, J as makeDimensionProps, i as makeComponentProps, g as genericComponent, j as useProxiedModel, b as provideTheme, c as useRtl, B as useBackgroundColor, H as useDimension, aZ as useRouter, a_ as useBackButton, a as useRender } from './asWebComponent-CLhcT715.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-Bon_Kku1.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-C5I57hn6.js';
 
 // Utilities
 const handlers = new WeakMap();
@@ -1112,10 +1112,10 @@ function useStack(isActive, zIndex, disableGlobalStack) {
     activeChildren: new Set()
   });
   provide(StackSymbol, stack);
-  const _zIndex = shallowRef(+zIndex.value);
+  const _zIndex = shallowRef(Number(zIndex.value));
   useToggleScope(isActive, () => {
     const lastZIndex = globalStack.at(-1)?.[1];
-    _zIndex.value = lastZIndex ? lastZIndex + 10 : +zIndex.value;
+    _zIndex.value = lastZIndex ? lastZIndex + 10 : Number(zIndex.value);
     if (createStackEntry) {
       globalStack.push([vm.uid, _zIndex.value]);
     }
@@ -1229,6 +1229,7 @@ const VOverlay = genericComponent()({
   emits: {
     'click:outside': e => true,
     'update:modelValue': value => true,
+    keydown: e => true,
     afterEnter: () => true,
     afterLeave: () => true
   },
@@ -1341,6 +1342,9 @@ const VOverlay = genericComponent()({
     });
     function onKeydown(e) {
       if (e.key === 'Escape' && globalTop.value) {
+        if (!contentEl.value?.contains(document.activeElement)) {
+          emit('keydown', e);
+        }
         if (!props.persistent) {
           isActive.value = false;
           if (contentEl.value?.contains(document.activeElement)) {
@@ -1349,6 +1353,10 @@ const VOverlay = genericComponent()({
         } else animateClick();
       }
     }
+    function onKeydownSelf(e) {
+      if (e.key === 'Escape' && !globalTop.value) return;
+      emit('keydown', e);
+    }
     const router = useRouter();
     useToggleScope(() => props.closeOnBack, () => {
       useBackButton(router, next => {
@@ -1411,7 +1419,8 @@ const VOverlay = genericComponent()({
           '--v-overlay-opacity': props.opacity,
           top: convertToUnit(top.value)
         }, props.style],
-        "ref": root
+        "ref": root,
+        "onKeydown": onKeydownSelf
       }, scopeId, attrs), [createVNode(Scrim, mergeProps({
         "color": scrimColor,
         "modelValue": isActive.value && !!props.scrim,

package/dist/client/{VTooltip-BMsliOuh.js → VTooltip-CfeefrXI.js}

@@ -1,7 +1,7 @@
 import { computed, ref, mergeProps, createVNode } from 'vue';
-import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BS-E4Z6g.js';
-import { b as useScopeId, f as forwardRefs } from './forwardRefs-lhDuXD-N.js';
-import { g as genericComponent, p as propsFactory, j as useProxiedModel, am as getUid, a as useRender, o as omit } from './asWebComponent-Df8nUiLs.js';
+import { m as makeVOverlayProps, V as VOverlay } from './VOverlay-BzOdRu9h.js';
+import { b as useScopeId, f as forwardRefs } from './forwardRefs-Bon_Kku1.js';
+import { g as genericComponent, p as propsFactory, j as useProxiedModel, aq as getUid, a as useRender, o as omit } from './asWebComponent-CLhcT715.js';
 
 const makeVTooltipProps = propsFactory({
   id: String,

package/dist/client/{WidgetsContainer-Cl6M5R5c.js → WidgetsContainer-C2TaTdb6.js}

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

package/dist/client/{asWebComponent-Df8nUiLs.js → asWebComponent-CLhcT715.js}

@@ -1,8 +1,8 @@
-import { ref, reactive, watch, onScopeDispose, effectScope, capitalize, computed, watchEffect, toRefs, shallowRef, Fragment, warn, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, toRaw, createVNode, mergeProps, onBeforeUnmount, readonly, onMounted, onDeactivated, onActivated, nextTick, shallowReactive, onUnmounted, isRef, toRef, onUpdated, Text, Transition, resolveDynamicComponent, withDirectives, useModel, createBlock, createCommentVNode, openBlock, withCtx, createTextVNode, createElementVNode, toDisplayString, defineAsyncComponent, onErrorCaptured, Suspense, createElementBlock, normalizeProps, withAsyncContext, normalizeStyle, defineCustomElement } from 'vue';
+import { ref, reactive, watch, onScopeDispose, effectScope, capitalize, computed, watchEffect, toRefs, shallowRef, Fragment, warn, getCurrentInstance as getCurrentInstance$1, unref, provide, inject as inject$1, defineComponent as defineComponent$1, h, camelize, toRaw, createVNode, mergeProps, onBeforeUnmount, readonly, onMounted, onDeactivated, onActivated, nextTick, shallowReactive, onUnmounted, isRef, toRef, onUpdated, Text, Transition, resolveDynamicComponent, withDirectives, toDisplayString, useModel, createBlock, createCommentVNode, openBlock, withCtx, createTextVNode, createElementVNode, defineAsyncComponent, onErrorCaptured, Suspense, createElementBlock, normalizeProps, withAsyncContext, normalizeStyle, defineCustomElement } from 'vue';
 import { defineStore, storeToRefs, createPinia } from 'pinia';
 import { setupCache } from 'axios-cache-interceptor';
 import log from 'loglevel';
-import { mdiViewDashboardVariant, mdiViewDashboard, mdiCurrencyEur, mdiWeatherWindy, mdiSetCenter, mdiHospitalBoxOutline, mdiImageFilterHdr, mdiWater, mdiBarley, mdiClose, mdiAlertCircle, mdiPlus, mdiMenuDown, mdiChevronLeft, mdiChevronRight } from '@mdi/js';
+import { mdiViewDashboard, mdiViewDashboardVariant, mdiCurrencyEur, mdiWeatherWindy, mdiSetCenter, mdiHospitalBoxOutline, mdiImageFilterHdr, mdiWater, mdiBarley, mdiClose, mdiAlertCircle, mdiPlus, mdiMenuDown, mdiChevronLeft, mdiChevronRight } from '@mdi/js';
 import { useEventBus, createSharedComposable } from '@vueuse/core';
 import WebFontLoader from 'webfontloader';
 import { toAbsolute } from 'stac-js/src/http.js';
@@ -615,26 +615,6 @@ const toFiniteNumber = (value, defaultValue) => {
   return value != null && Number.isFinite(value = +value) ? value : defaultValue;
 };
 
-const ALPHA = 'abcdefghijklmnopqrstuvwxyz';
-
-const DIGIT = '0123456789';
-
-const ALPHABET = {
-  DIGIT,
-  ALPHA,
-  ALPHA_DIGIT: ALPHA + ALPHA.toUpperCase() + DIGIT
-};
-
-const generateString = (size = 16, alphabet = ALPHABET.ALPHA_DIGIT) => {
-  let str = '';
-  const {length} = alphabet;
-  while (size--) {
-    str += alphabet[Math.random() * length|0];
-  }
-
-  return str;
-};
-
 /**
  * If the thing is a FormData object, return true, otherwise return false.
  *
@@ -762,8 +742,6 @@ const utils$1 = {
   findKey,
   global: _global,
   isContextDefined,
-  ALPHABET,
-  generateString,
   isSpecCompliantForm,
   toJSONObject,
   isAsyncFn,
@@ -2250,8 +2228,9 @@ function combineURLs(baseURL, relativeURL) {
  *
  * @returns {string} The combined full path
  */
-function buildFullPath(baseURL, requestedURL) {
-  if (baseURL && !isAbsoluteURL(requestedURL)) {
+function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) {
+  let isRelativeUrl = !isAbsoluteURL(requestedURL);
+  if (baseURL && (isRelativeUrl || allowAbsoluteUrls == false)) {
     return combineURLs(baseURL, requestedURL);
   }
   return requestedURL;
@@ -2366,7 +2345,7 @@ const resolveConfig = (config) => {
 
   newConfig.headers = headers = AxiosHeaders$1.from(headers);
 
-  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url), config.params, config.paramsSerializer);
+  newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url, newConfig.allowAbsoluteUrls), config.params, config.paramsSerializer);
 
   // HTTP basic authentication
   if (auth) {
@@ -3089,7 +3068,7 @@ function dispatchRequest(config) {
   });
 }
 
-const VERSION$1 = "1.7.9";
+const VERSION$1 = "1.8.4";
 
 const validators$1 = {};
 
@@ -3274,6 +3253,13 @@ let Axios$1 = class Axios {
       }
     }
 
+    // Set config.allowAbsoluteUrls
+    if (config.allowAbsoluteUrls !== undefined) ; else if (this.defaults.allowAbsoluteUrls !== undefined) {
+      config.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls;
+    } else {
+      config.allowAbsoluteUrls = true;
+    }
+
     validator.assertOptions(config, {
       baseUrl: validators.spelling('baseURL'),
       withXsrfToken: validators.spelling('withXSRFToken')
@@ -3369,7 +3355,7 @@ let Axios$1 = class Axios {
 
   getUri(config) {
     config = mergeConfig$1(this.defaults, config);
-    const fullPath = buildFullPath(config.baseURL, config.url);
+    const fullPath = buildFullPath(config.baseURL, config.url, config.allowAbsoluteUrls);
     return buildURL(fullPath, config.params, config.paramsSerializer);
   }
 };
@@ -3800,10 +3786,9 @@ const eodash = reactive({
     // "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-austria.github.io/public-catalog/GTIF-Austria/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",
@@ -3949,7 +3934,7 @@ const eodash = reactive({
           defineWidget: (selectedSTAC) => {
             return selectedSTAC
               ? {
-                  id: "Datepicker",
+                  id: "light-datepicker",
                   type: "internal",
                   layout: { x: 5, y: 8, w: 2, h: 4 },
                   title: "Date",
@@ -4043,7 +4028,7 @@ const eodash = reactive({
           defineWidget: (selectedSTAC) => {
             return selectedSTAC
               ? {
-                  id: "Datepicker",
+                  id: "expert-datepicker",
                   type: "internal",
                   layout: { x: 5, y: 11, w: 2, h: 1 },
                   title: "Date",
@@ -4126,8 +4111,7 @@ const eodash = reactive({
           widget: {
             name: "EodashTools",
             properties: {
-              layoutTarget: "expert",
-              layoutIcon: mdiViewDashboardVariant,
+              showLayoutSwitcher: false,
               itemFilterConfig: {
                 cssVars: {
                   "--form-flex-direction": "row",
@@ -4205,7 +4189,9 @@ const eodash = reactive({
                   widget: {
                     name: "EodashMapBtns",
                     properties: {
-                      compareIndicators: false,
+                      compareIndicators: {
+                        fallbackTemplate: "expert",
+                      },
                     },
                   },
                 }
@@ -4216,7 +4202,7 @@ const eodash = reactive({
           defineWidget: (selectedSTAC) => {
             return selectedSTAC
               ? {
-                  id: "Datepicker",
+                  id: "expert-Datepicker",
                   type: "internal",
                   layout: { x: 5, y: 8, w: 2, h: 4 },
                   title: "Date",
@@ -4322,12 +4308,14 @@ function convertToUnit(str) {
   let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
   if (str == null || str === '') {
     return undefined;
-  } else if (isNaN(+str)) {
+  }
+  const num = Number(str);
+  if (isNaN(num)) {
     return String(str);
-  } else if (!isFinite(+str)) {
+  } else if (!isFinite(num)) {
     return undefined;
   } else {
-    return `${Number(str)}${unit}`;
+    return `${num}${unit}`;
   }
 }
 function isObject(obj) {
@@ -5419,7 +5407,7 @@ const en = {
 const LANG_PREFIX = '$vuetify.';
 const replace = (str, params) => {
   return str.replace(/\{(\d+)\}/g, (match, index) => {
-    return String(params[+index]);
+    return String(params[Number(index)]);
   });
 };
 const createTranslateFunction = (current, fallback, messages) => {
@@ -5940,16 +5928,13 @@ function format(value, formatString, locale, formats) {
     case 'fullTime':
       options = {
         hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-        hour12: true
+        minute: 'numeric'
       };
       break;
     case 'fullTime12h':
       options = {
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: true
       };
       break;
@@ -5957,40 +5942,35 @@ function format(value, formatString, locale, formats) {
       options = {
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: false
       };
       break;
     case 'fullDateTime':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric',
         hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-        hour12: true
+        minute: 'numeric'
       };
       break;
     case 'fullDateTime12h':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: true
       };
       break;
     case 'fullDateTime24h':
       options = {
         year: 'numeric',
-        month: 'long',
+        month: 'short',
         day: 'numeric',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: false
       };
       break;
@@ -6007,11 +5987,9 @@ function format(value, formatString, locale, formats) {
         month: '2-digit',
         day: '2-digit',
         hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-        hour12: false
+        minute: 'numeric'
       };
-      break;
+      return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
     case 'keyboardDateTime12h':
       options = {
         year: 'numeric',
@@ -6019,10 +5997,9 @@ function format(value, formatString, locale, formats) {
         day: '2-digit',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: true
       };
-      break;
+      return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
     case 'keyboardDateTime24h':
       options = {
         year: 'numeric',
@@ -6030,10 +6007,9 @@ function format(value, formatString, locale, formats) {
         day: '2-digit',
         hour: 'numeric',
         minute: 'numeric',
-        second: 'numeric',
         hour12: false
       };
-      break;
+      return new Intl.DateTimeFormat(locale, options).format(newDate).replace(/, /g, ' ');
     default:
       options = customFormat ?? {
         timeZone: 'UTC',
@@ -7066,7 +7042,7 @@ function createTheme(options) {
   function getHead() {
     return {
       style: [{
-        children: styles.value,
+        textContent: styles.value,
         id: 'vuetify-theme-stylesheet',
         nonce: parsedOptions.cspNonce || false
       }]
@@ -7568,7 +7544,7 @@ function createVuetify() {
     goTo
   };
 }
-const version$1 = "3.7.13";
+const version$1 = "3.7.18";
 createVuetify.version = version$1;
 function inject(key) {
   const vm = this.$;
@@ -7613,6 +7589,13 @@ const posIsSetFromUrl = ref(false);
  * @type {import("vue").Ref<Record<string, any> | undefined>}
  */
 const layerControlFormValue = ref({});
+
+/**
+ * Current value of the layer control JSON form for the latest layer the user interacted with.
+ * @type {import("vue").Ref<Record<string, any> | undefined>}
+ */
+const layerControlFormValueCompare = ref({});
+
 /**
  * STAC indicators color palette, defaults to Bank-Wong palette
  *  @type {string[]} */
@@ -7658,6 +7641,8 @@ const dataThemesBrands = {
     color: "#8E81AF",
   },
 };
+/** used for switching in and out of compare mode @see {@link widgets/EodashMapBtns.vue} */
+const switchToCompare = ref(true);
 
 /**
  * Loads font in the app using `webfontloader`
@@ -8589,6 +8574,29 @@ async function mergeGeojsons(geojsonUrls) {
   );
 }
 
+/**
+ * adds tooltip to the layer if the style has tooltip property
+ * @param {Record<string,any>} layer
+ * @param {import("@/types").EodashStyleJson} [style]
+ */
+const addTooltipInteraction = (layer, style) => {
+  if (style?.tooltip) {
+    layer.interactions = [
+      {
+        type: "select",
+        options: {
+          id: (Math.random() * 10000).toFixed() + "_selectInteraction",
+          condition: "pointermove",
+          style: {
+            "stroke-color": "#335267",
+            "stroke-width": 4,
+          },
+        },
+      },
+    ];
+  }
+};
+
 /**
  * @param {string} collectionId
  * @param {string} title
@@ -8661,22 +8669,7 @@ async function createLayersFromAssets(
         interactions: [],
       };
       // add tooltip interaction if style has tooltip
-      if (style?.tooltip) {
-        layer.interactions = [
-          // @ts-expect-error no type for eox-map layer
-          {
-            type: "select",
-            options: {
-              id: (Math.random() * 10000).toFixed() + "_selectInteraction",
-              condition: "pointermove",
-              style: {
-                "stroke-color": "#335267",
-                "stroke-width": 4,
-              },
-            },
-          },
-        ];
-      }
+      addTooltipInteraction(layer, style);
 
       extractRoles(layer.properties, assets[ast]);
 
@@ -8717,11 +8710,11 @@ async function createLayersFromAssets(
         }),
       },
       ...(!style?.variables && { style }),
-      interactions:[],
+      interactions: [],
     };
 
     layer.properties = { ...layer.properties, ...(extraProperties ?? {}) };
-
+    addTooltipInteraction(layer, style);
     jsonArray.push(layer);
   }
   if (geoTIFFSources.length && typeof geoTIFFIdx === "number") {
@@ -9529,6 +9522,7 @@ const useSTAcStore = defineStore("stac", () => {
 
           selectedStac.value = resp.data;
           indicator.value = selectedStac.value?.id ?? "";
+          switchToCompare.value = true;
         });
       })
       .catch((err) => {
@@ -9545,7 +9539,6 @@ const useSTAcStore = defineStore("stac", () => {
    */
   async function loadSelectedCompareSTAC(relativePath = "") {
     const absoluteUrl = useCompareAbsoluteUrl(relativePath);
-
     await axios
       .get(absoluteUrl.value)
       .then(async (resp) => {
@@ -9568,6 +9561,7 @@ const useSTAcStore = defineStore("stac", () => {
           eodashCompareCollections.push(...collections);
 
           selectedCompareStac.value = resp.data;
+          switchToCompare.value = false;
         });
       })
       .catch((err) => {
@@ -9696,7 +9690,7 @@ function useBorder(props) {
 // Utilities
 const allowedDensities = [null, 'default', 'comfortable', 'compact'];
 
-// typeof allowedDensities[number] evalutes to any
+// typeof allowedDensities[number] evaluates to any
 // when generating api types for whatever reason.
 
 // Composables
@@ -11218,7 +11212,10 @@ const makeVBtnProps = propsFactory({
     type: [Boolean, Object],
     default: true
   },
-  text: String,
+  text: {
+    type: [String, Number, Boolean],
+    default: undefined
+  },
   ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDensityProps(),
@@ -11374,7 +11371,7 @@ const VBtn = genericComponent()({
             }
           }
         }, {
-          default: () => [slots.default?.() ?? props.text]
+          default: () => [slots.default?.() ?? toDisplayString(props.text)]
         })]), !props.icon && hasAppend && createVNode("span", {
           "key": "append",
           "class": "v-btn__append"
@@ -11654,11 +11651,18 @@ const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$4, [['__scopeId',"data-v-a
 const internalWidgets = (() => {
   /** @type {Record<string, () => Promise<import("vue").Component>>} */
   const importMap = {
-    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-BoWV2vc8.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-127fZLyK.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-B-pZaizw.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-DwexHfOD.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-BSR7_wRA.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-Jfn3bpWD.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-CpbZPYBp.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-STq_bW7S.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-uxSuJhVJ.js'),"/widgets/ExportState.vue": () => import('./ExportState-Ckcb6u01.js'),"/widgets/PopUp.vue": () => import('./PopUp-D3IyjsN4.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-Cl6M5R5c.js')}),
+    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-CALmW3SI.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-DlQiE713.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-DEzEbft7.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-CDeCV8F-.js'),"/widgets/EodashMap/index.vue": () => import('./index-CIHH_3dW.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-CktQCfa-.js'),"/widgets/EodashProcess/ProcessList.vue": () => import('./ProcessList-DTefwQZx.js').then(n => n.P),"/widgets/EodashProcess/index.vue": () => import('./index-DiGDvTQU.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-DPPxDkF6.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-CUaL9s4H.js'),"/widgets/ExportState.vue": () => import('./ExportState-DjyIZVhl.js'),"/widgets/PopUp.vue": () => import('./PopUp-BfB8s_ki.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-C2TaTdb6.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
-    const newKey = /** @type {string} */ (key.split("/").at(-1)).slice(0, -4);
+    // Remove the extention and "widgets" from the key path
+    const path = key.split("/");
+    path.splice(0, path.findIndex((el) => el === "widgets") + 1);
+    const lastIdx = path.length - 1;
+    path[lastIdx] = path[lastIdx].split(".")[0];
+    const newKey =
+      path[lastIdx] == "index" ? path[lastIdx - 1] : path.join("/");
+
     Object.defineProperty(
       importMap,
       newKey,
@@ -11767,7 +11771,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-BqoHM1np.js'),
+        loader: () => import('./DynamicWebComponent-DYBbpvUK.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -12162,7 +12166,7 @@ return (_ctx, _cache) => {
 
 };
 
-const version = "5.0.0-rc.2.5";
+const version = "5.0.0";
 const pkgJson = {
   version};
 
@@ -12264,15 +12268,15 @@ const { loadSTAC } = useSTAcStore();
 const { smAndDown } = useDisplay();
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-BE19Peep.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-BX3Sm_Vx.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-CRsg_5Q4.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-CkWvOMOW.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-Dxx7q9FW.js'),
+  () => import('./Header-B5Dgty9l.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-C8JP-coH.js'),
+  () => import('./Footer-DyL0JoWt.js'),
 );
 
 const templateHeight = props.isWebComponent ? "100%" : "100dvh";
@@ -12472,4 +12476,4 @@ function register() {
 
 register();
 
-export { useSTAcStore as $, useDensity as A, useBackgroundColor as B, provideDefaults as C, makeDensityProps as D, isObject as E, useDefineTemplate as F, useLayout as G, useDimension as H, IN_BROWSER as I, makeDimensionProps as J, useBorder as K, useElevation as L, useRounded as M, VDefaultsProvider as N, makeRoundedProps as O, makeElevationProps as P, makeBorderProps as Q, clamp as R, consoleWarn as S, useToggleScope as T, useLayoutItem as U, VBtn as V, makeLayoutItemProps as W, eodashKey as X, consoleError as Y, datetime as Z, _export_sfc as _, useRender as a, eodashCollections as a0, collectionsPalette as a1, makePanelTransparent as a2, mapCompareEl as a3, mapEl as a4, eodashCompareCollections as a5, layerControlFormValue as a6, getColFromLayer as a7, eoxLayersKey as a8, setMapProjFromCol as a9, makeLocationProps as aA, makeLoaderProps as aB, LoaderSlot as aC, removeUnneededProperties as aD, VRow as aE, VCol as aF, copyToClipBoard as aG, SUPPORTS_INTERSECTION as aH, getCurrentInstance as aI, useDefineWidgets as aJ, isOn as aK, eventName as aL, destructComputed as aM, parseAnchor as aN, flipSide as aO, flipAlign as aP, flipCorner as aQ, getAxis as aR, defer as aS, templateRef as aT, matchesSelector as aU, useRouter as aV, useBackButton as aW, EodashConstructor as aX, register as aY, store as aZ, posIsSetFromUrl as aa, useOnLayersUpdate as ab, EodashCollection as ac, mapPosition as ad, availableMapProjection as ae, changeMapProjection as af, setActiveTemplate as ag, axios$1 as ah, getLayers as ai, extractLayerConfig as aj, currentUrl as ak, activeTemplate as al, getUid as am, createSimpleFunctional as an, useVariant as ao, useSize as ap, genOverlays as aq, makeVariantProps as ar, makeSizeProps as as, Ripple as at, useLoader as au, useLocation as av, usePosition as aw, useLink as ax, makeRouterProps as ay, makePositionProps as az, provideTheme as b, useRtl as c, useLocale as d, useGroup as e, makeThemeProps as f, genericComponent as g, makeTagProps as h, makeComponentProps as i, useProxiedModel as j, keys as k, useGroupItem as l, makeVBtnProps as m, makeGroupItemProps as n, omit as o, propsFactory as p, convertToUnit as q, useDisplay as r, useResizeObserver as s, useGoTo as t, useTextColor as u, VIcon as v, makeGroupProps as w, makeDisplayProps as x, IconValue as y, focusableChildren as z };
+export { eodashCollections as $, useDensity as A, useBackgroundColor as B, provideDefaults as C, makeDensityProps as D, isObject as E, useDefineTemplate as F, useLayout as G, useDimension as H, IN_BROWSER as I, makeDimensionProps as J, useBorder as K, useElevation as L, useRounded as M, VDefaultsProvider as N, makeRoundedProps as O, makeElevationProps as P, makeBorderProps as Q, clamp as R, consoleWarn as S, useToggleScope as T, useLayoutItem as U, VBtn as V, makeLayoutItemProps as W, eodashKey as X, datetime as Y, useSTAcStore as Z, _export_sfc as _, useRender as a, EodashConstructor as a$, collectionsPalette as a0, makePanelTransparent as a1, mapCompareEl as a2, mapEl as a3, eodashCompareCollections as a4, layerControlFormValueCompare as a5, layerControlFormValue as a6, getColFromLayer as a7, EodashCollection as a8, eoxLayersKey as a9, usePosition as aA, useLink as aB, makeRouterProps as aC, makePositionProps as aD, makeLocationProps as aE, makeLoaderProps as aF, LoaderSlot as aG, removeUnneededProperties as aH, VRow as aI, VCol as aJ, copyToClipBoard as aK, SUPPORTS_INTERSECTION as aL, getCurrentInstance as aM, useDefineWidgets as aN, isOn as aO, eventName as aP, destructComputed as aQ, parseAnchor as aR, flipSide as aS, flipAlign as aT, flipCorner as aU, getAxis as aV, defer as aW, templateRef as aX, matchesSelector as aY, useRouter as aZ, useBackButton as a_, setMapProjFromCol as aa, posIsSetFromUrl as ab, useOnLayersUpdate as ac, mapPosition as ad, switchToCompare as ae, availableMapProjection as af, changeMapProjection as ag, setActiveTemplate as ah, axios as ai, indicator as aj, extractLayerConfig as ak, getLayers as al, axios$1 as am, consoleError as an, currentUrl as ao, activeTemplate as ap, getUid as aq, createSimpleFunctional as ar, useVariant as as, useSize as at, genOverlays as au, makeVariantProps as av, makeSizeProps as aw, Ripple as ax, useLoader as ay, useLocation as az, provideTheme as b, register as b0, store as b1, useRtl as c, useLocale as d, useGroup as e, makeThemeProps as f, genericComponent as g, makeTagProps as h, makeComponentProps as i, useProxiedModel as j, keys as k, useGroupItem as l, makeVBtnProps as m, makeGroupItemProps as n, omit as o, propsFactory as p, convertToUnit as q, useDisplay as r, useResizeObserver as s, useGoTo as t, useTextColor as u, VIcon as v, makeGroupProps as w, makeDisplayProps as x, IconValue as y, focusableChildren as z };