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

package/core/client/utils/helpers.js

@@ -49,8 +49,14 @@ export function extractLayerConfig(style) {
   let layerConfig = undefined;
   if (style?.jsonform) {
     layerConfig = { schema: style.jsonform, type: "style" };
+    style = { ...style };
     delete style.jsonform;
   }
+  log.debug(
+    "extracted layerConfig",
+    JSON.parse(JSON.stringify({ layerConfig, style })),
+  );
+
   return { layerConfig, style };
 }
 
@@ -59,7 +65,7 @@ export function extractLayerConfig(style) {
  * updates {@link availableMapProjection}
  * @param {import('stac-ts').StacCollection} [STAcCollection]
  */
-export const setMapProjFromCol = (STAcCollection) => {
+export const setMapProjFromCol = async (STAcCollection) => {
   // if a projection exists on the collection level
   log.debug("Checking for available map projection in indicator");
   const projection =
@@ -71,25 +77,22 @@ export const setMapProjFromCol = (STAcCollection) => {
     );
   if (projection) {
     log.debug("Projection found", projection);
-    registerProjection(projection);
+    await registerProjection(projection);
     const projectionCode = getProjectionCode(projection);
-    if (
-      availableMapProjection.value &&
-      availableMapProjection.value !== projectionCode
-    ) {
+    if (availableMapProjection.value !== projectionCode) {
       log.debug(
         "Changing map projection",
         availableMapProjection.value,
         projectionCode,
       );
-      changeMapProjection(projection);
+      await changeMapProjection(projection);
     }
     // set it for `EodashMapBtns`
     availableMapProjection.value = /** @type {string} */ (projectionCode);
   } else {
     // reset to default projection
-    log.debug("Resetting projection to default");
-    changeMapProjection((availableMapProjection.value = "EPSG:3857"));
+    log.debug("Resetting projection to default EPSG:3857");
+    await changeMapProjection((availableMapProjection.value = ""));
   }
 };
 
@@ -138,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;
@@ -163,7 +166,9 @@ export const fetchStyle = async (item, itemUrl) => {
 
     /** @type {import("ol/layer/WebGLTile").Style & {jsonform?:Record<string,any>}} */
     const styleJson = await axios.get(url).then((resp) => resp.data);
-    return styleJson;
+
+    log.debug("fetched styles JSON", JSON.parse(JSON.stringify(styleJson)));
+    return { ...styleJson };
   }
 };
 
@@ -232,7 +237,7 @@ export const extractLayerDatetime = (links, currentStep) => {
   return {
     controlValues,
     currentStep,
-    slider: false,
+    slider: true,
     disablePlay: true,
   };
 };

package/core/client/vite-env.d.ts

@@ -7,6 +7,7 @@ declare module "*.vue" {
 }
 declare interface Window {
   eodashStore: import("@/types").EodashStore;
+  setEodashLoglevel: typeof import("loglevel").setLevel;
 }
 declare module "@eox/stacinfo" {
   export const EOxStacInfo: CustomElementConstructor;

package/dist/client/{DashboardLayout-BR1lU9ER.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-DhR2_xlP.js";
-import { V as k } from "./VMain-Df5VMG9r.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-7z8VFsrZ.js → DynamicWebComponent-BsYZdIEB.js}

@@ -1,4 +1,4 @@
-import { bL as i, aD as m, r as p, Z as d, aQ as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-DhR2_xlP.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-DZoH_gRX.js

@@ -0,0 +1,276 @@
+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,
+  ...R(at({
+    closeOnBack: !1,
+    location: "end",
+    locationStrategy: "connected",
+    eager: !0,
+    minWidth: 0,
+    offset: 10,
+    openOnClick: !1,
+    openOnHover: !0,
+    origin: "auto",
+    scrim: !1,
+    scrollStrategy: "reposition",
+    transition: !1
+  }), ["absolute", "persistent"])
+}, "VTooltip"), rt = _()({
+  name: "VTooltip",
+  props: st(),
+  emits: {
+    "update:modelValue": (t) => !0
+  },
+  setup(t, r) {
+    let {
+      slots: i
+    } = r;
+    const e = $(t, "modelValue"), {
+      scopeId: c
+    } = 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 j(() => {
+      const w = E.filterProps(t);
+      return p(E, x({
+        ref: a,
+        class: ["v-tooltip", t.class],
+        style: t.style,
+        id: n.value
+      }, w, {
+        modelValue: e.value,
+        "onUpdate:modelValue": (d) => e.value = d,
+        transition: u.value,
+        absolute: !0,
+        location: o.value,
+        origin: s.value,
+        persistent: !0,
+        role: "tooltip",
+        activatorProps: g.value,
+        _disableGlobalStack: !0
+      }, c), {
+        activator: i.activator,
+        default: function() {
+          for (var d = arguments.length, D = new Array(d), v = 0; v < d; v++)
+            D[v] = arguments[v];
+          return i.default?.(...D) ?? t.text;
+        }
+      });
+    }), ot({}, a);
+  }
+});
+function it(t, r) {
+  const i = typeof t == "string" ? H(t) : t, e = lt(i, r);
+  return {
+    mounted: e,
+    updated: e,
+    unmounted(c) {
+      B(null, c);
+    }
+  };
+}
+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 = 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);
+  };
+}
+function ct(t, r) {
+  const i = /* @__PURE__ */ new Set(), e = (l) => {
+    for (const n of l) {
+      if (!n) continue;
+      if (n === t)
+        return !0;
+      i.add(n);
+      let a;
+      if (n.suspense ? a = e([n.ssContent]) : Array.isArray(n.children) ? a = e(n.children) : n.component?.vnode && (a = e([n.component?.subTree])), a)
+        return a;
+      i.delete(n);
+    }
+    return !1;
+  };
+  if (!e([r.subTree]))
+    throw new Error("Could not find original vnode");
+  const c = Array.from(i).reverse();
+  for (const l of c)
+    if (l.component)
+      return l.component;
+  return r;
+}
+const M = it(rt, (t) => ({
+  activator: "parent",
+  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",
+  style: { margin: "2px" }
+}, dt = ["value"], ft = {
+  class: "w-full px-4 pb-3",
+  style: { "font-size": "12px" }
+}, mt = ["innerHTML"], yt = {
+  __name: "EodashDatePicker",
+  props: {
+    hintText: {
+      type: String,
+      default: null
+    }
+  },
+  setup(t) {
+    const r = Q((n, a) => ({
+      get() {
+        return n(), new Date(C.value).getTime();
+      },
+      /** @param {number} num */
+      set(o) {
+        a(), S.debug("Datepicker setting currentDate", C.value), C.value = new Date(o).toISOString();
+      }
+    })), i = I({
+      input: "YYYY-MM-DD"
+    }), e = U([]), { selectedStac: c } = z(G());
+    N(
+      c,
+      async (n, a) => {
+        if (n && a?.id !== n.id) {
+          S.debug("Datepicker selected STAC change triggered");
+          const o = [
+            "#009E73",
+            "#0072B2",
+            "#E69F00",
+            "#CC79A7",
+            "#56B4E9",
+            "#D55E00"
+          ];
+          e.splice(0, e.length);
+          for (let s = 0; s < h.length; s++) {
+            S.debug("Retrieving dates", h[s]), await h[s].fetchCollection();
+            const u = [
+              ...new Set(
+                h[s].getItems()?.reduce(
+                  (g, w) => {
+                    const d = Date.parse(
+                      /** @type {string} */
+                      w.datetime
+                    );
+                    return d && g.push(new Date(d)), g;
+                  },
+                  /** @type {Date[]} */
+                  []
+                )
+              )
+            ];
+            e.push({
+              key: "id-" + s.toString() + Math.random().toString(16).slice(2),
+              bar: {
+                style: {
+                  backgroundColor: o[s % o.length]
+                }
+              },
+              dates: u,
+              content: {
+                style: {
+                  color: "#000000",
+                  "font-weight": "bold"
+                }
+              }
+            });
+          }
+        }
+      },
+      { immediate: !0 }
+    );
+    function l(n) {
+      if (e.length) {
+        let a = n ? 1 / 0 : -1 / 0;
+        e.forEach((o) => {
+          o?.dates && o.dates.forEach((s) => {
+            s instanceof Date && (a = Math[n ? "min" : "max"](a, s.getTime()));
+          });
+        }), r.value = a === -1 / 0 ? Date.now() : a === 1 / 0 ? 0 : a;
+      }
+    }
+    return (n, a) => (k(), J(
+      q,
+      null,
+      [
+        p(b(Z), {
+          modelValue: r.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (o) => r.value = o),
+          modelModifiers: { number: !0 },
+          masks: i.value,
+          attributes: e
+        }, K({
+          default: m(({ inputValue: o, inputEvents: s }) => [
+            y("div", ut, [
+              y("input", x({ value: o }, X(s, !0), {
+                style: { margin: "1px" },
+                class: "flex-grow px-1 py-1 bg-white dark:bg-gray-700"
+              }), null, 16, dt)
+            ])
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, [
+          t.hintText ? {
+            name: "footer",
+            fn: m(() => [
+              y("div", ft, [
+                y("span", { innerHTML: t.hintText }, null, 8, mt)
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue", "masks", "attributes"]),
+        p(W, {
+          align: "center",
+          justify: "center",
+          style: { "margin-top": "6px" }
+        }, {
+          default: 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: [b(tt)]
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+              /* STABLE */
+            })), [
+              [M, "Set date to oldest available dataset", "bottom"]
+            ]),
+            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: [b(et)]
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+              /* STABLE */
+            })), [
+              [M, "Set date to latest available dataset", "bottom"]
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+};
+export {
+  yt as default
+};