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

package/dist/client/{asWebComponent-BnFMd0T6.js → asWebComponent-DW1XzZkL.js}

@@ -3775,9 +3775,11 @@ const eodash = reactive({
   stacEndpoint:
     // "https://eurodatacube.github.io/eodash-catalog/RACE/catalog.json",
     // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
-    "https://eodashcatalog.eox.at/samplecatalog/samples/catalog.json",
-  // "https://eodashcatalog.eox.at/test-style/trilateral/catalog.json",
-  // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
+    // "https://eodashcatalog.eox.at/samplecatalog/samples/catalog.json",
+    // "https://eodashcatalog.eox.at/test-style/trilateral/catalog.json",
+    // "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
+    // "https://gtif-cerulean.github.io/deside-catalog/deside/catalog.json",
+    "https://gtif-cerulean.github.io/cerulean-catalog/cerulean/catalog.json",
   brand: {
     noLayout: true,
     name: "Demo",
@@ -3908,10 +3910,9 @@ const eodash = reactive({
                   widget: {
                     name: "EodashDatePicker",
                     properties: {
-                      hideArrows: true,
-                      hideInputField: true,
                       hintText: `<b>Hint:</b> closest available date is displayed <br />
                             on map (see Analysis Layers)`,
+                      toggleCalendar: true,
                     },
                   },
                 }
@@ -4035,10 +4036,10 @@ const eodash = reactive({
           defineWidget: (selectedSTAC) =>
             selectedSTAC?.links.some((l) => l.rel === "service")
               ? {
-                  id: Symbol(),
+                  id: "Processes",
                   type: "internal",
                   title: "Processes",
-                  layout: { x: 0, y: 7, w: 3, h: 5 },
+                  layout: { x: 9, y: 7, w: 3, h: 5 },
                   widget: {
                     name: "EodashProcess",
                   },
@@ -4646,7 +4647,7 @@ function APCAcontrast(text, background) {
     // WoB should always return negative value.
 
     const SAPC = (Ybg ** revBG - Ytxt ** revTXT) * scaleWoB;
-    outputContrast = SAPC > -loClip ? 0.0 : SAPC > -loConThresh ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
+    outputContrast = SAPC > -1e-3 ? 0.0 : SAPC > -0.078 ? SAPC - SAPC * loConFactor * loConOffset : SAPC + loConOffset;
   }
   return outputContrast * 100;
 }
@@ -4679,7 +4680,7 @@ function toXYZ$1(lab) {
 
 // Utilities
 // For converting XYZ to sRGB
-const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.2040, 1.0570]];
+const srgbForwardMatrix = [[3.2406, -1.5372, -0.4986], [-0.9689, 1.8758, 0.0415], [0.0557, -0.204, 1.0570]];
 
 // Forward gamma adjust
 const srgbForwardTransform = C => C <= 0.0031308 ? C * 12.92 : 1.055 * C ** (1 / 2.4) - 0.055;
@@ -7429,7 +7430,7 @@ function createLayout(props) {
 }
 
 function createVuetify() {
-  let vuetify = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  let vuetify = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
     blueprint,
     ...rest
@@ -7556,6 +7557,9 @@ const eodashCompareCollections = shallowReactive([]);
 /** whether the map postion was set in URL params on first load */
 const posIsSetFromUrl = ref(false);
 
+/** @type {import("vue").Ref<Record<string,any>|undefined>} */
+const layerControlFormValue = ref({});
+
 // functions of this folder can only be consumed inside setup stores,
 // setup functions or vue composition api components https://vuejs.org/guide/reusability/composables
 
@@ -7814,13 +7818,17 @@ function generateFeatures(links) {
 /**
  * Sperates and extracts layerConfig (jsonform schema & legend) from a style json
  *
- *  @param { import("ol/layer/WebGLTile").Style & { jsonform?: Record<string,any> } & { legend?: Record<string,any> } } [style] */
+ *  @param { import("@/types").EodashStyleJson} [style] */
 function extractLayerConfig(style) {
+  if (!style) {
+    return { layerConfig: undefined, style: undefined };
+  }
+  style = { ...style };
   /** @type {Record<string,unknown> | undefined} */
   let layerConfig = undefined;
+
   if (style?.jsonform) {
     layerConfig = { schema: style.jsonform, type: "style" };
-    style = { ...style };
     delete style.jsonform;
     if (style?.legend) {
       layerConfig.legend = style.legend;
@@ -7899,7 +7907,7 @@ const fetchStyle = async (item, itemUrl) => {
       url = toAbsolute(styleLink.href, itemUrl);
     }
 
-    /** @type {import("ol/layer/WebGLTile").Style & {jsonform?:Record<string,any>}} */
+    /** @type {import("@/types").EodashStyleJson} */
     const styleJson = await axios.get(url).then((resp) => resp.data);
 
     log.debug("fetched styles JSON", JSON.parse(JSON.stringify(styleJson)));
@@ -7975,8 +7983,9 @@ const extractLayerDatetime = (links, currentStep) => {
     controlValues,
     currentStep,
     slider: true,
+    navigation: true,
     play: false,
-    displayFormat: "DD MMMM YYYY",
+    displayFormat: "DD.MM.YYYY HH:MM",
   };
 };
 
@@ -8071,14 +8080,14 @@ const getColFromLayer = async (indicators, layer) => {
  */
 const createLayerID = (collectionId, itemId, link, projectionCode) => {
   const linkId = link.id || link.title || link.href;
-  let lId = `${collectionId ?? ""};:;${itemId ?? ""};:;${linkId ?? ""};:;${projectionCode ?? ""}`;
+  let lId = `${collectionId ?? ""};:;${itemId ?? ""};:;${linkId ?? ""};:;${projectionCode}`;
   // If we are looking at base layers and overlays we remove the collection and item part
   // as we want to make sure tiles are not reloaded when switching layers
   if (
     /** @type {string[]} */
     (link.roles)?.find((r) => ["baselayer", "overlay"].includes(r))
   ) {
-    lId = `${linkId ?? ""};:;${projectionCode ?? ""}`;
+    lId = `${linkId ?? ""};:;${projectionCode}`;
   }
   log.debug("Generated Layer ID", lId);
   return lId;
@@ -8121,6 +8130,36 @@ const removeUnneededProperties = (layers) => {
   return cloned;
 };
 
+/**
+ * @param {string[]} geojsonUrls
+ */
+async function mergeGeojsons(geojsonUrls) {
+  if (!geojsonUrls.length) {
+    return undefined;
+  }
+  if (geojsonUrls.length === 1) {
+    return geojsonUrls[0];
+  }
+
+  const merged = {
+    type: "FeatureCollection",
+    /** @type {import("ol").Feature[]} */
+    features: [],
+  };
+  await Promise.all(
+    geojsonUrls.map((url) =>
+      axios.get(url).then((resp) => {
+        const geojson = resp.data;
+        merged.features.push(...(geojson.features ?? []));
+      }),
+    ),
+  );
+
+  return encodeURI(
+    "data:application/json;charset=utf-8," + JSON.stringify(merged),
+  );
+}
+
 /**
  * Returns the current layers of {@link mapEl}
  * @returns {Record<string,any>[]}
@@ -8206,7 +8245,7 @@ const actions = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
  * @param {string} title
  * @param {Record<string,import("stac-ts").StacAsset>} assets
  * @param {import("stac-ts").StacItem } item
- * @param {import("ol/layer/WebGLTile").Style} [style]
+ * @param {import("@/types").EodashStyleJson} [style]
  * @param {Record<string, unknown>} [layerConfig]
  * @param {Record<string, unknown>} [layerDatetime]
  * @param {object | null} [extraProperties]
@@ -8226,6 +8265,11 @@ async function createLayersFromAssets(
   let geoTIFFSources = [];
   /** @type {number|null} */
   let geoTIFFIdx = null;
+  // let geoJsonLayers = [];
+  let geoJsonIdx = 0;
+
+  const geoJsonSources = [];
+  let geoJsonRoles = {};
 
   for (const [idx, ast] of Object.keys(assets).entries()) {
     // register projection if exists
@@ -8234,15 +8278,18 @@ async function createLayersFromAssets(
         assets[ast]?.["proj:epsg"] || assets[ast]?.["eodash:proj4_def"]
       );
     await registerProjection(assetProjection);
-
-    if (assets[ast]?.type === "application/geo+json" || assets[ast]?.type === "application/vnd.flatgeobuf") {
+    if (assets[ast]?.type === "application/geo+json") {
+      geoJsonSources.push(assets[ast].href);
+      geoJsonIdx = idx;
+      extractRoles(geoJsonRoles, assets[ast]);
+    } else if (assets[ast]?.type === "application/vnd.flatgeobuf") {
       const assetId = createAssetID(collectionId, item.id, idx);
-      const sourceType = assets[ast]?.type === "application/geo+json" ? "GeoJSON" : "FlatGeoBuf";
-      log.debug(`Creating Vector layer from ${sourceType}`, assetId);
+      log.debug(`Creating Vector layer from FlatGeoBuf`, assetId);
+
       const layer = {
         type: "Vector",
         source: {
-          type: sourceType,
+          type: "FlatGeoBuf",
           url: assets[ast].href,
           format: "GeoJSON",
         },
@@ -8259,6 +8306,23 @@ async function createLayersFromAssets(
         },
         ...(!style?.variables && { style }),
       };
+      // add tooltip interaction if style has tooltip
+      if (style?.tooltip) {
+        // @ts-expect-error no type for eox-map layer
+        layer.interactions = [
+          {
+            type: "select",
+            options: {
+              id: "selectInteraction",
+              condition: "pointermove",
+              style: {
+                "stroke-color": "#335267",
+                "stroke-width": 4,
+              },
+            },
+          },
+        ];
+      }
 
       extractRoles(layer.properties, assets[ast]);
 
@@ -8271,6 +8335,36 @@ async function createLayersFromAssets(
     }
   }
 
+  if (geoJsonSources.length) {
+    const assetId = createAssetID(collectionId, item.id, geoJsonIdx);
+    log.debug(`Creating Vector layer from GeoJsons`, assetId);
+
+    const layer = {
+      type: "Vector",
+      source: {
+        type: "Vector",
+        url: await mergeGeojsons(geoJsonSources),
+        format: "GeoJSON",
+      },
+      properties: {
+        ...geoJsonRoles,
+        id: assetId,
+        title,
+        layerDatetime,
+        ...(layerConfig && {
+          layerConfig: {
+            ...layerConfig,
+            style,
+          },
+        }),
+      },
+      ...(!style?.variables && { style }),
+    };
+
+    layer.properties = { ...layer.properties, ...(extraProperties ?? {}) };
+
+    jsonArray.push(layer);
+  }
   if (geoTIFFSources.length && typeof geoTIFFIdx === "number") {
     const geotiffSourceID = collectionId + ";:;GeoTIFF";
     log.debug("Creating WebGLTile layer from GeoTIFF", geotiffSourceID);
@@ -8521,6 +8615,9 @@ class EodashCollection {
    */
   selectedItem;
 
+  /** @type {import("@/types").EodashStyleJson["tooltip"]} */
+  #tooltipProperties = [];
+
   //  read only
   get collectionStac() {
     return this.#collectionStac;
@@ -8780,6 +8877,19 @@ class EodashCollection {
       : this.getItems()?.at(-1);
   }
 
+  async getToolTipProperties() {
+    if (!(this.selectedItem instanceof Item)) {
+      return [];
+    }
+    let styles = await fetchStyle(
+      this.selectedItem,
+      `${this.#collectionUrl}/${this.selectedItem.id}`,
+    );
+    const { tooltip } = styles || { tooltip: [] };
+    this.#tooltipProperties = tooltip ?? [];
+    return this.#tooltipProperties;
+  }
+
   /**
    *
    * @param {string} datetime
@@ -11192,7 +11302,7 @@ const ErrorAlert = /*#__PURE__*/_export_sfc(_sfc_main$3, [['__scopeId',"data-v-a
 const internalWidgets = (() => {
   /** @type {Record<string, () => Promise<import("vue").Component>>} */
   const importMap = {
-    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-DGRJrJ0s.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-DBQwJQPh.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-C5fOCvoI.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-BMO9k_20.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-D2bnMLAC.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-l9B977id.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-BtIlJvF1.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-CPVvp_Hm.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-DY2dlNXW.js'),"/widgets/ExportState.vue": () => import('./ExportState-BvD5A0XG.js'),"/widgets/PopUp.vue": () => import('./PopUp-CREaSybs.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-6FHEEXns.js')}),
+    .../* #__PURE__ */ Object.assign({"/widgets/EodashDatePicker.vue": () => import('./EodashDatePicker-B9_u6TTm.js'),"/widgets/EodashItemFilter.vue": () => import('./EodashItemFilter-G7YsYO3B.js'),"/widgets/EodashLayerControl.vue": () => import('./EodashLayerControl-CJ94ul63.js'),"/widgets/EodashLayoutSwitcher.vue": () => import('./EodashLayoutSwitcher-DRKm8A8U.js'),"/widgets/EodashMap.vue": () => import('./EodashMap-Dp44Ajbi.js'),"/widgets/EodashMapBtns.vue": () => import('./EodashMapBtns-BlPFwhPc.js'),"/widgets/EodashProcess.vue": () => import('./EodashProcess-BLmIgUGT.js'),"/widgets/EodashStacInfo.vue": () => import('./EodashStacInfo-BIRcfcMo.js'),"/widgets/EodashTools.vue": () => import('./EodashTools-PNfJ-Cw3.js'),"/widgets/ExportState.vue": () => import('./ExportState-5JyTshJH.js'),"/widgets/PopUp.vue": () => import('./PopUp-Bmfn3N_4.js'),"/widgets/WidgetsContainer.vue": () => import('./WidgetsContainer-BPbgxdb0.js')}),
     .../* #__PURE__ */ Object.assign({}),
   };
   for (const key in importMap) {
@@ -11300,7 +11410,7 @@ const getWidgetDefinition = (config) => {
 
     case "web-component":
       importedWidget.component = defineAsyncComponent({
-        loader: () => import('./DynamicWebComponent-Dj3QYwag.js'),
+        loader: () => import('./DynamicWebComponent-I9gzMY0L.js'),
         suspensible: true,
       });
       importedWidget.props = reactive(config.widget);
@@ -11734,15 +11844,15 @@ const { loadSTAC } = useSTAcStore();
 const { smAndDown } = useDisplay();
 const TemplateComponent = computed(() =>
   smAndDown.value
-    ? defineAsyncComponent(() => import('./MobileLayout-CmVlZe7S.js'))
-    : defineAsyncComponent(() => import('./DashboardLayout-B-4X57-t.js')),
+    ? defineAsyncComponent(() => import('./MobileLayout-Atfoxf8d.js'))
+    : defineAsyncComponent(() => import('./DashboardLayout-SZfMDUoR.js')),
 );
 
 const HeaderComponent = defineAsyncComponent(
-  () => import('./Header-BpiorKy9.js'),
+  () => import('./Header-BTq4DW1x.js'),
 );
 const FooterComponent = defineAsyncComponent(
-  () => import('./Footer-w95gBnSH.js'),
+  () => import('./Footer-CM9hgdQP.js'),
 );
 
 const templateHeight = props.isWebComponent ? "100%" : "100dvh";
@@ -11941,4 +12051,4 @@ function register() {
 
 register();
 
-export { useSTAcStore as $, makeDensityProps as A, useDensity as B, useBackgroundColor as C, provideDefaults as D, isObject as E, useDefineTemplate as F, useLayout as G, makeDimensionProps as H, IconValue as I, useDimension as J, makeBorderProps as K, makeElevationProps as L, makeRoundedProps as M, useBorder as N, useElevation as O, useRounded as P, VDefaultsProvider as Q, clamp as R, consoleWarn as S, makeLayoutItemProps as T, useToggleScope as U, VBtn as V, useLayoutItem as W, eodashKey as X, consoleError as Y, datetime as Z, _export_sfc as _, useRender as a, eodashCollections as a0, makePanelTransparent as a1, mapCompareEl as a2, mapEl as a3, eodashCompareCollections as a4, getColFromLayer as a5, registerProjection as a6, getProjectionCode as a7, availableMapProjection as a8, changeMapProjection as a9, useLink as aA, LoaderSlot as aB, removeUnneededProperties as aC, VRow as aD, VCol as aE, copyToClipBoard as aF, SUPPORTS_INTERSECTION as aG, getCurrentInstance as aH, useDefineWidgets as aI, isOn as aJ, eventName as aK, destructComputed as aL, parseAnchor as aM, flipSide as aN, flipAlign as aO, flipCorner as aP, getAxis as aQ, defer as aR, templateRef as aS, matchesSelector as aT, useRouter as aU, useBackButton as aV, EodashConstructor as aW, register as aX, store as aY, eoxLayersKey as aa, posIsSetFromUrl as ab, EodashCollection as ac, mapPosition as ad, setActiveTemplate as ae, axios$1 as af, getLayers as ag, extractLayerConfig as ah, useOnLayersUpdate as ai, currentUrl as aj, activeTemplate as ak, getUid as al, createSimpleFunctional as am, makeSizeProps as an, makeVariantProps as ao, useVariant as ap, useSize as aq, genOverlays as ar, makeLoaderProps as as, makeLocationProps as at, makePositionProps as au, makeRouterProps as av, Ripple as aw, useLoader as ax, useLocation as ay, usePosition as az, makeComponentProps as b, makeTagProps as c, makeThemeProps as d, provideTheme as e, useRtl as f, genericComponent as g, useLocale as h, useGroup as i, useProxiedModel as j, keys as k, makeGroupItemProps as l, makeVBtnProps as m, useGroupItem as n, omit as o, propsFactory as p, convertToUnit as q, makeDisplayProps as r, makeGroupProps as s, useDisplay as t, useTextColor as u, useResizeObserver as v, useGoTo as w, IN_BROWSER as x, VIcon as y, focusableChildren as z };
+export { useSTAcStore as $, makeDensityProps as A, useDensity as B, useBackgroundColor as C, provideDefaults as D, isObject as E, useDefineTemplate as F, useLayout as G, makeDimensionProps as H, IconValue as I, useDimension as J, makeBorderProps as K, makeElevationProps as L, makeRoundedProps as M, useBorder as N, useElevation as O, useRounded as P, VDefaultsProvider as Q, clamp as R, consoleWarn as S, makeLayoutItemProps as T, useToggleScope as U, VBtn as V, useLayoutItem as W, eodashKey as X, consoleError as Y, datetime as Z, _export_sfc as _, useRender as a, eodashCollections as a0, makePanelTransparent as a1, mapCompareEl as a2, mapEl as a3, eodashCompareCollections as a4, layerControlFormValue as a5, getColFromLayer as a6, registerProjection as a7, getProjectionCode as a8, availableMapProjection as a9, usePosition as aA, useLink as aB, LoaderSlot as aC, removeUnneededProperties as aD, VRow as aE, VCol as aF, copyToClipBoard as aG, SUPPORTS_INTERSECTION as aH, getCurrentInstance as aI, useDefineWidgets as aJ, isOn as aK, eventName as aL, destructComputed as aM, parseAnchor as aN, flipSide as aO, flipAlign as aP, flipCorner as aQ, getAxis as aR, defer as aS, templateRef as aT, matchesSelector as aU, useRouter as aV, useBackButton as aW, EodashConstructor as aX, register as aY, store as aZ, changeMapProjection as aa, eoxLayersKey as ab, posIsSetFromUrl as ac, useOnLayersUpdate as ad, EodashCollection as ae, mapPosition as af, setActiveTemplate as ag, axios$1 as ah, getLayers as ai, extractLayerConfig as aj, currentUrl as ak, activeTemplate as al, getUid as am, createSimpleFunctional as an, makeSizeProps as ao, makeVariantProps as ap, useVariant as aq, useSize as ar, genOverlays as as, makeLoaderProps as at, makeLocationProps as au, makePositionProps as av, makeRouterProps as aw, Ripple as ax, useLoader as ay, useLocation as az, makeComponentProps as b, makeTagProps as c, makeThemeProps as d, provideTheme as e, useRtl as f, genericComponent as g, useLocale as h, useGroup as i, useProxiedModel as j, keys as k, makeGroupItemProps as l, makeVBtnProps as m, useGroupItem as n, omit as o, propsFactory as p, convertToUnit as q, makeDisplayProps as r, makeGroupProps as s, useDisplay as t, useTextColor as u, useResizeObserver as v, useGoTo as w, IN_BROWSER as x, VIcon as y, focusableChildren as z };