@eodash/eodash 5.0.0-rc.1 → 5.0.0-rc.1.6

package/dist/client/EodashDatePicker-B9_u6TTm.js

@@ -0,0 +1,405 @@
+import { resolveComponent, render, h, mergeProps, useCssVars, customRef, ref, 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 makePanelTransparent, V as VBtn, y as VIcon } from './asWebComponent-DW1XzZkL.js';
+import { mdiRayEndArrow, mdiRayStartArrow } from '@mdi/js';
+import log from 'loglevel';
+import { V as VTooltip } from './VTooltip-BYTlbKer.js';
+
+// Utilities
+function useDirectiveComponent(component, props) {
+  const concreteComponent = typeof component === 'string' ? resolveComponent(component) : component;
+  const hook = mountComponent(concreteComponent, props);
+  return {
+    mounted: hook,
+    updated: hook,
+    unmounted(el) {
+      render(null, el);
+    }
+  };
+}
+function mountComponent(component, props) {
+  return function (el, binding, vnode) {
+    const _props = typeof props === 'function' ? props(binding) : props;
+    const text = binding.value?.text ?? binding.value ?? _props?.text;
+    const value = isObject(binding.value) ? binding.value : {};
+
+    // Get the children from the props or directive value, or the element's children
+    const children = () => text ?? el.textContent;
+
+    // If vnode.ctx is the same as the instance, then we're bound to a plain element
+    // and need to find the nearest parent component instance to inherit provides from
+    const provides = (vnode.ctx === binding.instance.$ ? findComponentParent(vnode, binding.instance.$)?.provides : vnode.ctx?.provides) ?? binding.instance.$.provides;
+    const node = h(component, mergeProps(_props, value), children);
+    node.appContext = Object.assign(Object.create(null), binding.instance.$.appContext, {
+      provides
+    });
+    render(node, el);
+  };
+}
+function findComponentParent(vnode, root) {
+  // Walk the tree from root until we find the child vnode
+  const stack = new Set();
+  const walk = children => {
+    for (const child of children) {
+      if (!child) continue;
+      if (child === vnode || child.el && vnode.el && child.el === vnode.el) {
+        return true;
+      }
+      stack.add(child);
+      let result;
+      if (child.suspense) {
+        result = walk([child.ssContent]);
+      } else if (Array.isArray(child.children)) {
+        result = walk(child.children);
+      } else if (child.component?.vnode) {
+        result = walk([child.component?.subTree]);
+      }
+      if (result) {
+        return result;
+      }
+      stack.delete(child);
+    }
+    return false;
+  };
+  if (!walk([root.subTree])) {
+    consoleError('Could not find original vnode, component will not inherit provides');
+    return root;
+  }
+
+  // Return the first component parent
+  const result = Array.from(stack).reverse();
+  for (const child of result) {
+    if (child.component) {
+      return child.component;
+    }
+  }
+  return root;
+}
+
+// Components
+const Tooltip = useDirectiveComponent(VTooltip, binding => {
+  return {
+    activator: 'parent',
+    location: binding.arg?.replace('-', ' '),
+    text: typeof binding.value === 'boolean' ? undefined : binding.value
+  };
+});
+
+const _hoisted_1 = {
+  class: "bg-surface d-flex flex-row align-center justify-center pb-1",
+  style: {"overflow":"hidden","width":"100%"}
+};
+const _hoisted_2 = {
+  class: "flex rounded-lg border border-gray-300 dark:border-gray-600",
+  style: {"margin":"2px","min-width":"0"}
+};
+const _hoisted_3 = ["value"];
+const _hoisted_4 = {
+  class: "d-flex flex-row align-center justify-center pb-1",
+  style: {"overflow":"hidden","width":"100%"}
+};
+const _hoisted_5 = {
+  class: "flex rounded-lg border border-gray-300 dark:border-gray-600",
+  style: {"margin":"2px","min-width":"0"}
+};
+const _hoisted_6 = ["value"];
+
+
+const _sfc_main = {
+  __name: 'EodashDatePicker',
+  props: {
+  hintText: {
+    type: String,
+    default: null,
+  },
+  hideArrows: {
+    type: Boolean,
+    default: false,
+  },
+  hideInputField: {
+    type: Boolean,
+    default: false,
+  },
+  toggleCalendar: {
+    type: Boolean,
+    default: false,
+  },
+},
+  setup(__props) {
+
+useCssVars(_ctx => ({
+  "ad11927a": (transform.value)
+}));
+
+const { lgAndDown } = useDisplay();
+
+// holds the number value of the datetime
+const currentDate = customRef((track, trigger) => ({
+  get() {
+    track();
+    return new Date(datetime.value).getTime();
+  },
+  /** @param {number} num */
+  set(num) {
+    trigger();
+    log.debug("Datepicker setting currentDate", datetime.value);
+    datetime.value = new Date(num).toISOString();
+  },
+}));
+
+const masks = ref({
+  input: "YYYY-MM-DD",
+});
+
+
+
+/**
+ * Attributes displayed on datepicker
+ *
+ * @type {import("vue").Reactive<
+ *   (
+ *     | Partial<import("v-calendar/dist/types/src/utils/attribute").AttributeConfig>
+ *     | undefined
+ *   )[]
+ * >}
+ */
+const attributes = reactive([]);
+
+/** @type {import("vue").Ref<HTMLDivElement|null>} */
+const rootRef = ref(null);
+
+const selectedStac = toRef(useSTAcStore(), "selectedStac");
+
+watch(
+  selectedStac,
+  async (updatedStac, previousStac) => {
+    if (updatedStac && previousStac?.id !== updatedStac.id) {
+      log.debug("Datepicker selected STAC change triggered");
+      const wongPalette = [
+        "#009E73",
+        "#0072B2",
+        "#E69F00",
+        "#CC79A7",
+        "#56B4E9",
+        "#D55E00",
+      ];
+      // remove old values
+      attributes.splice(0, attributes.length);
+
+      for (let idx = 0; idx < eodashCollections.length; idx++) {
+        log.debug("Retrieving dates", eodashCollections[idx]);
+        await eodashCollections[idx].fetchCollection();
+        const dates = [
+          ...new Set(
+            eodashCollections[idx].getItems()?.reduce((valid, it) => {
+              const parsed = Date.parse(/** @type {string} */ (it.datetime));
+              if (parsed) {
+                valid.push(new Date(parsed));
+              }
+              return valid;
+            }, /** @type {Date[]} */ ([])),
+          ),
+        ];
+        attributes.push({
+          key: "id-" + idx.toString() + Math.random().toString(16).slice(2),
+          dot: {
+            style: {
+              backgroundColor: wongPalette[idx % wongPalette.length],
+            },
+          },
+          dates,
+          content: {
+            style: {
+              color: "#000000",
+              "font-weight": "bold",
+            },
+          },
+        });
+      }
+    }
+  },
+  { immediate: true },
+);
+
+/**
+ * @param {boolean} reverse
+ */
+function jumpDate(reverse) {
+  if (attributes.length) {
+    let latestDateMS = reverse ? Infinity : -Infinity;
+    attributes.forEach((coll) => {
+      if (coll?.dates) {
+        coll.dates.forEach((d) => {
+          // TODO: we need to handle time ranges and other options here
+          if (d instanceof Date) {
+            const mathFun = reverse ? "min" : "max";
+            latestDateMS = Math[mathFun](latestDateMS, d.getTime());
+          }
+        });
+      }
+    });
+    currentDate.value =
+      latestDateMS === -Infinity
+        ? Date.now()
+        : latestDateMS === Infinity
+          ? 0
+          : latestDateMS;
+  }
+}
+
+// fixes calendar dispalcement on lib mode
+const transform = ref("");
+onMounted(() => {
+  transform.value = document.querySelector("eo-dash")
+    ? "translate3d(50px,-80px,0)"
+    : "translate3d(0px,-80px,0)";
+});
+
+makePanelTransparent(rootRef);
+
+return (_ctx, _cache) => {
+                                                       
+                                                     
+                                                         
+
+  return (openBlock(), createElementBlock("div", {
+    ref_key: "rootRef",
+    ref: rootRef,
+    class: "datePicker"
+  }, [
+    createVNode(unref(DatePicker), {
+      modelValue: currentDate.value,
+      "onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((currentDate).value = $event)),
+      modelModifiers: { number: true },
+      attributes: attributes,
+      masks: masks.value,
+      expanded: "",
+      class: "bg-surface overflow-auto",
+      style: {"background-color":"transparent","max-width":"100%"}
+    }, createSlots({ _: 2 /* DYNAMIC */ }, [
+      (__props.toggleCalendar)
+        ? {
+            name: "default",
+            fn: withCtx(({ inputValue, inputEvents }) => [
+              createElementVNode("div", _hoisted_1, [
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 0,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[0] || (_cache[0] = $event => (jumpDate(true))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayEndArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to oldest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_2, [
+                  (!__props.hideInputField)
+                    ? (openBlock(), createElementBlock("input", mergeProps({
+                        key: 0,
+                        value: inputValue
+                      }, toHandlers(inputEvents, true), {
+                        class: "flex-grow px-1 py-1 dark:bg-gray-700",
+                        style: {"margin":"1px","width":"100%","white-space":"nowrap","overflow":"hidden","text-overflow":"ellipsis"}
+                      }), null, 16 /* FULL_PROPS */, _hoisted_3))
+                    : createCommentVNode("v-if", true)
+                ]),
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 1,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[1] || (_cache[1] = $event => (jumpDate(false))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayStartArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to latest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true)
+              ])
+            ]),
+            key: "0"
+          }
+        : {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", _hoisted_4, [
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 0,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[2] || (_cache[2] = $event => (jumpDate(true))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayEndArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to oldest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true),
+                createElementVNode("div", _hoisted_5, [
+                  (!__props.hideInputField)
+                    ? (openBlock(), createElementBlock("input", {
+                        key: 0,
+                        value: new Date(currentDate.value).toLocaleDateString(),
+                        class: "flex-grow px-1 py-1 dark:bg-gray-700",
+                        style: {"margin":"1px","width":"100%","white-space":"nowrap","overflow":"hidden","text-overflow":"ellipsis"}
+                      }, null, 8 /* PROPS */, _hoisted_6))
+                    : createCommentVNode("v-if", true)
+                ]),
+                (!__props.hideArrows)
+                  ? withDirectives((openBlock(), createBlock(VBtn, {
+                      key: 1,
+                      density: "compact",
+                      size: unref(lgAndDown) ? 'x-small' : 'large',
+                      variant: "text",
+                      onClick: _cache[3] || (_cache[3] = $event => (jumpDate(false))),
+                      class: "py-2",
+                      style: {"flex-shrink":"1"}
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(VIcon, {
+                          icon: [unref(mdiRayStartArrow)]
+                        }, null, 8 /* PROPS */, ["icon"])
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["size"])), [
+                      [Tooltip, 'Set date to latest available dataset', "bottom"]
+                    ])
+                  : createCommentVNode("v-if", true)
+              ])
+            ]),
+            key: "1"
+          }
+    ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "attributes", "masks"])
+  ], 512 /* NEED_PATCH */))
+}
+}
+
+};
+
+export { _sfc_main as default };

package/dist/client/{EodashItemFilter-CFNKjm_Z.js → EodashItemFilter-G7YsYO3B.js}

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

package/dist/client/{EodashLayerControl-CzffoPUs.js → EodashLayerControl-CJ94ul63.js}

@@ -3,7 +3,7 @@ import '@eox/layercontrol';
 import '@eox/jsonform';
 import '@eox/timecontrol';
 import 'color-legend-element';
-import { $ as useSTAcStore, a2 as mapCompareEl, a3 as mapEl, a4 as eodashCompareCollections, a0 as eodashCollections, a5 as getColFromLayer } from './asWebComponent-D8bMMCEr.js';
+import { $ as useSTAcStore, a2 as mapCompareEl, a3 as mapEl, a4 as eodashCompareCollections, a0 as eodashCollections, a5 as layerControlFormValue, a6 as getColFromLayer } from './asWebComponent-DW1XzZkL.js';
 import { storeToRefs } from 'pinia';
 
 const _hoisted_1 = { class: "d-flex flex-column fill-height overflow-auto" };
@@ -97,6 +97,13 @@ const debouncedHandleDateTime = (evt) => {
   }, 500);
 };
 // ------
+/**
+ *
+ * @param {Event & {detail:{layer:import("ol/layer").Layer;jsonformValue:Record<string,any>}}} evt
+ */
+const onLayerConfigChange = (evt) => {
+  layerControlFormValue.value = evt.detail.jsonformValue;
+};
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("span", _hoisted_1, [
@@ -108,7 +115,8 @@ return (_ctx, _cache) => {
           toolsAsList: "true",
           style: {"--eox-background-color":"transparent"},
           ref_key: "eoxLayercontrol",
-          ref: eoxLayercontrol
+          ref: eoxLayercontrol,
+          "on:layerConfig:change": onLayerConfigChange
         }), null, 16 /* FULL_PROPS */, _hoisted_2))
       : createCommentVNode("v-if", true)
   ]))

package/dist/client/{EodashLayoutSwitcher-DM0zDhvI.js → EodashLayoutSwitcher-DRKm8A8U.js}

@@ -1,7 +1,7 @@
 import { ref, openBlock, createElementBlock, createVNode, withCtx, mergeProps } from 'vue';
-import { a1 as makePanelTransparent, y as VIcon, ak as activeTemplate } from './asWebComponent-D8bMMCEr.js';
+import { a1 as makePanelTransparent, y as VIcon, al as activeTemplate } from './asWebComponent-DW1XzZkL.js';
 import { mdiViewDashboard } from '@mdi/js';
-import { V as VTooltip } from './VTooltip-C78suika.js';
+import { V as VTooltip } from './VTooltip-BYTlbKer.js';
 
 const _sfc_main = {
   __name: 'EodashLayoutSwitcher',

package/dist/client/{EodashMap-BdFZ657e.js → EodashMap-Dp44Ajbi.js}

@@ -1,10 +1,11 @@
-import { onMounted, onUnmounted, watch, nextTick, toRaw, ref, computed, openBlock, createElementBlock, createElementVNode, unref } from 'vue';
+import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, openBlock, createElementBlock, createElementVNode, unref, withDirectives, vShow } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { a6 as registerProjection, a7 as getProjectionCode, a8 as availableMapProjection, a9 as changeMapProjection, aa as eoxLayersKey, $ as useSTAcStore, ab as posIsSetFromUrl, ac as EodashCollection, ad as mapPosition, a3 as mapEl, a2 as mapCompareEl, Z as datetime, a4 as eodashCompareCollections, a0 as eodashCollections } from './asWebComponent-D8bMMCEr.js';
+import { a7 as registerProjection, a8 as getProjectionCode, a9 as availableMapProjection, aa as changeMapProjection, ab as eoxLayersKey, $ as useSTAcStore, ac as posIsSetFromUrl, ad as useOnLayersUpdate, ae as EodashCollection, af as mapPosition, a3 as mapEl, a2 as mapCompareEl, Z as datetime, a4 as eodashCompareCollections, a0 as eodashCollections, a5 as layerControlFormValue } from './asWebComponent-DW1XzZkL.js';
 import { storeToRefs } from 'pinia';
 import log from 'loglevel';
 import { useEventBus } from '@vueuse/core';
+import mustache from 'mustache';
 
 /*
  * eodashSTAC helpers that utilizes the app states or actions
@@ -48,7 +49,7 @@ const setMapProjFromCol = async (STAcCollection) => {
 
 /**
  * Holder for previous compare map view as it is overwritten by sync
- * @type { {map:import("ol").View } | null} mapElement
+ * @type { import("ol").View | null} mapElement
  */
 let viewHolder = null;
 
@@ -242,12 +243,12 @@ const createLayersConfig = async (
 /**
  * Initializes the map and updates it based on changes in the selected indicator and datetime,
  *
- * @param {import("vue").Ref<HTMLElement & Record<string,any> | null>} mapElement
+ * @param {import("vue").Ref<import("@eox/map").EOxMap| null>} mapElement
  * @param {import("vue").Ref<import("stac-ts").StacCollection | null>} selectedIndicator
  * @param {EodashCollection[]} eodashCols
  * @param {import("vue").Ref<string>} datetime
  * @param {import("vue").Ref<Record<string,any>[]>} mapLayers
- * @param {import("vue").Ref<HTMLElement & Record<string,any> | null>} partnerMap
+ * @param {import("vue").Ref<import("@eox/map").EOxMap| null>} partnerMap
  */
 const useInitMap = (
   mapElement,
@@ -299,7 +300,7 @@ const useInitMap = (
           // Compare map being initialized
           if (selectedCompareStac.value !== null) {
             // save view of compare map
-            viewHolder = mapElement?.value?.map.getView();
+            viewHolder = mapElement?.value?.map.getView() ?? null;
             /** @type {any} */
             (mapElement.value).sync = partnerMap.value;
           }
@@ -380,7 +381,6 @@ const useInitMap = (
           "Assigned layers",
           JSON.parse(JSON.stringify(layersCollection)),
         );
-
         mapLayers.value = layersCollection;
         // Emit event to update layers
         await nextTick(() => {
@@ -397,6 +397,20 @@ const useInitMap = (
     stopIndicatorWatcher();
   });
 };
+/**
+ *
+ * @param {EodashCollection[]} eodashCols
+ * @param {import("vue").Ref<import("@/types").EodashStyleJson["tooltip"]>} tooltipProperties
+ */
+const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
+  useOnLayersUpdate(async () => {
+    tooltipProperties.value = [];
+    for (const ec of eodashCols) {
+      tooltipProperties.value.push(...(await ec.getToolTipProperties()));
+    }
+    log.debug("Updated tooltip properties", tooltipProperties.value);
+  });
+};
 
 /**
  * @module ol/easing
@@ -417,6 +431,7 @@ const _hoisted_1 = [".enabled"];
 const _hoisted_2 = [".center", ".zoom", ".layers"];
 const _hoisted_3 = [".layers"];
 
+
 const _sfc_main = {
   __name: 'EodashMap',
   props: {
@@ -438,6 +453,8 @@ const _sfc_main = {
   setup(__props) {
 
 const props = __props;
+/** @type {import("vue").Ref<import("@/types").EodashStyleJson["tooltip"]>} */
+const tooltipProperties = ref([]);
 
 const initialCenter = toRaw([
   mapPosition.value?.[0] ?? props.center?.[0],
@@ -473,9 +490,9 @@ const animationOptions = {
   easing: inAndOut,
 };
 
-/** @type {import("vue").Ref<(HTMLElement & Record<string,any> & { map:import("ol").Map }) | null>} */
+/** @type {import("vue").Ref<import("@eox/map").EOxMap | null>} */
 const eoxMap = ref(null);
-/** @type {import("vue").Ref<(HTMLElement & Record<string,any> & { map:import("ol").Map }) | null>} */
+/** @type {import("vue").Ref<import("@eox/map").EOxMap | null>} */
 const compareMap = ref(null);
 const { selectedCompareStac } = storeToRefs(useSTAcStore());
 const showCompare = computed(() =>
@@ -515,6 +532,35 @@ onMounted(() => {
     compareMap,
   );
 });
+useUpdateTooltipProperties(eodashCollections, tooltipProperties);
+/**
+ * @param {{key:string; value:string}} param
+ * @returns {{key:string; value?:string} | undefined}
+ */
+const tooltipPropertyTransform = (param) => {
+  /** @type {typeof tooltipProperties.value} */
+  const updatedProperties = JSON.parse(
+    mustache.render(JSON.stringify(tooltipProperties.value), {
+      ...(layerControlFormValue.value ?? {}),
+    }),
+  );
+
+  const tooltipProp = updatedProperties?.find((prop) => prop.id === param.key);
+  if (!tooltipProp) {
+    return undefined;
+  }
+  if (typeof param.value === "object") {
+    param.value = JSON.stringify(param.value);
+  }
+  if (!isNaN(Number(param.value))) {
+    param.value = Number(param.value).toFixed(4).toString();
+  }
+
+  return {
+    key: tooltipProp.title || tooltipProp.id,
+    value: param.value + " " + (tooltipProp.appendix || ""),
+  };
+};
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock("eox-map-compare", {
@@ -531,7 +577,11 @@ return (_ctx, _cache) => {
       ".center": unref(initialCenter),
       ".zoom": unref(initialZoom),
       ".layers": eoxMapLayers.value
-    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_2),
+    }, [
+      withDirectives(createElementVNode("eox-map-tooltip", { ".propertyTransform": tooltipPropertyTransform }, null, 544 /* NEED_HYDRATION, NEED_PATCH */), [
+        [vShow, tooltipProperties.value?.length]
+      ])
+    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_2),
     createElementVNode("eox-map", {
       class: "fill-height fill-width overflow-none",
       id: "compare",

package/dist/client/{EodashMapBtns-rC_IPD-Z.js → EodashMapBtns-BlPFwhPc.js}

@@ -1,9 +1,9 @@
 import { computed, ref, openBlock, createElementBlock, createBlock, unref, createCommentVNode, createVNode, withCtx } from 'vue';
-import { _ as _export_sfc, t as useDisplay, a1 as makePanelTransparent, V as VBtn, a8 as availableMapProjection, a9 as changeMapProjection, ae as setActiveTemplate } from './asWebComponent-D8bMMCEr.js';
+import { _ as _export_sfc, t as useDisplay, a1 as makePanelTransparent, V as VBtn, a9 as availableMapProjection, aa as changeMapProjection, ag as setActiveTemplate } from './asWebComponent-DW1XzZkL.js';
 import { mdiMapPlus, mdiEarthBox, mdiCompare } from '@mdi/js';
-import ExportState from './ExportState-LNZAovzM.js';
-import _sfc_main$1 from './PopUp-B0_c0207.js';
-import _sfc_main$2 from './EodashItemFilter-CFNKjm_Z.js';
+import ExportState from './ExportState-5JyTshJH.js';
+import _sfc_main$1 from './PopUp-Bmfn3N_4.js';
+import _sfc_main$2 from './EodashItemFilter-G7YsYO3B.js';
 
 const _sfc_main = {
   __name: 'EodashMapBtns',