@eodash/eodash 5.7.0 → 5.8.0

package/dist/client/{async-DSKj6g1f.js → async-CiNIOBVz.js}

@@ -1,5 +1,5 @@
-import { t as replaceLayer, b as extractLayerConfig, w as extractLayerLegend, m as mergeGeojsons, d as axios, Y as getCompareLayers, v as getLayers, $ as axios$1, H as compareIndicator, E as indicator } from './helpers-DjZVl_WF.js';
-import { R as useEmitLayersUpdate } from './asWebComponent-BHWpMuE3.js';
+import { C as replaceLayer, e as extractLayerConfig, G as extractLayerLegend, m as mergeGeojsons, g as axios, ag as getCompareLayers, F as getLayers, aj as axios$1, U as compareIndicator, Q as indicator } from './helpers-BFuh19CP.js';
+import { aa as useEmitLayersUpdate } from './asWebComponent-IZanwL-A.js';
 import { isMulti } from '@eox/jsonform/src/custom-inputs/spatial/utils';
 import log from 'loglevel';
 
@@ -83,10 +83,10 @@ async function createTiffLayerDefinition(
   }
   // We want to make sure the urls are alphabetically sorted
   urls = urls.sort();
-  /** @type {import("@eox/map/src/layers").EOxLayerType<"WebGLTile","GeoTIFF"> | undefined} */
+
   const layerdef =
     urls.length > 0
-      ? {
+      ? /** @type {import("@eox/map/src/layers").EOxLayerType<"WebGLTile","GeoTIFF">} */ ({
           type: "WebGLTile",
           source: {
             type: "GeoTIFF",
@@ -100,7 +100,7 @@ async function createTiffLayerDefinition(
             layerControlToolsExpand: true,
           },
           ...(style && { style: style }),
-        }
+        })
       : undefined;
 
   // We want to see if the currently selected indicator uses a
@@ -303,31 +303,33 @@ async function creatAsyncProcessLayerDefinitions(
 
     switch (resultItem.type) {
       case "image/tiff": {
-        layers.push({
-          type: "WebGLTile",
-          properties: {
-            id: endpointLink.id + "_process" + resultItem.id + postfixId,
-            title:
-              "Results " +
-              (selectedStac?.id ?? "") +
-              " " +
-              (resultItem.id ?? ""),
-            layerControlToolsExpand: true,
-            ...(layerConfig && { layerConfig }),
-            ...extraProperties,
-          },
-          source: {
-            type: "GeoTIFF",
-            normalize: !style,
-            sources: resultItem.urls.map((url) => ({ url })),
-            //@ts-expect-error TODO
-            ...(selectedStac["eodash:mapProjection"]?.["name"] && {
+        layers.push(
+          /** @type {import("@eox/map/src/layers").EOxLayerType<"WebGLTile","GeoTIFF">} */ ({
+            type: "WebGLTile",
+            properties: {
+              id: endpointLink.id + "_process" + resultItem.id + postfixId,
+              title:
+                "Results " +
+                (selectedStac?.id ?? "") +
+                " " +
+                (resultItem.id ?? ""),
+              layerControlToolsExpand: true,
+              ...(layerConfig && { layerConfig }),
+              ...extraProperties,
+            },
+            source: {
+              type: "GeoTIFF",
+              normalize: !style,
+              sources: resultItem.urls.map((url) => ({ url })),
               //@ts-expect-error TODO
-              projection: selectedStac["eodash:mapProjection"]["name"],
-            }),
-          },
-          ...(style && { style }),
-        });
+              ...(selectedStac["eodash:mapProjection"]?.["name"] && {
+                //@ts-expect-error TODO
+                projection: selectedStac["eodash:mapProjection"]["name"],
+              }),
+            },
+            ...(style && { style }),
+          }),
+        );
         break;
       }
       case "application/geo+json": {

package/dist/client/{create-layers-config-CBoYedqB.js → create-layers-config-3S3y_kZg.js}

@@ -1,4 +1,4 @@
-import { a1 as EodashCollection } from './asWebComponent-BHWpMuE3.js';
+import { ah as EodashCollection } from './asWebComponent-IZanwL-A.js';
 import log from 'loglevel';
 
 /**
@@ -10,6 +10,7 @@ import log from 'loglevel';
  * } selectedIndicator
  * @param {EodashCollection[]} eodashCols
  * @param {string | import("stac-ts").StacItem | null} [timeOrItem] - time as a string, or a stac item
+ * @param {Record<string, any>[]} [defaultBaseLayers] - Optional default baselayers to use if the indicator does not provide any
  * @returns {Promise<Record<string, any>[]>}
  */
 
@@ -17,6 +18,7 @@ const createLayersConfig = async (
   selectedIndicator,
   eodashCols,
   timeOrItem,
+  defaultBaseLayers = [],
 ) => {
   log.debug(
     "Creating layers config",
@@ -38,17 +40,25 @@ const createLayersConfig = async (
   for (const ec of eodashCols) {
     /** @type {Record<string,any>[]} */
     let layers;
+    let dateOrItem;
     if (timeOrItem) {
-      const dateOrItem =
-        typeof timeOrItem === "string" ? new Date(timeOrItem) : timeOrItem;
-      layers = await ec.createLayersJson(dateOrItem);
+      if (typeof timeOrItem === "string" && timeOrItem.includes("/")) {
+        dateOrItem = timeOrItem;
+      } else {
+        dateOrItem =
+          typeof timeOrItem === "string" ? new Date(timeOrItem) : timeOrItem;
+      }
+      layers = await ec.createLayersJson(/** @type {any} */ (dateOrItem));
     } else {
       layers = await ec.createLayersJson(undefined);
     }
+
     // Add expand to all analysis layers
     layers.forEach((dl) => {
-      dl.properties.layerControlExpand = true;
-      dl.properties.layerControlToolsExpand = true;
+      if (!dl.properties?.layerControlExclusive) {
+        dl.properties.layerControlExpand = true;
+        dl.properties.layerControlToolsExpand = true;
+      }
     });
     dataLayers.layers.push(...layers);
   }
@@ -141,17 +151,7 @@ const createLayersConfig = async (
     });
   } else {
     // Default to some baselayer
-    baseLayers.layers.push({
-      type: "Tile",
-      properties: {
-        id: "osm",
-        title: "Background",
-        layerControlExclusive: true,
-      },
-      source: {
-        type: "OSM",
-      },
-    });
+    baseLayers.layers.push(...defaultBaseLayers);
   }
 
   if (baseLayers.layers.length) {

package/dist/client/dialog-transition-c4ZSnzac.js

@@ -0,0 +1,170 @@
+import { createVNode, Transition, mergeProps } from 'vue';
+import { g as genericComponent, ar as PREFERS_REDUCED_MOTION, p as propsFactory, at as getTargetBox, au as acceleratedEasing, av as deceleratedEasing, aw as standardEasing } from './asWebComponent-IZanwL-A.js';
+import { b as animate, n as nullifyTransforms } from './forwardRefs-B-c1_6yo.js';
+
+// Utilities
+const makeVDialogTransitionProps = propsFactory({
+  target: [Object, Array]
+}, 'v-dialog-transition');
+const saved = new WeakMap();
+const VDialogTransition = genericComponent()({
+  name: 'VDialogTransition',
+  props: makeVDialogTransitionProps(),
+  setup(props, _ref) {
+    let {
+      slots
+    } = _ref;
+    const functions = {
+      onBeforeEnter(el) {
+        el.style.pointerEvents = 'none';
+        el.style.visibility = 'hidden';
+      },
+      async onEnter(el, done) {
+        await new Promise(resolve => requestAnimationFrame(resolve));
+        await new Promise(resolve => requestAnimationFrame(resolve));
+        el.style.visibility = '';
+        const dimensions = getDimensions(props.target, el);
+        const {
+          x,
+          y,
+          sx,
+          sy,
+          speed
+        } = dimensions;
+        saved.set(el, dimensions);
+        if (PREFERS_REDUCED_MOTION()) {
+          animate(el, [{
+            opacity: 0
+          }, {}], {
+            duration: 125 * speed,
+            easing: deceleratedEasing
+          }).finished.then(() => done());
+        } else {
+          const animation = animate(el, [{
+            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
+            opacity: 0
+          }, {}], {
+            duration: 225 * speed,
+            easing: deceleratedEasing
+          });
+          getChildren(el)?.forEach(el => {
+            animate(el, [{
+              opacity: 0
+            }, {
+              opacity: 0,
+              offset: 0.33
+            }, {}], {
+              duration: 225 * 2 * speed,
+              easing: standardEasing
+            });
+          });
+          animation.finished.then(() => done());
+        }
+      },
+      onAfterEnter(el) {
+        el.style.removeProperty('pointer-events');
+      },
+      onBeforeLeave(el) {
+        el.style.pointerEvents = 'none';
+      },
+      async onLeave(el, done) {
+        await new Promise(resolve => requestAnimationFrame(resolve));
+        let dimensions;
+        if (!saved.has(el) || Array.isArray(props.target) || props.target.offsetParent || props.target.getClientRects().length) {
+          dimensions = getDimensions(props.target, el);
+        } else {
+          dimensions = saved.get(el);
+        }
+        const {
+          x,
+          y,
+          sx,
+          sy,
+          speed
+        } = dimensions;
+        if (PREFERS_REDUCED_MOTION()) {
+          animate(el, [{}, {
+            opacity: 0
+          }], {
+            duration: 85 * speed,
+            easing: acceleratedEasing
+          }).finished.then(() => done());
+        } else {
+          const animation = animate(el, [{}, {
+            transform: `translate(${x}px, ${y}px) scale(${sx}, ${sy})`,
+            opacity: 0
+          }], {
+            duration: 125 * speed,
+            easing: acceleratedEasing
+          });
+          animation.finished.then(() => done());
+          getChildren(el)?.forEach(el => {
+            animate(el, [{}, {
+              opacity: 0,
+              offset: 0.2
+            }, {
+              opacity: 0
+            }], {
+              duration: 125 * 2 * speed,
+              easing: standardEasing
+            });
+          });
+        }
+      },
+      onAfterLeave(el) {
+        el.style.removeProperty('pointer-events');
+      }
+    };
+    return () => {
+      return props.target ? createVNode(Transition, mergeProps({
+        "name": "dialog-transition"
+      }, functions, {
+        "css": false
+      }), slots) : createVNode(Transition, {
+        "name": "dialog-transition"
+      }, slots);
+    };
+  }
+});
+
+/** Animatable children (card, sheet, list) */
+function getChildren(el) {
+  const els = el.querySelector(':scope > .v-card, :scope > .v-sheet, :scope > .v-list')?.children;
+  return els && [...els];
+}
+function getDimensions(target, el) {
+  const targetBox = getTargetBox(target);
+  const elBox = nullifyTransforms(el);
+  const [originX, originY] = getComputedStyle(el).transformOrigin.split(' ').map(v => parseFloat(v));
+  const [anchorSide, anchorOffset] = getComputedStyle(el).getPropertyValue('--v-overlay-anchor-origin').split(' ');
+  let offsetX = targetBox.left + targetBox.width / 2;
+  if (anchorSide === 'left' || anchorOffset === 'left') {
+    offsetX -= targetBox.width / 2;
+  } else if (anchorSide === 'right' || anchorOffset === 'right') {
+    offsetX += targetBox.width / 2;
+  }
+  let offsetY = targetBox.top + targetBox.height / 2;
+  if (anchorSide === 'top' || anchorOffset === 'top') {
+    offsetY -= targetBox.height / 2;
+  } else if (anchorSide === 'bottom' || anchorOffset === 'bottom') {
+    offsetY += targetBox.height / 2;
+  }
+  const tsx = targetBox.width / elBox.width;
+  const tsy = targetBox.height / elBox.height;
+  const maxs = Math.max(1, tsx, tsy);
+  const sx = tsx / maxs || 0;
+  const sy = tsy / maxs || 0;
+
+  // Animate elements larger than 12% of the screen area up to 1.5x slower
+  const asa = elBox.width * elBox.height / (window.innerWidth * window.innerHeight);
+  const speed = asa > 0.12 ? Math.min(1.5, (asa - 0.12) * 10 + 1) : 1;
+  return {
+    x: offsetX - (originX + elBox.left),
+    y: offsetY - (originY + elBox.top),
+    sx,
+    sy,
+    speed
+  };
+}
+
+export { VDialogTransition as V };

package/dist/client/eo-dash.js

@@ -1,2 +1,2 @@
-export { aI as EodashConstructor, aJ as register, aK as store } from './asWebComponent-BHWpMuE3.js';
+export { aR as EodashConstructor, aS as register, aT as store } from './asWebComponent-IZanwL-A.js';
 import 'vue';

package/dist/client/{forwardRefs-DH51zPUr.js → forwardRefs-B-c1_6yo.js}

@@ -1,84 +1,6 @@
 import { computed, watch, onScopeDispose, nextTick, ref, watchEffect, effectScope, inject, mergeProps, toRef, toValue, shallowRef, onMounted, reactive, provide, toRaw, readonly, warn, onBeforeUnmount, createElementVNode, Fragment, createVNode, Teleport, withDirectives, vShow, Transition } from 'vue';
-import { aq as isOn, ar as eventName, p as propsFactory, as as destructComputed, at as parseAnchor, au as flipSide, av as flipAlign, aw as flipCorner, ax as CircularBuffer, ay as deepEqual, $ as consoleError, az as getAxis, q as convertToUnit, x as clamp, aA as IN_BROWSER, A as useToggleScope, aB as defer, al as getCurrentInstance, aC as templateRef, aD as matchesSelector, aE as focusableChildren, G as useDisplay, r as makeThemeProps, d as makeDimensionProps, e as makeComponentProps, g as genericComponent, z as useProxiedModel, l as provideTheme, n as useRtl, f as useBackgroundColor, b as useDimension, aF as useRouter, aG as useBackButton, ao as standardEasing, c as useRender, C as omit } from './asWebComponent-BHWpMuE3.js';
-import { m as makeTransitionProps, M as MaybeTransition } from './transition-OHcz5Qq1.js';
-
-class Box {
-  constructor(args) {
-    const pageScale = document.body.currentCSSZoom ?? 1;
-    const isElement = args instanceof Element;
-    const factor = isElement ? 1 + (1 - pageScale) / pageScale : 1;
-    const {
-      x,
-      y,
-      width,
-      height
-    } = isElement ? args.getBoundingClientRect() : args;
-    this.x = x * factor;
-    this.y = y * factor;
-    this.width = width * factor;
-    this.height = height * factor;
-  }
-  get top() {
-    return this.y;
-  }
-  get bottom() {
-    return this.y + this.height;
-  }
-  get left() {
-    return this.x;
-  }
-  get right() {
-    return this.x + this.width;
-  }
-}
-function getOverflow(a, b) {
-  return {
-    x: {
-      before: Math.max(0, b.left - a.left),
-      after: Math.max(0, a.right - b.right)
-    },
-    y: {
-      before: Math.max(0, b.top - a.top),
-      after: Math.max(0, a.bottom - b.bottom)
-    }
-  };
-}
-function getTargetBox(target) {
-  if (Array.isArray(target)) {
-    const pageScale = document.body.currentCSSZoom ?? 1;
-    const factor = 1 + (1 - pageScale) / pageScale;
-    return new Box({
-      x: target[0] * factor,
-      y: target[1] * factor,
-      width: 0 * factor,
-      height: 0 * factor
-    });
-  } else {
-    return new Box(target);
-  }
-}
-function getElementBox(el) {
-  if (el === document.documentElement) {
-    if (!visualViewport) {
-      return new Box({
-        x: 0,
-        y: 0,
-        width: document.documentElement.clientWidth,
-        height: document.documentElement.clientHeight
-      });
-    } else {
-      const pageScale = document.body.currentCSSZoom ?? 1;
-      return new Box({
-        x: visualViewport.scale > 1 ? 0 : visualViewport.offsetLeft,
-        y: visualViewport.scale > 1 ? 0 : visualViewport.offsetTop,
-        width: visualViewport.width * visualViewport.scale / pageScale,
-        height: visualViewport.height * visualViewport.scale / pageScale
-      });
-    }
-  } else {
-    return new Box(el);
-  }
-}
+import { ax as Box, ay as isOn, az as eventName, p as propsFactory, aA as destructComputed, aB as parseAnchor, aC as flipSide, aD as flipAlign, aE as flipCorner, aF as CircularBuffer, aG as deepEqual, at as getTargetBox, aH as getElementBox, O as consoleError, aI as getAxis, q as convertToUnit, aJ as getOverflow, x as clamp, aK as IN_BROWSER, A as useToggleScope, aL as defer, N as getCurrentInstance, aM as templateRef, aN as matchesSelector, a8 as focusableChildren, G as useDisplay, r as makeThemeProps, d as makeDimensionProps, e as makeComponentProps, g as genericComponent, z as useProxiedModel, l as provideTheme, n as useRtl, f as useBackgroundColor, b as useDimension, aO as useRouter, aP as useBackButton, aw as standardEasing, c as useRender, C as omit } from './asWebComponent-IZanwL-A.js';
+import { m as makeTransitionProps, M as MaybeTransition } from './transition-BkyUsZh_.js';
 
 // Utilities
 /** @see https://stackoverflow.com/a/57876601/2074736 */
@@ -1161,7 +1083,7 @@ function useActivator(props, _ref) {
   });
   watch(isTop, val => {
     if (val && (props.openOnHover && !isHovered && (!openOnFocus.value || !isFocused) || openOnFocus.value && !isFocused && (!props.openOnHover || !isHovered)) && !contentEl.value?.contains(document.activeElement)) {
-      isActive.value = false;
+      runCloseDelay();
     }
   });
   watch(isActive, val => {
@@ -1356,7 +1278,7 @@ function useFocusTrap(props, _ref2) {
     const after = e.target;
     document.removeEventListener('pointerdown', onPointerdown);
     document.removeEventListener('keydown', captureOnKeydown);
-    await nextTick();
+    await new Promise(resolve => requestAnimationFrame(resolve));
     if (isActive.value && !focusTrapSuppressed && before !== after && contentEl.value &&
     // We're the menu without open submenus or overlays
     toValue(localTop) &&
@@ -1737,13 +1659,12 @@ const VOverlay = genericComponent()({
     }
     const router = useRouter();
     useToggleScope(() => props.closeOnBack, () => {
-      useBackButton(router, next => {
+      useBackButton(router, () => {
         if (globalTop.value && isActive.value) {
-          next(false);
           if (!props.persistent) isActive.value = false;else animateClick();
-        } else {
-          next();
+          return false;
         }
+        return undefined;
       });
     });
     const top = ref();
@@ -1935,4 +1856,4 @@ function forwardRefs(target) {
   });
 }
 
-export { VOverlay as V, animate as a, forwardRefs as f, getTargetBox as g, makeVOverlayProps as m, nullifyTransforms as n, useScopeId as u };
+export { VMenuSymbol as V, VOverlay as a, animate as b, forwardRefs as f, makeVOverlayProps as m, nullifyTransforms as n, useScopeId as u };

package/dist/client/{handling-BrcDDlgS.js → handling-NvY8Csry.js}

@@ -1,8 +1,8 @@
 import log from 'loglevel';
-import { s as separateEndpointLinks, c as createTiffLayerDefinition, p as pollProcessStatus, e as extractAsyncResults, u as updateJobsStatus, a as creatAsyncProcessLayerDefinitions, b as getBboxProperty, f as generateTimePairs, h as extractGeometries, i as applyProcessLayersToMap, g as getDrawToolsProperties } from './async-DSKj6g1f.js';
-import { d as axios, b as extractLayerConfig, H as compareIndicator, E as indicator, x as extractCollectionUrls, G as currentCompareUrl, F as currentUrl, y as generateLinksFromItems, o as getDatetimeProperty, I as comparePoi, A as datetime, Z as compareChartData, _ as chartData, N as compareChartSpec, M as chartSpec, B as poi, Y as getCompareLayers, v as getLayers } from './helpers-DjZVl_WF.js';
+import { s as separateEndpointLinks, c as createTiffLayerDefinition, p as pollProcessStatus, e as extractAsyncResults, u as updateJobsStatus, a as creatAsyncProcessLayerDefinitions, b as getBboxProperty, f as generateTimePairs, h as extractGeometries, i as applyProcessLayersToMap, g as getDrawToolsProperties } from './async-CiNIOBVz.js';
+import { g as axios, P as isFirstLoad, e as extractLayerConfig, U as compareIndicator, Q as indicator, H as extractCollectionUrls, S as currentCompareUrl, R as currentUrl, I as generateLinksFromItems, x as getDatetimeProperty, V as comparePoi, L as datetime, ah as compareChartData, ai as chartData, $ as compareChartSpec, _ as chartSpec, M as poi, ag as getCompareLayers, F as getLayers } from './helpers-BFuh19CP.js';
 import mustache from 'mustache';
-import { S as isFirstLoad, H as useSTAcStore, W as readParquetItems, X as useGetSubCodeId } from './asWebComponent-BHWpMuE3.js';
+import { H as useSTAcStore, ae as readParquetItems, af as useGetSubCodeId } from './asWebComponent-IZanwL-A.js';
 import { toAbsolute } from 'stac-js/src/http.js';
 
 /**
@@ -643,7 +643,6 @@ async function processVector(links, jsonformValue, layerId) {
       type: "Vector",
       source: {
         type: "Vector",
-        //@ts-expect-error TODO
         url: mustache.render(link.href, {
           ...(jsonformValue ?? {}),
         }),