@eodash/eodash 5.0.0-alpha.2.6 → 5.0.0-alpha.2.7

package/core/client/composables/DefineWidgets.js

@@ -40,9 +40,9 @@ const internalWidgets = (() => {
  * @param {(
  *       | import("@/types").Widget
  *       | import("@/types").BackgroundWidget
+ *       | Omit<import("@/types").Widget, "layout">
  *       | undefined
  *     )[]
- *   | import("@/types").WidgetsContainerProps["widgets"]
  *   | undefined} widgetConfigs
  * @returns {ReactiveDefinedWidget[]}
  */

package/core/client/composables/index.js

@@ -122,3 +122,14 @@ export const useURLSearchParametersSync = () => {
     );
   });
 };
+
+/** @param {import("vue").Ref<HTMLElement|null>} root - components root element ref*/
+export const makePanelTransparent = (root) => {
+  onMounted(() => {
+    const eoxItem = root.value?.parentElement;
+    if (eoxItem?.tagName === "EOX-LAYOUT-ITEM") {
+      eoxItem.style.background = "transparent";
+      eoxItem.style.border = "transparent";
+    }
+  });
+};

package/core/client/eodash.js

@@ -1,6 +1,5 @@
 import { reactive } from "vue";
 import { currentUrl } from "./store/States";
-
 /**
  * Reactive Edoash Instance Object. provided globally in the app, and used as an
  * intermediate object to make user defined instances config reactive.
@@ -71,7 +70,6 @@ export const eodash = reactive({
                     styleOverride:
                       "#properties li > .value {font-weight: normal !important;}",
                     header: "[]",
-
                     subheader: "[]",
                     properties: '["description"]',
                     featured: "[]",
@@ -98,6 +96,21 @@ export const eodash = reactive({
             : null;
         },
       },
+      {
+        defineWidget: (selected) => {
+          return selected
+            ? {
+                id: Symbol(),
+                layout: { x: 8, y: 0, w: 1, h: 1 },
+                title: "Buttons",
+                type: "internal",
+                widget: {
+                  name: "EodashMapBtns",
+                },
+              }
+            : null;
+        },
+      },
     ],
   },
 });

package/core/client/store/Actions.js

@@ -0,0 +1,8 @@
+/**
+ * Returns the current layers of the `eox-map`
+ * @param {string} [el="eox-map"] - `eox-map` element selector
+ * @returns {object[]}
+ */
+export const getLayers = (el = "eox-map") =>
+  //@ts-expect-error layers doesn't exist on type element
+  document.querySelector(el)?.layers.toReversed();

package/core/client/types.d.ts

@@ -245,7 +245,12 @@ export interface EodashStore {
     /** Currently selected indicator */
     indicator: import("vue").Ref<string>;
   };
-  actions: object;
+  actions: {
+    /** returns the layers of the `eox-map`
+     * @param `eox-map` element selector
+     */
+    getLayers: (el: string = "eox-map") => object[];
+  };
   /** Pinia store definition used to navigate the root STAC catalog. */
   stac: {
     useSTAcStore: typeof import("./store/stac.js").useSTAcStore;

package/core/client/utils/index.js

@@ -37,3 +37,15 @@ export const loadFont = async (
   }
   return family;
 };
+
+/**
+ *  @param {string} text
+ *  @param {import("vue").Ref<boolean>} showIcon
+ **/
+export const copyToClipBoard = async (text, showIcon) => {
+  await navigator.clipboard.writeText(text);
+  showIcon.value = true;
+  setTimeout(() => {
+    showIcon.value = false;
+  }, 2000);
+};

package/dist/client/{DashboardLayout-BuDcv6LM.js → DashboardLayout-Cbci3g7o.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-CpQUVi2N.js";
-import { V as k } from "./VMain-Dm43jd43.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-DeaU3QoK.js";
+import { V as k } from "./VMain-Bu1bPjvK.js";
 class A extends HTMLElement {
   static get observedAttributes() {
     return ["gap"];

package/dist/client/{DynamicWebComponent-BEP4rVce.js → DynamicWebComponent-DzmQ3Fr3.js}

@@ -1,4 +1,4 @@
-import { b7 as i, aZ as m, r as p, Z as d, b8 as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-CpQUVi2N.js";
+import { bx as i, aA as m, r as p, Z as d, by as f, $ as c, a6 as g, a0 as y, d as _, a4 as k } from "./asWebComponent-DeaU3QoK.js";
 const h = { class: "d-flex flex-column fill-height overflow-auto" }, C = {
   __name: "DynamicWebComponent",
   props: {
@@ -38,7 +38,7 @@ const h = { class: "d-flex flex-column fill-height overflow-auto" }, C = {
       e.onMounted?.(r.value, s);
     }), f(() => {
       e.onUnmounted?.(r.value, s);
-    }), (n, w) => (c(), g("span", h, [
+    }), (n, b) => (c(), g("span", h, [
       (c(), y(
         k(o.tagName),
         _(o.properties, {

package/dist/client/EodashDatePicker-SP5bYISd.js

@@ -0,0 +1,252 @@
+import { p as B, o as $, g as j, y as _, av as I, c as v, r as V, d as w, a as M, b as p, aw as R, ax as O, T as U, ay as F, x as N, Z as Y, az as H, aA as z, w as G, $ as h, a6 as W, a1 as y, a3 as C, aB as K, F as L, W as Z, a9 as k, aC as q, aD as J, t as S, a0 as T, M as D, aE as Q, V as P, aF as X, aG as x } from "./asWebComponent-DeaU3QoK.js";
+import { t as tt, e as et } from "./eodashSTAC-CFQuZ_cI.js";
+import { m as at, V as E } from "./VOverlay-D_MKJ4vQ.js";
+import { b as ot, f as nt } from "./forwardRefs-D0a135Tc.js";
+const st = B({
+  id: String,
+  text: String,
+  ...$(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 = j()({
+  name: "VTooltip",
+  props: st(),
+  emits: {
+    "update:modelValue": (t) => !0
+  },
+  setup(t, r) {
+    let {
+      slots: i
+    } = r;
+    const o = _(t, "modelValue"), {
+      scopeId: n
+    } = ot(), l = I(), e = v(() => t.id || `v-tooltip-${l}`), a = V(), s = v(() => t.location.split(" ").length > 1 ? t.location : t.location + " center"), c = v(() => t.origin === "auto" || t.origin === "overlap" || t.origin.split(" ").length > 1 || t.location.split(" ").length > 1 ? t.origin : t.origin + " center"), u = v(() => t.transition ? t.transition : o.value ? "scale-transition" : "fade-transition"), f = v(() => w({
+      "aria-describedby": e.value
+    }, t.activatorProps));
+    return M(() => {
+      const b = E.filterProps(t);
+      return p(E, w({
+        ref: a,
+        class: ["v-tooltip", t.class],
+        style: t.style,
+        id: e.value
+      }, b, {
+        modelValue: o.value,
+        "onUpdate:modelValue": (m) => o.value = m,
+        transition: u.value,
+        absolute: !0,
+        location: s.value,
+        origin: c.value,
+        persistent: !0,
+        role: "tooltip",
+        activatorProps: f.value,
+        _disableGlobalStack: !0
+      }, n), {
+        activator: i.activator,
+        default: function() {
+          for (var m = arguments.length, d = new Array(m), g = 0; g < m; g++)
+            d[g] = arguments[g];
+          return i.default?.(...d) ?? t.text;
+        }
+      });
+    }), nt({}, a);
+  }
+});
+function it(t, r) {
+  const i = typeof t == "string" ? R(t) : t, o = lt(i, r);
+  return {
+    mounted: o,
+    updated: o,
+    unmounted(n) {
+      O(null, n);
+    }
+  };
+}
+function lt(t, r) {
+  return function(i, o, n) {
+    const l = typeof r == "function" ? r(o) : r, e = o.value?.text ?? o.value ?? l?.text, a = U(o.value) ? o.value : {}, s = () => e ?? i.innerHTML, c = (n.ctx === o.instance.$ ? ct(n, o.instance.$)?.provides : n.ctx?.provides) ?? o.instance.$.provides, u = F(t, w(l, a), s);
+    u.appContext = Object.assign(/* @__PURE__ */ Object.create(null), o.instance.$.appContext, {
+      provides: c
+    }), O(u, i);
+  };
+}
+function ct(t, r) {
+  const i = /* @__PURE__ */ new Set(), o = (l) => {
+    for (const e of l) {
+      if (!e) continue;
+      if (e === t)
+        return !0;
+      i.add(e);
+      let a;
+      if (e.suspense ? a = o([e.ssContent]) : Array.isArray(e.children) ? a = o(e.children) : e.component?.vnode && (a = o([e.component?.subTree])), a)
+        return a;
+      i.delete(e);
+    }
+    return !1;
+  };
+  if (!o([r.subTree]))
+    throw new Error("Could not find original vnode");
+  const n = Array.from(i).reverse();
+  for (const l of n)
+    if (l.component)
+      return l.component;
+  return r;
+}
+const A = it(rt, (t) => ({
+  activator: "parent",
+  location: t.arg?.replace("-", " ") ?? "top",
+  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"], gt = {
+  __name: "EodashDatePicker",
+  setup(t) {
+    function r(e) {
+      if (n.value && n.value.length > 0) {
+        let a = e ? 1 / 0 : -1 / 0;
+        n.value.forEach((s) => {
+          s?.dates && s.dates.forEach((c) => {
+            c instanceof Date && (!e && c.getTime() > a || e && c.getTime() < a) && (a = c.getTime());
+          });
+        }), a !== 0 && (l.value = new Date(a));
+      }
+    }
+    const i = (
+      /** @type {import("@/types").Eodash} */
+      N(Z)
+    ), o = V({
+      input: "YYYY-MM-DD"
+    }), n = V([]), l = v({
+      get() {
+        return x.value ? new Date(x.value) : /* @__PURE__ */ new Date();
+      },
+      /** @param {Date | string} updatedDate */
+      set(e) {
+        e instanceof Date && !isNaN(e.getTime()) ? x.value = new Date(
+          e.getTime() - e.getTimezoneOffset() * 6e4
+        ).toISOString() : x.value = (/* @__PURE__ */ new Date()).toISOString();
+      }
+    });
+    return Y(() => {
+      const { selectedStac: e } = H(z());
+      G(
+        [e],
+        async ([a]) => {
+          if (a) {
+            const s = tt(
+              `./${a.id}/collection.json`,
+              i.stacEndpoint
+            ), c = et(
+              e.value,
+              s
+            ), u = [
+              "#009E73",
+              "#0072B2",
+              "#E69F00",
+              "#CC79A7",
+              "#56B4E9",
+              "#D55E00"
+            ];
+            for (let f = 0; f < c.length; f++) {
+              const m = (await (await fetch(c[f])).json()).links.filter(
+                (d) => d.rel === "item" && "datetime" in d
+              ).map(
+                (d) => new Date(d.datetime)
+              );
+              n.value = [
+                {
+                  bar: {
+                    style: {
+                      backgroundColor: u[f % u.length]
+                    }
+                  },
+                  dates: m
+                }
+              ];
+            }
+          }
+        },
+        { immediate: !0 }
+      );
+    }), (e, a) => (h(), W(
+      L,
+      null,
+      [
+        p(C(J), {
+          modelValue: l.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (s) => l.value = s),
+          masks: o.value,
+          attributes: n.value
+        }, {
+          default: y(({ inputValue: s, inputEvents: c }) => [
+            k("div", ut, [
+              k("input", w({ value: s }, q(c, !0), {
+                style: { margin: "1px" },
+                class: "flex-grow px-1 py-1 bg-white dark:bg-gray-700"
+              }), null, 16, dt)
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue", "masks", "attributes"]),
+        p(K, {
+          align: "center",
+          justify: "center",
+          style: { "margin-top": "6px" }
+        }, {
+          default: y(() => [
+            S((h(), T(P, {
+              style: { padding: "0px", "margin-right": "4px" },
+              density: "compact",
+              onClick: a[1] || (a[1] = (s) => r(!0))
+            }, {
+              default: y(() => [
+                p(D, {
+                  icon: [C(Q)]
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+              /* STABLE */
+            })), [
+              [A, "Set date to oldest available dataset", "bottom"]
+            ]),
+            S((h(), T(P, {
+              style: { padding: "0px", "margin-left": "4px" },
+              density: "compact",
+              onClick: a[2] || (a[2] = (s) => r(!1))
+            }, {
+              default: y(() => [
+                p(D, {
+                  icon: [C(X)]
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+              /* STABLE */
+            })), [
+              [A, "Set date to latest available dataset", "bottom"]
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+};
+export {
+  gt as default
+};

package/dist/client/{EodashItemFilter-BElmgrST.js → EodashItemFilter-B9Tf2TBw.js}

@@ -1,5 +1,5 @@
-import { $ as p, a0 as c } from "./asWebComponent-CpQUVi2N.js";
-import m from "./DynamicWebComponent-BEP4rVce.js";
+import { $ as p, a0 as c } from "./asWebComponent-DeaU3QoK.js";
+import m from "./DynamicWebComponent-DzmQ3Fr3.js";
 const f = {
   __name: "EodashItemFilter",
   setup(d) {

package/dist/client/{EodashMap-DXyOgcEd.js → EodashMap-D_znzmX7.js}

@@ -1,6 +1,6 @@
-import { x as M1, b4 as xi, $ as T1, a0 as R1, W as C1, aY as I1, w as P1, b3 as A1 } from "./asWebComponent-CpQUVi2N.js";
-import { t as L1, e as O1, E as F1 } from "./eodashSTAC-Q7kbX1Gy.js";
-import N1 from "./DynamicWebComponent-BEP4rVce.js";
+import { x as M1, aH as xi, $ as T1, a0 as R1, W as C1, az as I1, w as P1, aG as A1 } from "./asWebComponent-DeaU3QoK.js";
+import { t as L1, e as O1, E as F1 } from "./eodashSTAC-CFQuZ_cI.js";
+import N1 from "./DynamicWebComponent-DzmQ3Fr3.js";
 var D1 = Object.defineProperty, k1 = (r, t, e) => t in r ? D1(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, du = (r, t, e) => k1(r, typeof t != "symbol" ? t + "" : t, e);
 class ln {
   /**
@@ -36762,7 +36762,7 @@ gi([8, 32946], () => import("./deflate-BXt-9JA_-CWfClgpK.js").then((r) => r.defa
 gi(32773, () => import("./packbits-BlDR4Kj5-C66n1-zr.js").then((r) => r.default));
 gi(
   34887,
-  () => import("./lerc-DzVumYtB-rm1Xco54.js").then(async (r) => (await r.zstd.init(), r)).then((r) => r.default)
+  () => import("./lerc-DzVumYtB-B3rx9xzz.js").then(async (r) => (await r.zstd.init(), r)).then((r) => r.default)
 );
 gi(50001, () => import("./webimage-BM_pbLN3-L2cGWK5l.js").then((r) => r.default));
 function Ph(r, t, e, n = 1) {
@@ -37688,7 +37688,7 @@ class cA {
    */
   constructor(t = hA, e) {
     this.workers = null, this._awaitingDecoder = null, this.size = t, this.messageId = 0, t && (this._awaitingDecoder = e ? Promise.resolve(e) : new Promise((n) => {
-      import("./decoder-CP4lv0Kb-BHrv68IA.js").then((i) => {
+      import("./decoder-CP4lv0Kb-nokx54iM.js").then((i) => {
         n(i.create);
       });
     }), this._awaitingDecoder.then((n) => {

package/dist/client/EodashMapBtns-BOKugQ88.js

@@ -0,0 +1,37 @@
+import { _ as l, r as s, aJ as r, $ as p, a6 as d, b as n, a3 as c, V as u, aK as m } from "./asWebComponent-DeaU3QoK.js";
+import f from "./ExportState-D7m9s4T8.js";
+const i = "Export Map", _ = `<h2>
+           code example
+         </h2>`, v = {
+  __name: "EodashMapBtns",
+  setup(x) {
+    const e = s(!1), o = s(null);
+    return r(o), (V, a) => (p(), d(
+      "div",
+      {
+        ref_key: "rootRef",
+        ref: o,
+        class: "d-flex align-end justify-end my-3 pa-2"
+      },
+      [
+        n(u, {
+          class: "map-btn",
+          color: "primary",
+          icon: [c(m)],
+          onClick: a[0] || (a[0] = (t) => e.value = !e.value)
+        }, null, 8, ["icon"]),
+        n(f, {
+          header: i,
+          code: _,
+          modelValue: e.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (t) => e.value = t)
+        }, null, 8, ["modelValue"])
+      ],
+      512
+      /* NEED_PATCH */
+    ));
+  }
+}, E = /* @__PURE__ */ l(v, [["__scopeId", "data-v-c00e4b09"]]);
+export {
+  E as default
+};