@eodash/eodash 5.3.3 → 5.5.0

package/core/client/eodashSTAC/helpers.js

@@ -42,13 +42,19 @@ export function generateFeatures(links, extraProperties = {}, rel = "item") {
 }
 
 /**
- * Sperates and extracts layerConfig (jsonform schema & legend) from a style json
+ * Spearates and extracts layerConfig (jsonform schema & legend) from a style json
  *
  * @param {string} collectionId
  *  @param { import("@/types").EodashStyleJson} [style]
  * @param {Record<string,any>} [rasterJsonform]
+ * @param {string} [layerConfigType]
  * */
-export function extractLayerConfig(collectionId, style, rasterJsonform) {
+export function extractLayerConfig(
+  collectionId,
+  style,
+  rasterJsonform,
+  layerConfigType,
+) {
   if (!style && !rasterJsonform) {
     return { layerConfig: undefined, style: undefined };
   }
@@ -56,6 +62,10 @@ export function extractLayerConfig(collectionId, style, rasterJsonform) {
     style = { ...style };
   }
 
+  if (style?.variables && Object.keys(style.variables ?? {}).length) {
+    style.variables = getStyleVariablesState(collectionId, style.variables);
+  }
+
   if (rasterJsonform) {
     return {
       layerConfig: {
@@ -67,16 +77,12 @@ export function extractLayerConfig(collectionId, style, rasterJsonform) {
     };
   }
 
-  if (style?.variables && Object.keys(style.variables ?? {}).length) {
-    style.variables = getStyleVariablesState(collectionId, style.variables);
-  }
-
   /** @type {Record<string,unknown> | undefined} */
   let layerConfig = undefined;
 
   if (style?.jsonform) {
     // this explicitly sets legend only if jsonform is configured
-    layerConfig = { schema: style.jsonform, type: "style" };
+    layerConfig = { schema: style.jsonform, type: layerConfigType || "style" };
     delete style.jsonform;
     if (style?.legend) {
       layerConfig.legend = style.legend;
@@ -90,6 +96,7 @@ export function extractLayerConfig(collectionId, style, rasterJsonform) {
 
   return { layerConfig, style };
 }
+
 /**
  *
  * @param {number[]} bbox
@@ -164,35 +171,41 @@ export const extractRoles = (properties, linkOrAsset) => {
 
 /**
  * Extracts a single non-link style JSON from a STAC Item optionally for a selected key mapping
- * @param {import("stac-ts").StacItem} item
- * @param {string} itemUrl
- * @param {string | undefined} key
+ * @param { import("stac-ts").StacItem | import("stac-ts").StacCollection } stacObject
+ * @param {string | undefined} linkKey
+ * @param {string | undefined} assetKey
  * @returns
  **/
-export const fetchStyle = async (item, itemUrl, key = undefined) => {
+export const fetchStyle = async (
+  stacObject,
+  linkKey = undefined,
+  assetKey = undefined,
+) => {
   let styleLink = null;
-  if (key) {
-    styleLink = item.links.find(
+  if (linkKey) {
+    styleLink = stacObject.links.find(
       (link) =>
         link.rel.includes("style") &&
         link["links:keys"] &&
-        /** @type {Array<string>} */ (link["links:keys"]).includes(key),
+        /** @type {Array<string>} */ (link["links:keys"]).includes(linkKey),
+    );
+  } else if (assetKey) {
+    styleLink = stacObject.links.find(
+      (link) =>
+        link.rel.includes("style") &&
+        link["asset:keys"] &&
+        /** @type {Array<string>} */ (link["asset:keys"]).includes(assetKey),
     );
   } else {
-    styleLink = item.links.find(
-      (link) => link.rel.includes("style") && !link["links:keys"],
+    log.debug(
+      "Neither link key, nor asset key input, can not match any style to layer.",
+      stacObject.id,
     );
+    return {};
   }
   if (styleLink) {
-    let url = "";
-    if (styleLink.href.startsWith("http")) {
-      url = styleLink.href;
-    } else {
-      url = toAbsolute(styleLink.href, itemUrl);
-    }
-
     /** @type {import("@/types").EodashStyleJson} */
-    const styleJson = await axios.get(url).then((resp) => resp.data);
+    const styleJson = await axios.get(styleLink.href).then((resp) => resp.data);
 
     log.debug("fetched styles JSON", JSON.parse(JSON.stringify(styleJson)));
     return { ...styleJson };
@@ -201,18 +214,15 @@ export const fetchStyle = async (item, itemUrl, key = undefined) => {
 
 /**
  * Fetches all style JSONs from a STAC Item and returns an array with style objects
- * @param {import("stac-ts").StacItem} item
- * @param {string} itemUrl
+ * @param {import("stac-ts").StacItem | import("stac-ts").StacCollection} stacObject
  * @returns { Promise <Array<import("@/types").EodashStyleJson>>}
  **/
-export const fetchAllStyles = async (item, itemUrl) => {
-  const styleLinks = item.links.filter((link) => link.rel.includes("style"));
+export const fetchAllStyles = async (stacObject) => {
+  const styleLinks = stacObject.links.filter((link) =>
+    link.rel.includes("style"),
+  );
   const fetchPromises = styleLinks.map(async (link) => {
-    let url = link.href.startsWith("http")
-      ? link.href
-      : toAbsolute(link.href, itemUrl);
-
-    const styleJson = await axios.get(url).then((resp) => resp.data);
+    const styleJson = await axios.get(link.href).then((resp) => resp.data);
     log.debug("fetched styles JSON", JSON.parse(JSON.stringify(styleJson)));
     return styleJson;
   });
@@ -422,7 +432,7 @@ export const replaceLayersInStructure = (layers, toRemove, toInsert) => {
       continue;
     }
 
-    result.push(layer);
+    result.unshift(layer);
   }
 
   return result;
@@ -468,15 +478,11 @@ export const replaceLayer = (currentLayers, oldLayer, newLayers) => {
  * @param {import('ol/layer').Layer} layer
  */
 export const getColFromLayer = async (indicators, layer) => {
-  const [collectionId, itemId, ..._other] = layer.get("id").split(";:;");
+  const [collectionId, ..._other] = layer.get("id").split(";:;");
 
   for (const ind of indicators) {
     if (ind.collectionStac?.id !== collectionId) continue;
-    const items = await ind.getItems();
-    const itemIds = items?.map((item) => item.id || item.datetime) ?? [];
-    if (itemIds.includes(itemId)) {
-      return ind;
-    }
+    return ind;
   }
 };
 
@@ -850,3 +856,17 @@ export function extractLayerLegend(collection) {
   }
   return extraProperties;
 }
+
+/**
+ * @param { import ("stac-ts").StacLink } link
+ * @returns {object}
+ */
+export function extractEoxLegendLink(link) {
+  let extraProperties = {};
+  if (link["eox:colorlegend"]) {
+    extraProperties = {
+      layerLegend: link["eox:colorlegend"],
+    };
+  }
+  return extraProperties;
+}

package/core/client/eodashSTAC/parquet.js

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

package/core/client/eodashSTAC/triggers.js

@@ -67,18 +67,18 @@ export function getStyleVariablesState(collectionId, variables) {
       "",
       "",
     ];
-    return (
-      collection === collectionId &&
-      ["Vector", "WebGLTile", "VectorTile"].includes(layer?.type ?? "")
-    );
+    return collection === collectionId;
   });
 
   if (!matchingLayer) {
     return variables;
   }
+  // TODO instead tap into store for changed variables state per layer
+  // because XYZ and WMTS use tileurlfunction update, where we can not retrieve
+  // current values from OL layers anyhow
 
   const olLayer = mapElement.getLayerById(matchingLayer.properties?.id ?? "");
-  const oldVariablesState =
+  let oldVariablesState =
     /** @type {import("ol/layer").Vector} */ (
       olLayer
       //@ts-expect-error variables doesn't exist in non-flat style

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
@@ -481,9 +490,11 @@ export type LayersEventBusKeys =
   | "layers:updated"
   | "time:updated"
   | "process:updated"
+  | "layertime:updated"
   | "compareLayers:updated"
   | "compareTime:updated"
-  | "compareProcess:updated";
+  | "compareProcess:updated"
+  | "compareLayertime:updated";
 
 //// STAC API types
 /** @ignore */

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-Cp8Rv3Ef.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-DdguWGDI.js';
-import { V as VMain } from './VMain-vk4-rkw-.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-CBsxC82P.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-DdguWGDI.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-Dewym-cx.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-DdguWGDI.js';
-import { B as datetime } from './helpers-CtUlAW0N.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-DBo0F4Fv.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-CAsZpOoQ.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-DdguWGDI.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-fn-rt8Ac.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 { N as mapCompareEl, h as mapEl, O as getColFromLayer } from './helpers-CtUlAW0N.js';
-import { _ as _export_sfc, E as useSTAcStore, M as layerControlFormValueCompare, N as layerControlFormValue, J as eodashCompareCollections, I as eodashCollections } from './asWebComponent-DdguWGDI.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-B9XqQXCS.js → EodashLayoutSwitcher-CL-Z9d5_.js}

@@ -1,8 +1,8 @@
 import { ref, createElementBlock, openBlock, createBlock, unref, withCtx, createVNode, mergeProps } from 'vue';
-import { D as activeTemplate } from './helpers-CtUlAW0N.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-DdguWGDI.js';
-import { V as VTooltip } from './VTooltip-BYUZeia1.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',