@eodash/eodash 5.0.0-alpha.2.18 → 5.0.0-alpha.2.19

package/core/client/composables/EodashMap.js

@@ -2,7 +2,6 @@ import { EodashCollection } from "@/utils/eodashSTAC";
 import { setMapProjFromCol } from "@/utils/helpers";
 import { onMounted, onUnmounted, watch } from "vue";
 import log from "loglevel";
-import { datetime } from "@/store/States";
 import { useSTAcStore } from "@/store/stac";
 import { storeToRefs } from "pinia";
 
@@ -48,67 +47,27 @@ export const useHandleMapMoveEnd = (mapElement, mapPosition) => {
 };
 
 /**
- *  Adds data layers extracted from eodash collections to Analysis Group
- *
- * @param { Record<string,any>[] | undefined} layersCollection
+ * Creates full layer configuration from indicator and time information
+ * @param {import("stac-ts").StacCatalog
+ *   | import("stac-ts").StacCollection
+ *   | import("stac-ts").StacItem
+ *   | null
+ * } selectedIndicator
  * @param {EodashCollection[]} eodashCols
  * @param {string} [updatedTime]
  */
-const updateLayersConfig = async (
-  layersCollection,
+
+const createLayersConfig = async (
+  selectedIndicator,
   eodashCols,
   updatedTime,
 ) => {
   log.debug(
-    "Updating layer configuration",
-    layersCollection,
+    "Creating layers config",
+    selectedIndicator,
     eodashCols,
     updatedTime,
   );
-  const dataLayersGroup = layersCollection?.find(
-    (lyr) => lyr?.properties.id === "AnalysisGroup",
-  );
-  /** @type {Record<string,any>[]} */
-  const analysisLayers = [];
-
-  if (!dataLayersGroup) {
-    log.debug("no AnalysisGroup layer found to be updated");
-    return layersCollection;
-  }
-
-  for (const ec of eodashCols) {
-    let layers;
-    if (updatedTime) {
-      layers = await ec.createLayersJson(new Date(updatedTime));
-    } else {
-      layers = await ec.createLayersJson();
-    }
-
-    if (layers) {
-      analysisLayers.push(...layers);
-    }
-  }
-  // Add expand to all analysis layers
-  analysisLayers.forEach((dl) => {
-    dl.properties.layerControlExpand = true;
-    dl.properties.layerControlToolsExpand = true;
-  });
-
-  dataLayersGroup.layers = analysisLayers;
-
-  return layersCollection;
-};
-
-/**
- * @param {import("stac-ts").StacCatalog
- *   | import("stac-ts").StacCollection
- *   | import("stac-ts").StacItem
- *   | null
- *  } selectedIndicator
- */
-
-const createLayersConfig = async (selectedIndicator) => {
-  log.debug("Creating layers config", selectedIndicator);
   const layersCollection = [];
   const dataLayers = {
     type: "Group",
@@ -120,6 +79,21 @@ const createLayersConfig = async (selectedIndicator) => {
     layers: /** @type {Record<string,any>[]}*/ ([]),
   };
 
+  for (const ec of eodashCols) {
+    let layers;
+    if (updatedTime) {
+      layers = await ec.createLayersJson(new Date(updatedTime));
+    } else {
+      layers = await ec.createLayersJson();
+    }
+    // Add expand to all analysis layers
+    layers.forEach((dl) => {
+      dl.properties.layerControlExpand = true;
+      dl.properties.layerControlToolsExpand = true;
+    });
+    dataLayers.layers.push(...layers);
+  }
+
   layersCollection.push(dataLayers);
   const indicatorLayers =
     //@ts-expect-error indicator is collection
@@ -215,18 +189,6 @@ const createLayersConfig = async (selectedIndicator) => {
     layersCollection.unshift(overlayLayers);
   }
 
-  // We try to set the current time selection
-  // to latest extent date
-  // @ts-expect-error it seems the temporal extent is not defined in type
-  const interval = selectedIndicator?.extent?.temporal?.interval;
-  if (interval && interval.length > 0 && interval[0].length > 1) {
-    const endInterval = new Date(interval[0][1]);
-    log.debug(
-      "Datepicker: found stac extent, setting time to latest value",
-      endInterval,
-    );
-    datetime.value = endInterval.toISOString();
-  }
   return layersCollection;
 };
 
@@ -260,19 +222,21 @@ export const useInitMap = (
     [selectedIndicator, datetime],
     async ([updatedStac, updatedTime], [previousStac, previousTime]) => {
       if (updatedStac) {
+        log.debug(
+          "Selected Indicator watch triggered",
+          updatedStac,
+          updatedTime,
+        );
+
         if (mapElement?.value?.id === "main") {
           // Making sure main map gets the viewer that seems to be
           // removed when the second map is no longer rendered
           if (viewHolder !== null) {
+            // Set view to previous compare view
             mapElement?.value?.map.setView(viewHolder);
             viewHolder = null;
           }
         }
-        log.debug(
-          "Selected Indicator watch triggered",
-          updatedStac,
-          updatedTime,
-        );
         let layersCollection = [];
 
         const onlyTimeChanged =
@@ -286,20 +250,20 @@ export const useInitMap = (
         } else {
           // Compare map being initialized
           if (selectedCompareStac.value !== null) {
-            // save old view to set later
+            // save view of compare map
             viewHolder = mapElement?.value?.map.getView();
             /** @type {any} */
             (mapElement.value).sync = partnerMap.value;
           }
         }
 
+        // We re-crate the configuration if time changed
         if (onlyTimeChanged) {
-          layersCollection =
-            (await updateLayersConfig(
-              [...(mapElement.value?.layers ?? [])].reverse(),
-              eodashCols,
-              updatedTime,
-            )) ?? [];
+          layersCollection = await createLayersConfig(
+            updatedStac,
+            eodashCols,
+            updatedTime,
+          );
           log.debug(
             "Assigned layers after changing time only",
             JSON.parse(JSON.stringify(layersCollection)),
@@ -309,28 +273,50 @@ export const useInitMap = (
         }
 
         /** @type {Record<string,any>[]} */
-        layersCollection = await createLayersConfig(updatedStac);
-
-        // updates layersCollection in place
-        await updateLayersConfig(layersCollection, eodashCols, updatedTime);
-
-        // Try to move map view to extent
-        // Sanitize extent,
-        const b = updatedStac.extent?.spatial.bbox[0];
-        const sanitizedExtent = [
-          b[0] > -180 ? b[0] : -180,
-          b[1] > -90 ? b[1] : -90,
-          b[2] < 180 ? b[2] : 180,
-          b[3] < 90 ? b[3] : 90,
-        ];
-
-        const reprojExtent = mapElement.value?.transformExtent(
-          sanitizedExtent,
-          "EPSG:4326",
-          mapElement.value?.map?.getView().getProjection(),
+        layersCollection = await createLayersConfig(
+          updatedStac,
+          eodashCols,
+          datetime.value,
         );
-        /** @type {any} */
-        (mapElement.value).zoomExtent = reprojExtent;
+
+        // We try to set the current time selection to latest extent date
+        let endInterval = null;
+        const interval = updatedStac?.extent?.temporal?.interval;
+        if (interval && interval.length > 0 && interval[0].length > 1) {
+          // @ts-expect-error this is the defined STAC structure
+          endInterval = new Date(interval[0][1]);
+          log.debug(
+            "Indicator load: found stac extent, setting time to latest value",
+            endInterval,
+          );
+        }
+        if (
+          endInterval !== null &&
+          endInterval.toISOString() !== datetime.value
+        ) {
+          datetime.value = endInterval.toISOString();
+        }
+
+        // Try to move map view to extent only when main
+        // indicator and map changes
+        if (mapElement?.value?.id === "main") {
+          // Sanitize extent,
+          const b = updatedStac.extent?.spatial.bbox[0];
+          const sanitizedExtent = [
+            b[0] > -180 ? b[0] : -180,
+            b[1] > -90 ? b[1] : -90,
+            b[2] < 180 ? b[2] : 180,
+            b[3] < 90 ? b[3] : 90,
+          ];
+
+          const reprojExtent = mapElement.value?.transformExtent(
+            sanitizedExtent,
+            "EPSG:4326",
+            mapElement.value?.map?.getView().getProjection(),
+          );
+          /** @type {any} */
+          (mapElement.value).zoomExtent = reprojExtent;
+        }
 
         log.debug(
           "Assigned layers",

package/core/client/eodash.js

@@ -10,7 +10,8 @@ import { currentUrl } from "./store/States";
 export const eodash = reactive({
   id: "demo",
   stacEndpoint:
-    "https://eodashcatalog.eox.at/test-style/trilateral/catalog.json",
+    // "https://eodashcatalog.eox.at/test-style/trilateral/catalog.json",
+    "https://gtif-cerulean.github.io/catalog/cerulean/catalog.json",
   brand: {
     noLayout: true,
     name: "Demo",
@@ -45,7 +46,7 @@ export const eodash = reactive({
       widget: {
         name: "EodashMap",
         properties: {
-          // enableCompare: true,
+          enableCompare: true,
         },
       },
     },
@@ -58,7 +59,7 @@ export const eodash = reactive({
         widget: {
           name: "EodashItemFilter",
           properties: {
-            // enableCompare: true,
+            enableCompare: true,
             aggregateResults: "collection_group",
           },
         },
@@ -72,13 +73,33 @@ export const eodash = reactive({
           name: "EodashLayerControl",
         },
       },
+      /*
+      {
+        defineWidget: (selectedCompareStac) => {
+          return selectedCompareStac
+            ? {
+                id: Symbol(),
+                title: "Layer Control Comparison",
+                layout: { x: 9, y: 6, w: 3, h: 6 },
+                type: "internal",
+                widget: {
+                  name: "EodashLayerControl",
+                  properties: {
+                    map: "second",
+                  },
+                },
+              }
+            : null;
+        },
+      },
+      */
       {
         defineWidget: (selectedSTAC) => {
           return selectedSTAC
             ? {
                 id: "Information",
                 title: "Information",
-                layout: { x: 9, y: 0, w: 3, h: 12 },
+                layout: { x: 9, y: 0, w: 3, h: 6 },
                 type: "web-component",
                 widget: {
                   link: async () => await import("@eox/stacinfo"),

package/core/client/store/Actions.js

@@ -8,6 +8,12 @@ import log from "loglevel";
  */
 export const getLayers = () => mapEl.value?.layers.toReversed();
 
+/**
+ * Returns the current layers of {@link mapCompareEl}
+ * @returns {Record<string,any>[]}
+ */
+export const getCompareLayers = () => mapCompareEl.value?.layers.toReversed();
+
 /**
  * Register EPSG projection in `eox-map`
  * @param {string|number|{name: string, def: string, extent?:number[]}} [projection]*/

package/core/client/utils/createLayers.js

@@ -1,4 +1,5 @@
 import { registerProjection } from "@/store/Actions";
+import { mapEl } from "@/store/States";
 import {
   extractRoles,
   getProjectionCode,
@@ -116,6 +117,10 @@ export const createLayersFromLinks = async (
   const wmtsArray = item.links.filter((l) => l.rel === "wmts");
   const xyzArray = item.links.filter((l) => l.rel === "xyz") ?? [];
 
+  // Taking projection code from main map view, as main view defines
+  // projection for comparison map
+  const viewProjectionCode = mapEl?.value?.projection || "EPSG:3857";
+
   for (const wmsLink of wmsArray ?? []) {
     // Registering setting sub wms link projection
 
@@ -124,12 +129,16 @@ export const createLayersFromLinks = async (
       (wmsLink?.["proj:epsg"] || wmsLink?.["eodash:proj4_def"]);
 
     await registerProjection(wmsLinkProjection);
-    const projectionCode = getProjectionCode(wmsLinkProjection || "EPSG:4326");
+
+    const linkProjectionCode =
+      getProjectionCode(wmsLinkProjection) || "EPSG:4326";
+    // Projection code need to be based on map view projection to make sure
+    // tiles are reloaded when changing projection
     const linkId = createLayerID(
       collectionId,
       item.id,
       wmsLink,
-      projectionCode,
+      viewProjectionCode,
     );
     log.debug("WMS Layer added", linkId);
     let json = {
@@ -142,7 +151,7 @@ export const createLayersFromLinks = async (
       source: {
         type: "TileWMS",
         url: wmsLink.href,
-        projection: projectionCode,
+        projection: linkProjectionCode,
         tileGrid: {
           tileSize: [512, 512],
         },
@@ -181,8 +190,14 @@ export const createLayersFromLinks = async (
       collectionId,
       item.id,
       wmtsLink,
-      projectionCode,
+      viewProjectionCode,
     );
+    const dimensions = /** @type { {style:any} & Record<string,any> } */ (
+      wmtsLink["wmts:dimensions"] || {}
+    );
+    let { style, ...dimensionsWithoutStyle } = { ...dimensions };
+    let extractedStyle = /** @type { string } */ (style || "default");
+
     if (wmtsLink.title === "wmts capabilities") {
       log.debug(
         "Warning: WMTS Layer from capabilities added, function needs to be updated",
@@ -200,14 +215,14 @@ export const createLayersFromLinks = async (
           // TODO: Hard coding url as the current one set is for capabilities
           url: "https://wmts.marine.copernicus.eu/teroWmts",
           layer: wmtsLink["wmts:layer"],
-          style: wmtsLink.style || "default",
+          style: extractedStyle,
           // TODO: Hard coding matrixSet until we find solution to wmts creation from capabilities
           matrixSet: "EPSG:3857",
           projection: projectionCode,
           tileGrid: {
             tileSize: [128, 128],
           },
-          dimensions: wmtsLink["wmts:dimensions"],
+          dimensions: dimensionsWithoutStyle,
         },
       };
     } else {
@@ -224,15 +239,15 @@ export const createLayersFromLinks = async (
         },
         source: {
           type: "WMTS",
-          url: wmtsLink,
+          url: wmtsLink.href,
           layer: wmtsLink["wmts:layer"],
-          style: wmtsLink.style || "default",
+          style: extractedStyle,
           matrixSet: wmtsLink.matrixSet || "EPSG:3857",
           projection: projectionCode,
           tileGrid: {
             tileSize: [512, 512],
           },
-          dimensions: wmtsLink["wmts:dimensions"],
+          dimensions: dimensionsWithoutStyle,
         },
       };
     }
@@ -251,7 +266,7 @@ export const createLayersFromLinks = async (
       collectionId,
       item.id,
       xyzLink,
-      projectionCode,
+      viewProjectionCode,
     );
     log.debug("XYZ Layer added", linkId);
     let json = {

package/core/client/utils/eodashSTAC.js

@@ -9,7 +9,11 @@ import {
   generateFeatures,
   replaceLayer,
 } from "./helpers";
-import { getLayers, registerProjection } from "@/store/Actions";
+import {
+  getLayers,
+  getCompareLayers,
+  registerProjection,
+} from "@/store/Actions";
 import { createLayersFromAssets, createLayersFromLinks } from "./createLayers";
 import axios from "@/plugins/axios";
 import log from "loglevel";
@@ -305,8 +309,9 @@ export class EodashCollection {
    *
    * @param {string} datetime
    * @param {string} layer
+   * @param {string} map
    */
-  async updateLayerJson(datetime, layer) {
+  async updateLayerJson(datetime, layer, map) {
     await this.fetchCollection();
 
     // get the link of the specified date
@@ -327,12 +332,15 @@ export class EodashCollection {
     // create json layers from the item
     const newLayers = await this.createLayersJson(specifiedLink);
 
-    const curentLayers = getLayers();
+    let currentLayers = getLayers();
+    if (map === "second") {
+      currentLayers = getCompareLayers();
+    }
 
-    const oldLayer = findLayer(curentLayers, layer);
+    const oldLayer = findLayer(currentLayers, layer);
 
     const updatedLayers = replaceLayer(
-      curentLayers,
+      currentLayers,
       /** @type {Record<string,any> & { properties:{ id:string; title:string } } } */
       (oldLayer),
       newLayers,

package/core/client/utils/helpers.js

@@ -141,9 +141,9 @@ export const extractRoles = (properties, linkOrAsset) => {
       properties.group = role;
       //remove all the properties and replace the random ID with baselayer
       // provided ID
-      const [_colId, _itemId, _isAsset, _random, proj] =
-        properties.id.split(";:;");
-      properties.id = ["", "", "", "", linkOrAsset.id, proj].join(";:;");
+      // const [_colId, _itemId, _isAsset, _random, proj] =
+      //   properties.id.split(";:;");
+      // properties.id = ["", "", "", "", linkOrAsset.id, proj].join(";:;");
     }
 
     return properties;

package/dist/client/{DashboardLayout-Dk6lzKZA.js → DashboardLayout-CU4js3lr.js}

@@ -1,5 +1,5 @@
-import { _ as y, x as m, W as x, X as d, $ as t, a0 as r, a1 as l, a9 as _, a3 as n, a6 as u, a2 as c, a4 as p, d as h, a5 as g, F as f, a7 as v, ab as w } from "./asWebComponent-tNU8_fkz.js";
-import { V as k } from "./VMain-DOyRcpub.js";
+import { _ as y, x as m, W as x, X as d, $ as t, a0 as r, a1 as l, a9 as _, a3 as n, a6 as u, a2 as c, a4 as p, d as h, a5 as g, F as f, a7 as v, ab as w } from "./asWebComponent-CHqY8A1z.js";
+import { V as k } from "./VMain-Dknnyxts.js";
 class A extends HTMLElement {
   static get observedAttributes() {
     return ["gap"];

package/dist/client/{DynamicWebComponent-BkMCGU7a.js → DynamicWebComponent-BsYZdIEB.js}

@@ -1,4 +1,4 @@
-import { bM as i, aD as m, r as p, Z as d, aR as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-tNU8_fkz.js";
+import { bM as i, aC as m, r as p, Z as d, aR as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-CHqY8A1z.js";
 const h = { class: "d-flex flex-column fill-height overflow-auto" }, N = {
   __name: "DynamicWebComponent",
   props: {
@@ -38,7 +38,7 @@ const h = { class: "d-flex flex-column fill-height overflow-auto" }, N = {
       e.onMounted?.(r.value, s);
     }), f(() => {
       e.onUnmounted?.(r.value, s);
-    }), (n, x) => (c(), g("span", h, [
+    }), (n, w) => (c(), g("span", h, [
       (c(), y(
         k(o.tagName),
         _(o.properties, {

package/dist/client/{EodashDatePicker-D27wn0jP.js → EodashDatePicker-DZoH_gRX.js}

@@ -1,6 +1,6 @@
-import { p as O, o as R, g as _, y as $, aw as F, c as f, r as I, d as x, a as H, b as p, ax as j, ay as B, T as L, az as Y, aA as U, aB as z, aC as G, aD as N, w as J, $ as b, a6 as K, aE as W, a1 as m, a3 as k, aF as q, F as Q, aG as C, aH as S, a9 as y, aI as X, aJ as Z, t as V, a0 as T, M as P, aK as tt, V as M, aL as et, aM as h } from "./asWebComponent-tNU8_fkz.js";
-import { m as at, V as A } from "./VOverlay-DAiInZQP.js";
-import { b as nt, f as ot } from "./forwardRefs-BexjzXbg.js";
+import { p as O, o as R, g as _, y as $, aw as F, c as f, r as I, d as x, a as j, b as p, ax as H, ay as B, T as Y, az as L, aA as U, aB as z, aC as G, w as N, a6 as J, aD as K, a1 as m, a3 as b, aE as W, F as q, aF as Q, $ as k, a9 as y, aG as X, aH as Z, t as V, a0 as T, M as P, aI as tt, V as A, aJ as et, aK as C, aL as S, aM as h } from "./asWebComponent-CHqY8A1z.js";
+import { m as at, V as E } from "./VOverlay-BCOn3hd6.js";
+import { b as nt, f as ot } from "./forwardRefs-dcYA2XVU.js";
 const st = O({
   id: String,
   text: String,
@@ -33,9 +33,9 @@ const st = O({
     } = nt(), l = F(), n = f(() => t.id || `v-tooltip-${l}`), a = I(), o = f(() => t.location.split(" ").length > 1 ? t.location : t.location + " center"), s = f(() => t.origin === "auto" || t.origin === "overlap" || t.origin.split(" ").length > 1 || t.location.split(" ").length > 1 ? t.origin : t.origin + " center"), u = f(() => t.transition ? t.transition : e.value ? "scale-transition" : "fade-transition"), g = f(() => x({
       "aria-describedby": n.value
     }, t.activatorProps));
-    return H(() => {
-      const w = A.filterProps(t);
-      return p(A, x({
+    return j(() => {
+      const w = E.filterProps(t);
+      return p(E, x({
         ref: a,
         class: ["v-tooltip", t.class],
         style: t.style,
@@ -63,7 +63,7 @@ const st = O({
   }
 });
 function it(t, r) {
-  const i = typeof t == "string" ? j(t) : t, e = lt(i, r);
+  const i = typeof t == "string" ? H(t) : t, e = lt(i, r);
   return {
     mounted: e,
     updated: e,
@@ -74,7 +74,7 @@ function it(t, r) {
 }
 function lt(t, r) {
   return function(i, e, c) {
-    const l = typeof r == "function" ? r(e) : r, n = e.value?.text ?? e.value ?? l?.text, a = L(e.value) ? e.value : {}, o = () => n ?? i.innerHTML, s = (c.ctx === e.instance.$ ? ct(c, e.instance.$)?.provides : c.ctx?.provides) ?? e.instance.$.provides, u = Y(t, x(l, a), o);
+    const l = typeof r == "function" ? r(e) : r, n = e.value?.text ?? e.value ?? l?.text, a = Y(e.value) ? e.value : {}, o = () => n ?? i.textContent, s = (c.ctx === e.instance.$ ? ct(c, e.instance.$)?.provides : c.ctx?.provides) ?? e.instance.$.provides, u = L(t, x(l, a), o);
     u.appContext = Object.assign(/* @__PURE__ */ Object.create(null), e.instance.$.appContext, {
       provides: s
     }), B(u, i);
@@ -102,9 +102,9 @@ function ct(t, r) {
       return l.component;
   return r;
 }
-const E = it(rt, (t) => ({
+const M = it(rt, (t) => ({
   activator: "parent",
-  location: t.arg?.replace("-", " ") ?? "top",
+  location: t.arg?.replace("-", " "),
   text: typeof t.value == "boolean" ? void 0 : t.value
 })), ut = {
   class: "flex rounded-lg border border-gray-300 dark:border-gray-600",
@@ -121,7 +121,7 @@ const E = it(rt, (t) => ({
     }
   },
   setup(t) {
-    const r = U((n, a) => ({
+    const r = Q((n, a) => ({
       get() {
         return n(), new Date(C.value).getTime();
       },
@@ -131,8 +131,8 @@ const E = it(rt, (t) => ({
       }
     })), i = I({
       input: "YYYY-MM-DD"
-    }), e = z([]), { selectedStac: c } = G(N());
-    J(
+    }), e = U([]), { selectedStac: c } = z(G());
+    N(
       c,
       async (n, a) => {
         if (n && a?.id !== n.id) {
@@ -193,17 +193,17 @@ const E = it(rt, (t) => ({
         }), r.value = a === -1 / 0 ? Date.now() : a === 1 / 0 ? 0 : a;
       }
     }
-    return (n, a) => (b(), K(
-      Q,
+    return (n, a) => (k(), J(
+      q,
       null,
       [
-        p(k(Z), {
+        p(b(Z), {
           modelValue: r.value,
           "onUpdate:modelValue": a[0] || (a[0] = (o) => r.value = o),
           modelModifiers: { number: !0 },
           masks: i.value,
           attributes: e
-        }, W({
+        }, K({
           default: m(({ inputValue: o, inputEvents: s }) => [
             y("div", ut, [
               y("input", x({ value: o }, X(s, !0), {
@@ -225,41 +225,41 @@ const E = it(rt, (t) => ({
             key: "0"
           } : void 0
         ]), 1032, ["modelValue", "masks", "attributes"]),
-        p(q, {
+        p(W, {
           align: "center",
           justify: "center",
           style: { "margin-top": "6px" }
         }, {
           default: m(() => [
-            V((b(), T(M, {
+            V((k(), T(A, {
               style: { padding: "0px", "margin-right": "4px" },
               density: "compact",
               onClick: a[1] || (a[1] = (o) => l(!0))
             }, {
               default: m(() => [
                 p(P, {
-                  icon: [k(tt)]
+                  icon: [b(tt)]
                 }, null, 8, ["icon"])
               ]),
               _: 1
               /* STABLE */
             })), [
-              [E, "Set date to oldest available dataset", "bottom"]
+              [M, "Set date to oldest available dataset", "bottom"]
             ]),
-            V((b(), T(M, {
+            V((k(), T(A, {
               style: { padding: "0px", "margin-left": "4px" },
               density: "compact",
               onClick: a[2] || (a[2] = (o) => l(!1))
             }, {
               default: m(() => [
                 p(P, {
-                  icon: [k(et)]
+                  icon: [b(et)]
                 }, null, 8, ["icon"])
               ]),
               _: 1
               /* STABLE */
             })), [
-              [E, "Set date to latest available dataset", "bottom"]
+              [M, "Set date to latest available dataset", "bottom"]
             ])
           ]),
           _: 1