@eodash/eodash 5.4.0 → 5.5.0

package/core/client/asWebComponent.js

@@ -3,7 +3,7 @@ import { defineCustomElement } from "vue";
 import { registerPlugins } from "./plugins";
 /**
  *  @type {import("vue").VueElementConstructor<
- *  import("vue").ExtractPropTypes<{ config: string }>>}
+ *  import("vue").ExtractPropTypes<{ config?: string | Function }>>}
  * */
 const EodashConstructor = defineCustomElement(App, {
   //styles will be imported here using vite-plugin-vue-custom-element-style-injector

package/core/client/composables/DefineWidgets.js

@@ -1,7 +1,11 @@
 import { defineAsyncComponent, reactive, shallowRef, watch } from "vue";
 import { useSTAcStore } from "@/store/stac";
 import { storeToRefs } from "pinia";
-
+import {
+  areChartsSeparateLayout,
+  chartSpec,
+  compareChartSpec,
+} from "@/store/states";
 /**
  * @typedef {{
  *   component: import("vue").Component | null;
@@ -71,7 +75,13 @@ export const useDefineWidgets = (widgetConfigs) => {
     if ("defineWidget" in (config ?? {})) {
       const { selectedStac, selectedCompareStac } = storeToRefs(useSTAcStore());
       watch(
-        [selectedStac, selectedCompareStac],
+        [
+          selectedStac,
+          selectedCompareStac,
+          areChartsSeparateLayout,
+          chartSpec,
+          compareChartSpec,
+        ],
         ([updatedStac, updatedCompareStac]) => {
           let definedConfig =
             /** @type {import("@/types").FunctionalWidget} */ (

package/core/client/eodashSTAC/EodashCollection.js

@@ -131,7 +131,7 @@ export class EodashCollection {
     const item = new Item(this.selectedItem);
     this.selectedItem = item;
     const title = this.#collectionStac?.title || this.#collectionStac?.id || "";
-    layersJson.unshift(
+    layersJson.push(
       ...(await this.buildJsonArray(item, title, isObservationPoint)),
     );
     return layersJson;
@@ -221,7 +221,7 @@ export class EodashCollection {
 
       jsonArray.push(
         ...((this.rasterEndpoint &&
-          await createLayerFromRender(
+          (await createLayerFromRender(
             this.rasterEndpoint,
             this.#collectionStac,
             item,
@@ -229,7 +229,7 @@ export class EodashCollection {
               ...extraProperties,
               ...(layerDatetime && { layerDatetime }),
             },
-          )) ||
+          ))) ||
           []),
         ...(await createLayersFromAssets(
           this.#collectionStac?.id ?? "",

package/core/client/eodashSTAC/createLayers.js

@@ -269,7 +269,9 @@ export async function createLayersFromAssets(
       log.debug("Creating WebGLTile layer from GeoTIFF", assetLayerId);
       log.debug("Configured Sources", geoTIFFSources);
       const sources =
-        stacObject?.["eodash:merge_assets"] !== false ? geoTIFFSources : geotiffSource;
+        stacObject?.["eodash:merge_assets"] !== false
+          ? geoTIFFSources
+          : geotiffSource;
       const layer = {
         type: "WebGLTile",
         source: {
@@ -387,7 +389,11 @@ export const createLayersFromLinks = async (
       json.source.params["STYLES"] = wmsLink["wms:styles"];
     }
     if (extraProperties !== null) {
-      json.properties = { ...json.properties, ...extraProperties, ...extractEoxLegendLink(wmsLink) };
+      json.properties = {
+        ...json.properties,
+        ...extraProperties,
+        ...extractEoxLegendLink(wmsLink),
+      };
     }
     jsonArray.push(json);
   }
@@ -401,11 +407,16 @@ export const createLayersFromLinks = async (
 
     await registerProjection(wmtsLinkProjection);
     const key =
-    /** @type {string | undefined} */ (wmtsLink["key"]) || undefined;
+      /** @type {string | undefined} */ (wmtsLink["key"]) || undefined;
 
     const styles = await fetchStyle(item, key);
     // get the correct style which is attached to a link
-    const returnedLayerConfig = extractLayerConfig(collectionId, styles, undefined, "tileUrl");
+    const returnedLayerConfig = extractLayerConfig(
+      collectionId,
+      styles,
+      undefined,
+      "tileUrl",
+    );
     const projectionCode = getProjectionCode(wmtsLinkProjection || "EPSG:3857");
     // TODO: WARNING! This is a temporary project specific implementation
     // that needs to be removed once catalog and wmts creation from capabilities
@@ -425,7 +436,7 @@ export const createLayersFromLinks = async (
 
     // TODO, this does not yet work between layer time changes because we do not get
     // updated variables from OL layer due to usage of tileurlfunction
-    
+
     // update dimensions with current value of style variables if applicable
     const variables = returnedLayerConfig?.style?.variables;
     if (variables) {
@@ -433,7 +444,7 @@ export const createLayersFromLinks = async (
         dimensionsWithoutStyle[kk] = vv;
       }
     }
-    
+
     if (wmtsLink.title === "wmts capabilities") {
       log.debug(
         "Warning: WMTS Layer from capabilities added, function needs to be updated",
@@ -492,7 +503,11 @@ export const createLayersFromLinks = async (
     }
     extractRoles(json.properties, wmtsLink);
     if (extraProperties !== null) {
-      json.properties = { ...json.properties, ...extraProperties, ...extractEoxLegendLink(wmtsLink) };
+      json.properties = {
+        ...json.properties,
+        ...extraProperties,
+        ...extractEoxLegendLink(wmtsLink),
+      };
     }
     jsonArray.push(json);
   }
@@ -501,18 +516,22 @@ export const createLayersFromLinks = async (
     const xyzLinkProjection =
       /** @type {number | string | {name: string, def: string} | undefined} */
       (xyzLink?.["proj:epsg"] || xyzLink?.["eodash:proj4_def"]);
-    const key =
-      /** @type {string | undefined} */ (xyzLink["key"]) || undefined;
+    const key = /** @type {string | undefined} */ (xyzLink["key"]) || undefined;
     const rasterformURL = /** @type {string|undefined} */ (
       collection?.["eodash:rasterform"]
     );
     /** @type {import("@/types").EodashRasterJSONForm|undefined} */
     const rasterForm = rasterformURL
-    ? await axios.get(rasterformURL).then((resp) => resp.data)
-    : undefined;
+      ? await axios.get(rasterformURL).then((resp) => resp.data)
+      : undefined;
     const styles = await fetchStyle(item, key);
     // get the correct style which is attached to a link
-    let { layerConfig, style } = extractLayerConfig(collectionId, styles, rasterForm, "tileUrl");
+    let { layerConfig, style } = extractLayerConfig(
+      collectionId,
+      styles,
+      rasterForm,
+      "tileUrl",
+    );
     await registerProjection(xyzLinkProjection);
     const projectionCode = getProjectionCode(xyzLinkProjection || "EPSG:3857");
     const linkId = createLayerID(
@@ -557,7 +576,11 @@ export const createLayersFromLinks = async (
 
     extractRoles(json.properties, xyzLink);
     if (extraProperties !== null) {
-      json.properties = { ...json.properties, ...extraProperties, ...extractEoxLegendLink(xyzLink) };
+      json.properties = {
+        ...json.properties,
+        ...extraProperties,
+        ...extractEoxLegendLink(xyzLink),
+      };
     }
     jsonArray.push(json);
   }
@@ -624,7 +647,11 @@ export const createLayersFromLinks = async (
     addTooltipInteraction(json, style);
     extractRoles(json.properties, vectorTileLink);
     if (extraProperties !== null) {
-      json.properties = { ...json.properties, ...extraProperties, ...extractEoxLegendLink(vectorTileLink) };
+      json.properties = {
+        ...json.properties,
+        ...extraProperties,
+        ...extractEoxLegendLink(vectorTileLink),
+      };
     }
     jsonArray.push(json);
   }
@@ -649,8 +676,8 @@ export const createLayerFromRender = async (
   }
 
   const rasterformURL = /** @type {string|undefined} */ (
-      collection?.["eodash:rasterform"]
-    );
+    collection?.["eodash:rasterform"]
+  );
   /** @type {import("@/types").EodashRasterJSONForm|undefined} */
   const rasterForm = rasterformURL
     ? await axios.get(rasterformURL).then((resp) => resp.data)
@@ -725,7 +752,7 @@ export const createLayerFromRender = async (
   }
 
   return layers;
-}
+};
 /**
  *
  * @param {Record<string,any>} obj

package/core/client/eodashSTAC/helpers.js

@@ -49,7 +49,12 @@ export function generateFeatures(links, extraProperties = {}, rel = "item") {
  * @param {Record<string,any>} [rasterJsonform]
  * @param {string} [layerConfigType]
  * */
-export function extractLayerConfig(collectionId, style, rasterJsonform, layerConfigType) {
+export function extractLayerConfig(
+  collectionId,
+  style,
+  rasterJsonform,
+  layerConfigType,
+) {
   if (!style && !rasterJsonform) {
     return { layerConfig: undefined, style: undefined };
   }
@@ -192,8 +197,11 @@ export const fetchStyle = async (
         /** @type {Array<string>} */ (link["asset:keys"]).includes(assetKey),
     );
   } else {
-    log.debug("Neither link key, nor asset key input, can not match any style to layer.", stacObject.id);
-   return {};
+    log.debug(
+      "Neither link key, nor asset key input, can not match any style to layer.",
+      stacObject.id,
+    );
+    return {};
   }
   if (styleLink) {
     /** @type {import("@/types").EodashStyleJson} */
@@ -424,7 +432,7 @@ export const replaceLayersInStructure = (layers, toRemove, toInsert) => {
       continue;
     }
 
-    result.push(layer);
+    result.unshift(layer);
   }
 
   return result;
@@ -849,7 +857,6 @@ export function extractLayerLegend(collection) {
   return extraProperties;
 }
 
-
 /**
  * @param { import ("stac-ts").StacLink } link
  * @returns {object}

package/core/client/eodashSTAC/parquet.js

@@ -95,7 +95,8 @@ function moveItemProperties(item) {
     "id",
     "collection",
     "properties",
-    "auth:schemes"
+    "auth:schemes",
+    "eodash:merge_assets",
   ];
   for (const key in item) {
     if (!stacProperties.includes(key)) {

package/core/client/eodashSTAC/triggers.js

@@ -85,7 +85,7 @@ export function getStyleVariablesState(collectionId, variables) {
     ).getStyle?.()?.variables ??
     //@ts-expect-error (styleVariables_ is a private property)
     /** @type {import("ol/layer").WebGLTile} */ (olLayer).styleVariables_;
-  
+
   if (!oldVariablesState) {
     return variables;
   }
@@ -99,4 +99,3 @@ export function getStyleVariablesState(collectionId, variables) {
     );
   return matchingKeys ? oldVariablesState : variables;
 }
-

package/core/client/store/actions.js

@@ -5,8 +5,9 @@ import {
   activeTemplate,
   poi,
   comparePoi,
-  chartEl,
-  compareChartEl,
+  areChartsSeparateLayout,
+  chartData,
+  compareChartData,
 } from "@/store/states";
 import { getProjectionCode } from "@/eodashSTAC/helpers";
 import log from "loglevel";
@@ -15,26 +16,13 @@ import log from "loglevel";
  * Returns the current layers of {@link mapEl}
  * @returns {import("@eox/map").EoxLayer[]}
  */
-export const getLayers = () => mapEl.value?.layers.toReversed() ?? [];
+export const getLayers = () => mapEl.value?.layers ?? [];
 
 /**
  * Returns the current layers of {@link mapCompareEl}
  * * @returns {import("@eox/map").EoxLayer[]}
  */
-export const getCompareLayers = () =>
-  mapCompareEl.value?.layers.toReversed() ?? [];
-
-/**
- * Returns the current chart spec from {@link chartEl}
- * @returns {import("vega-embed").VisualizationSpec | null}
- */
-export const getChartSpec = () => chartEl.value?.spec ?? null;
-
-/**
- * Returns the current chart spec from {@link compareChartEl}
- * @returns {import("vega-embed").VisualizationSpec | null}
- */
-export const getCompareChartSpec = () => compareChartEl.value?.spec ?? null;
+export const getCompareLayers = () => mapCompareEl.value?.layers ?? [];
 
 /**
  * Register EPSG projection in `eox-map`
@@ -108,3 +96,15 @@ export const includesProcess = (collection, compare = false) => {
     collection?.links?.some((link) => link.rel === "service") || isPoiAlive
   );
 };
+
+/**
+ * Check whether main or compare chart have data to show
+ * @param {boolean} [compare=false] - Whether to check for compare collection
+ * @returns
+ */
+export const shouldShowChartWidget = (compare = false) => {
+  return (
+    areChartsSeparateLayout.value &&
+    (compare ? compareChartData.value : chartData.value)
+  );
+};

package/core/client/store/states.js

@@ -46,8 +46,30 @@ export const poi = ref("");
  */
 export const comparePoi = ref("");
 
-/** @type {import("vue").Ref<import("@eox/chart").EOxChart | null>} */
-export const chartEl = shallowRef(null);
+/** Whether the map is in globe mode */
+export const isGlobe = ref(false);
 
-/** @type {import("vue").Ref<import("@eox/chart").EOxChart | null>} */
-export const compareChartEl = shallowRef(null);
+/** Whether the charts are in fullscreen mode
+ * @type {import("vue").Ref<boolean>}
+ */
+export const areChartsSeparateLayout = ref(false);
+
+/** Holds main chart data
+ *  @type {import("vue").Ref<Record<string,any>|null>}
+ */
+export const chartData = ref(null);
+
+/** Holds compare chart data
+ *  @type {import("vue").Ref<Record<string,any>|null>}
+ */
+export const compareChartData = ref(null);
+
+/** Holds main chart spec
+ * @type {import("vue").Ref<import("vega-embed").VisualizationSpec | null>}
+ */
+export const chartSpec = ref(null);
+
+/** Holds compare chart spec
+ * @type {import("vue").Ref<import("vega-embed").VisualizationSpec | null>}
+ */
+export const compareChartSpec = ref(null);

package/core/client/types.ts

@@ -149,6 +149,14 @@ export interface TEodashProcess {
   >["$props"];
 }
 
+/** @group Widgets */
+export interface TEodashChart {
+  name: "EodashChart";
+  properties?: InstanceType<
+    typeof import("^/EodashChart.vue").default
+  >["$props"];
+}
+
 /** @group Widgets */
 export interface TEodashMapBtns {
   name: "EodashMapBtns";
@@ -212,6 +220,7 @@ export type ComponentWidget =
   | TEodashLayerControl
   | TEodashStacInfo
   | TEodashProcess
+  | TEodashChart
   | TEodashMapBtns
   | TEodashTools
   | TEodashLayoutSwitcher

package/core/client/utils/index.js

@@ -220,6 +220,23 @@ export const getElement = (selector) => {
     //@ts-expect-error selectior can be a string or an Element
     return document.querySelector(selector);
   }
-  //@ts-expect-error selectior can be a string or an Element
+  //@ts-expect-error selector can be a string or an Element
   return eoDash.shadowRoot?.querySelector(selector);
 };
+
+/**
+ * Recursively searches parents for overlay HTML element (mobile tab root)
+ *
+ * @param { HTMLElement } el - HTML component, starting search from.
+ * @returns { HTMLElement | null }
+ */
+export const getOverlayParent = (el) => {
+  while (el) {
+    if (el.id === "overlay" || el.classList.contains("panel")) {
+      return el;
+    }
+    //@ts-expect-error selector can be null or an Element
+    el = el.parentElement;
+  }
+  return null;
+};

package/dist/client/{DashboardLayout-CQOGHPW_.js → DashboardLayout-CkSgvaFF.js}

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

package/dist/client/{DynamicWebComponent-CoLO8FEf.js → DynamicWebComponent-Ncsg6fb9.js}

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

package/dist/client/EodashChart-5v7adDpG.js

@@ -0,0 +1,144 @@
+import { computed, ref, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, createElementVNode, withDirectives, createCommentVNode, unref, normalizeStyle, toRaw } from 'vue';
+import '@eox/chart';
+import { o as onChartClick } from './handling-DSA67d6E.js';
+import { Z as compareChartData, _ as chartData, O as compareChartSpec, N as chartSpec, M as areChartsSeparateLayout } from './helpers-BBSdbOmv.js';
+import { _ as _export_sfc, S as getOverlayParent } from './asWebComponent-DaIxULaA.js';
+import { mdiArrowCollapse, mdiArrowExpand } from '@mdi/js';
+import { T as Tooltip } from './index-6LlXNkke.js';
+
+const _style_0 = ".chart-frame[data-v-8466cc5f]{position:relative}.chart-toggle[data-v-8466cc5f]{position:absolute;top:38px;right:12px;z-index:2;cursor:pointer}";
+
+const _hoisted_1 = { ref: "container" };
+const _hoisted_2 = { class: "chart-frame" };
+const _hoisted_3 = {
+  viewBox: "0 0 20 20",
+  width: "20",
+  height: "20",
+  "aria-hidden": "true"
+};
+const _hoisted_4 = ["d"];
+const _hoisted_5 = [".spec", ".dataValues", ".opt"];
+
+
+const _sfc_main = {
+  __name: 'EodashChart',
+  props: {
+  enableCompare: {
+    type: Boolean,
+    default: false,
+  },
+  vegaEmbedOptions: {
+    type: Object,
+    default() {
+      return { actions: true };
+    },
+  },
+},
+  setup(__props) {
+
+
+
+const usedChartData = computed(() => {
+  return __props.enableCompare ? compareChartData.value : chartData.value;
+});
+
+const usedChartSpec = computed(() => {
+  return __props.enableCompare ? compareChartSpec.value : chartSpec.value;
+});
+
+const chartRenderKey = ref(0);
+const frameHeight = ref(225);
+const containerEl = useTemplateRef("container");
+
+/**
+@type { MutationObserver | null}
+*/
+let observer = null;
+
+onMounted(() => {
+  const el = containerEl.value;
+  if (!el) return;
+
+  const parent = el.parentElement?.parentElement;
+  if (parent) {
+    const parentHeight = parent.getBoundingClientRect().height;
+    frameHeight.value = Math.max(225, Math.floor(parentHeight));
+  }
+
+  // for mobile view, the overlay panel containing chart is initially hidden
+  // we create an observer when display of overlay is not none anymore
+  const overlay = getOverlayParent(el);
+  if (!overlay) return;
+
+  observer = new MutationObserver(async () => {
+    const style = getComputedStyle(overlay);
+    const visible = style.display !== "none";
+    if (visible) {
+      // forcibly rerender chart, otherwise size of canvas is 0
+      chartRenderKey.value = Math.random();
+    }
+  });
+
+  observer.observe(overlay, {
+    attributes: true,
+    attributeFilter: ["style", "class"],
+  });
+});
+
+onBeforeUnmount(() => {
+  observer?.disconnect();
+});
+
+const chartStyles = computed(() => {
+  const styles = {
+    height: `${frameHeight.value}px`,
+  };
+  return styles;
+});
+
+const toggleIcon = computed(() =>
+  areChartsSeparateLayout.value ? mdiArrowCollapse : mdiArrowExpand,
+);
+
+function toggleLayout() {
+  areChartsSeparateLayout.value = !areChartsSeparateLayout.value;
+}
+
+return (_ctx, _cache) => {
+                                                         
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      (usedChartData.value && usedChartSpec.value)
+        ? withDirectives((openBlock(), createElementBlock("button", {
+            key: 0,
+            class: "chart-toggle",
+            onClick: toggleLayout
+          }, [
+            (openBlock(), createElementBlock("svg", _hoisted_3, [
+              createElementVNode("path", { d: toggleIcon.value }, null, 8 /* PROPS */, _hoisted_4)
+            ]))
+          ])), [
+            [Tooltip, unref(areChartsSeparateLayout) ? 'Minimize' : 'Maximize']
+          ])
+        : createCommentVNode("v-if", true),
+      (usedChartData.value && usedChartSpec.value)
+        ? (openBlock(), createElementBlock("eox-chart", {
+            class: "pt-0",
+            ".spec": toRaw(usedChartSpec.value),
+            key: chartRenderKey.value,
+            ".dataValues": toRaw(usedChartData.value),
+            "onClick:item": _cache[0] || (_cache[0] = (...args) => (unref(onChartClick) && unref(onChartClick)(...args))),
+            style: normalizeStyle(chartStyles.value),
+            ".opt": __props.vegaEmbedOptions
+          }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_5))
+        : createCommentVNode("v-if", true)
+    ])
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+const EodashChart = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-8466cc5f"]]);
+
+export { EodashChart as default };

package/dist/client/{EodashDatePicker-BZeQ6bcu.js → EodashDatePicker-RoQJe6ss.js}

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

package/dist/client/{EodashItemFilter-CmZkk7GK.js → EodashItemFilter-CCoVC5BE.js}

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

package/dist/client/{EodashLayerControl-D54fY-bX.js → EodashLayerControl-weVj7aQA.js}

@@ -1,8 +1,8 @@
 import { withAsyncContext, computed, ref, createElementBlock, openBlock, createCommentVNode, mergeProps, unref, renderSlot, createElementVNode, toDisplayString } from 'vue';
 import 'color-legend-element';
 import '@eox/timecontrol';
-import { O as mapCompareEl, j as mapEl, P as getColFromLayer } from './helpers-CsjKHAcK.js';
-import { _ as _export_sfc, E as useSTAcStore, M as layerControlFormValueCompare, N as layerControlFormValue, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-Bw03Jutr.js';
+import { S as mapCompareEl, j as mapEl, T as getColFromLayer } from './helpers-BBSdbOmv.js';
+import { _ as _export_sfc, E as useSTAcStore, M as layerControlFormValueCompare, N as layerControlFormValue, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-DaIxULaA.js';
 import { storeToRefs } from 'pinia';
 
 /**

package/dist/client/{EodashLayoutSwitcher-BCP3FvDb.js → EodashLayoutSwitcher-CL-Z9d5_.js}

@@ -1,8 +1,8 @@
 import { ref, createElementBlock, openBlock, createBlock, unref, withCtx, createVNode, mergeProps } from 'vue';
-import { E as activeTemplate } from './helpers-CsjKHAcK.js';
+import { E as activeTemplate } from './helpers-BBSdbOmv.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { D as useDisplay, F as useTransparentPanel, H as VIcon } from './asWebComponent-Bw03Jutr.js';
-import { V as VTooltip } from './VTooltip-BLS-cQ9N.js';
+import { D as useDisplay, F as useTransparentPanel, H as VIcon } from './asWebComponent-DaIxULaA.js';
+import { V as VTooltip } from './VTooltip-Cc6au3Sn.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',