@eodash/eodash 5.7.1 → 5.8.0

package/dist/client/EodashChart-D-3AGKZY.js

@@ -0,0 +1,260 @@
+import { computed, ref, watch, nextTick, useTemplateRef, onMounted, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeStyle, withDirectives, unref, createCommentVNode, toRaw } from 'vue';
+import '@eox/chart';
+import { o as onChartClick } from './handling-NvY8Csry.js';
+import { ah as compareChartData, ai as chartData, $ as compareChartSpec, _ as chartSpec, Z as areChartsSeparateLayout } from './helpers-BFuh19CP.js';
+import { _ as _export_sfc, ad as getOverlayParent } from './asWebComponent-IZanwL-A.js';
+import { mdiArrowCollapse, mdiArrowExpand } from '@mdi/js';
+import { T as Tooltip } from './index-KGxz5Egv.js';
+
+const _style_0 = ".bg-surface:has(.eodash-chart-wrapper){height:100%;display:flex;flex-direction:column}";
+
+const _style_1 = ".eodash-chart-wrapper[data-v-29f0a1a6]{height:100%;flex-grow:1;min-height:180px;display:flex;flex-direction:column}.chart-frame[data-v-29f0a1a6]{position:relative;flex-grow:1;min-height:180px;display:flex;flex-direction:column}eox-chart[data-v-29f0a1a6]{flex-grow:1;min-height:0}.chart-toggle[data-v-29f0a1a6]{position:absolute;top:8px;right:46px;z-index:2;cursor:pointer}";
+
+const _hoisted_1 = {
+  ref: "container",
+  class: "eodash-chart-wrapper"
+};
+const _hoisted_2 = {
+  viewBox: "0 0 20 20",
+  width: "20",
+  height: "20",
+  "aria-hidden": "true"
+};
+const _hoisted_3 = ["d"];
+const _hoisted_4 = [".spec", ".dataValues", ".opt"];
+
+
+const _sfc_main = {
+  __name: 'EodashChart',
+  props: {
+  enableCompare: {
+    type: Boolean,
+    default: false,
+  },
+  vegaEmbedOptions: {
+    /** @type {import("vue").PropType<import("vega-embed").EmbedOptions>} */
+    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 hasBindings = computed(() => {
+  const spec = usedChartSpec.value;
+  if (!spec) return false;
+
+  // Recursively search for any object with a 'bind' key that represents a physical UI input
+  let found = false;
+  /** @param {any} obj */
+  const searchBindings = (obj) => {
+    if (found || !obj || typeof obj !== "object") return;
+
+    // UI bindings that take up physical DOM space are objects with an 'input' property.
+    if (
+      "bind" in obj &&
+      typeof obj.bind === "object" &&
+      obj.bind !== null &&
+      "input" in obj.bind
+    ) {
+      found = true;
+      return;
+    }
+    Object.values(obj).forEach(searchBindings);
+  };
+  searchBindings(spec);
+  return found;
+});
+
+const renderedChartSpec = ref(null);
+
+watch(
+  usedChartSpec,
+  (newSpec) => {
+    if (!newSpec) {
+      renderedChartSpec.value = null;
+      return;
+    }
+
+    // Create a deep copy so we can safely mutate it
+    const adjustedSpec = JSON.parse(JSON.stringify(newSpec));
+
+    // Force the chart to be fully responsive to its CSS container
+    adjustedSpec.height = "container";
+    adjustedSpec.width = "container";
+
+    // Delay passing the spec to eox-chart until the next DOM update cycle.
+    // This ensures the dynamic chartStyles are physically applied
+    // to the container BEFORE Vega calculates its canvas size.
+    nextTick(() => {
+      renderedChartSpec.value = adjustedSpec;
+      chartRenderKey.value = Math.random(); // Force eox-chart to completely remount
+
+      // Force a browser-level resize event after the chart mounts.
+      // This tells Vega to re-read the container dimensions once the CSS has finished painting.
+      setTimeout(() => {
+        window.dispatchEvent(new Event("resize"));
+      }, 150);
+    });
+  },
+  { immediate: true },
+);
+
+const chartRenderKey = ref(0);
+const containerEl = useTemplateRef("container");
+
+/** @type {MutationObserver | null} */
+let observer = null;
+/** @type {number | null} */
+let styleInterval = null;
+
+onMounted(() => {
+  const el = containerEl.value;
+  if (!el) return;
+
+  // Continuously inject basic styling for the bindings form to make it look decent
+  styleInterval = window.setInterval(() => {
+    if (el) {
+      const eoxChart = el.querySelector("eox-chart");
+      if (eoxChart && eoxChart.shadowRoot) {
+        if (!eoxChart.shadowRoot.querySelector("#eodash-chart-styles")) {
+          const style = document.createElement("style");
+          style.id = "eodash-chart-styles";
+          style.innerHTML = `
+            * {
+              box-sizing: border-box !important;
+            }
+            #vis {
+              min-height: 100px !important;
+              flex: 1 1 auto !important;
+            }
+            :host, .vega-embed {
+              display: flex !important;
+              flex-direction: column !important;
+              height: 100% !important;
+              padding: 0 !important;
+              margin: 0 !important;
+            }
+            .vega-bindings {
+              flex: 0 0 auto !important;
+              display: flex !important;
+              flex-wrap: wrap;
+              gap: 2px !important;
+              background: rgba(255, 255, 255, 0.85);
+              padding: 6px 12px !important;
+              border-radius: 6px;
+              box-shadow: 0 2px 5px rgba(0,0,0,0.15);
+              margin: 0 !important;
+              margin-top: -10px !important;
+              z-index: 10;
+            }
+            .vega-bindings:empty {
+              display: none !important;
+            }
+            .vega-embed > canvas, .vega-embed > svg {
+              height: 100% !important;
+              max-width: 100% !important;
+              object-fit: contain;
+            }
+            .vega-bind {
+              display: flex;
+              align-items: center;
+              gap: 6px;
+              margin-bottom: 0 !important;
+            }
+          `;
+          eoxChart.shadowRoot.appendChild(style);
+        }
+      }
+    }
+  }, 200);
+
+  // For mobile view, handle overlay display changes
+  const overlay = getOverlayParent(el);
+  if (!overlay) return;
+
+  observer = new MutationObserver(async () => {
+    const style = getComputedStyle(overlay);
+    const visible = style.display !== "none";
+    if (visible) {
+      chartRenderKey.value = Math.random();
+    }
+  });
+
+  observer.observe(overlay, {
+    attributes: true,
+    attributeFilter: ["style", "class"],
+  });
+});
+
+onBeforeUnmount(() => {
+  observer?.disconnect();
+  if (styleInterval) window.clearInterval(styleInterval);
+});
+
+const chartStyles = computed(() => {
+  return {
+    height: "100%",
+    width: "100%",
+  };
+});
+
+const toggleIcon = computed(() =>
+  areChartsSeparateLayout.value ? mdiArrowCollapse : mdiArrowExpand,
+);
+
+function toggleLayout() {
+  areChartsSeparateLayout.value = !areChartsSeparateLayout.value;
+}
+
+return (_ctx, _cache) => {
+                                                         
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: "chart-frame",
+      style: normalizeStyle({ paddingBottom: hasBindings.value ? '25px' : '0px' })
+    }, [
+      (usedChartData.value && usedChartSpec.value)
+        ? withDirectives((openBlock(), createElementBlock("button", {
+            key: 0,
+            class: "chart-toggle",
+            onClick: toggleLayout
+          }, [
+            (openBlock(), createElementBlock("svg", _hoisted_2, [
+              createElementVNode("path", { d: toggleIcon.value }, null, 8 /* PROPS */, _hoisted_3)
+            ]))
+          ])), [
+            [Tooltip, unref(areChartsSeparateLayout) ? 'Minimize' : 'Maximize']
+          ])
+        : createCommentVNode("v-if", true),
+      (usedChartData.value && renderedChartSpec.value)
+        ? (openBlock(), createElementBlock("eox-chart", {
+            ".spec": toRaw(renderedChartSpec.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_4))
+        : createCommentVNode("v-if", true)
+    ], 4 /* STYLE */)
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+const EodashChart = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0,_style_1]],['__scopeId',"data-v-29f0a1a6"]]);
+
+export { EodashChart as default };

package/dist/client/{EodashDatePicker-CY1TrsDo.js → EodashDatePicker-Dm_goZzs.js}

@@ -1,11 +1,11 @@
 import { useCssVars, useTemplateRef, customRef, ref, computed, reactive, watch, onMounted, openBlock, createElementBlock, createVNode, unref, createSlots, withCtx, createElementVNode, withDirectives, createBlock, createCommentVNode, mergeProps, toHandlers } from 'vue';
 import { DatePicker } from 'v-calendar';
-import { _ as _export_sfc, G as useDisplay, H as useSTAcStore, I as useTransparentPanel, J as VBtn, K as VIcon } from './asWebComponent-BlFN2lkB.js';
-import { H as datetime, S as eodashCollections, P as eodashCompareCollections } from './helpers-CBqIUSXJ.js';
+import { _ as _export_sfc, G as useDisplay, H as useSTAcStore, I as useTransparentPanel, J as VBtn, K as VIcon } from './asWebComponent-IZanwL-A.js';
+import { L as datetime, W as eodashCollections, T as eodashCompareCollections } from './helpers-BFuh19CP.js';
 import { mdiRayEndArrow, mdiRayStartArrow } from '@mdi/js';
 import log from 'loglevel';
 import { storeToRefs } from 'pinia';
-import { T as Tooltip } from './index-CJ9UI3ln.js';
+import { T as Tooltip } from './index-KGxz5Egv.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(--v518b583c)!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}";
 

package/dist/client/{EodashItemFilter-DzshHDlS.js → EodashItemFilter-CJy3zYzD.js}

@@ -1,6 +1,6 @@
 import { withAsyncContext, computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString } from 'vue';
-import { _ as _export_sfc, H as useSTAcStore } from './asWebComponent-BlFN2lkB.js';
-import { L as isFirstLoad } from './helpers-CBqIUSXJ.js';
+import { _ as _export_sfc, H as useSTAcStore } from './asWebComponent-IZanwL-A.js';
+import { P as isFirstLoad } from './helpers-BFuh19CP.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}}";
 

package/dist/client/{EodashLayerControl-DMCeMkSd.js → EodashLayerControl-rL8UnpkA.js}

@@ -1,10 +1,10 @@
-import { withAsyncContext, computed, ref, watch, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
+import { withAsyncContext, computed, ref, openBlock, createElementBlock, mergeProps, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock } from 'vue';
 import 'color-legend-element';
 import '@eox/timecontrol';
-import { a1 as mapCompareEl, n as mapEl, a2 as updateGeoZarrBands, a3 as layerControlFormValueCompare, a4 as layerControlFormValue, a5 as getColFromLayer, P as eodashCompareCollections, S as eodashCollections } from './helpers-CBqIUSXJ.js';
+import { a5 as mapCompareEl, q as mapEl, a6 as updateGeoZarrBands, a7 as updateLayerUrl, a8 as layerControlFormValueCompare, a9 as layerControlFormValue, aa as getColFromLayer, T as eodashCompareCollections, W as eodashCollections } from './helpers-BFuh19CP.js';
 import { storeToRefs } from 'pinia';
-import { _ as _export_sfc, H as useSTAcStore, aa as useEmitLayersUpdate } from './asWebComponent-BlFN2lkB.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-iJ8mX1rF.js';
+import { _ as _export_sfc, H as useSTAcStore, aa as useEmitLayersUpdate } from './asWebComponent-IZanwL-A.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-ZRlESI9O.js';
 import { mdiViewDashboard } from '@mdi/js';
 
 /**
@@ -1369,10 +1369,10 @@ const bandsEditorInterface = [
   },
 ];
 
-const _style_0 = "eox-layercontrol[data-v-2e9372f7]{overflow:auto}";
+const _style_0 = "eox-layercontrol[data-v-8c6e0291]{overflow:auto}";
 
 const _hoisted_1 = { class: "d-flex flex-column" };
-const _hoisted_2 = ["for", ".customEditorInterfaces"];
+const _hoisted_2 = ["for", ".colormapRegistry", ".customEditorInterfaces"];
 const _hoisted_3 = {
   slot: "layerstitle",
   class: "d-flex justify-space-between ma-2 pa-2 flex-shrink-0"
@@ -1448,7 +1448,8 @@ const enableLayoutSwitcher = computed(
   () => !!props.layoutTarget && !!props.layoutIcon,
 );
 
-const { selectedCompareStac, selectedStac } = storeToRefs(useSTAcStore());
+const { selectedCompareStac, selectedStac, colormapRegistry } =
+  storeToRefs(useSTAcStore());
 
 const showControls = computed(() => {
   if (props.map === "second") {
@@ -1464,20 +1465,9 @@ const mapElement = props.map === "second" ? mapCompareEl : mapEl;
 /** @type { import("vue").Ref<import("@eox/layercontrol").EOxLayerControl | null>} */
 const eoxLayercontrol = ref(null);
 
-// eox-timecontrol re-fires datetime:updated after layer reassignment;
-// dedupe by (collectionId, datetime)
-const processedDatetimes = new Map();
-watch([selectedStac, selectedCompareStac], () => processedDatetimes.clear());
-
 /** @param {CustomEvent<{layer:import('ol/layer').Layer; datetime:string;}>} evt */
 const handleDatetimeUpdate = async (evt) => {
   const { layer, datetime } = evt.detail;
-  const collectionId = layer.get("id")?.split(";:;")[0] ?? layer.get("id");
-  if (processedDatetimes.get(collectionId) === datetime) return;
-  // First event per collection is eox-timecontrol's mount echo.
-  const isFirstEvent = !processedDatetimes.has(collectionId);
-  processedDatetimes.set(collectionId, datetime);
-  if (isFirstEvent) return;
 
   const ec = await getColFromLayer(eodashCols, layer);
 
@@ -1534,6 +1524,7 @@ const debouncedHandleDateTime = (evt) => {
  */
 const onLayerConfigChange = (evt) => {
   updateGeoZarrBands(evt.detail.layer, evt.detail.jsonformValue);
+  updateLayerUrl(evt.detail.layer, evt.detail.jsonformValue);
 
   if (props.map === "second") {
     layerControlFormValueCompare.value = evt.detail.jsonformValue;
@@ -1547,6 +1538,7 @@ return (_ctx, _cache) => {
     (showControls.value)
       ? (openBlock(), createElementBlock("eox-layercontrol", mergeProps({ key: unref(mapElement) }, config, {
           for: unref(mapElement),
+          ".colormapRegistry": unref(colormapRegistry),
           ".showLayerZoomState": true,
           ".customEditorInterfaces": unref(bandsEditorInterface),
           "onDatetime:updated": debouncedHandleDateTime,
@@ -1574,6 +1566,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const EodashLayerControl = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-2e9372f7"]]);
+const EodashLayerControl = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-8c6e0291"]]);
 
 export { EodashLayerControl as default };

package/dist/client/{EodashLayoutSwitcher-iJ8mX1rF.js → EodashLayoutSwitcher-ZRlESI9O.js}

@@ -1,8 +1,8 @@
 import { ref, openBlock, createElementBlock, unref, createBlock, withCtx, createVNode, mergeProps } from 'vue';
-import { J as activeTemplate } from './helpers-CBqIUSXJ.js';
+import { N as activeTemplate } from './helpers-BFuh19CP.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { G as useDisplay, I as useTransparentPanel, K as VIcon } from './asWebComponent-BlFN2lkB.js';
-import { V as VTooltip } from './VTooltip-2hAJyEoa.js';
+import { G as useDisplay, I as useTransparentPanel, K as VIcon } from './asWebComponent-IZanwL-A.js';
+import { V as VTooltip } from './VTooltip-ClWHUmWL.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',

package/dist/client/{EodashMapBtns-C7Cr7q5Y.js → EodashMapBtns-CG7u2Aq8.js}

@@ -1,12 +1,12 @@
 import { triggerRef, ref, withAsyncContext, computed, openBlock, createElementBlock, unref, createElementVNode, createCommentVNode, createBlock, toDisplayString, createVNode, isRef, withCtx, mergeProps, Fragment, createTextVNode, withModifiers } from 'vue';
-import { H as useSTAcStore, _ as _export_sfc, ab as useEodash, G as useDisplay, I as useTransparentPanel, ac as VAlert } from './asWebComponent-BlFN2lkB.js';
-import { n as mapEl, J as activeTemplate, a8 as setActiveTemplate, a6 as isGlobe, B as getLayers, a9 as availableMapProjection, aa as changeMapProjection, I as poi, R as comparePoi, K as mapPosition } from './helpers-CBqIUSXJ.js';
-import { u as useMosaicState, n as normalizeGlobeZoom } from './mosaic-BFYLEwyx.js';
+import { H as useSTAcStore, _ as _export_sfc, ab as useEodash, G as useDisplay, I as useTransparentPanel, ac as VAlert } from './asWebComponent-IZanwL-A.js';
+import { q as mapEl, N as activeTemplate, ad as setActiveTemplate, ab as isGlobe, F as getLayers, ae as availableMapProjection, af as changeMapProjection, M as poi, V as comparePoi, O as mapPosition } from './helpers-BFuh19CP.js';
+import { u as useMosaicState, n as normalizeGlobeZoom } from './mosaic-vHvSuih6.js';
 import { mdiCompareRemove, mdiCompare, mdiPlus, mdiMinus, mdiMapPlus, mdiEarthBox, mdiEarth, mdiMessageQuestion, mdiStarFourPointsCircleOutline } from '@mdi/js';
-import ExportState from './ExportState-CqIzfMYQ.js';
-import _sfc_main$1 from './PopUp-DPZq5SWI.js';
-import EodashItemFilter from './EodashItemFilter-DzshHDlS.js';
-import { l as loadPOiIndicator } from './handling-B6I1V5eG.js';
+import ExportState from './ExportState-BXhy5TOU.js';
+import _sfc_main$1 from './PopUp-7_XnhvCc.js';
+import EodashItemFilter from './EodashItemFilter-CJy3zYzD.js';
+import { l as loadPOiIndicator } from './handling-NvY8Csry.js';
 import { e as easeOut } from './easing-CH0-9wR8.js';
 import { storeToRefs } from 'pinia';
 import '@eox/geosearch';
@@ -81,37 +81,38 @@ function showAllPanels() {
 }
 /**
  *
- * @param {import("@eox/map").EoxLayer[]} layers
- * @return {import("@eox/map").EoxLayer[]}
+ * @param {import("@eox/map").EoxLayer[]} layers - eox map layers
+ * @returns {import("@eox/map").EoxLayer[]} anonymized Cors
  */
 function addCorsAnonym(layers) {
-  //@ts-expect-error todo
-  return layers.map((layer) => {
-    if (layer.type === "Group") {
-      layer.layers = addCorsAnonym([...(layer.layers ?? [])]);
-      return layer;
-    }
-    // check if not mapbox style as a fix for ts error
-    if (layer.type === "MapboxStyle") {
-      return layer;
-    }
+  return /** @type {import("@eox/map").EoxLayer[]} */ (
+    layers.map((layer) => {
+      if (layer.type === "Group") {
+        layer.layers = addCorsAnonym([...(layer.layers ?? [])]);
+        return layer;
+      }
+      // check if not mapbox style as a fix for ts error
+      if (layer.type === "MapboxStyle") {
+        return layer;
+      }
 
-    return {
-      ...layer,
-      ...(layer.source && {
-        source: {
-          ...layer.source,
-          crossOrigin: "anonymous",
-        },
-        ...(layer.sources && {
-          sources: layer.sources.map((source) => ({
-            ...source,
+      return {
+        ...layer,
+        ...("source" in layer && {
+          source: {
+            ...layer.source,
             crossOrigin: "anonymous",
-          })),
+          },
+          ...(layer.sources && {
+            sources: layer.sources.map((source) => ({
+              ...source,
+              crossOrigin: "anonymous",
+            })),
+          }),
         }),
-      }),
-    };
-  });
+      };
+    })
+  );
 }
 
 const onMapZoomOut = () => {

package/dist/client/{EodashStacInfo-K7-iuXa7.js → EodashStacInfo-CJhhxthD.js}

@@ -1,8 +1,8 @@
 import { ref, watch, onUnmounted, computed, openBlock, createElementBlock, createCommentVNode } from 'vue';
 import '@eox/stacinfo';
-import { p as isSTACItem, N as currentUrl } from './helpers-CBqIUSXJ.js';
+import { t as isSTACItem, R as currentUrl } from './helpers-BFuh19CP.js';
 import { storeToRefs } from 'pinia';
-import { H as useSTAcStore } from './asWebComponent-BlFN2lkB.js';
+import { H as useSTAcStore } from './asWebComponent-IZanwL-A.js';
 
 const _hoisted_1 = { class: "flex-grow-1" };
 const _hoisted_2 = [".for", ".allowHtml", ".body", ".featured", ".footer", ".header", ".tags", ".styleOverride"];

package/dist/client/{EodashTools-BEK7e7JM.js → EodashTools-CWyK8QJT.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-DPZq5SWI.js';
-import EodashItemFilter from './EodashItemFilter-DzshHDlS.js';
-import _sfc_main$1 from './EodashLayoutSwitcher-iJ8mX1rF.js';
+import _sfc_main$2 from './PopUp-7_XnhvCc.js';
+import EodashItemFilter from './EodashItemFilter-CJy3zYzD.js';
+import _sfc_main$1 from './EodashLayoutSwitcher-ZRlESI9O.js';
 import { mdiViewDashboard, mdiPlusCircleOutline } from '@mdi/js';
-import { _ as _export_sfc, G as useDisplay, I as useTransparentPanel, J as VBtn } from './asWebComponent-BlFN2lkB.js';
+import { _ as _export_sfc, G as useDisplay, I as useTransparentPanel, J as VBtn } from './asWebComponent-IZanwL-A.js';
 
 const _style_0 = ".v-btn--size-default[data-v-73449028]{--v-btn-height: 30px}";
 

package/dist/client/{ExportState-CqIzfMYQ.js → ExportState-BXhy5TOU.js}

@@ -1,16 +1,16 @@
 import { createVNode, normalizeStyle, normalizeClass, createElementVNode, Fragment, toDisplayString, shallowRef, watch, withDirectives, mergeProps, useModel, ref, openBlock, createBlock, withCtx, createElementBlock, renderList, unref, createTextVNode, vShow, createCommentVNode, mergeModels } from 'vue';
 import { mdiContentCopy, mdiClipboardCheckOutline } from '@mdi/js';
-import _sfc_main$1 from './PopUp-DPZq5SWI.js';
-import { R as createSimpleFunctional, g as genericComponent, o as provideDefaults, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, K as VIcon, V as VDefaultsProvider, Q as IconValue, Z as makeDensityProps, S as Ripple, l as provideTheme, h as useBorder, U as useVariant, W as useDensity, b as useDimension, i as useElevation, ai as useLoader, j as useLocation, aj as usePosition, k as useRounded, T as useLink, X as makeVariantProps, r as makeThemeProps, Y as makeRouterProps, s as makeRoundedProps, ak as makePositionProps, t as makeLocationProps, al as makeLoaderProps, v as makeElevationProps, d as makeDimensionProps, w as makeBorderProps, q as convertToUnit, am as LoaderSlot, a1 as genOverlays, _ as _export_sfc, J as VBtn, an as copyToClipBoard } from './asWebComponent-BlFN2lkB.js';
-import { W as chartSpec, ah as removeUnneededProperties, B as getLayers, K as mapPosition, a9 as availableMapProjection } from './helpers-CBqIUSXJ.js';
+import _sfc_main$1 from './PopUp-7_XnhvCc.js';
+import { R as createSimpleFunctional, g as genericComponent, o as provideDefaults, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, K as VIcon, V as VDefaultsProvider, Q as IconValue, Z as makeDensityProps, S as Ripple, l as provideTheme, h as useBorder, U as useVariant, W as useDensity, b as useDimension, i as useElevation, ai as useLoader, j as useLocation, aj as usePosition, k as useRounded, T as useLink, X as makeVariantProps, r as makeThemeProps, Y as makeRouterProps, s as makeRoundedProps, ak as makePositionProps, t as makeLocationProps, al as makeLoaderProps, v as makeElevationProps, d as makeDimensionProps, w as makeBorderProps, q as convertToUnit, am as LoaderSlot, a1 as genOverlays, _ as _export_sfc, J as VBtn, an as copyToClipBoard } from './asWebComponent-IZanwL-A.js';
+import { _ as chartSpec, al as removeUnneededProperties, a9 as layerControlFormValue, F as getLayers, O as mapPosition, ae as availableMapProjection } from './helpers-BFuh19CP.js';
 import { base64EncodeSpec } from '@eox/chart';
-import { V as VImg, a as VExpandTransition } from './VImg-Ddv5OyMz.js';
-import { V as VAvatar, a as VDivider } from './VDivider-Bj9LG_JV.js';
+import { V as VImg, a as VExpandTransition } from './VImg-B75dgw2K.js';
+import { V as VAvatar, a as VDivider } from './VDivider-DWYM0WUr.js';
 
 // Styles
 const VSpacer = createSimpleFunctional('v-spacer', 'div', 'VSpacer');
 
-const _style_0 = ".code-block[data-v-b7d44f9a]{background-color:#ddd;font-family:monospace;font-size:small;max-height:200px;overflow-y:auto}";
+const _style_0 = ".code-block[data-v-72a96cd2]{background-color:#ddd;font-family:monospace;font-size:small;max-height:200px;overflow-y:auto}";
 
 const makeVCardActionsProps = propsFactory({
   ...makeComponentProps(),
@@ -396,7 +396,15 @@ const copyBtns = [
   {
     id: Symbol(),
     copyFn: async () =>
-      await copyToClipBoard(JSON.stringify(props.getLayers()), copySuccess),
+      await copyToClipBoard(
+        JSON.stringify(
+          removeUnneededProperties(
+            props.getLayers(),
+            layerControlFormValue.value,
+          ),
+        ),
+        copySuccess,
+      ),
     copyAs: "layers configuration",
   },
   {
@@ -420,7 +428,7 @@ const getMapStepCode = () => {
 #### Tour step title
 Text describing the current step of the tour and why it is interesting what the map shows currently
 `;
-  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers()))}' ${endTag}`;
+  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers(), layerControlFormValue.value))}' ${endTag}`;
 };
 const getMapEntryCode = () => {
   const [x, y, z] = mapPosition.value;
@@ -428,7 +436,7 @@ const getMapEntryCode = () => {
     "## Map Example <!" +
     '--{as="eox-map" style="width: 100%; height: 500px;" layers=';
   const endTag = `zoom="${z}" center=[${[x, y]}] projection="${availableMapProjection.value}" }-->`;
-  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers()))}' ${endTag}`;
+  return `${preTag}'${JSON.stringify(removeUnneededProperties(props.getLayers(), layerControlFormValue.value))}' ${endTag}`;
 };
 
 const getChartExportCode = () => {
@@ -511,7 +519,7 @@ return (_ctx, _cache) => {
               _cache[5] || (_cache[5] = createElementVNode("p", { class: "text-body-2 mb-2" }, [
                 createElementVNode("strong", null, "Map Layers Configuration")
               ], -1 /* CACHED */)),
-              createElementVNode("div", _hoisted_4, toDisplayString(unref(removeUnneededProperties)(__props.getLayers())), 1 /* TEXT */),
+              createElementVNode("div", _hoisted_4, toDisplayString(unref(removeUnneededProperties)(__props.getLayers(), unref(layerControlFormValue))), 1 /* TEXT */),
               (unref(chartSpec))
                 ? (openBlock(), createElementBlock("div", _hoisted_5, [
                     _cache[4] || (_cache[4] = createElementVNode("p", { class: "text-body-2 mb-2" }, [
@@ -549,6 +557,6 @@ return (_ctx, _cache) => {
 }
 
 };
-const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-b7d44f9a"]]);
+const ExportState = /*#__PURE__*/_export_sfc(_sfc_main, [['styles',[_style_0]],['__scopeId',"data-v-72a96cd2"]]);
 
 export { ExportState as default };

package/dist/client/{Footer-1P0cmBOZ.js → Footer-DZPvnhcT.js}

@@ -1,5 +1,5 @@
 import { ref, shallowRef, computed, toRef, watchEffect, createVNode, normalizeStyle, normalizeClass, inject, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString } from 'vue';
-import { g as genericComponent, l as provideTheme, f as useBackgroundColor, h as useBorder, i as useElevation, k as useRounded, F as useResizeObserver, A as useToggleScope, B as useLayoutItem, c as useRender, q as convertToUnit, p as propsFactory, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, D as makeLayoutItemProps, v as makeElevationProps, e as makeComponentProps, w as makeBorderProps, _ as _export_sfc, E as eodashKey, G as useDisplay } from './asWebComponent-BlFN2lkB.js';
+import { g as genericComponent, l as provideTheme, f as useBackgroundColor, h as useBorder, i as useElevation, k as useRounded, F as useResizeObserver, A as useToggleScope, B as useLayoutItem, c as useRender, q as convertToUnit, p as propsFactory, r as makeThemeProps, m as makeTagProps, s as makeRoundedProps, D as makeLayoutItemProps, v as makeElevationProps, e as makeComponentProps, w as makeBorderProps, _ as _export_sfc, E as eodashKey, G as useDisplay } from './asWebComponent-IZanwL-A.js';
 
 const _style_0 = ".footer-text[data-v-f0fd061e]{font-size:.8rem}";
 

package/dist/client/{Header-CkkBaBNh.js → Header-CiGsDE_a.js}

@@ -1,6 +1,6 @@
 import { createVNode, normalizeStyle, normalizeClass, createElementVNode, shallowRef, computed, ref, watch, onMounted, onBeforeUnmount, toRef, watchEffect, mergeProps, inject, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, unref } from 'vue';
-import { g as genericComponent, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, f as useBackgroundColor, h as useBorder, i as useElevation, j as useLocation, k as useRounded, l as provideTheme, n as useRtl, o as provideDefaults, V as VDefaultsProvider, q as convertToUnit, r as makeThemeProps, s as makeRoundedProps, t as makeLocationProps, v as makeElevationProps, w as makeBorderProps, x as clamp, y as consoleWarn, z as useProxiedModel, A as useToggleScope, B as useLayoutItem, C as omit, D as makeLayoutItemProps, _ as _export_sfc, E as eodashKey } from './asWebComponent-BlFN2lkB.js';
-import { V as VImg, a as VExpandTransition } from './VImg-Ddv5OyMz.js';
+import { g as genericComponent, c as useRender, p as propsFactory, m as makeTagProps, e as makeComponentProps, f as useBackgroundColor, h as useBorder, i as useElevation, j as useLocation, k as useRounded, l as provideTheme, n as useRtl, o as provideDefaults, V as VDefaultsProvider, q as convertToUnit, r as makeThemeProps, s as makeRoundedProps, t as makeLocationProps, v as makeElevationProps, w as makeBorderProps, x as clamp, y as consoleWarn, z as useProxiedModel, A as useToggleScope, B as useLayoutItem, C as omit, D as makeLayoutItemProps, _ as _export_sfc, E as eodashKey } from './asWebComponent-IZanwL-A.js';
+import { V as VImg, a as VExpandTransition } from './VImg-B75dgw2K.js';
 import { u as useSsrBoot } from './ssrBoot-Zgc_Ttvi.js';
 
 const _style_0 = ".logo[data-v-86c95219]{max-width:140px}";