@eodash/eodash 5.0.0-rc.2.5 → 5.0.0

package/dist/client/eo-dash.js

@@ -1,2 +1,2 @@
-export { aX as EodashConstructor, aY as register, aZ as store } from './asWebComponent-Df8nUiLs.js';
+export { a$ as EodashConstructor, b0 as register, b1 as store } from './asWebComponent-CLhcT715.js';
 import 'vue';

package/dist/client/{forwardRefs-lhDuXD-N.js → forwardRefs-Bon_Kku1.js}

@@ -1,5 +1,5 @@
 import { shallowRef, computed, watch } from 'vue';
-import { p as propsFactory, aI as getCurrentInstance } from './asWebComponent-Df8nUiLs.js';
+import { p as propsFactory, aM as getCurrentInstance } from './asWebComponent-CLhcT715.js';
 
 class Box {
   constructor(_ref) {
@@ -62,16 +62,16 @@ function nullifyTransforms(el) {
     let ta, sx, sy, dx, dy;
     if (tx.startsWith('matrix3d(')) {
       ta = tx.slice(9, -1).split(/, /);
-      sx = +ta[0];
-      sy = +ta[5];
-      dx = +ta[12];
-      dy = +ta[13];
+      sx = Number(ta[0]);
+      sy = Number(ta[5]);
+      dx = Number(ta[12]);
+      dy = Number(ta[13]);
     } else if (tx.startsWith('matrix(')) {
       ta = tx.slice(7, -1).split(/, /);
-      sx = +ta[0];
-      sy = +ta[3];
-      dx = +ta[4];
-      dy = +ta[5];
+      sx = Number(ta[0]);
+      sy = Number(ta[3]);
+      dx = Number(ta[4]);
+      dy = Number(ta[5]);
     } else {
       return new Box(rect);
     }

package/dist/client/index-4CT7Tz83.js

@@ -0,0 +1,85 @@
+import { resolveComponent, render, h, mergeProps } from 'vue';
+import { E as isObject, an as consoleError } from './asWebComponent-CLhcT715.js';
+import { V as VTooltip } from './VTooltip-CfeefrXI.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
+  };
+});
+
+export { Tooltip as T };

package/dist/client/{index-Bt5GEGxl.js → index-Bm9cbtx5.js}

@@ -1,5 +1,5 @@
 import { TransitionGroup, Transition, h, camelize } from 'vue';
-import { g as genericComponent, p as propsFactory } from './asWebComponent-Df8nUiLs.js';
+import { g as genericComponent, p as propsFactory } from './asWebComponent-CLhcT715.js';
 
 // Utilities
 const makeTransitionProps = propsFactory({

package/dist/client/{EodashMap-BSR7_wRA.js → index-CIHH_3dW.js}

@@ -1,56 +1,12 @@
 import { onMounted, onUnmounted, watch, nextTick, ref, toRaw, computed, createElementBlock, openBlock, createElementVNode, unref, normalizeStyle } from 'vue';
 import '@eox/map';
 import '@eox/map/src/plugins/advancedLayersAndSources';
-import { a8 as eoxLayersKey, $ as useSTAcStore, a9 as setMapProjFromCol, aa as posIsSetFromUrl, ab as useOnLayersUpdate, ac as EodashCollection, ad as mapPosition, a4 as mapEl, a3 as mapCompareEl, Z as datetime, a0 as eodashCollections, a6 as layerControlFormValue, a5 as eodashCompareCollections } from './asWebComponent-Df8nUiLs.js';
+import { a8 as EodashCollection, a9 as eoxLayersKey, Z as useSTAcStore, aa as setMapProjFromCol, ab as posIsSetFromUrl, ac as useOnLayersUpdate, ad as mapPosition, a3 as mapEl, a2 as mapCompareEl, Y as datetime, $ as eodashCollections, a6 as layerControlFormValue, a5 as layerControlFormValueCompare, a4 as eodashCompareCollections } from './asWebComponent-CLhcT715.js';
 import { storeToRefs } from 'pinia';
 import log from 'loglevel';
 import { useEventBus } from '@vueuse/core';
 import mustache from 'mustache';
 
-/**
- * Holder for previous compare map view as it is overwritten by sync
- * @type { import("ol").View | null} mapElement
- */
-let viewHolder = null;
-
-/**
- * Handles updating {@link mapPosition} on movement on the map
- *
- * @param {import("vue").Ref<HTMLElement & Record<string,any> & {map:import("ol").Map } | null>} mapElement
- * @param {import("vue").Ref<(number | undefined)[]>} mapPosition
- */
-const useHandleMapMoveEnd = (mapElement, mapPosition) => {
-  /** @type {import("openlayers").EventsListenerFunctionType} */
-  const handleMoveEnd = (evt) => {
-    const map = /** @type {import("openlayers").Map | undefined} */ (
-      /** @type {any} */ (evt).map
-    );
-    const lonlat = mapElement.value?.lonLatCenter;
-    const z = map?.getView().getZoom();
-    if (
-      lonlat &&
-      !Number.isNaN(lonlat[0]) &&
-      !Number.isNaN(lonlat[1]) &&
-      !Number.isNaN(z)
-    ) {
-      mapPosition.value = [lonlat[0], lonlat[1], z];
-      if (posIsSetFromUrl.value) {
-        posIsSetFromUrl.value = false;
-      }
-    }
-  };
-
-  onMounted(() => {
-    /** @type {import('ol/Map').default} */
-    (mapElement.value?.map)?.on("moveend", handleMoveEnd);
-  });
-
-  onUnmounted(() => {
-    /** @type {import('ol/Map').default} */
-    (mapElement.value?.map)?.un("moveend", handleMoveEnd);
-  });
-};
-
 /**
  * Creates full layer configuration from indicator and time information
  * @param {import("stac-ts").StacCatalog
@@ -200,12 +156,56 @@ const createLayersConfig = async (
   return layersCollection;
 };
 
+/**
+ * Holder for previous compare map view as it is overwritten by sync
+ * @type { import("ol").View | null} mapElement
+ */
+let viewHolder = null;
+
+/**
+ * Handles updating {@link mapPosition} on movement on the map
+ *
+ * @param {import("vue").Ref<HTMLElement & Record<string,any> & {map:import("ol").Map } | null>} mapElement
+ * @param {import("vue").Ref<(number | undefined)[]>} mapPosition
+ */
+const useHandleMapMoveEnd = (mapElement, mapPosition) => {
+  /** @type {import("openlayers").EventsListenerFunctionType} */
+  const handleMoveEnd = (evt) => {
+    const map = /** @type {import("openlayers").Map | undefined} */ (
+      /** @type {any} */ (evt).map
+    );
+    const lonlat = mapElement.value?.lonLatCenter;
+    const z = map?.getView().getZoom();
+    if (
+      lonlat &&
+      !Number.isNaN(lonlat[0]) &&
+      !Number.isNaN(lonlat[1]) &&
+      !Number.isNaN(z)
+    ) {
+      mapPosition.value = [lonlat[0], lonlat[1], z];
+      if (posIsSetFromUrl.value) {
+        posIsSetFromUrl.value = false;
+      }
+    }
+  };
+
+  onMounted(() => {
+    /** @type {import('ol/Map').default} */
+    (mapElement.value?.map)?.on("moveend", handleMoveEnd);
+  });
+
+  onUnmounted(() => {
+    /** @type {import('ol/Map').default} */
+    (mapElement.value?.map)?.un("moveend", handleMoveEnd);
+  });
+};
+
 /**
  * Initializes the map and updates it based on changes in the selected indicator and datetime,
  *
  * @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("@/eodashSTAC/EodashCollection").EodashCollection[]} eodashCols
  * @param {import("vue").Ref<string>} datetime
  * @param {import("vue").Ref<Record<string,any>[]>} mapLayers
  * @param {import("vue").Ref<import("@eox/map").EOxMap| null>} partnerMap
@@ -363,7 +363,7 @@ const useInitMap = (
 };
 /**
  *
- * @param {EodashCollection[]} eodashCols
+ * @param {import("@/eodashSTAC/EodashCollection").EodashCollection[]} eodashCols
  * @param {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"],undefined>>} tooltipProperties
  */
 const useUpdateTooltipProperties = (eodashCols, tooltipProperties) => {
@@ -394,11 +394,13 @@ function inAndOut(t) {
 
 const _hoisted_1 = [".enabled"];
 const _hoisted_2 = [".center", ".zoom", ".layers"];
-const _hoisted_3 = [".layers"];
+const _hoisted_3 = [".propertyTransform"];
+const _hoisted_4 = [".layers"];
+const _hoisted_5 = [".propertyTransform"];
 
 
 const _sfc_main = {
-  __name: 'EodashMap',
+  __name: 'index',
   props: {
   enableCompare: {
     type: Boolean,
@@ -425,6 +427,8 @@ const props = __props;
 
 /** @type {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"], undefined>>} */
 const tooltipProperties = ref([]);
+/** @type {import("vue").Ref<Exclude<import("@/types").EodashStyleJson["tooltip"], undefined>>} */
+const compareTooltipProperties = ref([]);
 /** @type {import("@eox/map").EOxMap["controls"]} */
 const controls = {
   Attribution: {
@@ -496,6 +500,8 @@ onMounted(() => {
       eoxMap,
       false,
     );
+
+    useUpdateTooltipProperties(eodashCollections, compareTooltipProperties);
   }
 
   useInitMap(
@@ -512,35 +518,50 @@ onMounted(() => {
 
 useUpdateTooltipProperties(eodashCollections, tooltipProperties);
 
-const tooltipStyles = computed(() => ({
+const mainTooltipStyles = computed(() => ({
   visibility: tooltipProperties.value.length ? "visible" : "hidden",
 }));
+
+const compareTooltipStyles = computed(() => ({
+  visibility: compareTooltipProperties.value.length ? "visible" : "hidden",
+}));
 /**
- * @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 ?? {}),
-    }),
-  );
+ * @param {"main" | "compare"} map
+ **/
+const tooltipPropertyTransform = (map) => {
+  const tooltipProps =
+    map === "main" ? tooltipProperties : compareTooltipProperties;
+  const layerControlFormVal =
+    map == "main" ? layerControlFormValue : layerControlFormValueCompare;
+  /**
+   * @param {{key:string; value:string}} param
+   * @returns {{key:string; value?:string} | undefined}
+   */
+  return (param) => {
+    /** @type {typeof tooltipProps.value} */
+    const updatedProperties = JSON.parse(
+      mustache.render(JSON.stringify(tooltipProps.value), {
+        ...(layerControlFormVal.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();
-  }
+    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 {
+      key: tooltipProp.title || tooltipProp.id,
+      value: param.value + " " + (tooltipProp.appendix || ""),
+    };
   };
 };
 
@@ -562,9 +583,9 @@ return (_ctx, _cache) => {
       ".controls": controls
     }, [
       createElementVNode("eox-map-tooltip", {
-        style: normalizeStyle(tooltipStyles.value),
-        ".propertyTransform": tooltipPropertyTransform
-      }, null, 36 /* STYLE, NEED_HYDRATION */)
+        style: normalizeStyle(mainTooltipStyles.value),
+        ".propertyTransform": tooltipPropertyTransform('main')
+      }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_3)
     ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_2),
     createElementVNode("eox-map", {
       class: "fill-height fill-width overflow-none",
@@ -575,10 +596,10 @@ return (_ctx, _cache) => {
       ".layers": eoxMapCompareLayers.value
     }, [
       createElementVNode("eox-map-tooltip", {
-        style: normalizeStyle(tooltipStyles.value),
-        ".propertyTransform": tooltipPropertyTransform
-      }, null, 36 /* STYLE, NEED_HYDRATION */)
-    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_3)
+        style: normalizeStyle(compareTooltipStyles.value),
+        ".propertyTransform": tooltipPropertyTransform('compare')
+      }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_5)
+    ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_4)
   ], 40 /* PROPS, NEED_HYDRATION */, _hoisted_1))
 }
 }