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

package/core/client/utils/index.js

@@ -1,43 +1,123 @@
 import log from "loglevel";
 import { collectionsPalette } from "./states";
+import WebFontLoader from "webfontloader";
+
 /**
  * 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"}
  */
-export 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}`);
-      },
-    });
+export 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;
 };
 
 /**

package/core/client/utils/states.js

@@ -1,3 +1,12 @@
+import {
+  mdiBarley,
+  mdiCurrencyEur,
+  mdiHospitalBoxOutline,
+  mdiImageFilterHdr,
+  mdiSetCenter,
+  mdiWater,
+  mdiWeatherWindy,
+} from "@mdi/js";
 import { reactive, ref, shallowReactive } from "vue";
 
 /**
@@ -37,3 +46,37 @@ export const collectionsPalette = reactive([
   "#56B4E9",
   "#D55E00",
 ]);
+
+/**
+ * Object containing data themes and their associated brand properties (icon and color).
+ */
+export 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",
+  },
+};

package/core/client/views/Dashboard.vue

@@ -1,6 +1,7 @@
 <template>
   <HeaderComponent v-if="!eodash.brand.noLayout" />
   <ErrorAlert v-model="error" />
+  <EodashOverlay />
   <Suspense>
     <TemplateComponent :style="{ height: templateHeight }" />
     <template #fallback>
@@ -21,6 +22,7 @@ import { useDisplay } from "vuetify/lib/framework.mjs";
 import { loadFont } from "@/utils";
 import Loading from "@/components/Loading.vue";
 import ErrorAlert from "@/components/ErrorAlert.vue";
+import EodashOverlay from "@/components/EodashOverlay.vue";
 
 const props = defineProps({
   config: {
@@ -31,20 +33,17 @@ const props = defineProps({
     default: false,
   },
 });
-const eodash = await useEodashRuntime(props.config);
 
 useURLSearchParametersSync();
 
+const eodash = await useEodashRuntime(props.config);
+
 const theme = useUpdateTheme("dashboardTheme", {
   ...(eodash.brand?.theme ?? {}),
 });
 theme.global.name.value = "dashboardTheme";
 
-await loadFont(
-  eodash.brand?.font?.family,
-  eodash.brand?.font?.link,
-  props.isWebComponent,
-);
+await loadFont(eodash.brand?.font, props.isWebComponent);
 
 const { loadSTAC } = useSTAcStore();
 await loadSTAC();
@@ -88,4 +87,25 @@ div.v-application__wrap {
 eo-dash {
   overflow: hidden;
 }
+/* set eox-elements colors css vars to match the theme */
+/*
+eox-layercontrol,
+eox-map,
+eox-drawtools,
+eox-timecontrol,
+eox-jsonform,
+eox-chart,
+eox-stacinfo,
+eox-itemfilter {
+  --primary-color: rgb(var(--v-theme-primary));
+  --eox-primary-color: rgb(var(--v-theme-primary));
+  --eox-secondary-color: rgb(var(--v-theme-secondary));
+  --eox-accent-color: rgb(var(--v-theme-accent));
+  --eox-error-color: rgb(var(--v-theme-error));
+  --eox-info-color: rgb(var(--v-theme-info));
+  --eox-success-color: rgb(var(--v-theme-success));
+  --eox-warning-color: rgb(var(--v-theme-warning));
+  --range-slider-color: rgb(var(--v-theme-primary));
+  --range-slider-track-color: rgb(var(--v-theme-on-primary));
+} */
 </style>

package/dist/client/{DashboardLayout-BjUs7mYs.js → DashboardLayout-Reny_s87.js}

@@ -1,7 +1,7 @@
 import { openBlock, createBlock, withCtx, createElementVNode, unref, normalizeStyle, createElementBlock, Suspense, resolveDynamicComponent, mergeProps, createCommentVNode, Fragment, renderList, Transition } from 'vue';
 import '@eox/layout';
-import { _ as _export_sfc, F as useDefineTemplate } from './asWebComponent-N7ChSAQG.js';
-import { V as VMain } from './VMain-fx1gaM7Y.js';
+import { _ as _export_sfc, F as useDefineTemplate } from './asWebComponent-DBkwthjq.js';
+import { V as VMain } from './VMain-B11EjLm6.js';
 
 const _hoisted_1 = ["gap"];
 const _hoisted_2 = ["id", "h", "w", "x", "y"];
@@ -24,7 +24,7 @@ return (_ctx, _cache) => {
       }, [
         (unref(bgWidget)?.component)
           ? (openBlock(), createElementBlock("eox-layout-item", {
-              key: 0,
+              key: unref(bgWidget).id,
               class: "bg-panel bg-surface",
               style: normalizeStyle(`margin: -${unref(gap) + 1}px;`),
               x: "0",
@@ -32,7 +32,7 @@ return (_ctx, _cache) => {
               h: "12",
               w: "12"
             }, [
-              (openBlock(), createBlock(Suspense, { suspensible: "" }, {
+              (openBlock(), createBlock(Suspense, null, {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(unref(bgWidget)?.component), mergeProps({ id: "bg-widget" }, unref(bgWidget)?.props), null, 16 /* FULL_PROPS */))
                 ]),
@@ -56,7 +56,7 @@ return (_ctx, _cache) => {
                     x: importedWidget.value.layout.x,
                     y: importedWidget.value.layout.y
                   }, [
-                    (openBlock(), createBlock(Suspense, { suspensible: "" }, {
+                    (openBlock(), createBlock(Suspense, null, {
                       default: withCtx(() => [
                         (openBlock(), createBlock(resolveDynamicComponent(importedWidget.value.component), mergeProps({
                           key: importedWidget.value.id,
@@ -79,6 +79,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const DashboardLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-ebeeb1d1"]]);
+const DashboardLayout = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-7294ae56"]]);
 
 export { DashboardLayout as default };

package/dist/client/{DynamicWebComponent-rIFx5c0f.js → DynamicWebComponent-DQPKIscC.js}

@@ -1,5 +1,5 @@
 import { withAsyncContext, ref, onMounted, onUnmounted, openBlock, createElementBlock, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
-import { $ as useSTAcStore } from './asWebComponent-N7ChSAQG.js';
+import { $ as useSTAcStore } from './asWebComponent-DBkwthjq.js';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };
 
@@ -36,7 +36,7 @@ const props = /** @type {import("@/types").WebComponentProps} */ (
 const getWebComponent = async () =>
   typeof props.link === "string"
     ? await import(/* @vite-ignore */ props.link)
-    : await props.link();
+    : await props.link?.();
 
 const imported = !customElements.get(props.tagName)
   ? (
@@ -53,8 +53,15 @@ const defined = customElements.get(props.tagName);
 
 // if the imported link doesn't define the custom tag provided
 if (!defined && props.constructorProp) {
-  const Constructor = imported[props.constructorProp];
-  customElements.define(props.tagName, Constructor);
+  try {
+    const Constructor = imported[props.constructorProp];
+    customElements.define(props.tagName, Constructor);
+  } catch (e) {
+    console.error(
+      `[eodash] ${props.tagName} is not defined, please add a valid link or constructorProp`,
+    );
+    console.error(e);
+  }
 }
 
 const store = useSTAcStore();

package/dist/client/{EodashDatePicker-brJlj1aQ.js → EodashDatePicker-E5GjnQQ2.js}

@@ -1,9 +1,9 @@
 import { resolveComponent, render, h, mergeProps, useCssVars, useTemplateRef, customRef, ref, computed, reactive, toRef, watch, onMounted, openBlock, createElementBlock, createVNode, unref, createSlots, withCtx, createElementVNode, withDirectives, createBlock, createCommentVNode, toHandlers } from 'vue';
 import { DatePicker } from 'v-calendar';
-import { E as isObject, Y as consoleError, t as useDisplay, Z as datetime, $ as useSTAcStore, a0 as eodashCollections, a1 as collectionsPalette, a2 as makePanelTransparent, V as VBtn, y as VIcon } from './asWebComponent-N7ChSAQG.js';
+import { E as isObject, Y as consoleError, t as useDisplay, Z as datetime, $ as useSTAcStore, a0 as eodashCollections, a1 as collectionsPalette, a2 as makePanelTransparent, V as VBtn, y as VIcon } from './asWebComponent-DBkwthjq.js';
 import { mdiRayEndArrow, mdiRayStartArrow } from '@mdi/js';
 import log from 'loglevel';
-import { V as VTooltip } from './VTooltip-DKOCofTl.js';
+import { V as VTooltip } from './VTooltip-DqyE5_aG.js';
 
 // Utilities
 function useDirectiveComponent(component, props) {
@@ -132,7 +132,7 @@ const _sfc_main = {
   setup(__props) {
 
 useCssVars(_ctx => ({
-  "45a34dce": (transform.value)
+  "f4706d8a": (transform.value)
 }));
 
 const { lgAndDown } = useDisplay();

package/dist/client/{EodashItemFilter-C2i4lnM1.js → EodashItemFilter-DN77Uqgg.js}

@@ -1,5 +1,5 @@
 import { computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString } from 'vue';
-import { t as useDisplay, $ as useSTAcStore } from './asWebComponent-N7ChSAQG.js';
+import { t as useDisplay, $ as useSTAcStore } from './asWebComponent-DBkwthjq.js';
 import '@eox/itemfilter';
 
 const _hoisted_1 = [".items"];

package/dist/client/{EodashLayerControl-DNQzPQQ4.js → EodashLayerControl-DduVhg2O.js}

@@ -3,12 +3,17 @@ import '@eox/layercontrol';
 import '@eox/jsonform';
 import '@eox/timecontrol';
 import 'color-legend-element';
-import { $ as useSTAcStore, a3 as mapCompareEl, a4 as mapEl, a5 as eodashCompareCollections, a0 as eodashCollections, a6 as layerControlFormValue, a7 as getColFromLayer } from './asWebComponent-N7ChSAQG.js';
+import { $ as useSTAcStore, a3 as mapCompareEl, a4 as mapEl, a5 as eodashCompareCollections, a0 as eodashCollections, a6 as layerControlFormValue, a7 as getColFromLayer } from './asWebComponent-DBkwthjq.js';
 import { storeToRefs } from 'pinia';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };
 const _hoisted_2 = ["for"];
 
+const styleOverride = `
+input[type="range"] {
+  background:transparent !important;
+}
+`;
 
 const _sfc_main = {
   __name: 'EodashLayerControl',
@@ -105,6 +110,7 @@ const onLayerConfigChange = (evt) => {
   layerControlFormValue.value = evt.detail.jsonformValue;
 };
 
+
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("span", _hoisted_1, [
     (showControls.value)
@@ -116,8 +122,9 @@ return (_ctx, _cache) => {
           style: {"--eox-background-color":"transparent"},
           ref_key: "eoxLayercontrol",
           ref: eoxLayercontrol,
-          "on:layerConfig:change": onLayerConfigChange
-        }), null, 16 /* FULL_PROPS */, _hoisted_2))
+          "on:layerConfig:change": onLayerConfigChange,
+          ".styleOverride": styleOverride
+        }), null, 48 /* FULL_PROPS, NEED_HYDRATION */, _hoisted_2))
       : createCommentVNode("v-if", true)
   ]))
 }

package/dist/client/{EodashLayoutSwitcher-gLe7G8Qn.js → EodashLayoutSwitcher-CeNnYuaC.js}

@@ -1,7 +1,7 @@
 import { ref, openBlock, createElementBlock, createVNode, withCtx, mergeProps } from 'vue';
-import { a2 as makePanelTransparent, y as VIcon, al as activeTemplate } from './asWebComponent-N7ChSAQG.js';
+import { a2 as makePanelTransparent, y as VIcon, al as activeTemplate } from './asWebComponent-DBkwthjq.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { V as VTooltip } from './VTooltip-DKOCofTl.js';
+import { V as VTooltip } from './VTooltip-DqyE5_aG.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',

package/dist/client/{EodashMap-LOzTlvrM.js → EodashMap-C3bgcNJk.js}

@@ -1,7 +1,7 @@
 import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, openBlock, createElementBlock, createElementVNode, unref, normalizeStyle } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { a8 as eoxLayersKey, $ as useSTAcStore, a9 as setMapProjFromCol, aa as posIsSetFromUrl, ab as useOnLayersUpdate, ac as EodashCollection, ad as mapPosition, a4 as mapEl, a3 as mapCompareEl, Z as datetime, a0 as eodashCollections, a5 as eodashCompareCollections, a6 as layerControlFormValue } from './asWebComponent-N7ChSAQG.js';
+import { a8 as eoxLayersKey, $ as useSTAcStore, a9 as setMapProjFromCol, aa as posIsSetFromUrl, ab as useOnLayersUpdate, ac as EodashCollection, ad as mapPosition, a4 as mapEl, a3 as mapCompareEl, Z as datetime, a0 as eodashCollections, a5 as eodashCompareCollections, a6 as layerControlFormValue } from './asWebComponent-DBkwthjq.js';
 import { storeToRefs } from 'pinia';
 import log from 'loglevel';
 import { useEventBus } from '@vueuse/core';
@@ -105,7 +105,7 @@ const createLayersConfig = async (
     await EodashCollection.getIndicatorLayers(selectedIndicator);
   const geodbLayer = EodashCollection.getGeoDBLayer(eodashCols);
   if (geodbLayer) {
-    dataLayers.layers.push(geodbLayer);
+    dataLayers.layers.unshift(geodbLayer);
   }
   const baseLayers = {
     type: "Group",
@@ -425,7 +425,12 @@ const props = __props;
 
 /** @type {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"], undefined>>} */
 const tooltipProperties = ref([]);
-
+/** @type {import("@eox/map").EOxMap["controls"]} */
+const controls = {
+  Attribution: {
+    collapsible: true,
+  },
+};
 const initialCenter = toRaw([
   mapPosition.value?.[0] ?? props.center?.[0],
   mapPosition.value?.[1] ?? props.center?.[1],
@@ -553,7 +558,8 @@ return (_ctx, _cache) => {
       ".animationOptions": animationOptions,
       ".center": unref(initialCenter),
       ".zoom": unref(initialZoom),
-      ".layers": eoxMapLayers.value
+      ".layers": eoxMapLayers.value,
+      ".controls": controls
     }, [
       createElementVNode("eox-map-tooltip", {
         style: normalizeStyle(tooltipStyles.value),

package/dist/client/{EodashMapBtns-UXOupU5J.js → EodashMapBtns-B73UApEn.js}

@@ -1,9 +1,9 @@
 import { computed, ref, openBlock, createElementBlock, createBlock, unref, createCommentVNode, createVNode, withCtx } from 'vue';
-import { _ as _export_sfc, t as useDisplay, a2 as makePanelTransparent, V as VBtn, ae as availableMapProjection, af as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-N7ChSAQG.js';
+import { _ as _export_sfc, t as useDisplay, a2 as makePanelTransparent, V as VBtn, ae as availableMapProjection, af as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-DBkwthjq.js';
 import { mdiMapPlus, mdiEarthBox, mdiCompare } from '@mdi/js';
-import ExportState from './ExportState-DVosrSNY.js';
-import _sfc_main$1 from './PopUp-BFcSuX3b.js';
-import _sfc_main$2 from './EodashItemFilter-C2i4lnM1.js';
+import ExportState from './ExportState-DXw8Dwvk.js';
+import _sfc_main$1 from './PopUp-B12NWJHU.js';
+import _sfc_main$2 from './EodashItemFilter-DN77Uqgg.js';
 
 const _sfc_main = {
   __name: 'EodashMapBtns',

package/dist/client/{EodashProcess-BlkqUdzj.js → EodashProcess-IQPnj17j.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-DBkwthjq.js';
 import { storeToRefs } from 'pinia';
 import { useEventBus } from '@vueuse/core';
 import { isMulti } from '@eox/jsonform/src/custom-inputs/spatial/utils';
@@ -723,7 +723,19 @@ const downloadResults = () => {
 };
 onMounted(async () => {
   // wait for the layers to be rendered
-  if (mapEl.value?.layers.length <= 1) {
+  if (mapEl.value?.layers.length > 1) {
+    await initProcess({
+      //@ts-expect-error TODO
+      selectedStac,
+      jsonformEl,
+      jsonformSchema,
+      chartSpec,
+      isProcessed,
+      processResults,
+      loading,
+      isPolling,
+    });
+  } else {
     layersEvents.once(async () => {
       await initProcess({
         //@ts-expect-error TODO
@@ -737,18 +749,6 @@ onMounted(async () => {
         isPolling,
       });
     });
-  } else {
-    await initProcess({
-      //@ts-expect-error TODO
-      selectedStac,
-      jsonformEl,
-      jsonformSchema,
-      chartSpec,
-      isProcessed,
-      processResults,
-      loading,
-      isPolling,
-    });
   }
 });
 

package/dist/client/{EodashStacInfo-Df3LXKAw.js → EodashStacInfo-CeZqI75-.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-DBkwthjq.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-CAE604ZJ.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-B12NWJHU.js';
+import _sfc_main$3 from './EodashItemFilter-DN77Uqgg.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-CeNnYuaC.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-DBkwthjq.js';
 
 const _hoisted_1 = { class: "d-flex flex-row justify-space-between pa-4 align-center" };
 

package/dist/client/{ExportState-DVosrSNY.js → ExportState-DXw8Dwvk.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-B12NWJHU.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-DBkwthjq.js';
+import { a as VExpandTransition } from './index-BhfdO0rU.js';
+import { V as VImg } from './VImg-CjsuV4n9.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');